@charset "UTF-8";
  :root {
--c-primary: #005B4C;
--c-secondary: #262626;
--c-primary-hover:#023029;
--c-success: #008268;
--c-danger: #FF4D4F;
--c-orange:#FF6200;
--c-warning: #FFB800;
--c-black: #000000;
--c-white: #ffffff;
--c-primary-200:#A1F9DA;
--c-dark-gray:#171717;
--c-black-700:#404040;
--c-brown-green:#203227;
--c-title-grey: #A3A3A3;
--c-dark-primary: #003029;
--c-light-primary:#CEFDEA;
--c-light-green:#EBFEF7;
--c-primary-600:#00A27E;
--c-primary-400:#27E0AF;
--c-primary-800:#006653;
--c-light-grey:#71847a;
--c-border-color:#0000001A;
--c-green-Primary-500:#02C79A;
--c-dark-grey: #737373;
--c-footer-gray:#525252;
--c-gray-98:#FAFAFA;
--c-black-100:#e5e5e5;
--c-gray-300:#f9fafb;
--c-green-border:#64F1C7;
--c-gray-500:#6B7280;
--c-gray-100:#fbfce9;
--c-gray-400:#9CA3AF;
--c-gray-800:#1F2937;
--c-bg-form:#F5FFFB;
--font-thin: "Inter-Thin", Arial, Helvetica, sans-serif;
--font-light: "Inter-Light", Arial, Helvetica, sans-serif;
--font-regular: "Inter-Regular", Arial, Helvetica, sans-serif;
--font-button: "Inter-Medium", Arial, Helvetica, sans-serif;
--font-semi-bold: "Inter-SemiBold", Arial, Helvetica, sans-serif;
--font-bold: "Inter-Bold", Arial, Helvetica, sans-serif;
}          @font-face {
font-family: "Inter-Thin-Thin";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Thin/Inter-Thin-Thin.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Thin/Inter-Thin-Thin.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Inter-Light-Light";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Light/Inter-Light-Light.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Light/Inter-Light-Light.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Inter-Regular-Regular";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Regular/Inter-Regular-Regular.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Regular/Inter-Regular-Regular.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Inter-Medium-Medium";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Medium/Inter-Medium-Medium.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Medium/Inter-Medium-Medium.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Inter-SemiBold-SemiBold";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-SemiBold/Inter-SemiBold-SemiBold.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-SemiBold/Inter-SemiBold-SemiBold.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Inter-Bold-Bold";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Bold/Inter-Bold-Bold.woff2) format("woff2"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/dist/assets/fonts/Inter-Bold/Inter-Bold-Bold.woff) format("woff");
font-display: swap;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 5.625rem;
box-sizing: border-box;
}
@media (max-width: 992px) {
html {
scroll-padding-top: 0;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--font-regular);
line-height: 1;
color: var(--c-secondary);
letter-spacing: 0px;
margin: 0;
}
@media (max-width: 1280px) {
html,
body {
font-size: 1rem;
}
}
body main {
margin-top: 3.75rem;
}
@media (max-width: 1366px) {
body main {
margin-top: 8.5625rem;
}
}
@media (max-width: 768px) {
body main {
margin-top: 3.75rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-semi-bold);
line-height: 1.1;
font-weight: normal;
margin: 0;
}
h1,
.h1 {
font-size: 3.75rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 1280px) {
h1,
.h1 {
font-size: 3rem;
}
}
@media (max-width: 768px) {
h1,
.h1 {
font-size: 2.875rem;
}
h1 + h2,
.h1 + h2 {
margin-top: 0.9375rem;
}
}
@media (max-width: 640px) {
h1,
.h1 {
font-size: 2.5rem;
}
}
@media (max-width: 576px) {
h1,
.h1 {
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
h1,
.h1 {
font-size: 1.875rem;
}
}
@media (max-width: 375px) {
h1,
.h1 {
font-size: 1.625rem;
}
}
h2,
.h2 {
font-size: 2.25rem;
line-height: 1.1;
}
@media (max-width: 1280px) {
h2,
.h2 {
font-size: 2rem;
}
}
@media (max-width: 768px) {
h2,
.h2 {
font-size: 1.875rem;
}
}
@media (max-width: 640px) {
h2,
.h2 {
font-size: 1.75rem;
}
}
@media (max-width: 576px) {
h2,
.h2 {
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
h2,
.h2 {
font-size: 1.375rem;
}
}
@media (max-width: 375px) {
h2,
.h2 {
font-size: 1.375rem;
}
}
h3,
.h3 {
font-size: 1.75rem;
line-height: 1.1;
font-weight: 600;
}
@media (max-width: 1366px) {
h3,
.h3 {
font-size: 1.5rem;
}
}
@media (max-width: 1280px) {
h3,
.h3 {
font-size: 1.5rem;
}
}
@media (max-width: 768px) {
h3,
.h3 {
font-size: 1.5rem;
}
}
@media (max-width: 576px) {
h3,
.h3 {
font-size: 1.125rem;
}
}
@media (max-width: 480px) {
h3,
.h3 {
font-size: 1.125rem;
}
}
@media (max-width: 375px) {
h3,
.h3 {
font-size: 1.125rem;
}
}
h4,
.h4 {
font-size: 1.75rem;
line-height: 1.1;
}
@media (max-width: 768px) {
h4,
.h4 {
font-size: 1.25rem;
}
}
h5,
.h5 {
font-size: 1.5rem;
line-height: 1.3;
}
h6,
.h6 {
font-size: 1.25rem;
line-height: 1.4;
}
p, .p {
line-height: 1.4;
font-size: 1.125rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
letter-spacing: 0.025rem;
}
@media (max-width: 768px) {
p, .p {
font-size: 1rem;
}
}
@media (max-width: 576px) {
p, .p {
font-size: 0.875rem;
}
}
ul,
ol {
list-style: none;
font-size: 1rem;
line-height: 1.4;
padding: 0;
}
@media (max-width: 1440px) {
ul,
ol {
font-size: 1.125rem;
}
}
@media (max-width: 768px) {
ul,
ol {
font-size: 1.0625rem;
}
}
.container {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin: auto;
max-width: 1320px;
}
@media (max-width: 1280px) {
.container {
max-width: 991px;
}
}
@media (max-width: 768px) {
.container {
max-width: 1024px;
}
}
@media (max-width: 1366px) {
.container {
max-width: 1024px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (max-width: 768px) {
.container {
max-width: 100%;
}
}
.container.extend .content {
width: calc(1320px - 1.875rem + (100vw - 1320px) / 2);
}
@media (max-width: 768px) {
.container.extend .content {
width: calc(1024px - 1.875rem + (100vw - 1024px) / 2);
}
}
@media (max-width: 1280px) {
.container.extend .content {
width: calc(991px - 1.875rem + (100vw - 991px) / 2);
}
}
@media (max-width: 1366px) {
.container.extend .content {
width: calc(768px - 1.875rem + (100vw - 768px) / 2);
}
}
@media (max-width: 992px) {
.container.extend .content {
width: 100%;
}
}
.transition, a,
.btn,
.icon {
transition: 0.25s all ease-in-out;
transform-origin: center center;
}
a {
text-decoration: none;
color: var(--c-white);
}
strong,
b {
font-weight: normal;
}
.border-radius-100 {
border-radius: 100%;
}
.overflow-hidden {
overflow: hidden;
}
mark {
background: none;
text-decoration: none;
}
.pointer {
cursor: pointer;
}
.overlay {
height: 100vh;
-webkit-backdrop-filter: blur(0.375rem);
backdrop-filter: blur(0.375rem);
background-color: rgba(0, 0, 0, 0.15);
visibility: hidden;
opacity: 0;
}
.overlay.active {
opacity: 1;
visibility: visible;
}
.bg-light-green {
background-color: var(--c-bg-green);
}
.bg-green-primary {
background-color: var(--c-light-primary);
}
img {
width: 100%;
display: block;
height: auto;
}
.spacer-common {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.spacer-top-0 {
padding-top: 0rem;
}
.spacer-bottom-0 {
padding-bottom: 0rem;
}
.spacer-top-small {
padding-top: 2.5rem;
}
.spacer-bottom-small {
padding-bottom: 2.5rem;
}
.spacer-top-medium {
padding-top: 3.75rem;
}
.spacer-bottom-medium {
padding-bottom: 3.75rem;
}
.spacer-top-large {
padding-top: 7.5rem;
}
.spacer-bottom-large {
padding-bottom: 7.5rem;
}
@media (max-width: 576px) {
.spacer-top-large {
padding-top: 3.75rem;
}
}
@font-face {
font-family: "icomoon";
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/assets/fonts/icons/icomoon-v2.eot?yl66p8);
src: url(//teqtivity.com/wp-content/themes/teqtivity-2025/assets/fonts/icons/icomoon-v2.eot?yl66p8#iefix) format("embedded-opentype"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/assets/fonts/icons/icomoon-v2.ttf?yl66p8) format("truetype"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/assets/fonts/icons/icomoon-v2.woff?yl66p8) format("woff"), url(//teqtivity.com/wp-content/themes/teqtivity-2025/assets/fonts/icons/icomoon-v2.svg?yl66p8#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-play-btn:before {
content: "\e90a";
}
.icon-arrow-down:before {
content: "\e900";
}
.icon-arrow-left:before {
content: "\e901";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-right-arrow:before {
content: "\e902";
}
.icon-backspace:before {
content: "\e903";
}
.icon-check:before {
content: "\e904";
}
.icon-chevron-down:before {
content: "\e905";
}
.icon-Frame-690:before {
content: "\e906";
}
.icon-mail:before {
content: "\e907";
}
.icon-phone:before {
content: "\e908";
}
.icon-search:before {
content: "\e909";
}
.icon-check {
width: 20px;
height: 20px;
background-color: var(--c-primary, #005B4C);
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
flex-shrink: 0;
}
.icon-check::before {
color: white;
font-size: 12px;
line-height: 1;
}
.icon-check.icon-check--small {
width: 16px;
height: 16px;
font-size: 10px;
}
.icon-check.icon-check--small::before {
font-size: 10px;
}
.icon-check.icon-check--large {
width: 24px;
height: 24px;
font-size: 14px;
}
.icon-check.icon-check--large::before {
font-size: 14px;
}
.btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0.5rem;
padding: 0.75rem 1rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: normal;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 1rem;
cursor: pointer;
}
@media (max-width: 640px) {
.btn {
font-size: 0.875rem;
}
}
.btn:disabled {
cursor: not-allowed;
}
.btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
min-width: 8.4375rem;
font-family: var(--font-button);
min-height: 3.25rem;
}
@media (max-width: 640px) {
.btn-primary {
min-width: 7.5rem;
font-size: 0.875rem;
}
}
.btn-primary:hover, .btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.btn-search {
padding: 1.25rem;
min-width: 7.8125rem;
background-color: var(--c-primary);
color: var(--c-white);
font-family: var(--font-button);
min-height: 3.25rem;
border: none;
}
.btn-search:hover, .btn-search:focus {
background-color: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.btn-primary-outline:hover, .btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
@media (max-width: 640px) {
.btn-secondary {
font-size: 0.875rem;
}
}
.btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.btn-secondary-outline:hover {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.btn-secondary-outline:focus {
border-color: var(--c-black);
color: var(--c-white);
}
.btn-take-tour {
color: var(--c-dark-primary);
border: 0.125rem solid var(--c-success);
margin-left: 0.5rem;
}
.btn-take-tour:hover {
background: var(--c-success);
border-color: var(--c-success);
color: var(--c-white);
}
.btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
.header-actions {
display: flex;
align-items: center;
}
.header-actions .btn-primary {
min-height: 0.625rem;
}
.header-actions .contact-btn {
color: var(--c-secondary);
font-family: var(--font-button);
font-size: 1rem;
font-weight: 500;
text-decoration: none;
padding: 0.5rem 0.625rem;
border-radius: 0.375rem;
transition: color 0.2s ease;
}
.header-actions .contact-btn:hover {
color: var(--c-primary);
}
.header-actions .demo-btn {
background: var(--c-primary);
color: var(--c-white);
font-family: var(--font-button);
font-size: 1rem;
font-weight: 500;
text-decoration: none;
padding: 0.5rem 1.5rem;
border-radius: 0.375rem;
transition: background-color 0.2s ease;
}
.header-actions .demo-btn:hover {
background: var(--c-primary-hover);
}
@media (max-width: 2560px) {
.desktop-xxxl\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.desktop-xxxl\:btn:disabled {
cursor: not-allowed;
}
.desktop-xxxl\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.desktop-xxxl\:btn-primary:hover, .desktop-xxxl\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.desktop-xxxl\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.desktop-xxxl\:btn-primary-outline:hover, .desktop-xxxl\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-xxxl\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.desktop-xxxl\:btn-secondary:hover, .desktop-xxxl\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-xxxl\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.desktop-xxxl\:btn-secondary-outline:hover, .desktop-xxxl\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.desktop-xxxl\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 1440px) {
.desktop-lg\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.desktop-lg\:btn:disabled {
cursor: not-allowed;
}
.desktop-lg\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.desktop-lg\:btn-primary:hover, .desktop-lg\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.desktop-lg\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.desktop-lg\:btn-primary-outline:hover, .desktop-lg\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-lg\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.desktop-lg\:btn-secondary:hover, .desktop-lg\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-lg\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.desktop-lg\:btn-secondary-outline:hover, .desktop-lg\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.desktop-lg\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 1366px) {
.desktop-md\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.desktop-md\:btn:disabled {
cursor: not-allowed;
}
.desktop-md\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.desktop-md\:btn-primary:hover, .desktop-md\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.desktop-md\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.desktop-md\:btn-primary-outline:hover, .desktop-md\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-md\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.desktop-md\:btn-secondary:hover, .desktop-md\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-md\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.desktop-md\:btn-secondary-outline:hover, .desktop-md\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.desktop-md\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 1280px) {
.desktop-sm\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.desktop-sm\:btn:disabled {
cursor: not-allowed;
}
.desktop-sm\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.desktop-sm\:btn-primary:hover, .desktop-sm\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.desktop-sm\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.desktop-sm\:btn-primary-outline:hover, .desktop-sm\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-sm\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.desktop-sm\:btn-secondary:hover, .desktop-sm\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-sm\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.desktop-sm\:btn-secondary-outline:hover, .desktop-sm\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.desktop-sm\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 1024px) {
.desktop-xs\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.desktop-xs\:btn:disabled {
cursor: not-allowed;
}
.desktop-xs\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.desktop-xs\:btn-primary:hover, .desktop-xs\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.desktop-xs\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.desktop-xs\:btn-primary-outline:hover, .desktop-xs\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-xs\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.desktop-xs\:btn-secondary:hover, .desktop-xs\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.desktop-xs\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.desktop-xs\:btn-secondary-outline:hover, .desktop-xs\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.desktop-xs\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 992px) {
.tablet-lg\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.tablet-lg\:btn:disabled {
cursor: not-allowed;
}
.tablet-lg\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.tablet-lg\:btn-primary:hover, .tablet-lg\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.tablet-lg\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.tablet-lg\:btn-primary-outline:hover, .tablet-lg\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-lg\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.tablet-lg\:btn-secondary:hover, .tablet-lg\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-lg\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.tablet-lg\:btn-secondary-outline:hover, .tablet-lg\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.tablet-lg\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 768px) {
.tablet-md\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.tablet-md\:btn:disabled {
cursor: not-allowed;
}
.tablet-md\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.tablet-md\:btn-primary:hover, .tablet-md\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.tablet-md\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.tablet-md\:btn-primary-outline:hover, .tablet-md\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-md\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.tablet-md\:btn-secondary:hover, .tablet-md\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-md\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.tablet-md\:btn-secondary-outline:hover, .tablet-md\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.tablet-md\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 640px) {
.tablet-sm\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.tablet-sm\:btn:disabled {
cursor: not-allowed;
}
.tablet-sm\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.tablet-sm\:btn-primary:hover, .tablet-sm\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.tablet-sm\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.tablet-sm\:btn-primary-outline:hover, .tablet-sm\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-sm\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.tablet-sm\:btn-secondary:hover, .tablet-sm\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.tablet-sm\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.tablet-sm\:btn-secondary-outline:hover, .tablet-sm\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.tablet-sm\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 576px) {
.mobile-lg\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-lg\:btn:disabled {
cursor: not-allowed;
}
.mobile-lg\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.mobile-lg\:btn-primary:hover, .mobile-lg\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.mobile-lg\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.mobile-lg\:btn-primary-outline:hover, .mobile-lg\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-lg\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.mobile-lg\:btn-secondary:hover, .mobile-lg\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-lg\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.mobile-lg\:btn-secondary-outline:hover, .mobile-lg\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.mobile-lg\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 480px) {
.mobile-md\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-md\:btn:disabled {
cursor: not-allowed;
}
.mobile-md\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.mobile-md\:btn-primary:hover, .mobile-md\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.mobile-md\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.mobile-md\:btn-primary-outline:hover, .mobile-md\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-md\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.mobile-md\:btn-secondary:hover, .mobile-md\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-md\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.mobile-md\:btn-secondary-outline:hover, .mobile-md\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.mobile-md\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 375px) {
.mobile-sm\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-sm\:btn:disabled {
cursor: not-allowed;
}
.mobile-sm\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.mobile-sm\:btn-primary:hover, .mobile-sm\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.mobile-sm\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.mobile-sm\:btn-primary-outline:hover, .mobile-sm\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-sm\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.mobile-sm\:btn-secondary:hover, .mobile-sm\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-sm\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.mobile-sm\:btn-secondary-outline:hover, .mobile-sm\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.mobile-sm\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
@media (max-width: 320px) {
.mobile-xs\:btn {
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
text-transform: uppercase;
min-width: 10rem;
min-height: 3.5rem;
padding: 0.625rem 1.875rem;
font-family: var(--font-button);
font-size: 1rem;
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-xs\:btn:disabled {
cursor: not-allowed;
}
.mobile-xs\:btn-primary {
border-color: var(--c-primary);
background: var(--c-primary);
color: var(--c-white);
}
.mobile-xs\:btn-primary:hover, .mobile-xs\:btn-primary:focus {
background: var(--c-primary-hover);
border-color: var(--c-primary-hover);
color: var(--c-white);
}
.mobile-xs\:btn-primary-outline {
border-color: var(--c-primary);
background: transparent;
color: var(--c-primary);
}
.mobile-xs\:btn-primary-outline:hover, .mobile-xs\:btn-primary-outline:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-xs\:btn-secondary {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
color: var(--c-white);
}
.mobile-xs\:btn-secondary:hover, .mobile-xs\:btn-secondary:focus {
background: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.mobile-xs\:btn-secondary-outline {
border-color: var(--c-secondary);
background: transparent;
color: var(--c-secondary);
}
.mobile-xs\:btn-secondary-outline:hover, .mobile-xs\:btn-secondary-outline:focus {
background: var(--c-black);
border-color: var(--c-black);
color: var(--c-white);
}
.mobile-xs\:btn.close {
height: 3.4375rem;
width: 3.4375rem;
min-width: auto;
min-height: auto;
font-size: 1.5625rem;
padding: 0.625rem;
line-height: 1.5;
}
}
.title-left {
text-align: left;
}
.title-centre {
text-align: center;
}
.title-right {
text-align: right;
}
.osano-cm-info p, .osano-cm-info .p {
color: var(--c-white);
}
.header {
position: fixed;
-webkit-backdrop-filter: blur(140px);
backdrop-filter: blur(140px);
background: var(--c-white);
transition: 0.3s all;
left: 0;
right: 0;
top: 0;
z-index: 999;
box-shadow: 0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.05);
}
.header .main-navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.625rem 0;
position: relative !important;
}
@media (max-width: 1366px) {
.header .main-navigation {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.header .main-navigation {
padding: 0.9375rem 0;
}
}
@media (max-width: 1366px) {
.header .main-navigation .site-logo {
order: 1;
}
}
@media (max-width: 480px) {
.header .main-navigation .site-logo {
margin-bottom: 0rem;
}
}
.header .main-navigation .site-logo a {
display: block;
text-decoration: none;
}
.header .main-navigation .site-logo a img {
max-height: 30px;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.header .main-navigation .site-logo a .logo-desktop {
display: block;
}
.header .main-navigation .site-logo a .logo-tablet {
display: none;
}
.header .main-navigation .site-logo a .logo-mobile {
display: none;
}
@media (max-width: 768px) {
.header .main-navigation .site-logo a .logo-desktop {
display: none;
}
.header .main-navigation .site-logo a .logo-tablet {
display: block;
}
.header .main-navigation .site-logo a .logo-mobile {
display: none;
}
}
@media (max-width: 480px) {
.header .main-navigation .site-logo a .logo-desktop {
display: none;
}
.header .main-navigation .site-logo a .logo-tablet {
display: none;
}
.header .main-navigation .site-logo a .logo-mobile {
display: block;
}
.header .main-navigation .site-logo a img {
max-height: 2.5rem;
}
}
.header .main-navigation #mega-menu-wrap-header-menu {
background-color: transparent !important;
position: unset !important;
}
@media (max-width: 1366px) {
.header .main-navigation #mega-menu-wrap-header-menu {
order: 3;
width: 100%;
margin: 1.25rem 0;
}
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu {
position: absolute;
right: 0;
margin: 0;
}
}
.header .main-navigation #mega-menu-wrap-header-menu .mega-close {
left: min(100vw - 40px, 92%) !important;
top: 0.9375rem;
}
@media (max-width: 480px) {
.header .main-navigation #mega-menu-wrap-header-menu .mega-close {
left: min(100vw - 40px, 85%) !important;
}
}
.header .main-navigation #mega-menu-wrap-header-menu .mega-close::before {
font-size: 1.875rem !important;
color: var(--c-black) !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu .mega-menu-toggle {
background-color: transparent;
position: absolute;
right: 0;
top: 20%;
}
}
.header .main-navigation #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
cursor: pointer;
background-color: var(--c-secondary);
}
.header .main-navigation #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
background-color: var(--c-secondary);
}
.header .main-navigation #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: var(--c-secondary);
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu {
position: unset !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu {
position: fixed !important;
inset: 0;
width: 100vw;
height: 100vh;
background-color: var(--c-white);
padding: 0.625rem 1.5rem;
display: none;
overflow-y: auto;
z-index: 1000;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu {
align-items: flex-start;
}
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu {
display: none !important;
padding: 0 !important;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.is-open > ul.mega-sub-menu {
display: block !important;
padding-left: 1.875rem !important;
}
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu.show-menu {
display: flex !important;
height: 95vh;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu {
position: unset !important;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu #mobile-menu-actions {
display: none;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu #mobile-menu-actions {
display: flex;
gap: 1rem;
margin-top: 0.25rem;
flex-direction: column;
align-items: flex-start;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu #mobile-menu-actions .contact-btn {
color: var(--c-primary);
background: transparent;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu #mobile-menu-actions .contact-btn {
font-size: 1rem;
font-weight: 600;
}
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
text-align: center;
padding: 0.25rem 0;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
position: unset !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
text-align: center;
padding: 0.5rem 0;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu {
min-width: 1rem !important;
max-width: none !important;
border-radius: 0.75rem;
box-shadow: 0.5rem 0.5rem 1.0625rem 0.625rem var(--c-border-color);
position: absolute !important;
padding: 0.625rem;
background-color: var(--c-white);
width: -moz-fit-content;
width: fit-content;
margin: auto 6% 0 21%;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu {
position: static !important;
box-shadow: none;
border-radius: 0;
padding: 0.5rem 0;
width: 100%;
margin: 0;
}
}
@media (max-width: 480px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu {
min-width: 5.625rem !important;
margin: 0 auto;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .h3 {
color: var(--c-dark-gray);
font-size: 1.125rem;
font-family: var(--font-bold);
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.1;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .h3 {
display: none;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu img {
border-radius: 0.5rem !important;
margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu img {
display: none;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu a {
color: var(--c-primary);
font-size: 1rem;
font-family: var(--font-button);
font-weight: 500;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row {
max-width: 100% !important;
background-color: var(--c-white);
border-radius: 0.75rem;
position: unset !important;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu {
max-width: 100% !important;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu > li.mega-menu-column {
border-right: 1px solid var(--c-border-color);
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu > li.mega-menu-column {
border: none !important;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu > li.mega-menu-column:last-child {
border-right: none;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu > li.mega-menu-column:last-child {
display: none !important;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu li.mega-menu-column.asset-management .mega-block-title {
color: var(--c-dark-gray);
font-size: 1rem !important;
font-family: var(--font-bold) !important;
font-weight: 700 !important;
margin-bottom: 1rem;
line-height: 1.1;
opacity: 1;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu li.mega-menu-column.asset-management .mega-block-title {
display: none;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-block-title {
color: var(--c-black);
opacity: 0.6;
font-size: 0.875rem !important;
font-family: var(--font-regular) !important;
font-weight: 400 !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-block-title {
text-align: left !important;
text-transform: capitalize !important;
font-weight: 600 !important;
font-weight: 0.875rem;
color: var(--c-dark-primary);
opacity: 1;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu .menu-item-type-custom {
padding: 0.625rem 0 !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu .menu-item-type-custom {
text-align: left !important;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > ul.mega-sub-menu .mega-menu-row .mega-sub-menu .menu-item-type-custom a {
font-size: 0.875rem;
color: var(--c-dark-gray);
font-family: var(--font-regular);
font-weight: 400;
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link {
color: var(--c-secondary) !important;
background-color: transparent !important;
position: unset !important;
padding: 0 1rem;
cursor: pointer;
white-space: nowrap;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link {
display: block;
padding: 0 !important;
font-size: 1rem;
text-align: left;
font-weight: 600;
}
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link .mega-indicator {
position: absolute;
display: inline-block;
margin-left: 0.25rem;
height: auto;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link .mob-logo-container {
display: none;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link .mob-logo-container {
display: block;
position: absolute;
left: 1.25rem;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link:focus {
background: transparent !important;
color: var(--c-secondary) !important;
font-weight: normal !important;
border-color: transparent !important;
text-decoration: none !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link:focus {
text-align: left;
font-weight: 600;
}
}
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link:hover {
background: transparent !important;
}
@media (max-width: 768px) {
.header .main-navigation #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item a.mega-menu-link:hover {
text-align: left;
font-weight: 600 !important;
}
}
.header .main-navigation .menu {
padding: 0;
margin: 0;
}
.header .main-navigation .menu .menu-item {
list-style: none;
padding: 1.375rem 1.25rem;
}
.header .main-navigation .menu .menu-item a {
cursor: pointer;
color: var(--c-black);
font-size: 1rem;
font-family: var(--font-button);
}
.header .main-navigation .menu .menu-item .submenu {
position: fixed;
background: transparent;
left: 0rem;
top: 4.375rem;
z-index: 1000;
right: 0;
}
.header .main-navigation .menu .menu-item .submenu .container {
display: flex;
justify-content: space-between;
max-width: 60rem;
background-color: var(--c-white);
padding: 30px;
}
.header .main-navigation .menu .menu-item .submenu .container ul {
padding: 0;
margin: 0;
padding-right: 1.875rem;
padding-left: 1.875rem;
border-right: 1px solid var(--c-border-color);
}
.header .main-navigation .menu .menu-item .submenu .container ul:first-child {
padding-left: 0;
}
.header .main-navigation .menu .menu-item .submenu .container ul.submenu-post {
padding: 0 30px;
}
.header .main-navigation .menu .menu-item .submenu .container ul.submenu-post img {
display: block;
width: 100%;
}
@media (max-width: 1366px) {
.header .main-navigation .header-actions {
order: 2;
}
}
@media (max-width: 768px) {
.header .main-navigation .header-actions {
position: relative;
margin-right: 4.375rem;
}
body.menu-open .header .main-navigation .header-actions {
display: none;
}
}
.header .main-navigation .header-actions .contact-btn {
color: var(--c-primary);
font-size: 1rem;
text-decoration: none;
padding: 0.625rem 0.625rem;
border: none;
background-color: transparent;
margin-right: 1rem;
cursor: pointer;
}
@media (max-width: 768px) {
.header .main-navigation .header-actions .contact-btn {
display: none;
}
}
.header .main-navigation .header-actions .contact-btn:hover {
color: var(--c-primary-hover);
}
.header .main-navigation .header-actions .btn-primary {
font-size: 0.875rem;
padding: 0.4375rem 0.5rem;
min-width: 7.625rem;
}
@media (max-width: 768px) {
.header .main-navigation .header-actions .btn-primary {
display: none;
}
}
.bg-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
margin: auto;
}
.bg-wrapper .bg {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.hero-banner-with-brands {
position: relative;
overflow: hidden;
min-height: 86vh;
background-color: var(--c-light-green);
background: radial-gradient(circle at 57% 57%, var(--c-light-green) 19%, var(--c-light-green) 67%, var(--c-light-green) 100%);
background-size: cover;
background-position: center;
}
.hero-section {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
height: 41rem;
}
@media (max-width: 1024px) {
.hero-section {
padding-top: 3.75rem;
}
}
@media (max-width: 992px) {
.hero-section {
height: auto;
}
}
.hero-section .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.hero-section .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.hero-section .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1280px) {
.hero-section .container {
max-width: 1024px;
}
}
.hero-section .container .hero-content {
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
position: relative;
z-index: 10;
}
.hero-section .container .hero-content .hero-badge {
display: flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 1rem;
}
.hero-section .container .hero-content .hero-badge .prefix {
font-weight: 600;
font-family: var(--font-semi-bold);
font-size: 1.25rem;
color: var(--c-dark-grey);
}
.hero-section .container .hero-content .hero-badge .icon-container {
width: 1.5rem;
height: 1.5rem;
border-radius: 0.5rem;
}
.hero-section .container .hero-content .hero-badge .sub-title {
color: var(--c-dark-grey);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
.hero-section .container .hero-content .hero-badge .sub-title strong {
color: var(--c-gray-800);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 480px) {
.hero-section .container .hero-content .hero-badge .sub-title {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.hero-section .container .hero-content .hero-badge .sub-title {
font-size: 0.875rem;
}
}
.hero-section .container .hero-content .h1 {
text-align: center;
max-width: 48rem;
margin: auto;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-dark-primary);
}
@media (max-width: 1280px) {
.hero-section .container .hero-content .h1 {
max-width: 39rem;
}
}
@media (max-width: 768px) {
.hero-section .container .hero-content .h1 {
max-width: 37rem;
}
}
@media (max-width: 640px) {
.hero-section .container .hero-content .h1 {
max-width: 31.875rem;
}
}
@media (max-width: 576px) {
.hero-section .container .hero-content .h1 {
max-width: 28.75rem;
}
}
.hero-section .container .hero-content .h2 {
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
.hero-section .container .hero-content .hero-description {
line-height: 1.6;
margin-top: 1.875rem;
}
.hero-section .container .hero-content .hero-description.is-wide {
max-width: 45.875rem;
}
@media (max-width: 640px) {
.hero-section .container .hero-content .hero-description.is-wide {
font-size: 1rem;
}
}
.hero-section .container .hero-content .hero-description.is-medium {
max-width: 618px;
}
.hero-section .container .hero-content .hero-description strong {
font-weight: 600;
}
.hero-section .container .hero-content .hero-button-group {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 1rem;
gap: 0.875rem;
}
@media (max-width: 480px) {
.hero-section .container .hero-content .hero-button-group {
flex-direction: column;
width: 100%;
}
}
.hero-section .container .hero-content .hero-button-group .btn {
font-family: var(--font-button);
font-size: 1rem;
cursor: pointer;
min-width: 8.75rem;
}
@media (max-width: 640px) {
.hero-section .container .hero-content .hero-button-group .btn {
font-size: 0.875rem;
}
}
@media (max-width: 375px) {
.hero-section .container .hero-content .hero-button-group .btn {
width: 100%;
}
}
.hero-section .container .hero-content .hero-button-group .btn-explore {
color: var(--c-secondary);
border: none;
font-weight: 600;
padding: 1.25rem 0.25rem;
}
@media (max-width: 375px) {
.hero-section .container .hero-content .hero-button-group .btn-explore {
margin-top: 1rem;
}
}
.hero-section .container .hero-content .hero-button-group .btn-explore .label {
text-decoration: none;
}
.hero-section .container .hero-content .hero-button-group .btn-explore:hover .label {
text-decoration: underline;
}
.hero-section .container .hero-content .hero-button-group .btn .icon {
color: #a4b2ad;
font-size: 1.625rem;
margin-right: 0.625rem;
}
.trusted-brands-section.spacer-bottom-large {
padding-bottom: 1.25rem;
}
.trusted-brands-section.has-background {
background-color: var(--c-light-green);
}
.trusted-brands-section.has-background .brand-content.is-border {
border-top: 0.0625rem solid var(--c-border-color);
padding-top: 2rem;
}
.trusted-brands-section.has-background-gradient {
background: linear-gradient(to top, var(--c-light-green) 60%, var(--c-white));
}
.trusted-brands-section .brand-content .brand-wrapper {
width: 100%;
margin: auto;
overflow: hidden;
}
.trusted-brands-section .brand-content .brand-wrapper.wide_section {
max-width: 100%;
}
.trusted-brands-section .brand-content .brand-wrapper.wide_section .brands-lists {
justify-content: space-between;
}
@media (max-width: 480px) {
.trusted-brands-section .brand-content .brand-wrapper.wide_section .brands-lists {
justify-content: center;
}
}
.trusted-brands-section .brand-content .brand-wrapper .button-group {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 4.375rem;
}
.trusted-brands-section .brand-content .brand-wrapper .btn-book-demo {
font-size: 1rem;
font-weight: 600;
font-family: var(--font-button);
}
.trusted-brands-section .brand-content .brand-wrapper .trusted-brand-description {
text-align: center;
font-size: 1rem;
color: var(--c-brown-green);
opacity: 0.6;
letter-spacing: 0.025rem;
}
@media (max-width: 576px) {
.trusted-brands-section .brand-content .brand-wrapper .trusted-brand-description {
font-size: 0.875rem;
padding: 0 1.25rem;
}
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists {
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
padding: 0;
margin-bottom: 0;
margin-top: 2.5rem;
overflow: hidden;
position: relative;
width: -moz-max-content;
width: max-content;
white-space: nowrap;
animation: scrollLeft 50s linear infinite;
}
@media (max-width: 640px) {
.trusted-brands-section .brand-content .brand-wrapper .brands-lists {
flex-wrap: nowrap;
}
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item {
display: flex;
justify-content: center;
align-items: center;
width: 11.8125rem;
height: 3rem;
flex-shrink: 0;
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item:not(:first-child) {
margin-left: 0.625rem;
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item.brand-spacer {
width: 6.25rem;
margin-left: 2rem;
}
@media (max-width: 640px) {
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item.brand-spacer {
width: 3.125rem;
margin-left: 1rem;
}
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item .brand-logo-wrapper {
width: 9.375rem;
height: 1.5625rem;
}
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item .brand-logo-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 480px) {
.trusted-brands-section .brand-content .brand-wrapper .brands-lists .brand-list-item .brand-logo-wrapper img {
max-height: 1.25rem;
max-width: 109px;
}
}
.trusted-brands-section .brand-content .brand-wrapper .brand-short-description {
text-align: center;
max-width: 70%;
margin: 2.5rem auto 0;
}
.trusted-brands-section .brand-content .brand-wrapper .brand-short-description.normal_description {
max-width: 51%;
}
@media (max-width: 1024px) {
.trusted-brands-section .brand-content .brand-wrapper .brand-short-description.normal_description {
max-width: 57%;
}
}
@media (max-width: 768px) {
.trusted-brands-section .brand-content .brand-wrapper .brand-short-description.normal_description {
max-width: 68%;
}
}
@media (max-width: 480px) {
.trusted-brands-section .brand-content .brand-wrapper .brand-short-description.normal_description {
max-width: 100%;
}
}
.multi-feature-section {
overflow-x: hidden;
}
@media (max-width: 480px) {
.multi-feature-section {
padding-top: 2rem;
overflow-x: visible;
}
}
.multi-feature-section .container .content-wrapper {
position: relative;
}
.multi-feature-section .container .content-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
max-width: 43rem;
}
.multi-feature-section .container .content-wrapper .h2 span {
color: var(--c-title-grey);
}
@media (max-width: 768px) {
.multi-feature-section .container .content-wrapper .h2 {
max-width: 35.75rem;
}
}
@media (max-width: 640px) {
.multi-feature-section .container .content-wrapper .h2 {
max-width: 28.125rem;
}
}
.multi-feature-section .container .content-wrapper .p {
margin-top: 1.625rem;
max-width: 34.25rem;
margin-bottom: 2rem;
color: var(--c-secondary);
}
@media (max-width: 768px) {
.multi-feature-section .container .content-wrapper .p {
margin-top: 0.75rem;
margin-bottom: 2rem;
}
}
.multi-feature-section .container .slider-wrapper {
margin-top: 1.125rem;
}
@media (max-width: 640px) {
.multi-feature-section .container .slider-wrapper {
margin-top: 2rem;
}
}
@media (max-width: 480px) {
.multi-feature-section .container .slider-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.multi-feature-section .container .slider-wrapper::-webkit-scrollbar {
display: none;
}
}
.multi-feature-section .container .slider-wrapper .slider-container {
position: relative;
max-width: 100%;
overflow: hidden;
}
.multi-feature-section .container .slider-wrapper .card-slider {
overflow: hidden;
position: relative;
}
@media (max-width: 480px) {
.multi-feature-section .container .slider-wrapper .card-slider {
overflow: visible;
}
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list {
display: flex;
gap: 1.3125rem;
padding: 0;
margin: 0;
list-style: none;
transition: transform 0.3s ease-in-out;
align-items: stretch;
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
border-radius: 1rem;
padding: 1.5rem;
border: 1px solid #efefef;
transition: transform 0.2s ease, box-shadow 0.2s ease;
min-width: 24.0625rem;
}
@media (max-width: 1280px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 85%;
scroll-snap-align: start;
}
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper {
max-width: 2.5rem;
max-height: 2.5rem;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper img {
width: 100%;
max-width: 100%;
max-height: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
color: var(--c-dark-primary);
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 1rem;
line-height: 1.3;
}
@media (max-width: 640px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.25rem;
}
}
@media (max-width: 320px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.125rem;
}
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .p {
color: var(--c-secondary);
font-size: 1rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 576px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .p {
font-size: 0.875rem;
}
}
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul li {
margin-bottom: 1rem;
display: inline-block;
font-size: 1rem;
}
@media (max-width: 576px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul li {
font-size: 0.875rem;
}
}
@media (max-width: 480px) {
.multi-feature-section .container .slider-wrapper .card-slider .card-slider-list {
transform: none !important;
transition: none !important;
padding-right: 1rem;
}
}
@media (max-width: 480px) {
.multi-feature-section .container .slider-arrows {
display: none;
}
}
.multi-feature-section .slider-arrows {
position: absolute;
bottom: -19px;
right: 0;
transform: translateY(-50%);
display: flex;
gap: 0.75rem;
z-index: 10;
}
@media (max-width: 640px) {
.multi-feature-section .slider-arrows {
bottom: -4.375rem;
}
}
.multi-feature-section .slider-arrows .slider-left .btn-left {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-section .slider-arrows .slider-left .btn-left:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-section .slider-arrows .slider-left .btn-left .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-section .slider-arrows .slider-left .btn-left .icon.icon-right-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-section .slider-arrows .slider-left .btn-left:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
.multi-feature-section .slider-arrows .slider-right .btn-right {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-section .slider-arrows .slider-right .btn-right:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-section .slider-arrows .slider-right .btn-right .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-section .slider-arrows .slider-right .btn-right .icon.icon-left-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-section .slider-arrows .slider-right .btn-right:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
@media (max-width: 1200px) {
.multi-feature-section .multi-feature-section .slider-wrapper {
padding-left: 5rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .prev-btn {
left: -3.125rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .next-btn {
right: -3.125rem;
}
}
@media (max-width: 768px) {
.multi-feature-section .multi-feature-section .slider-wrapper {
padding-left: 1.25rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(50% - 0.75rem);
min-width: 15rem;
padding: 1.5rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .p {
font-size: 0.875rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .slider-btn {
width: 2.5rem;
height: 2.5rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .slider-btn svg {
width: 1rem;
height: 1rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .prev-btn {
left: -1.875rem;
}
.multi-feature-section .multi-feature-section .slider-wrapper .slider-navigation .next-btn {
right: -1.875rem;
}
}
@media (max-width: 480px) {
.multi-feature-section .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(100% - 0.75rem);
min-width: 17.5rem;
}
}
.trusted-integrations-section .container .brand-wrapper {
text-align: center;
}
.trusted-integrations-section .container .brand-wrapper .h3 {
color: var(--c-dark-gray);
}
.trusted-integrations-section .container .brand-wrapper .brand-description {
color: var(--c-black);
max-width: 33.625rem;
text-align: center;
margin: 1.5rem auto 3rem;
}
@media (max-width: 1280px) {
.trusted-integrations-section .container .brand-wrapper .brand-description {
max-width: 29.625rem;
}
}
.trusted-integrations-section .container .brand-wrapper .brand-short-description {
color: var(--c-black-700);
font-family: var(--font-bold);
font-weight: 700;
margin: 3.75rem 0 0;
}
@media (max-width: 576px) {
.trusted-integrations-section .container .brand-wrapper .brand-short-description {
margin: 2.8125rem 0 0;
}
}
.trusted-integrations-section .container .brand-wrapper .logo-container {
max-width: 62.125rem;
padding: 0;
margin: auto;
overflow: hidden;
mask-image: linear-gradient(to right, transparent 0%, var(--c-black) 23%, var(--c-black) 80%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, var(--c-black) 23%, var(--c-black) 80%, transparent 100%);
}
.trusted-integrations-section .container .brand-wrapper .logo-container ul.brands-logo-list {
list-style: none;
display: flex;
align-items: center;
padding: 0;
margin: 0;
animation: scrollLeft 25s linear infinite;
white-space: nowrap;
width: -moz-max-content;
width: max-content;
}
.trusted-integrations-section .container .brand-wrapper .logo-container ul.brands-logo-list:hover {
animation-play-state: paused;
}
.trusted-integrations-section .container .brand-wrapper .logo-container ul.brands-logo-list li {
max-width: 5.25rem;
max-height: 5.25rem;
margin-right: 1rem;
flex: 0 0 auto;
}
@media (max-width: 640px) {
.trusted-integrations-section .container .brand-wrapper .logo-container ul.brands-logo-list li {
max-width: 4.375rem;
max-height: 4.375rem;
}
}
.trusted-integrations-section .container .brand-wrapper .logo-container ul.brands-logo-list li img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.asset-management {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.asset-management.spacer-bottom-large {
padding-bottom: 2.5rem;
}
}
.asset-management .container .how-it-works-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
align-items: stretch;
}
@media (max-width: 768px) {
.asset-management .container .how-it-works-grid {
grid-template-columns: 1fr;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left {
background-color: var(--c-gray-98);
border-radius: 1rem;
padding: 3rem;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
border: 1px solid var(--c-border-color);
}
@media (max-width: 480px) {
.asset-management .container .how-it-works-grid .how-it-works-left {
min-height: 19.5rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left.has-many-items {
align-self: start;
}
@media (max-width: 1280px) {
.asset-management .container .how-it-works-grid .how-it-works-left {
padding: 3.125rem 1.875rem 0 1.875rem;
}
}
@media (max-width: 1024px) {
.asset-management .container .how-it-works-grid .how-it-works-left {
padding: 2.8125rem 1rem 1rem 1rem;
justify-content: space-between;
}
}
@media (max-width: 768px) {
.asset-management .container .how-it-works-grid .how-it-works-left {
padding: 2.8125rem 1rem 1rem 1rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
line-height: 1.2;
font-size: 2.875rem;
}
@media (max-width: 1024px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 2.625rem;
}
}
@media (max-width: 768px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 2.25rem;
}
}
@media (max-width: 640px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.875rem;
}
}
@media (max-width: 480px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.625rem;
}
}
@media (max-width: 320px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.375rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-heading span {
color: var(--c-green-Primary-500);
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 1.125rem;
line-height: 1.5;
color: var(--c-dark-primary);
}
@media (max-width: 768px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description {
max-width: 100%;
}
}
@media (max-width: 576px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 0.875rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description.large {
max-width: 100%;
margin-bottom: 1.875rem;
}
@media (max-width: 640px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-description.large {
max-width: 100%;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container {
display: flex;
justify-content: space-between;
min-height: 14.5rem;
}
@media (max-width: 480px) {
.asset-management .container .how-it-works-grid .how-it-works-left .img-container {
min-height: 0rem;
margin-bottom: 4.375rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container .btn-primary {
height: 3.625rem;
padding: 0.625rem 0.625rem;
z-index: 1;
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container .btn-primary:hover {
background-color: var(--c-primary-hover);
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container .how-it-works-image picture {
border-radius: 0.75rem;
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container .how-it-works-image picture img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.asset-management .container .how-it-works-grid .how-it-works-left .img-container.no-image {
min-height: auto;
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-image {
height: 15.75rem;
width: 22.5rem;
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 480px) {
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-image {
height: 9.75rem;
width: auto;
}
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-image picture {
border-radius: 0.75rem;
}
.asset-management .container .how-it-works-grid .how-it-works-left .how-it-works-image picture img {
-o-object-fit: contain;
object-fit: contain;
}
.asset-management .container .how-it-works-grid .how-it-works-right {
border: 1px solid var(--c-border-color);
padding: 3rem;
background-color: var(--c-white);
border-radius: 1rem;
min-height: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.asset-management .container .how-it-works-grid .how-it-works-right {
padding: 4rem 1rem;
}
}
@media (max-width: 640px) {
.asset-management .container .how-it-works-grid .how-it-works-right {
padding-bottom: 2rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item {
display: flex;
align-items: flex-start;
margin-bottom: 1.5rem;
gap: 1.25rem;
flex-shrink: 0;
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item:last-child {
margin-bottom: 0;
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-number {
background-color: var(--c-light-primary);
color: var(--c-black);
width: 2.25rem;
height: 2.25rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.375rem;
font-family: var(--font-semi-bold);
flex-shrink: 0;
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content {
flex: 1;
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-title {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-black);
margin-bottom: 0.5rem;
line-height: 1.3;
}
@media (max-width: 480px) {
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-title {
font-size: 1rem;
}
}
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 1.125rem;
line-height: 1.5;
color: var(--c-secondary);
}
@media (max-width: 576px) {
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.asset-management .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 0.875rem;
}
}
@media (max-width: 992px) {
.management-section {
padding-bottom: 5rem;
}
}
@media (max-width: 768px) {
.management-section.spacer-bottom-medium {
padding-bottom: 2rem;
}
}
@media (max-width: 576px) {
.management-section.spacer-bottom-large {
padding-bottom: 3.125rem;
}
}
@media (max-width: 768px) {
.management-section.spacer-top-medium {
padding-bottom: 3.75rem;
}
}
@media (max-width: 640px) {
.management-section.spacer-top-medium {
padding-top: 1.875rem;
}
}
@media (max-width: 576px) {
.management-section.spacer-top-medium {
padding-top: 0;
}
}
@media (max-width: 480px) {
.management-section.spacer-top-medium {
padding-bottom: 1.875rem;
}
}
@media (max-width: 768px) {
.management-section.spacer-bottom-small {
padding-bottom: 1.875rem;
}
}
.management-section .container .how-it-works-grid {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.management-section .container .how-it-works-grid {
flex-direction: column;
margin-bottom: 2rem;
}
}
@media (max-width: 640px) {
.management-section .container .how-it-works-grid {
margin-bottom: 0;
}
}
.management-section .container .how-it-works-grid .management-left-section {
width: 48.5%;
}
@media (max-width: 768px) {
.management-section .container .how-it-works-grid .management-left-section {
width: 100%;
}
}
.management-section .container .how-it-works-grid .management-left-section span {
color: var(--c-dark-grey);
font-family: var(--font-bold);
font-weight: 700;
font-size: 1.1875rem;
}
.management-section .container .how-it-works-grid .management-left-section .h3 {
color: var(--c-black);
margin-top: 0.75rem;
}
@media (max-width: 1280px) {
.management-section .container .how-it-works-grid .management-left-section .h3 {
max-width: 21.375rem;
}
}
@media (max-width: 768px) {
.management-section .container .how-it-works-grid .management-left-section .h3 {
max-width: 100%;
}
}
@media (max-width: 576px) {
.management-section .container .how-it-works-grid .management-left-section .h3 {
font-size: 1.5rem;
}
}
.management-section .container .how-it-works-grid .management-left-section .second-title {
color: var(--c-primary-800);
font-weight: 600;
font-size: 1.25rem;
}
.management-section .container .how-it-works-grid .management-left-section p {
font-size: 1rem;
margin: 1.25rem 0 2rem 0;
}
@media (max-width: 576px) {
.management-section .container .how-it-works-grid .management-left-section p {
font-size: 0.875rem;
}
}
.management-section .container .how-it-works-grid .management-left-section p.bottom.description {
margin-top: 2rem;
}
.management-section .container .how-it-works-grid .management-left-section ul {
padding: 0;
margin: 1.875rem 0 0 0;
}
.management-section .container .how-it-works-grid .management-left-section ul li {
list-style: none;
margin-bottom: 1.25rem;
font-size: 1rem;
padding-left: 2rem;
position: relative;
display: flex;
align-items: center;
letter-spacing: 0.025rem;
}
@media (max-width: 1280px) {
.management-section .container .how-it-works-grid .management-left-section ul li {
display: flex;
align-items: flex-start;
}
}
@media (max-width: 576px) {
.management-section .container .how-it-works-grid .management-left-section ul li {
font-size: 0.875rem;
}
}
.management-section .container .how-it-works-grid .management-left-section ul li p {
margin: 0;
}
.management-section .container .how-it-works-grid .management-left-section ul li p strong {
font-weight: 600;
display: inline-block;
}
.management-section .container .how-it-works-grid .management-left-section ul li p b {
font-weight: 600;
display: inline-block;
}
.management-section .container .how-it-works-grid .management-left-section ul li span {
margin-right: 0.625rem;
position: absolute;
left: 0;
top: 0;
}
.management-section .container .how-it-works-grid .management-left-section ul li span.icon-check {
width: 1rem;
height: 1rem;
background-color: var(--c-success);
border-radius: 0.125rem;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.75rem;
flex-shrink: 0;
}
.management-section .container .how-it-works-grid .management-left-section ul li span.icon-check::before {
color: white;
font-size: 0.5rem;
line-height: 1;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons {
display: flex;
align-items: center;
gap: 2rem;
margin-top: 2rem;
}
@media (max-width: 480px) {
.management-section .container .how-it-works-grid .management-left-section .action-buttons {
flex-wrap: wrap;
justify-content: center;
}
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .btn:hover {
opacity: 0.8;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link {
display: flex;
align-items: center;
gap: 0.5rem;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .integration-icon {
width: 3rem;
height: 3rem;
overflow: hidden;
margin-left: -1.625rem;
border-radius: 50%;
border: 1px solid var(--c-border-color);
background-color: var(--c-white);
display: flex;
align-items: center;
justify-content: center;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .integration-icon:first-child {
margin-left: 0rem;
}
@media (max-width: 480px) {
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .integration-icon {
width: 2.5rem;
height: 2.5rem;
}
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .integration-icon img {
max-width: 100%;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all {
color: var(--c-secondary);
font-size: 1rem;
font-weight: 500;
font-family: var(--font-button);
border: none;
padding: 0;
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: none;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all:hover {
color: var(--c-primary);
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all:hover .icon {
transform: translateX(0.25rem);
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all .icon {
transition: transform 0.2s ease;
font-size: 0.75rem;
color: var(--c-secondary);
}
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all .icon:hover {
transform: translateX(0.25rem);
}
@media (max-width: 480px) {
.management-section .container .how-it-works-grid .management-left-section .action-buttons .integration-link .btn-view-all {
font-size: 0.875rem;
}
}
.management-section .container .how-it-works-grid .management-right-section {
width: 46%;
border-radius: 1rem;
}
@media (max-width: 768px) {
.management-section .container .how-it-works-grid .management-right-section {
width: 80%;
margin-top: 2rem;
}
}
@media (max-width: 480px) {
.management-section .container .how-it-works-grid .management-right-section {
width: 100%;
margin-bottom: 3.125rem;
}
}
.management-section .container .how-it-works-grid .management-right-section .image-container {
border-radius: 1rem;
overflow: hidden;
width: 100%;
margin: auto;
}
@media (max-width: 480px) {
.management-section .container .how-it-works-grid .management-right-section .image-container {
height: 18.75rem;
}
}
.management-section .container .how-it-works-grid .management-right-section .image-container picture {
height: 100%;
display: block;
width: 100%;
}
.management-section .container .how-it-works-grid .management-right-section .image-container picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.carousel-and-content-section .management-right-section .carousel-container {
position: relative;
}
@media (max-width: 480px) {
.carousel-and-content-section .management-right-section .carousel-container.image-container {
height: auto !important;
}
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper {
width: 100%;
min-height: 20rem;
border-radius: 1rem;
overflow: hidden;
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .swiper-slide {
height: auto;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--c-gray-300);
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .swiper-slide picture {
display: block;
width: 100%;
height: auto;
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .swiper-slide picture img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
mix-blend-mode: multiply;
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-prev,
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-next {
position: absolute;
top: 50%;
z-index: 10;
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
background-color: var(--c-white);
border-radius: 50%;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
color: var(--c-secondary);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-prev::after,
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-next::after {
font-family: swiper-icons;
font-size: 0.875rem;
font-weight: 700;
content: "next";
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-prev {
left: 0.75rem;
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-prev::after {
content: "prev";
}
.carousel-and-content-section .management-right-section .carousel-container .carousel-content-swiper .carousel-nav-next {
right: 0.75rem;
}
@media (max-width: 768px) {
.management-section-inverse {
padding-bottom: 2.5rem;
}
}
.management-section-inverse .container .how-it-works-grid {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.management-section-inverse .container .how-it-works-grid {
flex-direction: column;
margin-bottom: 2.5rem;
}
}
@media (max-width: 640px) {
.management-section-inverse .container .how-it-works-grid {
margin-bottom: 0;
}
}
.management-section-inverse .container .how-it-works-grid .management-right-section {
width: 46%;
}
@media (max-width: 768px) {
.management-section-inverse .container .how-it-works-grid .management-right-section {
margin-top: 2rem;
width: 80%;
}
}
@media (max-width: 480px) {
.management-section-inverse .container .how-it-works-grid .management-right-section {
width: 100%;
}
}
.management-section-inverse .container .how-it-works-grid .management-left-section {
width: 48.5%;
}
@media (max-width: 768px) {
.management-section-inverse .container .how-it-works-grid .management-left-section {
width: 100%;
}
}
.management-section-inverse .container .how-it-works-grid .management-left-section .description {
max-width: 83%;
}
.testimonial-section {
text-align: center;
position: relative;
}
@media (max-width: 768px) {
.testimonial-section {
padding-top: 3.75rem;
}
}
@media (max-width: 640px) {
.testimonial-section {
padding-top: 1.875rem;
}
}
@media (max-width: 480px) {
.testimonial-section {
padding-top: 0;
margin-top: -1.25rem;
}
}
.testimonial-section .testimonial-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.testimonial-section .testimonial-bg img {
height: 100%;
}
.testimonial-section .container {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
background-repeat: no-repeat;
background-position: bottom;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 576px) {
.testimonial-section .container {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
background-size: 100% 115%;
}
}
@media (max-width: 375px) {
.testimonial-section .container {
background-size: 100% 72%;
}
}
.testimonial-section .container .testimonial-heading {
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
flex-wrap: wrap;
color: var(--c-dark-gray);
}
@media (max-width: 1280px) {
.testimonial-section .container .testimonial-heading {
font-size: 1.75rem;
}
}
@media (max-width: 576px) {
.testimonial-section .container .testimonial-heading {
font-size: 1.625rem;
}
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-heading {
font-size: 1.25rem;
}
}
.testimonial-section .container .testimonial-heading .testimonial-avatar {
width: 3.75rem;
height: 3.75rem;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-heading .testimonial-avatar {
width: 2.1875rem;
height: 2.1875rem;
}
}
.testimonial-section .container .testimonial-slider {
overflow: hidden;
position: relative;
margin-top: 1.5rem;
width: 100%;
max-width: 55.625rem;
margin-inline: auto;
}
.testimonial-section .container .testimonial-slider .testimonial-slides {
display: flex;
align-items: stretch;
width: 100%;
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide {
width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
box-sizing: border-box;
padding: 0 1.25rem;
margin-right: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 640px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide {
margin-right: 0 !important;
}
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.875rem;
color: var(--c-brown-green);
font-weight: 500;
line-height: 1.3;
font-family: var(--font-button);
margin-inline: auto;
display: block;
max-width: 100%;
position: relative;
text-align: center;
}
@media (max-width: 1280px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.375rem;
max-width: 43.625rem;
line-height: 1.1;
}
}
@media (max-width: 768px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.25rem;
max-width: 37rem;
}
}
@media (max-width: 576px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 0.875rem;
line-height: 1.5;
}
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote strong {
background-image: radial-gradient(var(--c-light-primary) 40%, #69f2c9 100%);
border-radius: 0.625rem 0.25rem;
padding: 0.25rem 0.5rem;
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
display: none;
font-size: 3.75rem;
color: var(--c-black);
line-height: 0.5;
position: absolute;
left: 0;
top: 0;
transform: translateX(-100%);
}
@media (max-width: 1280px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 3.125rem;
}
}
@media (max-width: 576px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 2.5rem;
}
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 1.875rem;
}
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
display: none;
font-size: 1.875rem;
color: var(--c-black);
line-height: 0.5;
position: absolute;
right: 0;
bottom: 0;
transform: translateX(100%);
}
@media (max-width: 576px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
font-size: 1.5625rem;
}
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
font-size: 1.25rem;
}
}
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 1.25rem;
font-weight: 400;
margin: 3.25rem 0 2rem;
margin-inline: auto;
color: var(--c-black);
}
@media (max-width: 768px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.testimonial-section .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 0.75rem;
}
}
.testimonial-section .container .testimonial-dots {
margin-top: 2.5rem;
bottom: 4.25rem;
display: flex;
justify-content: center;
}
@media (max-width: 480px) {
.testimonial-section .container .testimonial-dots {
bottom: 2.25rem;
}
}
.testimonial-section .container .testimonial-dots .swiper-pagination-bullet {
background-color: var(--c-dark-primary) !important;
width: 0.625rem !important;
height: 0.625rem !important;
border-radius: 50% !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
opacity: 1 !important;
}
.testimonial-section .container .testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
width: 2.125rem !important;
background: var(--c-green-Primary-500) !important;
border-radius: 1.25rem !important;
}
.testimonial-section .container .swiper-button-next,
.testimonial-section .container .swiper-button-prev {
display: none !important;
}
.button-block .button-wrapper {
display: flex;
gap: 0.75rem;
}
.button-block .button-wrapper.align-center {
width: 100%;
margin: 0 auto;
justify-content: center;
}
.button-block .button-wrapper.align-right {
justify-content: flex-end;
}
@media (max-width: 640px) {
.two-btn-cta-block {
padding: 3.75rem 0 6.75rem;
}
}
@media (max-width: 480px) {
.two-btn-cta-block {
padding: 1.25rem 0 3.75rem;
}
}
.two-btn-cta-block .container .wrapper {
position: relative;
text-align: center;
min-height: 27.5rem;
border-radius: 1.5rem;
overflow: hidden;
}
@media (max-width: 1024px) {
.two-btn-cta-block .container .wrapper {
max-width: 90%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.two-btn-cta-block .container .wrapper {
min-height: 0;
margin: 0;
max-width: 100%;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 90%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
@media (max-width: 768px) {
.two-btn-cta-block .container .wrapper .content-wrapper {
position: relative;
padding: 3.125rem 1.875rem;
margin: 0;
width: 100%;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-heading {
z-index: 1;
max-width: 43.375rem;
color: var(--c-dark-primary);
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 1280px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-heading {
max-width: 39rem;
}
}
@media (max-width: 768px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-heading {
max-width: 34rem;
}
}
@media (max-width: 640px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-heading {
max-width: 30rem;
}
}
@media (max-width: 576px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-heading {
max-width: 28rem;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper p {
margin-top: 1rem;
font-size: 1.25rem;
max-width: 43.375rem;
}
@media (max-width: 768px) {
.two-btn-cta-block .container .wrapper .content-wrapper p {
font-size: 1.125rem;
}
}
@media (max-width: 640px) {
.two-btn-cta-block .container .wrapper .content-wrapper p {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.two-btn-cta-block .container .wrapper .content-wrapper p {
font-size: 0.875rem;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form {
width: 30%;
}
@media (max-width: 1024px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form {
width: 48%;
}
}
@media (max-width: 768px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form {
width: 56%;
}
}
@media (max-width: 480px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form {
width: 90%;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form .gform_heading {
display: none;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_body .gform_fields label {
display: none;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_body .gform_fields .ginput_container_email input {
text-align: left;
border-radius: 0.375rem;
border: 1px solid var(--c-border-color);
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_body .gform_fields .ginput_container_email input::-moz-placeholder {
color: var(--c-black);
opacity: 0.4;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_body .gform_fields .ginput_container_email input::placeholder {
color: var(--c-black);
opacity: 0.4;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_footer {
display: flex;
align-items: center;
justify-content: center;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-form form .gform_footer input {
background-color: var(--c-secondary) !important;
color: var(--c-white);
padding: 0.75rem 1rem;
font-weight: 500;
font-size: 1rem;
min-width: 8.125rem;
min-height: 3.125rem;
border-radius: 0.5rem;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn {
margin-top: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
}
@media (max-width: 576px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn {
flex-wrap: wrap;
width: 100%;
}
}
@media (max-width: 576px) {
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn .btn {
width: 100%;
}
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn .btn-secondary:hover {
opacity: 0.8;
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn .btn-secondary-outline {
border-width: 0.125rem;
color: var(--c-dark-gray);
margin-left: 0.125rem;
border: 2px solid var(--c-secondary);
}
.two-btn-cta-block .container .wrapper .content-wrapper .cta-btn .btn-secondary-outline:hover {
color: var(--c-white);
border: 2px solid var(--c-secondary);
background-color: var(--c-secondary);
}
.two-btn-cta-block .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.two-btn-cta-block .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.two-btn-cta-block .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
footer hr {
border: none;
height: 1.8125rem;
width: 55%;
margin: 0 auto;
box-shadow: 0 1.375rem 2rem -0.75rem var(--c-green-Primary-500);
margin: -3.125rem auto 0.625rem;
}
@media (max-width: 640px) {
footer hr {
display: none;
}
}
footer .site-info {
background-color: var(--c-light-green);
}
footer .site-info .container .footer-links-block {
border-bottom: 1px solid var(--c-border-color);
padding: 2.625rem 0rem 2.375rem;
}
@media (max-width: 768px) {
footer .site-info .container .footer-links-block {
padding-bottom: 1rem;
}
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu {
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
align-items: flex-start;
}
@media (max-width: 768px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 640px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu {
display: flex;
flex-flow: column wrap;
align-content: space-between;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
height: 50rem;
}
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .hide-item .sub-menu {
margin-top: 0;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .hide-item > a {
display: none;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .bold-item .sub-menu {
margin-top: 0.625rem;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item {
color: var(--c-black-700);
font-size: 1rem;
font-family: var(--font-button);
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item > a {
color: var(--c-black-700);
cursor: pointer;
font-size: 0.875rem;
text-transform: uppercase;
font-family: var(--font-bold);
font-weight: 700;
}
@media (max-width: 640px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item > a {
font-size: 0.75rem;
}
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu {
list-style: none;
padding-left: 0;
margin-left: 0;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li {
margin-bottom: 1rem;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item {
margin-bottom: 1rem;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item > a {
color: var(--c-black-700);
font-size: 0.875rem;
font-family: var(--font-bold);
font-weight: 700;
line-height: 1.3;
cursor: pointer;
text-transform: uppercase;
}
@media (max-width: 992px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item > a {
font-size: 0.9375rem;
}
}
@media (max-width: 768px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item > a {
font-size: 0.875rem;
}
}
@media (max-width: 640px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item > a {
font-size: 0.75rem;
}
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item .sub-menu {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-top: 0.75rem;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item .sub-menu li {
margin-top: 1rem;
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item .sub-menu li a {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
text-transform: capitalize;
color: var(--c-footer-gray);
}
@media (max-width: 768px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li.bold-item .sub-menu li a {
font-size: 0.875rem;
}
}
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li:not(.bold-item) a {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
text-transform: capitalize;
color: var(--c-footer-gray);
}
@media (max-width: 768px) {
footer .site-info .container .footer-links-block .footer-block .footer-block-middle .footer_menu_class .menu .menu-item .sub-menu li:not(.bold-item) a {
font-size: 0.875rem;
}
}
footer .footer-bottom {
background-color: var(--c-light-green);
}
footer .footer-bottom .container {
padding: 1.875rem 1.5rem 0 1.5rem;
}
@media (max-width: 768px) {
footer .footer-bottom .container {
flex-direction: column;
padding: 1.875rem 1.25rem 0 1.25rem;
}
}
footer .footer-bottom .container .footer-wrapper {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--c-border-color);
padding-bottom: 1.875rem;
}
@media (max-width: 640px) {
footer .footer-bottom .container .footer-wrapper {
flex-wrap: wrap;
}
}
footer .footer-bottom .container .footer-wrapper .left-section {
display: flex;
gap: 20px;
width: 32%;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .left-section {
width: 100%;
margin-bottom: 1.5rem;
}
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .logo-wrapper {
width: 135px;
height: 45px;
margin-bottom: 0.75rem;
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .logo-wrapper img {
width: 100%;
height: 100%;
display: block;
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .address-space {
font-size: 0.875rem;
color: var(--c-dark-grey);
font-weight: 400;
display: none;
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .address-space {
font-size: 0.75rem;
}
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .media-icon {
display: flex;
gap: 0.625rem;
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .media-icon .media-link img {
width: 1.25rem;
height: 1.25rem;
display: block;
}
footer .footer-bottom .container .footer-wrapper .left-section .logo-with-address .media-icon .media-link img:hover {
transform: scale(1.1);
}
footer .footer-bottom .container .footer-wrapper .left-section .badge-container {
width: 7.375rem;
height: 7.375rem;
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .left-section .badge-container {
width: 6.25rem;
height: 6.25rem;
}
}
footer .footer-bottom .container .footer-wrapper .left-section .badge-container img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
footer .footer-bottom .container .footer-wrapper .right-section {
display: flex;
gap: 20px;
width: 64%;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .right-section {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
}
footer .footer-bottom .container .footer-wrapper .right-section .footer-description {
color: var(--c-dark-primary);
max-width: 16.6875rem;
font-weight: 600;
}
@media (max-width: 1280px) {
footer .footer-bottom .container .footer-wrapper .right-section .footer-description {
font-size: 1rem;
max-width: 13.75rem;
}
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .right-section .footer-description {
max-width: 100%;
}
}
@media (max-width: 640px) {
footer .footer-bottom .container .footer-wrapper .right-section .footer-description {
font-size: 0.875rem;
}
}
footer .footer-bottom .container .footer-wrapper .right-section .form {
width: 27.375rem;
}
@media (max-width: 768px) {
footer .footer-bottom .container .footer-wrapper .right-section .form {
width: 100%;
}
}
footer .footer-bottom .container .footer-wrapper .right-section .form .newsletter-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
footer .footer-bottom .container .footer-wrapper .right-section .form .newsletter-wrapper iframe {
width: 100%;
}
footer .footer-contents {
background-color: var(--c-light-green);
padding-bottom: 3.125rem;
}
@media (max-width: 768px) {
footer .footer-contents {
padding-bottom: 0;
}
}
footer .footer-contents .container {
padding: 1.75rem 1.25rem;
}
@media (max-width: 1280px) {
footer .footer-contents .container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
footer .footer-contents .container .all-right {
font-size: 0.75rem;
color: var(--c-dark-gray);
}
@media (max-width: 640px) {
footer .footer-contents .container .all-right {
text-align: center;
}
}
footer .footer-contents .container .bottom-menu {
max-width: 52%;
}
@media (max-width: 1024px) {
footer .footer-contents .container .bottom-menu {
max-width: 70%;
}
}
@media (max-width: 768px) {
footer .footer-contents .container .bottom-menu {
max-width: 90%;
}
}
@media (max-width: 640px) {
footer .footer-contents .container .bottom-menu {
max-width: 100%;
}
}
footer .footer-contents .container .bottom-menu .footer_bottom_menu_class .menu {
display: flex;
align-items: center;
justify-content: space-between;
margin: 1.5rem 0 0 0;
padding: 0;
flex-wrap: wrap;
}
@media (max-width: 640px) {
footer .footer-contents .container .bottom-menu .footer_bottom_menu_class .menu {
justify-content: center;
gap: 0.25rem 1.25rem;
}
}
footer .footer-contents .container .bottom-menu .footer_bottom_menu_class .menu li a {
color: var(--c-secondary);
font-size: 0.875rem;
font-family: var(--font-button);
font-weight: 400;
}
@media (max-width: 375px) {
footer .footer-contents .container .bottom-menu .footer_bottom_menu_class .menu li a {
font-size: 0.75rem;
}
}
@keyframes scrollLeft {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.dropdown-arrow {
display: inline-block;
margin-left: 8px;
font-size: 12px;
transition: transform 0.3s ease;
color: var(--c-dark-primary);
}
.dropdown-toggle {
display: flex;
align-items: center;
cursor: pointer;
}
.dropdown-toggle:hover .dropdown-arrow {
color: var(--c-primary);
}
.submenu.hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
h2.title {
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 7.5rem;
line-height: 1.2;
}
@media (max-width: 480px) {
h2.title {
margin-bottom: 5rem;
}
}
.simple-content-block {
background-color: var(--c-light-green);
}
.simple-content-block .container .h2 {
margin-bottom: 6rem;
text-align: center;
}
@media (max-width: 768px) {
.simple-content-block .container .h2 {
margin-bottom: 4rem;
}
}
@media (max-width: 480px) {
.simple-content-block .container .h2 {
margin-bottom: 4rem;
}
}
.simple-content-block .container .content-block {
max-width: 72.0625rem;
margin: auto;
}
.simple-content-block .container .content-block .content-list {
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 0.875rem;
}
.simple-content-block .container .content-block .content-list .content {
width: 29%;
}
@media (max-width: 640px) {
.simple-content-block .container .content-block .content-list .content {
width: 100%;
margin-bottom: 1.875rem;
}
.simple-content-block .container .content-block .content-list .content:last-child {
margin-bottom: 0;
}
}
.simple-content-block .container .content-block .content-list .content .icon-wrapper {
max-width: 2.5rem;
max-height: 2.5rem;
min-width: 2.5rem;
min-height: 2.5rem;
margin-bottom: 1rem;
}
.simple-content-block .container .content-block .content-list .content .h6 {
color: var(--c-secondary);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 320px) {
.simple-content-block .container .content-block .content-list .content .h6 {
font-size: 1.125rem;
}
}
.simple-content-block .container .content-block .content-list .content .p {
font-size: 1rem;
font-family: var(--font-regular);
line-height: 1.5;
color: var(--c-secondary);
max-width: 21.3125rem;
margin-top: 1.25rem;
}
@media (max-width: 640px) {
.simple-content-block .container .content-block .content-list .content .p {
max-width: 100%;
}
}
@media (max-width: 320px) {
.simple-content-block .container .content-block .content-list .content .p {
font-size: 0.875rem;
}
}
.simple-content-block .container .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.simple-title-description {
padding-top: 2.5rem;
}
}
.simple-title-description .container.content-container-left {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media (max-width: 1024px) {
.simple-title-description .container.content-container-left {
width: 100%;
}
}
@media (max-width: 768px) {
.simple-title-description .container.content-container-left {
flex-direction: column;
}
}
.simple-title-description .container.content-container-left .content-wrapper {
width: 73%;
}
@media (max-width: 1024px) {
.simple-title-description .container.content-container-left .content-wrapper {
width: 67%;
}
}
@media (max-width: 768px) {
.simple-title-description .container.content-container-left .content-wrapper {
width: 100%;
}
}
.simple-title-description .container.content-container-left .content-wrapper .title-left {
text-align: left;
margin: 0 0 1.5625rem 0;
width: 100%;
}
.simple-title-description .container.content-container-left .button-wrapper {
width: 24%;
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
gap: 0.75rem;
}
@media (max-width: 1024px) {
.simple-title-description .container.content-container-left .button-wrapper {
width: 30%;
}
}
@media (max-width: 768px) {
.simple-title-description .container.content-container-left .button-wrapper {
width: 100%;
gap: 1rem;
justify-content: flex-start;
}
}
.simple-title-description .container.content-container-center {
display: flex;
justify-content: center;
}
.simple-title-description .container.content-container-center .content-wrapper {
width: 100%;
}
.simple-title-description .container.content-container-center .button-wrapper {
gap: 1rem;
}
.simple-title-description .container .content-wrapper h2 {
margin-bottom: 1.875rem;
}
@media (max-width: 1024px) {
.simple-title-description .container .content-wrapper h2 {
margin-bottom: 0rem;
}
}
@media (max-width: 576px) {
.simple-title-description .container .content-wrapper h2 {
text-align: center;
}
}
@media (max-width: 480px) {
.simple-title-description .container .content-wrapper h2 {
text-align: left;
}
}
.simple-title-description .container .content-wrapper h2.title-centre {
max-width: 100%;
margin: auto auto 1.875rem;
}
.simple-title-description .container .content-wrapper h2.title-left {
max-width: 100%;
margin: auto auto 1.875rem;
}
.simple-title-description .container .content-wrapper h2.break_line {
max-width: 53%;
margin: auto auto 1.875rem;
}
@media (max-width: 768px) {
.simple-title-description .container .content-wrapper h2.break_line {
max-width: 70%;
}
}
@media (max-width: 480px) {
.simple-title-description .container .content-wrapper h2.break_line {
max-width: 100%;
}
}
.simple-title-description .container .content-wrapper .sub-title {
display: block;
margin-bottom: 1.5rem;
color: var(--c-primary-600);
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 480px) {
.simple-title-description .container .content-wrapper .sub-title {
font-size: 1.25rem;
}
}
.simple-title-description .container .content-wrapper p {
color: var(--c-secondary);
font-size: 1rem;
font-family: var(--font-regular);
width: 56%;
margin: auto;
text-align: center;
}
@media (max-width: 1024px) {
.simple-title-description .container .content-wrapper p {
margin: 1.875rem auto 0;
}
}
@media (max-width: 768px) {
.simple-title-description .container .content-wrapper p {
width: 65%;
}
}
@media (max-width: 640px) {
.simple-title-description .container .content-wrapper p {
width: 74%;
}
}
@media (max-width: 480px) {
.simple-title-description .container .content-wrapper p {
width: 100%;
text-align: left;
}
}
.simple-title-description .container .content-wrapper p strong {
color: var(--c-primary-600);
font-weight: 600;
}
.simple-title-description .container .content-wrapper p a {
color: var(--c-primary-600);
font-weight: 600;
text-decoration: underline;
}
.simple-title-description .container .content-wrapper p b {
font-weight: 600;
}
.simple-title-description .container .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.875rem;
}
.simple-title-description .container .button-wrapper a {
min-height: 3.5rem;
padding: 0 1.125rem;
}
@media (max-width: 576px) {
.three-column-content-card {
padding-bottom: 2.5rem;
}
}
.three-column-content-card .container .card-container .card-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.three-column-content-card .container .card-container .card-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.three-column-content-card .container .card-container .card-list {
grid-template-columns: 1fr;
}
}
.three-column-content-card .container .card-container .card-list .card-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0.75rem;
padding: 1.5625rem;
}
.three-column-content-card .container .card-container .card-list .card-item.bg-color {
background-color: var(--c-light-green);
}
@media (max-width: 320px) {
.three-column-content-card .container .card-container .card-list .card-item {
padding: 1rem;
}
}
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper.text-align-center {
align-items: center;
display: flex;
flex-direction: column;
text-align: center;
}
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .icon-container {
max-width: 2.5rem;
max-height: 2.5rem;
min-height: 2.5rem;
min-width: 2.5rem;
}
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .h6 {
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-secondary);
margin-top: 1.25rem;
}
@media (max-width: 320px) {
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .h6 {
font-size: 1.125rem;
}
}
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .h6.card-title {
margin: 0;
margin-top: 0.625rem;
max-width: 100%;
}
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .p {
font-size: 1rem;
color: var(--c-secondary);
font-weight: 400;
margin-top: 1.25rem;
margin-bottom: 1rem;
font-family: var(--font-regular);
}
@media (max-width: 320px) {
.three-column-content-card .container .card-container .card-list .card-item .content-wrapper .p {
font-size: 0.875rem;
}
}
.three-column-content-card .container .card-container .card-list .card-item .btn {
color: var(--c-primary);
font-size: 0.875rem;
font-weight: 500;
font-family: var(--font-button);
border: none;
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 0;
text-align: left;
background: none;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
}
.three-column-content-card .container .card-container .card-list .card-item .btn:hover {
color: var(--c-primary-dark, #004040);
}
.three-column-content-card .container .card-container .card-list .card-item .btn-view .icon {
transition: transform 0.2s ease;
font-size: 0.75rem;
}
.three-column-content-card .container .card-container .card-list .card-item .btn-view .icon:hover {
transform: translateX(0.25rem);
}
.three-column-content-card .container .card-container .card-list .card-item .btn-view:hover .icon {
transform: translateX(0.25rem);
}
.three-column-content-card .container .card-container .card-list .card-item.card-with-border {
border: 1px solid var(--c-border-color);
}
.three-column-content-card .container .card-container .card-list .card-item.card-with-border:hover {
background-color: var(--c-light-green);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn {
border: none;
margin-left: 1.75rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: none;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-button);
padding: 0;
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all {
color: var(--c-secondary);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all:hover {
color: var(--c-primary);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all:hover .icon {
transform: translateX(0.25rem);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all .icon {
transition: transform 0.2s ease;
font-size: 0.75rem;
color: var(--c-secondary);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all .icon:hover {
transform: translateX(0.25rem);
}
@media (max-width: 640px) {
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all {
margin-left: 0;
padding-left: 0;
font-size: 0.875rem;
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all:hover {
text-decoration: none;
color: var(--c-primary);
}
.three-column-content-card .container .card-container .card-list .view-all-wrapper .btn-view-all:hover .icon {
transform: translateX(0.25rem);
}
}
@media (max-width: 1024px) {
.tab-three-column-grid {
padding: 3.75rem 0;
}
}
@media (max-width: 768px) {
.tab-three-column-grid {
padding-bottom: 3rem;
}
}
@media (max-width: 320px) {
.tab-three-column-grid {
padding-top: 4.625rem;
}
}
.tab-three-column-grid .container .h2 {
margin-bottom: 2.625rem;
text-align: center;
}
.tab-three-column-grid .container .navigation-container {
overflow: scroll;
padding: 0 0.5rem;
}
.tab-three-column-grid .container .navigation-container::-webkit-scrollbar {
display: none;
}
.tab-three-column-grid .container .navigation-container .tab-nav {
display: flex;
justify-content: center;
gap: 1.25rem;
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.tab-three-column-grid .container .navigation-container .tab-nav {
justify-content: flex-start;
gap: 0.625rem;
}
}
.tab-three-column-grid .container .navigation-container .tab-nav li {
border: none;
outline: none;
white-space: nowrap;
}
.tab-three-column-grid .container .navigation-container .tab-nav li .btn {
border: none;
outline: none;
color: var(--c-dark-primary);
font-size: 0.875rem;
font-family: var(--font-button);
font-weight: 600;
background-color: transparent;
padding: 0.375rem 0.875rem;
border: 1px solid transparent;
}
.tab-three-column-grid .container .navigation-container .tab-nav li .btn-active {
background-color: var(--c-light-primary);
border-radius: 3.125rem;
border: 1px solid var(--c-primary-200);
}
.tab-three-column-grid .container .tab-content {
margin-top: 4.375rem;
}
@media (max-width: 768px) {
.tab-three-column-grid .container .tab-content {
margin-top: 1.5rem;
}
}
.tab-three-column-grid .container .tab-content .tab-panel {
max-width: 72.5rem;
margin: auto;
}
.tab-three-column-grid .container .tab-content .tab-panel .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid {
grid-template-columns: repeat(1, 1fr);
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid::before {
content: "";
position: absolute;
left: -4px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: var(--c-light-primary);
border-radius: 50%;
z-index: 3;
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid::before {
display: none;
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card {
padding: 1.875rem;
position: relative;
border: none;
border-radius: 0;
border-bottom: 1px solid var(--c-light-primary);
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid .card {
border-bottom: none;
padding-bottom: 0;
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(even) {
background-color: var(--c-light-green);
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3n-2), .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3n-1) {
border-right: 1px solid var(--c-light-primary);
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3n-2), .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3n-1) {
border-right: none;
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-last-child(-n+3) {
border-bottom: none;
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background-color: var(--c-light-primary);
border-radius: 50%;
top: -4px;
right: -4px;
z-index: 2;
display: none;
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(1)::before, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(2)::before {
display: block;
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(1)::before, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(2)::before {
display: none;
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
background-color: var(--c-light-primary);
border-radius: 50%;
bottom: -4px;
right: -4px;
z-index: 2;
display: none;
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3)::after, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(4)::after, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(5)::after {
display: block;
}
@media (max-width: 480px) {
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(3)::after, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(4)::after, .tab-three-column-grid .container .tab-content .tab-panel .grid .card:nth-child(5)::after {
display: none;
}
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card:hover {
background-color: var(--c-light-primary);
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card h6 {
font-weight: 600;
margin-bottom: 1.25rem;
}
.tab-three-column-grid .container .tab-content .tab-panel .grid .card .card-title {
font-weight: 600;
}
.tab-panel {
display: none;
}
.tab-panel.active {
display: block;
}
.faq-section .container {
padding: 0 8.125rem;
}
@media (max-width: 768px) {
.faq-section .container {
padding: 0 4.125rem;
}
}
@media (max-width: 640px) {
.faq-section .container {
padding: 0 1.25rem;
}
}
.faq-section .container .h2 {
text-align: center;
max-width: 73%;
margin: 1.875rem auto;
}
@media (max-width: 480px) {
.faq-section .container .h2 {
max-width: 100%;
}
}
.faq-section .container .block-description {
text-align: center;
margin-bottom: 1.875rem;
display: flex;
justify-content: center;
align-items: center;
gap: 1.25rem;
}
@media (max-width: 375px) {
.faq-section .container .block-description {
flex-direction: column;
}
}
.faq-section .container .block-description .p {
margin-bottom: 0;
font-size: 1rem;
}
.faq-section .container .block-description .contact-btn {
color: var(--c-primary);
display: flex;
align-self: center;
justify-content: space-between;
}
.faq-section .container .block-description .contact-btn .icon {
color: var(--c-primary);
margin-left: 0.25rem;
}
.faq-section .container .block-description .contact-btn .icon:hover {
transform: translateX(0.25rem);
}
.faq-section .container .faq-accordion {
list-style: none;
margin: 0;
padding: 0;
}
.faq-section .container .faq-accordion .faq-item {
border: 1px solid var(--c-border-color);
border-radius: 1rem;
margin-bottom: 1.625rem;
overflow: hidden;
cursor: pointer;
}
.faq-section .container .faq-accordion .faq-item:hover {
background-color: var(--c-light-green);
border: 1px solid var(--c-light-primary);
}
.faq-section .container .faq-accordion .faq-item.active {
background-color: var(--c-light-green);
border-color: var(--c-light-primary);
}
.faq-section .container .faq-accordion .faq-item.active .q {
padding: 1.625rem 2.5rem 0 1.625rem;
}
@media (max-width: 375px) {
.faq-section .container .faq-accordion .faq-item.active .q {
padding: 1.625rem 1.25rem 0rem 1.25rem;
}
}
.faq-section .container .faq-accordion .faq-item .q {
padding: 1.625rem 2.5rem 1.625rem 1.625rem;
}
@media (max-width: 480px) {
.faq-section .container .faq-accordion .faq-item .q {
padding-right: 1.875rem;
}
}
@media (max-width: 320px) {
.faq-section .container .faq-accordion .faq-item .q {
padding-right: 1.25rem;
}
}
.faq-section .container .faq-accordion .faq-item .q .faq-header {
font-size: 1.5rem;
position: relative;
font-weight: 600;
line-height: 1.4;
padding-right: 1.25rem;
color: var(--c-dark-primary);
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.faq-section .container .faq-accordion .faq-item .q .faq-header {
font-size: 1.375rem;
}
}
@media (max-width: 768px) {
.faq-section .container .faq-accordion .faq-item .q .faq-header {
font-size: 1.25rem;
}
}
@media (max-width: 640px) {
.faq-section .container .faq-accordion .faq-item .q .faq-header {
font-size: 1.125rem;
}
}
@media (max-width: 480px) {
.faq-section .container .faq-accordion .faq-item .q .faq-header {
font-size: 1rem;
}
}
.faq-section .container .faq-accordion .faq-item .q .faq-header::before {
content: "";
position: absolute;
width: 1rem;
height: 0.125rem;
top: 50%;
right: 0;
margin-left: -0.375rem;
margin-top: 0rem;
background: var(--c-black);
opacity: 0.4;
}
.faq-section .container .faq-accordion .faq-item .q .faq-header::after {
content: "";
position: absolute;
width: 0.125rem;
height: 1rem;
top: 50%;
right: 0.4375rem;
margin-left: -0.125rem;
margin-top: -0.375rem;
background: var(--c-black);
opacity: 0.4;
transition: transform 0.25s ease, opacity 0.25s ease 75ms;
}
.faq-section .container .faq-accordion .faq-item .q .faq-header[aria-expanded=true]::after {
transform: rotate(-90deg);
opacity: 0;
}
.faq-section .container .faq-accordion .faq-content {
display: none;
max-height: 0;
padding: 0.625rem 1.875rem 0;
border-radius: 1rem;
margin-bottom: 1.625rem;
transition: max-height 0.3s ease;
}
@media (max-width: 375px) {
.faq-section .container .faq-accordion .faq-content {
padding: 1rem;
}
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box {
display: flex;
border-radius: 1rem;
gap: 2rem;
margin-top: 0.75rem;
}
@media (max-width: 768px) {
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box {
flex-wrap: wrap;
}
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box .faq-left {
width: 50%;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box .faq-left .faq-description {
color: var(--c-secondary);
max-width: 18.75rem;
}
@media (max-width: 1024px) {
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box .faq-left .faq-description {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box .faq-left .faq-description {
max-width: -moz-max-content;
max-width: max-content;
}
}
@media (max-width: 480px) {
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-box .faq-left .faq-description {
font-size: 0.875rem;
}
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right {
width: 50%;
}
@media (max-width: 768px) {
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right {
padding-left: 0;
width: 100%;
}
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right.full-width {
flex: 1 1 100%;
width: 100%;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list {
list-style: none;
margin: 0;
padding: 0;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list li {
display: flex;
align-items: center;
gap: 1rem;
font-size: 1rem;
margin-bottom: 1.25rem;
color: var(--c-secondary);
position: relative;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list li:last-child {
margin-bottom: 0;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list li .icon {
color: var(--c-white);
font-size: 1rem;
flex-shrink: 0;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list li .icon.icon-check {
width: 1.25rem;
height: 1.25rem;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-white);
font-size: 0.75rem;
flex-shrink: 0;
}
.faq-section .container .faq-accordion .faq-content .faq-content-inner .faq-right ul.faq-list li .icon.icon-check::before {
color: var(--c-primary);
font-size: 1rem;
}
.two-section-faq {
padding-top: 100px;
padding-bottom: 3.75rem;
}
.two-section-faq .container .title {
text-align: center;
margin-bottom: 3.75rem;
}
.two-section-faq .container .faq-wrapper .faq-box {
display: flex;
gap: 0;
border-radius: 1rem;
overflow: hidden;
justify-content: space-between;
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box {
flex-wrap: wrap;
flex-direction: column;
}
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left {
width: 45%;
background-color: var(--c-white);
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left {
width: 100%;
padding: 2rem 1.5rem;
}
}
@media (max-width: 480px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left {
padding: 1.5rem 1.25rem;
}
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item {
margin-bottom: 2rem;
cursor: pointer;
padding: 0.375rem 0 0.375rem 1.375rem;
border-left: 3px solid transparent;
position: relative;
transition: background-color 0.3s ease, transform 0.2s ease, border-color 0.3s ease;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0.1875rem;
height: 88%;
background-color: var(--c-border-color);
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item:last-child {
margin-bottom: 0;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item.active {
padding-left: 1rem;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item.active::before {
height: 100%;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item.active .benefit-title::before {
background-color: var(--c-success);
content: "";
position: absolute;
left: 0;
top: 0;
width: 0.1875rem;
height: 58%;
background-color: var(--c-success);
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item.active .benefit-description {
display: block;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .benefit-title {
font-weight: 600;
color: var(--c-dark-primary);
margin-bottom: 0.75rem;
font-size: 1.5rem;
line-height: 1.4;
transition: color 0.3s ease;
}
@media (max-width: 992px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .benefit-title {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .benefit-title {
font-size: 1.125rem;
}
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .benefit-description {
color: var(--c-secondary);
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5;
margin-bottom: 0;
display: none;
}
@media (max-width: 480px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .benefit-description {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content {
margin-top: 1.875rem;
width: 100%;
background-color: var(--c-light-green);
padding: 2.5rem 2rem;
border-radius: 1rem;
}
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list {
list-style: none;
margin: 0;
padding: 0;
opacity: 1;
transition: opacity 0.3s ease;
}
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-item {
display: flex;
align-items: flex-start;
gap: 1rem;
margin-bottom: 1.25rem;
color: var(--c-dark-primary);
font-size: 1rem;
line-height: 1.5;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-item:last-child {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-item .icon {
flex-shrink: 0;
margin-top: 0.125rem;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-item .icon.icon-check {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-item .icon.icon-check::before {
color: var(--c-success);
font-weight: 600;
font-size: 1rem;
}
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-left .benefit-item .faq-hidden-content .features-list .feature-text {
flex: 1;
}
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right {
width: 47%;
background-color: var(--c-light-green);
padding: 2.5rem 2rem;
border-radius: 1rem;
}
@media (max-width: 768px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-right {
width: 100%;
padding: 2rem 1.5rem;
}
}
@media (max-width: 480px) {
.two-section-faq .container .faq-wrapper .faq-box .faq-right {
padding: 1.5rem 1.25rem;
}
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list {
list-style: none;
margin: 0;
padding: 0;
opacity: 1;
transition: opacity 0.3s ease;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item {
display: flex;
align-items: flex-start;
gap: 1rem;
margin-bottom: 1.25rem;
color: var(--c-dark-primary);
font-size: 1rem;
line-height: 1.5;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item:last-child {
margin-bottom: 0;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item .icon {
flex-shrink: 0;
margin-top: 0.125rem;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item .icon.icon-check {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item .icon.icon-check::before {
color: var(--c-success);
font-weight: 600;
font-size: 1rem;
}
.two-section-faq .container .faq-wrapper .faq-box .faq-right .features-list .feature-item .feature-text {
flex: 1;
}
@media (max-width: 480px) {
.card-based-grid.spacer-bottom-medium {
padding-bottom: 0.625rem;
}
}
@media (max-width: 1024px) {
.card-based-grid {
padding-bottom: 4.25rem;
}
}
@media (max-width: 480px) {
.card-based-grid {
padding-bottom: 2.5rem;
}
}
@media (max-width: 768px) {
.card-based-grid .container {
padding: 0 1.25rem;
}
}
.card-based-grid .container .grid-list {
display: grid;
gap: 1.625rem;
padding: 0;
}
.card-based-grid .container .grid-list.grid-item-1 {
grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-1 {
grid-template-columns: repeat(1, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-1 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-1 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-2 {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-2 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-2 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-2 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-4 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-4 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-5 {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-5 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-5 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-5 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-6 {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-6 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-6 {
grid-template-columns: 1fr !important;
}
}
.card-based-grid .container .grid-list.grid-item-1 .grid-list-item.grid-full {
grid-column: span 1;
overflow: hidden;
}
.card-based-grid .container .grid-list.grid-item-2 {
margin-bottom: 0;
}
.card-based-grid .container .grid-list.grid-item-2 .grid-list-item.grid-full {
grid-column: span 2;
overflow: hidden;
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-2 .grid-list-item.grid-full {
grid-column: span 1;
}
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.card-based-grid .container .grid-list.grid-item-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item .p {
margin-bottom: 0;
font-size: 1.125rem;
}
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item .p strong {
font-weight: 600;
}
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item.grid-full {
grid-column: span 3;
overflow: hidden;
}
@media (max-width: 768px) {
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item.grid-full {
grid-column: span 2;
}
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item.grid-full {
grid-column: span 2;
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list.grid-item-3 .grid-list-item.grid-full {
grid-column: span 1;
}
}
.card-based-grid .container .grid-list .grid-list-item {
border: 1px solid var(--c-border-color);
border-radius: 1rem;
padding: 2.25rem 2.4375rem 2.25rem 2.4375rem;
height: 100%;
position: relative;
}
.card-based-grid .container .grid-list .grid-list-item:hover {
background-color: var(--c-light-primary);
border: 1px solid var(--c-light-green);
}
@media (max-width: 992px) {
.card-based-grid .container .grid-list .grid-list-item {
padding: 2rem 1.25rem 1.5625rem 1.25rem;
}
}
.card-based-grid .container .grid-list .grid-list-item.bg-color {
background-color: var(--c-light-green);
border: 1px solid var(--c-border-color);
}
.card-based-grid .container .grid-list .grid-list-item.bg-color:hover {
background-color: var(--c-light-primary);
border: 1px solid var(--c-light-green);
}
@media (max-width: 320px) {
.card-based-grid .container .grid-list .grid-list-item {
padding: 1.875rem 1rem;
}
}
.card-based-grid .container .grid-list .grid-list-item .p, .card-based-grid .container .grid-list .grid-list-item p {
margin-bottom: 0;
font-size: 1rem;
}
.card-based-grid .container .grid-list .grid-list-item .p strong, .card-based-grid .container .grid-list .grid-list-item p strong {
font-weight: 600;
}
.card-based-grid .container .grid-list .grid-list-item .p:first-of-type, .card-based-grid .container .grid-list .grid-list-item p:first-of-type {
margin-bottom: 1.25rem;
}
.card-based-grid .container .grid-list .grid-list-item .p:last-of-type, .card-based-grid .container .grid-list .grid-list-item p:last-of-type {
margin-top: 0.625rem;
}
.card-based-grid .container .grid-list .grid-list-item ul {
list-style: none;
}
.card-based-grid .container .grid-list .grid-list-item ul li {
padding-left: 1.625rem;
margin-bottom: 0.625rem;
position: relative;
}
.card-based-grid .container .grid-list .grid-list-item ul li:last-child {
margin-bottom: 0;
}
.card-based-grid .container .grid-list .grid-list-item ul li b {
font-weight: 600;
}
.card-based-grid .container .grid-list .grid-list-item ul li::before {
content: "\e904";
font-family: "icomoon";
position: absolute;
left: 0;
color: var(--c-primary);
}
.card-based-grid .container .grid-list .grid-list-item ul:has(+ *) {
margin-bottom: 1.25rem;
}
.card-based-grid .container .grid-list .grid-list-item.grid-full {
background-repeat: no-repeat;
background-position: right bottom;
background-size: 17.5625rem 14.25rem;
padding-bottom: 4.25rem;
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list .grid-list-item.grid-full {
background-size: 13.5rem 9.25rem;
grid-column: span 1;
}
}
.card-based-grid .container .grid-list .grid-list-item.grid-full .card-bg {
position: absolute;
bottom: 0;
right: 0;
width: 17.25rem;
}
@media (max-width: 640px) {
.card-based-grid .container .grid-list .grid-list-item.grid-full .card-bg {
width: 6.75rem;
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list .grid-list-item.grid-full .card-bg {
display: none;
}
}
.card-based-grid .container .grid-list .grid-list-item.grid-full .p {
max-width: 25.375rem;
margin-bottom: 0;
}
.card-based-grid .container .grid-list .grid-list-item .icon-container {
max-width: 2.5rem;
max-height: 2.5rem;
margin-bottom: 1rem;
}
.card-based-grid .container .grid-list .grid-list-item .h3 {
font-size: 1.25rem;
color: var(--c-dark-primary);
margin: 0 0 1rem 0;
}
@media (max-width: 1024px) {
.card-based-grid .container .grid-list .grid-list-item .h3 {
font-size: 1.375rem;
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list .grid-list-item .h3 {
font-size: 1.25rem;
}
}
@media (max-width: 320px) {
.card-based-grid .container .grid-list .grid-list-item .h3 {
font-size: 1.125rem;
}
}
.card-based-grid .container .grid-list .grid-list-item .h3.colored-title {
color: var(--c-primary) !important;
}
.card-based-grid .container .grid-list .grid-list-item .card-bg {
position: absolute;
bottom: 0;
right: 0;
width: 19.25rem;
}
.card-based-grid .container .grid-list .grid-list-item .h4 {
font-size: 1.25rem;
color: var(--c-success);
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.card-based-grid .container .grid-list .grid-list-item .h4 {
font-size: 1.125rem;
}
}
@media (max-width: 480px) {
.card-based-grid .container .grid-list .grid-list-item .h4 {
font-size: 1rem;
}
}
.card-based-grid .container .grid-list .grid-list-item .p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 0;
color: var(--c-dark-gray);
}
@media (max-width: 320px) {
.card-based-grid .container .grid-list .grid-list-item .p {
font-size: 0.875rem;
}
}
.card-based-grid .container .grid-list .grid-list-item.colored-title-container {
border: 1px solid var(--c-primary-200) !important;
background-color: transparent;
}
.card-based-grid .container .grid-list .grid-list-item.colored-title-container:nth-child(2) {
background-color: #F5FFFB;
}
.card-based-grid .container .grid-list .grid-list-item.colored-title-container:hover {
background-color: transparent;
}
.card-based-grid .container .grid-list .grid-list-item.colored-title-container:hover:nth-child(2) {
background-color: #F5FFFB;
}
.card-based-grid .container .btn {
color: var(--c-primary);
text-decoration: underline;
padding: 1.25rem 0 0 0 !important;
font-weight: 400;
font-size: 0.875rem;
}
@media (max-width: 1024px) {
.text-intro-block.spacer-top-large {
padding-top: 3.125rem;
}
}
@media (max-width: 1024px) {
.text-intro-block.spacer-bottom-large {
padding-bottom: 3.125rem;
}
}
@media (max-width: 480px) {
.text-intro-block.spacer-bottom-large {
padding-bottom: 0rem;
}
}
@media (max-width: 992px) {
.text-intro-block {
padding-bottom: 5.5rem;
}
}
.text-intro-block .container .content-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 640px) {
.text-intro-block .container .content-wrapper {
gap: 1.25rem;
}
}
@media (max-width: 640px) {
.text-intro-block .container .content-wrapper {
flex-direction: column;
}
}
.text-intro-block .container .content-wrapper .block-header {
max-width: 30%;
display: flex;
position: relative;
}
@media (max-width: 1024px) {
.text-intro-block .container .content-wrapper .block-header {
max-width: 19.25rem;
}
}
@media (max-width: 640px) {
.text-intro-block .container .content-wrapper .block-header {
max-width: 100%;
}
}
.text-intro-block .container .content-wrapper .block-header .icon-container {
position: absolute;
max-width: 8.875rem;
max-height: 9.875rem;
top: -30%;
left: -21%;
}
@media (max-width: 1024px) {
.text-intro-block .container .content-wrapper .block-header .icon-container {
max-width: 5.125rem;
max-height: 2.875rem;
top: -16%;
left: -6%;
}
}
@media (max-width: 480px) {
.text-intro-block .container .content-wrapper .block-header .icon-container {
max-width: 2.5rem;
max-height: 2.25rem;
}
}
@media (max-width: 480px) {
.text-intro-block .container .content-wrapper .block-header .icon-container {
max-width: 5.5rem;
}
}
.text-intro-block .container .content-wrapper .block-header .main-title {
font-size: 1.875rem;
color: var(--c-dark-primary);
font-family: var(--font-semi-bold);
font-weight: 600;
line-height: 1.4;
z-index: 1 !important;
}
@media (max-width: 1024px) {
.text-intro-block .container .content-wrapper .block-header .main-title {
font-size: 1.375rem;
}
}
@media (max-width: 768px) {
.text-intro-block .container .content-wrapper .block-header .main-title {
font-size: 1.25rem;
}
}
.text-intro-block .container .content-wrapper .block-description {
color: rgba(0, 0, 0, 0.4);
font-weight: 500;
font-size: 1.5625rem;
line-height: 1.6;
max-width: 64.5%;
}
@media (max-width: 1024px) {
.text-intro-block .container .content-wrapper .block-description {
font-size: 1.25rem;
}
}
@media (max-width: 640px) {
.text-intro-block .container .content-wrapper .block-description {
max-width: 100%;
}
}
@media (max-width: 480px) {
.text-intro-block .container .content-wrapper .block-description {
max-width: 100%;
font-size: 1.125rem;
}
}
.text-intro-block .container .content-wrapper .block-description strong {
color: rgb(0, 0, 0);
font-weight: 400;
font-size: 1.5625rem;
}
@media (max-width: 480px) {
.text-intro-block .container .content-wrapper .block-description strong {
font-size: 1.125rem;
}
}
@media (max-width: 375px) {
.text-intro-block .container .content-wrapper .block-description strong {
font-size: 1rem;
}
}
.two-column-banner-block {
position: relative;
overflow: hidden;
}
@media (max-width: 992px) {
.two-column-banner-block {
padding-top: 5.625rem;
height: auto;
}
}
.two-column-banner-block .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.two-column-banner-block .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.two-column-banner-block .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 768px) {
.two-column-banner-block .background-section picture img {
height: auto;
}
}
.two-column-banner-block .container {
position: relative;
}
.two-column-banner-block .container .cover {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.5rem;
}
@media (max-width: 992px) {
.two-column-banner-block .container .cover {
flex-direction: column;
}
}
.two-column-banner-block .container .cover .content-wrapper {
max-width: 59%;
}
@media (max-width: 992px) {
.two-column-banner-block .container .cover .content-wrapper {
max-width: 100%;
text-align: center;
padding-bottom: 0;
margin-bottom: 2rem;
}
}
.two-column-banner-block .container .cover .content-wrapper .sub-title {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-grey);
display: block;
margin-bottom: 0.625rem;
}
@media (max-width: 480px) {
.two-column-banner-block .container .cover .content-wrapper .sub-title {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper .sub-title {
font-size: 0.875rem;
}
}
.two-column-banner-block .container .cover .content-wrapper .text-title {
letter-spacing: -0.0625rem;
color: var(--c-dark-primary);
font-size: 3.75rem;
line-height: 1.2;
}
@media (max-width: 1024px) {
.two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 3.125rem;
}
}
@media (max-width: 640px) {
.two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 2.25rem;
}
}
@media (max-width: 576px) {
.two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 1.875rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 1.75rem;
}
}
.two-column-banner-block .container .cover .content-wrapper p {
font-size: 1.125rem;
color: var(--c-secondary);
font-family: var(--font-regular);
font-weight: 400;
line-height: 1.6;
margin: 2rem 0;
letter-spacing: 0.025rem;
}
@media (max-width: 576px) {
.two-column-banner-block .container .cover .content-wrapper p {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper p {
max-width: 100%;
}
}
.two-column-banner-block .container .cover .content-wrapper p strong {
font-weight: 600;
}
.two-column-banner-block .container .cover .content-wrapper .button-group {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 0.25rem;
margin-top: 2rem;
}
@media (max-width: 992px) {
.two-column-banner-block .container .cover .content-wrapper .button-group {
justify-content: center;
}
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper .button-group {
flex-direction: column;
}
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn {
font-family: var(--font-button);
font-size: 1rem;
cursor: pointer;
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper .button-group .btn {
width: 100%;
}
}
@media (max-width: 640px) {
.two-column-banner-block .container .cover .content-wrapper .button-group .btn {
font-size: 0.875rem;
}
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn-primary {
margin-right: 0.5rem;
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn-explore {
color: var(--c-secondary);
border: none;
padding-left: 0.5rem;
font-weight: 600;
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn-explore .btn-text {
text-decoration: none;
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn-explore .btn-text:hover {
text-decoration: underline;
}
@media (max-width: 375px) {
.two-column-banner-block .container .cover .content-wrapper .button-group .btn-explore {
margin-top: 1rem;
}
}
.two-column-banner-block .container .cover .content-wrapper .button-group .btn .icon {
color: #a4b2ad;
font-size: 1.625rem;
margin-right: 0.625rem;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form-title {
display: block;
font-weight: 500;
font-size: 1.25rem;
color: var(--c-secondary);
margin-bottom: 0.9375rem;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form-description {
font-size: 0.875rem;
color: var(--c-dark-gray);
margin-bottom: 0.625rem;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form-footer-link {
padding-top: 0.625rem;
}
@media (max-width: 768px) {
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form {
align-items: center;
display: flex;
justify-content: space-between;
flex-direction: column;
}
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper {
width: 100%;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper .gform_heading {
display: none;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email label {
display: none;
}
@media (max-width: 768px) {
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email {
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
}
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email .gform-field-label {
font-weight: 600;
font-size: 1rem;
color: var(--c-dark-gray);
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email .ginput_container {
width: 48%;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email .ginput_container input[type=email] {
background: var(--c-white);
border: 1px solid var(--c-border-color);
border-color: var(--c-border-color);
box-shadow: none;
border-radius: 0.25rem;
line-height: normal;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email .ginput_container input[type=email]::-moz-placeholder {
color: var(--c-black);
opacity: 0.4;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform-body .gfield--type-email .ginput_container input[type=email]::placeholder {
color: var(--c-black);
opacity: 0.4;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform_footer {
margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform_footer {
justify-content: center;
}
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .form .gform_wrapper form .gform_footer input {
background-color: var(--c-primary);
border-radius: 0.5rem;
padding: 0.75rem 1rem;
font-weight: 500;
font-size: 1rem;
min-width: 8.125rem;
min-height: 3.125rem;
}
.two-column-banner-block .container .cover .content-wrapper .cta-form-container .btn-demo {
color: var(--c-primary);
text-decoration: underline;
padding: 1.25rem 0 0 0 !important;
font-weight: 400;
font-size: 0.875rem;
}
.two-column-banner-block .container .cover .image-wrapper {
min-width: 30.125rem;
border-radius: 1rem;
overflow: hidden;
min-height: 33rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 992px) {
.two-column-banner-block .container .cover .image-wrapper {
width: 70%;
margin: auto;
min-width: 70%;
min-height: auto;
}
}
@media (max-width: 480px) {
.two-column-banner-block .container .cover .image-wrapper {
width: 100%;
min-width: 100%;
}
}
.two-column-banner-block .container .cover .image-wrapper picture {
width: 100%;
height: 100%;
}
.two-column-banner-block .container .cover .image-wrapper picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.two-column-banner-block .container hr {
margin: 0;
opacity: 0.2;
}
@media (max-width: 640px) {
.two-column-banner-block .container hr {
display: none;
}
}
.two-column-banner-block .container hr.none {
display: none;
}
.two-column-banner-block .container hr.small {
width: 52%;
position: absolute;
right: 3.75rem;
margin-top: 2.1875rem;
}
@media (max-width: 640px) {
.two-column-banner-block .container hr.small {
display: none;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover {
flex-direction: column;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper {
max-width: 59%;
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper {
max-width: 100%;
text-align: left;
padding-bottom: 0;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .sub-title {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-grey);
display: block;
margin-bottom: 0.625rem;
}
@media (max-width: 480px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .sub-title {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .sub-title {
font-size: 0.875rem;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .text-title {
letter-spacing: -0.0625rem;
color: var(--c-dark-primary);
font-size: 3.75rem;
line-height: 1.2;
}
@media (max-width: 1024px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .text-title {
font-size: 3.125rem;
}
}
@media (max-width: 640px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .text-title {
font-size: 2.25rem;
}
}
@media (max-width: 576px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .text-title {
font-size: 1.875rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .text-title {
font-size: 1.75rem;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .h5 {
font-size: 2rem;
font-weight: 500;
margin-top: 1.25rem;
margin-bottom: 0;
color: var(--c-dark-primary);
}
@media (max-width: 1024px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .h5 {
font-size: 1.5rem;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p {
font-size: 1.125rem;
color: var(--c-secondary);
font-family: var(--font-regular);
font-weight: 400;
line-height: 1.6;
margin: 2rem 0;
letter-spacing: 0.025rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p:nth-of-type(1) {
margin-top: 1.25rem;
margin-bottom: 0.625rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p:nth-of-type(2) {
margin-top: 0;
margin-bottom: 0.9375rem;
}
@media (max-width: 576px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p {
max-width: 100%;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper p strong {
font-weight: 600;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .h6 {
font-weight: 600;
font-size: 1.125rem;
margin-bottom: 0;
color: var(--c-secondary);
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .meet-description {
margin: 0.625rem 0 1.25rem 0;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .resource-title {
color: var(--c-primary);
font-weight: 600;
font-size: 1.125rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper ul {
margin-top: 0.9375rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper ul li {
margin-bottom: 0.375rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper ul li:last-child {
margin-bottom: 0;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper ul li a {
text-decoration: underline;
color: #0A6ABE;
font-size: 1rem;
font-weight: 500;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .feature-checklist {
list-style: none;
padding: 0;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .feature-checklist .checklist-item {
display: flex;
align-items: center;
margin-bottom: 0.625rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .feature-checklist .checklist-item .icon {
margin-right: 0.5rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .feature-badge {
width: 5.9375rem;
height: 5.9375rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 0.25rem;
margin-top: 1rem;
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group {
justify-content: center;
}
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group {
flex-direction: column;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn {
font-family: var(--font-button);
font-size: 1rem;
cursor: pointer;
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn {
width: 100%;
}
}
@media (max-width: 640px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn {
font-size: 0.875rem;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn-primary {
margin-right: 0.5rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn-explore {
color: var(--c-secondary);
border: none;
padding-left: 0.5rem;
font-weight: 600;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn-explore .btn-text {
text-decoration: none;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn-explore .btn-text:hover {
text-decoration: underline;
}
@media (max-width: 375px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn-explore {
margin-top: 1rem;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .button-group .btn .icon {
color: #a4b2ad;
font-size: 1.625rem;
margin-right: 0.625rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container {
position: relative;
width: 100%;
margin-top: 1rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container form .step {
display: none;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container form .step.active {
display: block;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container form .step .options p {
display: none;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container form .step .error-message {
display: none;
margin-top: 0.625rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .navigation {
margin-top: 3.5rem;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .contact-form .assessment-newsletter {
display: flex;
align-items: center;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .contact-form .assessment-newsletter input[type=checkbox] {
margin-right: 0.5rem;
width: 0.75rem;
height: 0.75rem;
border: 1px solid var(--c-border-color);
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
background-color: #fff;
cursor: pointer;
position: relative;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .contact-form .assessment-newsletter input[type=checkbox]:checked {
background-color: var(--c-primary);
border-color: var(--c-primary);
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .contact-form .assessment-newsletter input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 0.4375rem;
top: 0rem;
bottom: 0;
right: 0;
width: 0.5625rem;
height: 1rem;
border: 0.125rem solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg);
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .audit-wizard-container .wizard-container .contact-form .assessment-newsletter label {
font-size: 0.875rem;
font-weight: 400;
color: var(--c-secondary);
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .wizard-progress {
width: 37.5rem;
max-width: 100%;
margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .wizard-progress .progress-bar {
width: 100%;
height: 0.375rem;
background-color: var(--c-light-primary);
border-radius: 0.5rem;
overflow: hidden;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .wizard-progress .progress-bar .progress-fill {
height: 100%;
width: 0%;
background-color: var(--c-primary-800);
border-radius: 0.5rem;
transition: width 0.4s ease-in-out;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .content-wrapper .progress-text {
margin-top: 1rem;
font-size: 0.875rem;
font-weight: 400;
color: var(--c-secondary);
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .image-wrapper {
width: 30.125rem;
display: block;
border-radius: 1rem;
overflow: hidden;
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .image-wrapper {
width: 100%;
}
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .image-wrapper img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.two-column-banner-block.two-column-banner-block-with-forms .container .cover .image-wrapper .calendly-inline-widget {
height: 37.8125rem !important;
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-right-content {
padding-top: 3.75rem;
}
}
@media (max-width: 768px) {
.two-column-banner-block.two-column-banner-block-with-right-content .container .cover {
flex-direction: column-reverse;
}
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description {
margin: 2rem 0;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description p {
margin: 0 0 1rem 0;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description ul {
list-style: none;
text-align: left;
padding-left: 2.5rem;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description ul li {
position: relative;
font-size: 1.125rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
line-height: 1.6;
margin-bottom: 0.625rem;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description ul li:last-child {
margin-bottom: 0;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description ul li::before {
content: "\e904";
position: absolute;
left: -1.875rem;
font-family: "icomoon";
top: 0;
font-size: 1rem;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description ul li:last-child {
margin-bottom: 0;
}
.two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description strong, .two-column-banner-block.two-column-banner-block-with-right-content .content-wrapper .description b {
font-weight: 600;
}
@media (max-width: 992px) {
.two-column-banner-block.two-column-banner-block-with-right-content .cover .image-wrapper {
min-width: auto;
max-width: 100%;
}
}
@media (max-width: 480px) {
.two-column-banner-block.two-column-banner-block-with-right-content .cover .image-wrapper .calendly-inline-widget {
min-width: 100% !important;
}
}
@media (max-width: 992px) {
.four-column-title-with-icon {
padding-bottom: 1.875rem;
}
}
.four-column-title-with-icon .container .h2 {
font-weight: 600;
}
.four-column-title-with-icon .container .p {
margin: 1.875rem 0;
}
.four-column-title-with-icon .container .block-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 2.8125rem 0 0;
row-gap: 1.25rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
@media (max-width: 768px) {
.four-column-title-with-icon .container .block-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
.four-column-title-with-icon .container .block-container {
grid-template-columns: repeat(2, 1fr);
}
}
.four-column-title-with-icon .container .block-container .block-item .icon-container {
max-width: 2.5rem;
max-height: 2.5rem;
}
.four-column-title-with-icon .container .block-container .block-item .p {
letter-spacing: 0.025rem;
}
.four-column-title-with-icon .container .block-container .block-item .p strong {
font-weight: 600;
margin-bottom: 1rem;
display: inline-block;
}
.two-column-content-block {
background-color: var(--c-gray-98);
}
@media (max-width: 768px) {
.two-column-content-block {
padding-top: 1.25rem;
padding-bottom: 5rem;
}
}
.two-column-content-block .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.two-column-content-block .container .content-block {
width: 50%;
}
@media (max-width: 640px) {
.two-column-content-block .container .content-block {
width: 100%;
}
}
.two-column-content-block .container .content-block .content-wrapper .title-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--c-primary);
border-radius: 50%;
z-index: 1;
display: flex;
}
.two-column-content-block .container .content-block .content-wrapper .h3 {
color: var(--c-dark-primary);
max-width: 36.75rem;
}
.two-column-content-block .container .content-block .content-wrapper .content-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--c-primary);
border-radius: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-white);
font-size: 1rem;
flex-shrink: 0;
}
.two-column-content-block .container .content-block .content-wrapper .content-icon::before {
color: var(--c-white);
font-size: 1rem;
}
.two-column-content-block .container .content-block .content-wrapper .p {
max-width: 36.5rem;
line-height: 1.6;
font-family: var(--font-semi-bold);
margin: 1.875rem 0 4.0625rem;
line-height: 1.6;
font-size: 1.1875rem;
}
@media (max-width: 375px) {
.two-column-content-block .container .content-block .content-wrapper .p {
font-size: 0.875rem;
}
}
.two-column-content-block .container .content-block .h6 {
color: var(--c-primary);
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
.two-column-content-block .container .list-item-block {
width: 45%;
padding-left: 3.75rem;
}
@media (max-width: 640px) {
.two-column-content-block .container .list-item-block {
width: 100%;
padding-left: 0;
margin-top: 2.5rem;
}
}
.two-column-content-block .container .list-item-block .list-items {
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.5625rem;
}
.two-column-content-block .container .list-item-block .list-items .items {
background-color: var(--c-white);
padding: 1.5rem;
border-radius: 1rem;
}
.two-column-content-block .container .list-item-block .list-items .items .h6 {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-black);
position: relative;
}
.two-column-content-block .container .list-item-block .list-items .items .h6.has-icon::before {
content: "\e904";
position: absolute;
left: -1.875rem;
font-family: "icomoon";
top: 0;
font-size: 1rem;
color: var(--c-primary);
}
.two-column-content-block .container .list-item-block .list-items .items .p {
font-size: 1rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
position: relative;
}
@media (max-width: 375px) {
.two-column-content-block .container .list-item-block .list-items .items .p {
font-size: 0.875rem;
}
}
.two-column-content-block .container .list-item-block .list-items .items .p.has-icon {
padding-left: 1.5rem;
}
.two-column-content-block .container .list-item-block .list-items .items .p.has-icon::before {
content: "\e904";
position: absolute;
left: -1%;
font-family: "icomoon";
top: 0;
width: 100%;
height: 100%;
color: var(--c-primary);
}
@media (max-width: 1024px) {
.dual-colour-title-with-description.spacer-top-large {
padding-top: 3.125rem;
}
}
@media (max-width: 992px) {
.dual-colour-title-with-description.spacer-top-large {
padding-top: 4.875rem;
}
}
.dual-colour-title-with-description .container .h3 {
text-align: center;
font-size: 2.25rem;
color: var(--c-dark-primary);
font-weight: 600;
line-height: 1.2;
}
@media (max-width: 1024px) {
.dual-colour-title-with-description .container .h3 {
font-size: 2rem;
}
}
@media (max-width: 640px) {
.dual-colour-title-with-description .container .h3 {
font-size: 1.875rem;
}
}
@media (max-width: 576px) {
.dual-colour-title-with-description .container .h3 {
font-size: 1.75rem;
}
}
@media (max-width: 480px) {
.dual-colour-title-with-description .container .h3 {
font-size: 1.625rem;
}
}
@media (max-width: 320px) {
.dual-colour-title-with-description .container .h3 {
font-size: 1.5rem;
}
}
.dual-colour-title-with-description .container .h3 .color-title {
color: var(--c-green-Primary-500);
}
.dual-colour-title-with-description .container h2 {
margin-top: 1.875rem;
text-align: center;
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 1.5rem;
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.dual-colour-title-with-description .container h2 {
margin-top: 3.75rem;
}
}
.dual-colour-title-with-description .container .heading-title {
margin-top: 1.875rem;
text-align: center;
font-size: 2.25rem;
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 1.5rem;
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 2rem;
margin-top: 3.75rem;
}
}
@media (max-width: 992px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 1.875rem;
}
}
@media (max-width: 768px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 1.75rem;
}
}
@media (max-width: 640px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 1.625rem;
}
}
@media (max-width: 576px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.dual-colour-title-with-description .container .heading-title {
font-size: 1.375rem;
}
}
.dual-colour-title-with-description .container .p {
max-width: 41.375rem;
font-weight: 400;
font-family: var(--font-regular);
text-align: center;
margin: 1.125rem auto 3.625rem;
}
.dual-colour-title-with-description .container .small {
font-size: 1.125rem;
max-width: 51%;
}
@media (max-width: 1024px) {
.dual-colour-title-with-description .container .small {
max-width: 65%;
}
}
@media (max-width: 480px) {
.dual-colour-title-with-description .container .small {
max-width: 92%;
font-size: 1rem;
}
}
.dual-colour-title-with-description .container .medium {
max-width: 70%;
font-size: 1.125rem;
}
@media (max-width: 1024px) {
.dual-colour-title-with-description .container .medium {
max-width: 61%;
}
}
@media (max-width: 992px) {
.dual-colour-title-with-description .container .medium {
max-width: 64%;
}
}
@media (max-width: 768px) {
.dual-colour-title-with-description .container .medium {
max-width: 71%;
}
}
@media (max-width: 640px) {
.dual-colour-title-with-description .container .medium {
max-width: 85%;
}
}
@media (max-width: 576px) {
.dual-colour-title-with-description .container .medium {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.dual-colour-title-with-description .container .medium {
max-width: 100%;
margin-bottom: 0.625rem;
}
}
.title-with-three-column-block {
position: relative;
overflow: hidden;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media (max-width: 768px) {
.title-with-three-column-block {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.title-with-three-column-block .image-wrapper {
position: absolute;
top: 0;
left: 12%;
width: 15.75rem;
height: 18.875rem;
z-index: 0;
}
@media (max-width: 1440px) {
.title-with-three-column-block .image-wrapper {
left: 0;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .image-wrapper {
width: 10.75rem;
}
}
.title-with-three-column-block .image-wrapper img {
width: 100%;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .steps-content-group {
display: flex;
flex-direction: column;
align-items: center;
}
}
.title-with-three-column-block .container .header-cta-wrapper .header-cta {
flex-shrink: 0;
max-width: 8.6875rem;
max-height: 3.5rem;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-cta-wrapper--desktop {
display: none;
}
}
.title-with-three-column-block .container .header-cta-wrapper--mobile {
display: none;
justify-content: center;
width: 100%;
margin-top: 2rem;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-cta-wrapper--mobile {
display: flex;
}
}
.title-with-three-column-block .container .header-section {
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 4rem;
gap: 1.5rem;
width: 100%;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-section {
flex-direction: column;
margin-bottom: 1.5rem;
align-items: center;
justify-content: center;
}
}
.title-with-three-column-block .container .header-section .title-wrapper {
flex: 1;
z-index: 2;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-section .title-wrapper {
text-align: center;
width: 100%;
}
}
.title-with-three-column-block .container .header-section .title-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
font-family: var(--font-semi-bold);
margin-bottom: 1rem;
max-width: 85%;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-section .title-wrapper .h2 {
max-width: 100%;
}
}
.title-with-three-column-block .container .header-section .title-wrapper .subtitle {
font-size: 1.125rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
margin: 0;
max-width: 85%;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .header-section .title-wrapper .subtitle {
max-width: 100%;
}
}
@media (max-width: 576px) {
.title-with-three-column-block .container .header-section .title-wrapper .subtitle {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .header-section .title-wrapper .subtitle {
max-width: 100%;
}
}
.title-with-three-column-block .container .three-column-block.card-count-4 .slider-arrows {
display: none !important;
visibility: hidden !important;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block.card-count-4 .slider-arrows {
display: flex !important;
visibility: visible !important;
}
}
.title-with-three-column-block .container .three-column-block.card-count-3 .slider-arrows {
display: none !important;
visibility: hidden !important;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block.card-count-3 .slider-arrows {
display: flex !important;
visibility: visible !important;
}
}
.title-with-three-column-block .container .three-column-block.card-count-2 .slider-arrows {
display: none !important;
visibility: hidden !important;
}
@media (max-width: mobile-md) {
.title-with-three-column-block .container .three-column-block.card-count-2 .slider-arrows {
display: flex !important;
visibility: visible !important;
}
}
.title-with-three-column-block .container .three-column-block.card-count-1 .slider-arrows {
display: none !important;
visibility: hidden !important;
}
.title-with-three-column-block .container .three-column-block .steps-wrapper {
position: relative;
display: flex;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper {
gap: 3rem;
padding-top: 1rem;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper {
gap: 3rem;
padding-top: 1rem;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .step-line {
position: absolute;
top: 12%;
left: 16%;
right: 0;
height: 2px;
width: 69%;
background-image: repeating-linear-gradient(to right, var(--c-light-primary) 0, var(--c-light-primary) 0.5rem, transparent 0.5rem, transparent 1rem);
z-index: 0;
}
@media (max-width: 992px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .step-line {
top: 10%;
}
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .step-line {
display: none;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .column {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column {
width: 72%;
margin: 0 auto;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper {
border: 1px solid var(--c-primary-200);
border-radius: 50%;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper {
width: 2.75rem;
height: 2.75rem;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper {
width: 4rem;
height: 4rem;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper .step-number {
width: 2.4375rem;
height: 2.5rem;
border-radius: 50%;
background-color: var(--c-primary-200);
color: var(--c-black);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.375rem;
font-weight: 500;
font-family: var(--font-semi-bold);
flex-shrink: 0;
position: relative;
}
@media (max-width: 992px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper .step-number {
font-size: 1.25rem;
width: 2.25rem;
height: 2.25rem;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .step-number-wrapper .step-number {
width: 2.75rem;
height: 2.75rem;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .h3 {
font-size: 1.5rem;
color: var(--c-secondary);
font-weight: 600;
font-family: var(--font-semi-bold);
margin-bottom: 1rem;
line-height: 1.3;
}
@media (max-width: 1024px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .h3 {
font-size: 1.375rem;
}
}
@media (max-width: 992px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .h3 {
font-size: 1.25rem;
}
}
@media (max-width: 576px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .h3 {
font-size: 1.375rem;
margin-bottom: 0.75rem;
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .h3 {
font-size: 1.25rem;
}
}
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .p {
font-size: 1rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
line-height: 1.6;
margin: 0;
}
@media (max-width: 576px) {
.title-with-three-column-block .container .three-column-block .steps-wrapper .column .p {
font-size: 0.9375rem;
}
}
.title-with-three-column-block .container .three-column-block .slider-arrows {
position: relative;
display: flex;
justify-content: flex-end;
gap: 0.75rem;
margin-bottom: 2rem;
z-index: 10;
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .slider-arrows {
margin-bottom: 1.5rem;
}
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-left .btn-left {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-left .btn-left:hover:not(:disabled) {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-left .btn-left:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-left .btn-left .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-right .btn-right {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-right .btn-right:hover:not(:disabled) {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-right .btn-right:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.title-with-three-column-block .container .three-column-block .slider-arrows .slider-right .btn-right .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
.title-with-three-column-block .container .three-column-block .slider-wrapper {
position: relative;
overflow: hidden;
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper {
position: relative;
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .step-line {
position: absolute;
top: 12%;
left: 16%;
right: 0;
height: 2px;
width: 69%;
background-image: repeating-linear-gradient(to right, var(--c-light-primary) 0, var(--c-light-primary) 0.5rem, transparent 0.5rem, transparent 1rem);
z-index: 0;
}
@media (max-width: 992px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .step-line {
top: 10%;
}
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .step-line {
display: none;
}
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider {
overflow: hidden;
position: relative;
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list {
position: relative;
display: flex;
gap: 2rem;
transition: transform 0.3s ease-in-out;
}
@media (max-width: 1366px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list {
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list::-webkit-scrollbar {
display: none;
}
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item {
position: relative;
z-index: 1;
flex-shrink: 0;
min-width: calc(25% - 0.75rem);
width: calc(25% - 0.75rem);
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-2 {
min-width: calc(50% - 0.75rem);
width: calc(50% - 0.75rem);
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-2 {
min-width: 100%;
width: 100%;
}
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-3 {
min-width: calc(33.33% - 1.3125rem);
width: calc(33.33% - 1.3125rem);
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-3 {
min-width: calc(50% - 0.75rem);
width: calc(50% - 0.75rem);
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-3 {
min-width: 100%;
width: 100%;
}
}
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-4 {
min-width: calc(25% - 1.3125rem);
width: calc(25% - 1.3125rem);
}
@media (max-width: 768px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-4 {
min-width: calc(50% - 0.75rem);
width: calc(50% - 0.75rem);
}
}
@media (max-width: 480px) {
.title-with-three-column-block .container .three-column-block .slider-wrapper .steps-wrapper .card-slider .card-slider-list .column.slider-item.slider-count-4 {
min-width: 100%;
width: 100%;
}
}
.two-column-cta-with-bullets .container .content-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 1rem;
overflow: hidden;
align-items: stretch;
margin: auto;
max-width: 1320px;
}
@media (max-width: 1280px) {
.two-column-cta-with-bullets .container .content-wrapper {
max-width: 991px;
}
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper {
max-width: 1024px;
}
}
@media (max-width: 1366px) {
.two-column-cta-with-bullets .container .content-wrapper {
max-width: 1024px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper {
max-width: 100%;
}
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper {
flex-direction: column;
}
}
.two-column-cta-with-bullets .container .content-wrapper.section-border {
border: 1px solid var(--c-border-color);
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper.section-border {
padding: 0;
width: 100%;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper {
padding: 5rem 2.5rem 5rem;
width: 49%;
height: auto;
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper {
width: 100%;
padding-bottom: 2.5rem;
}
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper {
width: 100%;
}
}
@media (max-width: 480px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper {
padding: 0;
width: 90%;
}
}
@media (max-width: 480px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper {
padding: 2.5rem 1.25rem 1.25rem;
width: 100%;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container {
margin: 0 0 0 auto;
flex-direction: column;
}
@media (max-width: 1024px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container {
margin-right: 0;
}
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container {
width: 94%;
margin: auto;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .h3 {
margin-bottom: 1rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .h3 .highlight {
color: var(--c-primary);
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p {
font-size: 1.25rem;
line-height: 1.6;
color: var(--c-black);
margin-bottom: 1.25rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p:last-child {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p {
font-size: 1.125rem;
}
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p {
max-width: 100%;
}
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p {
font-size: 1rem;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .p.desc-with-button {
margin-bottom: 1.5rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .highlight {
color: var(--c-primary);
font-weight: 600;
font-size: 1.25rem;
margin-top: 2.1875rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .btn {
display: inline-flex;
align-items: center;
color: var(--c-white);
padding: 0.9375rem;
border-radius: 0.5rem;
text-decoration: none;
width: -moz-max-content;
width: max-content;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .btn .icon-phone {
display: none;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.has-color .left-container .btn .icon-phone path {
fill: currentColor;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container {
flex-direction: column;
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container {
margin: 0;
padding-left: 1.25rem;
}
}
@media (max-width: 480px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container {
padding: 0 0 2.5rem 1.25rem;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .h3 {
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .h3 {
font-size: 1.75rem;
}
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .h3 {
width: 100%;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .h3 .highlight {
color: var(--c-primary-800);
font-weight: 600;
font-size: 1.25rem;
margin-top: 2.1875rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .p {
font-size: 1rem;
line-height: 1.6;
color: var(--c-black);
margin-bottom: 0;
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .p {
max-width: 100%;
}
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .p.desc-with-button {
margin-bottom: 1.5rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .highlight {
color: var(--c-primary-800);
font-weight: 600;
font-size: 1.25rem;
margin-top: 2.1875rem;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .btn {
display: inline-flex;
align-items: center;
color: var(--c-white);
padding: 1rem 1.5rem;
border-radius: 0.5rem;
text-decoration: none;
max-width: -moz-max-content;
max-width: max-content;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .btn .icon-phone {
margin-right: 8px;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper.colorless .left-container .btn .icon-phone path {
fill: currentColor;
}
.two-column-cta-with-bullets .container .content-wrapper .left-wrapper .left-additional-bullets .left-additional-bullet {
margin-bottom: 0.625rem;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper {
width: 51%;
padding: 5rem 2.5rem 5rem;
height: auto;
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper {
width: 100%;
}
}
@media (max-width: 640px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper {
width: 100%;
padding: 2.5rem;
}
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color {
background-color: var(--c-light-green);
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container {
width: 93%;
margin-left: auto;
}
@media (max-width: 1024px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container {
width: 97%;
margin: 0;
}
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container .content-list {
margin: 0;
}
@media (max-width: 1024px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container .content-list {
max-width: 100%;
}
}
@media (max-width: 768px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container .content-list {
padding-left: 0;
}
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper.has-color .right-container .p {
font-size: 1rem;
color: var(--c-dark-gray);
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container {
width: 100%;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents {
position: relative;
padding-left: 2rem;
margin-bottom: 1.25rem;
list-style: none;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents p {
font-size: 1rem;
margin-bottom: 0;
display: flex;
align-items: center;
gap: 0.75rem;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents:last-child {
margin-bottom: 0;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents .icon {
position: absolute;
left: 0;
top: 18%;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents .icon.icon-check {
color: var(--c-success);
font-size: 1rem;
background: none;
border-radius: 0;
width: auto;
height: auto;
display: inline;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents .icon.icon-check::before {
color: var(--c-success);
font-size: 1rem;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents .h6 {
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-dark-primary);
}
@media (max-width: 1024px) {
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents .h6 {
font-size: 1.125rem;
}
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents.border {
border: 1px solid var(--c-border-color);
padding: 1.25rem;
border-radius: 1rem;
min-height: 5.5rem;
display: flex;
align-items: center;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents.border p {
padding-left: 1.25rem;
display: flex;
align-items: center;
}
.two-column-cta-with-bullets .container .content-wrapper .right-wrapper .right-container .content-list .contents.border .icon {
left: 2%;
top: auto;
}
.two-column-cta-with-bullets strong, .two-column-cta-with-bullets b {
font-weight: bold;
}
.page-template-page-resources-landing .two-column-cta-with-bullets .content-wrapper {
flex-direction: row-reverse;
}
.featured-testimonial {
text-align: center;
position: relative;
}
@media (max-width: 768px) {
.featured-testimonial {
padding-top: 0;
}
}
@media (max-width: 768px) {
.featured-testimonial.spacer-top-medium {
padding-top: 3.75rem;
}
}
@media (max-width: 768px) {
.featured-testimonial.spacer-bottom-large {
padding-bottom: 3.75rem;
}
}
@media (max-width: 640px) {
.featured-testimonial {
padding-top: 1.875rem;
}
}
.featured-testimonial .featured-bg {
position: absolute;
bottom: 0;
width: 70%;
margin: auto;
left: 0;
right: 0;
}
@media (max-width: 1440px) {
.featured-testimonial .featured-bg {
width: 80%;
}
}
@media (max-width: 1024px) {
.featured-testimonial .featured-bg {
width: 90%;
}
}
.featured-testimonial .container {
position: relative;
}
.featured-testimonial .container .testimonial-heading {
font-weight: 600;
color: var(--c-dark-primary);
}
.featured-testimonial .container p {
max-width: 50.5rem;
margin: 1.5rem auto 0;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.5);
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 640px) {
.featured-testimonial .container p {
font-size: 1.125rem;
}
}
.featured-testimonial .container p .coloured {
color: var(--c-black);
}
.featured-testimonial .container .testimonial-slider {
overflow: hidden;
position: relative;
margin-top: 3.25rem;
}
.featured-testimonial .container .testimonial-slider .testimonial-slides {
display: flex;
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide {
min-width: 100%;
box-sizing: border-box;
padding: 0 1.25rem;
margin-right: 0 !important;
}
@media (max-width: 640px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide {
margin-right: 1.875rem !important;
}
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.875rem;
color: var(--c-brown-green);
font-weight: 500;
line-height: 1.3;
font-family: var(--font-button);
margin: auto;
max-width: 55.625rem;
}
@media (max-width: 1280px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.375rem;
max-width: 43.625rem;
line-height: 1.1;
}
}
@media (max-width: 768px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1.25rem;
max-width: 37rem;
}
}
@media (max-width: 576px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote {
font-size: 0.875rem;
line-height: 1.5;
}
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .quote-symbol {
font-size: 3.75rem;
color: var(--c-black);
line-height: 0.5;
vertical-align: top;
margin-right: 0.625rem;
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote b {
background-image: radial-gradient(var(--c-light-primary) 40%, #69f2c9 100%);
border-radius: 0.625rem 0.25rem;
padding: 0rem 0.5rem;
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 3.75rem;
}
@media (max-width: 1280px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 3.125rem;
}
}
@media (max-width: 576px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 2.5rem;
}
}
@media (max-width: 480px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .start-quote {
font-size: 1.875rem;
}
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
font-size: 1.875rem;
}
@media (max-width: 576px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
font-size: 1.5625rem;
}
}
@media (max-width: 480px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-quote .end-quote {
font-size: 1.25rem;
}
}
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 1.25rem;
font-weight: 400;
margin-top: 3.25rem;
color: var(--c-secondary);
}
@media (max-width: 768px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.featured-testimonial .container .testimonial-slider .testimonial-slides .testimonial-slide .testimonial-author {
font-size: 0.75rem;
}
}
.featured-testimonial .container .testimonial-dots {
margin-top: 2.5rem;
bottom: -4.375rem;
display: flex;
justify-content: center;
}
.featured-testimonial .container .testimonial-dots .swiper-pagination-bullet {
background-color: var(--c-dark-primary) !important;
width: 0.625rem !important;
height: 0.625rem !important;
border-radius: 50% !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
opacity: 1 !important;
}
.featured-testimonial .container .testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
width: 2.125rem !important;
background: var(--c-green-Primary-500) !important;
border-radius: 1.25rem !important;
}
.featured-testimonial .container .swiper-button-next,
.featured-testimonial .container .swiper-button-prev {
display: none !important;
}
.heading-section {
position: relative;
overflow: hidden;
}
@media (max-width: 576px) {
.heading-section.spacer-top-medium {
padding-top: 2.5rem;
}
}
@media (max-width: 576px) {
.heading-section.spacer-bottom-medium {
padding-bottom: 2.5rem;
}
}
.heading-section .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.heading-section .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.heading-section .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.heading-section .container {
position: relative;
}
@media (max-width: 768px) {
.heading-section .container {
min-height: auto;
}
}
.heading-section .container .content-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 1.25rem;
}
.heading-section .container .content-wrapper.align-center {
flex-direction: column;
align-items: center;
margin: auto;
justify-content: center;
}
.heading-section .container .content-wrapper.align-center .h2 {
max-width: 60%;
margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
.heading-section .container .content-wrapper.align-center .h2 {
max-width: 100%;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.heading-section .container .content-wrapper {
flex-direction: column;
align-items: center;
}
}
.heading-section .container .content-wrapper .h2 {
display: flex;
align-items: center;
justify-content: center;
max-width: 68%;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 1024px) {
.heading-section .container .content-wrapper .h2 {
max-width: 65%;
}
}
@media (max-width: 768px) {
.heading-section .container .content-wrapper .h2 {
max-width: 100%;
}
}
.heading-section .container .content-wrapper .button-group {
max-width: 30%;
display: flex;
gap: 1.25rem;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.heading-section .container .content-wrapper .button-group {
max-width: 36%;
}
}
@media (max-width: 768px) {
.heading-section .container .content-wrapper .button-group {
max-width: 100%;
}
}
.heading-section .container .content-wrapper .button-group a.btn-primary, .heading-section .container .content-wrapper .button-group a.btn-secondary-outline {
min-height: 1.75rem;
padding: 0.625rem;
}
.image-block .container .image-wrapper {
width: 88%;
height: auto;
margin: auto;
}
.image-block .container .image-wrapper img {
width: 100%;
display: block;
}
.simple-cta-with-single-button.spacer-top-small {
padding-top: 0.5rem;
}
@media (max-width: 768px) {
.simple-cta-with-single-button.spacer-bottom-large {
padding-bottom: 1.25rem;
}
}
.simple-cta-with-single-button .container .wrapper {
width: 83%;
margin: auto;
border-radius: 0.75rem;
padding: 3.125rem 1.25rem;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
overflow: hidden;
}
@media (max-width: 480px) {
.simple-cta-with-single-button .container .wrapper {
width: 100%;
}
}
.simple-cta-with-single-button .container .wrapper .h3 {
color: var(--c-brown-green);
margin: auto 0 1.25rem;
max-width: 54.25rem;
}
@media (max-width: 640px) {
.simple-cta-with-single-button .container .wrapper .h3 {
font-size: 1.5625rem;
}
}
@media (max-width: 375px) {
.simple-cta-with-single-button .container .wrapper .h3 {
font-size: 1.375rem;
}
}
@media (max-width: 320px) {
.simple-cta-with-single-button .container .wrapper .h3 {
font-size: 1.25rem;
}
}
.simple-cta-with-single-button .container .wrapper .p {
color: var(--c-secondary);
max-width: 67%;
margin: 0.75rem auto 1.25rem;
}
.simple-cta-with-single-button .container .wrapper .p strong {
font-size: 1.125rem;
font-weight: 700;
font-family: var(--font-bold);
}
@media (max-width: 1024px) {
.simple-cta-with-single-button .container .wrapper .p {
max-width: 75%;
}
}
@media (max-width: 992px) {
.simple-cta-with-single-button .container .wrapper .p {
max-width: 78%;
}
}
@media (max-width: 768px) {
.simple-cta-with-single-button .container .wrapper .p {
max-width: 91%;
}
}
.simple-cta-with-single-button .container .wrapper .btn-view-price {
border: 2px solid var(--c-success);
max-width: -moz-max-content;
max-width: max-content;
border-radius: 0.5rem;
padding: 0.625rem 1.25rem;
}
.simple-cta-with-single-button .container .wrapper .btn-view-price .icon {
margin-left: 0.5rem;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
.simple-cta-with-single-button .container .wrapper .btn-view-price.icon-right-arrow {
color: var(--c-white);
}
.simple-cta-with-single-button .container .wrapper .btn-view-price.icon-arrow-down {
color: var(--c-dark-primary);
}
.simple-cta-with-single-button .container .wrapper .btn-view-price:hover .icon {
transform: translateX(0.25rem);
}
.simple-cta-with-single-button .container .wrapper .btn-view-price.has-bg {
background-color: var(--c-primary);
border: 1px solid var(--c-primary);
color: var(--c-white);
}
.simple-cta-with-single-button .container .wrapper .btn-view-price:hover {
background-color: var(--c-primary-hover);
color: var(--c-white);
}
.simple-cta-with-single-button.has-bg .wrapper > * {
position: relative;
z-index: 1;
}
.simple-cta-with-single-button.has-bg .wrapper .background-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--bg-url) no-repeat center center/cover;
z-index: 0;
}
.price-listing .container .price-box-wrap {
display: flex;
gap: 1.875rem;
width: 100%;
margin: 0 auto;
}
@media (max-width: 992px) {
.price-listing .container .price-box-wrap {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.price-listing .container .price-box-wrap {
width: 100%;
}
}
.price-listing .container .price-box-wrap .price-box {
width: 50%;
border: 2px solid var(--c-border-color);
border-radius: 1.875rem;
}
@media (max-width: 992px) {
.price-listing .container .price-box-wrap .price-box {
width: 100%;
}
}
.price-listing .container .price-box-wrap .price-box.border {
border: 2px solid var(--c-primary);
}
.price-listing .container .price-box-wrap .price-box.background {
background-color: var(--c-light-green);
}
.price-listing .container .price-box-wrap .price-box .price-box-content {
padding: 2.3125rem;
height: 100%;
position: relative;
}
@media (max-width: 480px) {
.price-listing .container .price-box-wrap .price-box .price-box-content {
padding: 1.875rem;
}
}
@media (max-width: 375px) {
.price-listing .container .price-box-wrap .price-box .price-box-content {
padding: 1.25rem;
}
}
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count {
margin-bottom: 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .h5 {
font-size: 1.5rem;
color: var(--c-dark-primary);
position: relative;
font-weight: 600;
font-family: var(--font-semi-bold);
margin-bottom: 0.625rem;
}
@media (max-width: 480px) {
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .h5 {
font-size: 1.25rem;
}
}
@media (max-width: 320px) {
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .h5 {
font-size: 1.125rem;
}
}
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .count {
font-size: 1rem;
color: var(--c-black);
opacity: 0.6;
}
@media (max-width: 480px) {
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .count {
font-size: 0.875rem;
}
}
@media (max-width: 320px) {
.price-listing .container .price-box-wrap .price-box .price-box-content .heading-with-count .count {
font-size: 0.75rem;
padding-top: 0.375rem;
}
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .p {
font-size: 1rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .price-amount {
display: flex;
align-items: center;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .price-amount .h4 {
color: var(--c-brown-green);
margin: 0;
font-family: var(--font-semi-bold);
font-weight: 600;
display: flex;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .price-amount .h4 span {
font-size: 1.25rem;
font-family: var(--font-regular);
font-weight: 400;
margin-right: 0.25rem;
white-space: nowrap;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .price-amount .h4.text-field {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
margin: 0;
padding: 0;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .price-amount .p {
max-width: 8.625rem;
margin: 0;
padding-left: 0.9375rem;
font-size: 0.875rem;
color: var(--c-brown-green);
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap {
margin-bottom: 2.1875rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap .btn {
margin-top: 2.25rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap .btn-primary {
width: 100%;
padding: 1.125rem 0.875rem;
border: none;
background-color: var(--c-primary);
color: white;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap .btn-primary .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
color: white;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap .btn-get-started {
padding: 1.125rem 0.875rem;
width: 100%;
border: none;
background-color: var(--c-black-100);
color: var(--c-dark-primary);
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .get-started-btn-wrap .btn-get-started .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
color: var(--c-dark-primary);
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .includes {
font-size: 1.125rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .include-feature .feature {
position: relative;
padding: 0.375rem 1.875rem;
color: var(--c-black-700);
font-size: 1rem;
}
@media (max-width: 480px) {
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .include-feature .feature {
font-size: 0.875rem;
}
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .include-feature .feature .icon {
width: 1.375rem;
height: 1.375rem;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-success);
background-color: transparent;
position: absolute;
top: 8px;
left: 0;
font-size: 1rem;
}
.price-listing .container .price-box-wrap .price-box .price-box-content .contents .include-feature .feature .icon-check::before {
color: var(--c-success) !important;
}
.price-listing .container .price-box-wrap .price-box.most-popular-border {
border: 2px solid var(--c-success) !important;
position: relative !important;
}
.price-listing .container .price-box-wrap .price-box.most-popular-border .most-popular-badge {
position: absolute;
top: -5%;
left: 50%;
transform: translateX(-50%);
background-color: var(--c-primary);
color: var(--c-white);
padding: 0.625rem 1.25rem;
border-radius: 0.5rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-medium);
z-index: 1;
}
.columns {
display: flex;
}
.banner-block-two-button {
position: relative;
overflow: hidden;
}
.banner-block-two-button .background-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.banner-block-two-button .background-image picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.banner-block-two-button .background-image picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.banner-block-two-button .container {
position: relative;
}
.banner-block-two-button .container .content-wrapper {
text-align: center;
}
.banner-block-two-button .container .content-wrapper .logos {
display: flex;
margin: auto;
align-items: center;
justify-content: center;
margin-bottom: 1.5625rem;
}
.banner-block-two-button .container .content-wrapper .logos .logo {
width: 3.0625rem;
height: 3.0625rem;
border-radius: 0.625rem;
border: 1px solid var(--c-border-color);
display: flex;
justify-content: center;
align-items: center;
}
.banner-block-two-button .container .content-wrapper .logos .operator {
margin: 0 0.75rem;
font-size: 1.75rem;
color: var(--c-brown-green);
opacity: 0.4;
font-family: var(--font-button);
font-weight: 400;
}
.banner-block-two-button .container .content-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
}
.banner-block-two-button .container .content-wrapper .p {
line-height: 1.6;
max-width: 39.375rem;
margin: 1.25rem auto 1.125rem;
}
.banner-block-two-button .container .content-wrapper .action-btn .btn {
padding: 1rem 1.25rem;
}
.banner-block-two-button .container .content-wrapper .action-btn .btn-take-tour {
margin-left: 0.5rem;
border: 2px solid var(--c-success);
color: var(--c-dark-primary);
}
@media (max-width: 1024px) {
.integrations.spacer-bottom-large {
padding-bottom: 5rem;
}
}
@media (max-width: 992px) {
.integrations.spacer-bottom-large {
padding-bottom: 3.125rem;
}
}
@media (max-width: 768px) {
.integrations.spacer-bottom-large {
padding-bottom: 2.5rem;
}
}
.integrations .container {
display: flex;
}
@media (max-width: 480px) {
.integrations .container {
flex-wrap: wrap;
}
}
.integrations .container .blog-data {
position: sticky;
top: 100px;
height: auto;
align-self: start;
}
@media (max-width: 480px) {
.integrations .container .blog-data {
position: unset;
}
}
.integrations .container .blog-data .sidebar {
max-height: -moz-max-content;
max-height: max-content;
width: 14.375rem;
}
.integrations .container .blog-data .sidebar .list-items .item .btn {
border: 0;
padding: 0.625rem 0;
font-size: 1rem;
font-weight: 400;
color: var(--c-brown-green);
opacity: 0.8;
}
@media (max-width: 1024px) {
.integrations .container .blog-data .sidebar .list-items .item .btn {
font-size: 0.875rem;
}
}
.integrations .container .blog-data .sidebar .list-items .item .btn span {
margin-right: 0.75rem;
}
.integrations .container .blog-data .sidebar .list-items .item.active a {
color: var(--c-black);
font-weight: 600;
}
.integrations .container .blog-data .sidebar .list-items .item.active a .icon {
color: var(--c-primary-400);
display: inline-flex;
}
.integrations .container .blog-data .sidebar .list-items .item:not(.active) .icon {
display: none;
}
.integrations .container .content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem;
width: 79%;
height: 100%;
}
@media (max-width: 1024px) {
.integrations .container .content {
gap: 1.25rem;
}
}
@media (max-width: 768px) {
.integrations .container .content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.integrations .container .content {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.integrations .container .content {
width: 100%;
}
}
.integrations .container .content .integration-cards {
padding: 1.25rem;
background-color: var(--c-white);
border-radius: 1.25rem;
border: 1px solid var(--c-border-color);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 14.375rem;
height: -moz-fit-content;
height: fit-content;
}
.integrations .container .content .integration-cards .desc-with-title .img-with-title {
display: flex;
align-items: center;
}
.integrations .container .content .integration-cards .desc-with-title .img-with-title .wrapper {
width: 3rem;
height: 3rem;
border: 1px solid var(--c-border-color);
border-radius: 0.625rem;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.integrations .container .content .integration-cards .desc-with-title .img-with-title .wrapper .card-logo {
width: 2.4375rem;
height: 2.4375rem;
display: flex;
align-items: center;
justify-content: center;
}
.integrations .container .content .integration-cards .desc-with-title .img-with-title .card-title {
margin-left: 0.75rem;
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.integrations .container .content .integration-cards .desc-with-title .img-with-title .card-title {
font-size: 1.125rem;
}
}
@media (max-width: 768px) {
.integrations .container .content .integration-cards .desc-with-title .img-with-title .card-title {
font-size: 1rem;
}
}
.integrations .container .content .integration-cards .desc-with-title .card-desc {
color: var(--c-secondary);
font-size: 0.875rem;
margin-top: 1rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.integrations .container .content .integration-cards .btn {
padding: 0.625rem 0;
border: none;
font-size: 0.875rem;
color: var(--c-primary);
}
.integrations .container .content .no-data-message {
justify-content: center;
align-items: center;
width: 100%;
grid-column: 1/-1;
font-weight: 500;
color: var(--c-secondary);
}
.related-integrations .container .h3 {
text-align: center;
margin-bottom: 4rem;
}
.related-integrations .container .content {
display: flex;
overflow-x: auto;
gap: 1.5rem;
scroll-snap-type: x mandatory;
padding-bottom: 1rem;
-webkit-overflow-scrolling: touch;
}
.related-integrations .container .content::-webkit-scrollbar {
display: none;
}
.related-integrations .container .content .card-item {
flex: 0 0 auto;
scroll-snap-align: start;
min-width: 15rem;
max-width: 18.5rem;
padding: 1.25rem 1.125rem 1.25rem;
background-color: var(--c-white);
border-radius: 1.25rem;
border: 1px solid var(--c-border-color);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 640px) {
.related-integrations .container .content .card-item {
max-width: 18rem;
}
}
.related-integrations .container .content .card-item .desc-with-title .img-with-title {
display: flex;
align-items: center;
}
.related-integrations .container .content .card-item .desc-with-title .img-with-title .wrapper {
width: 3rem;
height: 3rem;
border: 1px solid var(--c-border-color);
border-radius: 0.625rem;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.related-integrations .container .content .card-item .desc-with-title .img-with-title .wrapper .card-logo {
width: 2.4375rem;
height: 2.4375rem;
display: flex;
align-items: center;
justify-content: center;
}
.related-integrations .container .content .card-item .desc-with-title .img-with-title .card-title {
margin-left: 0.75rem;
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 1024px) {
.related-integrations .container .content .card-item .desc-with-title .img-with-title .card-title {
font-size: 1.125rem;
}
}
.related-integrations .container .content .card-item .desc-with-title .card-desc {
color: var(--c-secondary);
font-size: 0.875rem;
margin-top: 0.625rem;
}
.related-integrations .container .content .card-item .btn {
padding: 0.625rem 0;
border: none;
font-size: 0.875rem;
color: var(--c-primary);
}
.four-column-content-card .container .h3 {
text-align: center;
color: var(--c-dark-primary);
margin-bottom: 3.75rem;
}
@media (max-width: 576px) {
.four-column-content-card .container .h3 {
font-size: 1.75rem;
}
}
@media (max-width: 480px) {
.four-column-content-card .container .h3 {
font-size: 1.375rem;
}
}
.four-column-content-card .container .wrapper .list-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
@media (max-width: 768px) {
.four-column-content-card .container .wrapper .list-wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 640px) {
.four-column-content-card .container .wrapper .list-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.four-column-content-card .container .wrapper .list-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.four-column-content-card .container .wrapper .list-wrapper.column-count-1 {
grid-template-columns: repeat(1, 1fr);
}
.four-column-content-card .container .wrapper .list-wrapper.column-count-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 480px) {
.four-column-content-card .container .wrapper .list-wrapper.column-count-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.four-column-content-card .container .wrapper .list-wrapper.column-count-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 480px) {
.four-column-content-card .container .wrapper .list-wrapper.column-count-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.four-column-content-card .container .wrapper .list-wrapper.column-count-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 640px) {
.four-column-content-card .container .wrapper .list-wrapper.column-count-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.four-column-content-card .container .wrapper .list-wrapper.column-count-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.four-column-content-card .container .wrapper .list-wrapper.column-count-5, .four-column-content-card .container .wrapper .list-wrapper.column-count-6, .four-column-content-card .container .wrapper .list-wrapper.column-count-7, .four-column-content-card .container .wrapper .list-wrapper.column-count-8, .four-column-content-card .container .wrapper .list-wrapper[class*=column-count-]:not(.column-count-1):not(.column-count-2):not(.column-count-3):not(.column-count-4) {
grid-template-columns: repeat(1, 1fr);
}
.four-column-content-card .container .wrapper .list-wrapper .list-item {
border: 1px solid var(--c-border-color);
border-radius: 1rem;
padding: 1.5rem;
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-title {
color: var(--c-dark-primary);
font-size: 1.25rem;
font-weight: 600;
}
@media (max-width: 1024px) {
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-title {
font-size: 1.125rem;
}
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-desc p {
color: var(--c-dark-gray);
font-size: 1rem;
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-desc ul {
list-style: disc;
padding-left: 1.25rem;
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-desc ul li {
color: var(--c-dark-gray);
font-size: 1rem;
margin-bottom: 0.625rem;
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-desc ul li:last-child {
margin-bottom: 0;
}
.four-column-content-card .container .wrapper .list-wrapper .list-item .item-desc ul li b {
font-weight: 600;
}
.card-with-mobile-carousel .container .h2 {
color: var(--c-dark-primary);
max-width: 43rem;
font-weight: 600;
margin-bottom: 2rem;
}
.card-with-mobile-carousel .container .wrapper .list-wrapper {
display: grid;
gap: 1.5rem;
}
@media (max-width: 768px) {
.card-with-mobile-carousel .container .wrapper .list-wrapper {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 1.5rem;
padding-bottom: 0.625rem;
-webkit-overflow-scrolling: touch;
}
.card-with-mobile-carousel .container .wrapper .list-wrapper::-webkit-scrollbar {
display: none;
}
}
.card-with-mobile-carousel .container .wrapper .list-wrapper.column-count-4 {
grid-template-columns: repeat(4, 1fr);
}
.card-with-mobile-carousel .container .wrapper .list-wrapper.column-count-3 {
grid-template-columns: repeat(3, 1fr);
}
.card-with-mobile-carousel .container .wrapper .list-wrapper.column-count-2 {
grid-template-columns: repeat(2, 1fr);
}
.card-with-mobile-carousel .container .wrapper .list-wrapper.column-count-1 {
grid-template-columns: repeat(1, 1fr);
}
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item {
border: 1px solid var(--c-border-color);
border-radius: 1rem;
padding: 1.5rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 768px) {
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item {
flex: 0 0 80%; scroll-snap-align: start;
}
}
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item:hover {
background-color: var(--c-light-green);
border: 1px solid var(--c-primary-200);
}
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item .slider-image-wrapper {
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
}
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item .slider-image-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.card-with-mobile-carousel .container .wrapper .list-wrapper .list-item .item-title {
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 1rem;
}
.glossary-banner {
position: relative;
}
.glossary-banner.press {
padding: 7.5rem 0 7.5rem;
}
@media (max-width: 768px) {
.glossary-banner.press {
padding-bottom: 1.875rem;
}
}
.glossary-banner.bg-grey-blue {
padding: 8.75rem 0 7.5rem;
}
.glossary-banner .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.glossary-banner .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.glossary-banner .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.glossary-banner .container {
text-align: center;
}
.glossary-banner .container .wrapper {
z-index: 1;
position: relative;
}
.glossary-banner .container .wrapper .title {
color: var(--c-dark-primary);
font-weight: 600;
}
@media (max-width: 768px) {
.glossary-banner .container .wrapper .title {
font-size: 2.25rem;
}
}
@media (max-width: 640px) {
.glossary-banner .container .wrapper .title {
font-size: 2.125rem;
}
}
@media (max-width: 576px) {
.glossary-banner .container .wrapper .title {
font-size: 2rem;
}
}
@media (max-width: 375px) {
.glossary-banner .container .wrapper .title {
font-size: 1.875rem;
}
}
.glossary-banner .container .wrapper .h6 {
display: block;
color: var(--c-dark-grey);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
margin-bottom: 1rem;
}
.glossary-banner .container .wrapper .p {
max-width: 72%;
margin: 2.1875rem auto 0;
}
@media (max-width: 480px) {
.glossary-banner .container .wrapper .p {
max-width: 100%;
}
}
.glossary-banner .container .form-container {
display: flex;
align-items: center;
margin: 1.75rem auto;
width: 52%;
justify-content: space-between;
gap: 1.5rem;
}
@media (max-width: 768px) {
.glossary-banner .container .form-container {
width: 90%;
}
}
@media (max-width: 480px) {
.glossary-banner .container .form-container {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 1rem;
}
}
.glossary-banner .container .form-container .expore-input-field {
border-radius: 0.5rem;
border: 1px solid var(--c-border-color);
padding: 1.375rem 1.125rem;
width: 78%;
font-size: 1rem;
background: var(--c-white);
color: var(--c-black, 0.4);
}
@media (max-width: 768px) {
.glossary-banner .container .form-container .expore-input-field {
width: 79%;
}
}
@media (max-width: 480px) {
.glossary-banner .container .form-container .expore-input-field {
width: 100%;
padding: 0.9375rem 1.125rem;
margin-bottom: 1.25rem;
margin-right: 0;
}
}
.glossary-banner .container .form-container .expore-input-field::-moz-placeholder {
color: var(--c-black);
opacity: 0.4;
}
.glossary-banner .container .form-container .expore-input-field::placeholder {
color: var(--c-black);
opacity: 0.4;
}
@media (max-width: 375px) {
.glossary-banner .container .form-container .expore-input-field::-moz-placeholder {
font-size: 1rem;
}
.glossary-banner .container .form-container .expore-input-field::placeholder {
font-size: 1rem;
}
}
.glossary-banner .container .form-container .expore-input-field:focus-visible {
outline: none;
border: 1px solid var(--c-border-color) !important;
}
@media (max-width: 480px) {
.glossary-banner .container .form-container .btn-search {
width: -moz-max-content;
width: max-content;
margin: auto;
}
}
.glossary-banner .container .form-container .btn-search .icon {
color: var(--c-white);
margin-right: 0.25rem;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
.glossary-banner .container .alphabet-navigation {
max-width: 47.5rem;
margin: 2.375rem auto 0;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 480px) {
.glossary-banner .container .alphabet-navigation {
flex-wrap: wrap;
}
}
.glossary-banner .container .alphabet-navigation .alphabet-letter {
font-size: 1.125rem;
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-dark-primary);
}
@media (max-width: 480px) {
.glossary-banner .container .alphabet-navigation .alphabet-letter {
padding: 0.5rem 0.9375rem;
}
}
@media (max-width: 375px) {
.glossary-banner .container .alphabet-navigation .alphabet-letter {
font-size: 1rem;
}
}
.glossary-layout {
padding: 4.375rem 0 0;
}
.glossary-layout .container .glossary-list-wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.9375rem;
row-gap: 0;
}
@media (max-width: 768px) {
.glossary-layout .container .glossary-list-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.glossary-layout .container .glossary-list-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.glossary-layout .container .glossary-list {
margin-bottom: 0;
}
.glossary-layout .container .glossary-list.mb-md-5 {
margin-bottom: 3rem;
}
.glossary-layout .container .glossary-list.col-lg-3 {
flex: 0 0 auto;
}
.glossary-layout .container .glossary-list.col-sm-4 {
flex: 0 0 auto;
}
.glossary-layout .container .glossary-list.col-12 {
flex: 0 0 auto;
width: 100%;
}
.glossary-layout .container .glossary-list .letter {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-primary-600);
padding-bottom: 0.375rem;
position: relative;
border-bottom: 2px solid var(--c-border-color);
}
@media (max-width: 768px) {
.glossary-layout .container .glossary-list .letter {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.glossary-layout .container .glossary-list .letter {
font-size: 1.5rem;
}
}
.glossary-layout .container .glossary-list .letter .count {
position: absolute;
top: 0;
left: 1.875rem;
font-size: 0.75rem;
line-height: 1.4;
background-color: var(--c-primary);
color: var(--c-white);
border-radius: 50%;
width: 1.875rem;
height: 1.875rem;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.glossary-layout .container .glossary-list ul {
margin: 0;
padding-top: 1.25rem;
margin-bottom: 7.1875rem;
}
@media (max-width: 640px) {
.glossary-layout .container .glossary-list ul {
margin-bottom: 3.125rem;
}
}
.glossary-layout .container .glossary-list ul .glossary-link {
padding: 0.875rem 0;
}
.glossary-layout .container .glossary-list ul .glossary-link .glossary-link-text {
font-size: 1rem;
color: var(--c-footer-gray);
}
@media (max-width: 768px) {
.glossary-layout .container .glossary-list ul .glossary-link .glossary-link-text {
font-size: 0.875rem;
}
}
.glossary-layout .container .glossary-list ul .btn-show-all {
font-weight: 600;
font-size: 1.125rem;
color: var(--c-brown-green);
font-family: var(--font-semi-bold);
border: none;
padding: 0;
background-color: transparent;
margin-top: 1rem;
}
@media (max-width: 1024px) {
.glossary-layout .container .glossary-list ul .btn-show-all {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.glossary-layout .container .glossary-list ul .btn-show-all {
font-size: 0.875rem;
}
}
.glossary-layout .container .glossary-list ul .btn-show-less {
font-weight: 600;
font-size: 1.125rem;
color: var(--c-brown-green);
font-family: var(--font-semi-bold);
border: none;
padding: 0;
background-color: transparent;
margin-top: 1rem;
}
@media (max-width: 1024px) {
.glossary-layout .container .glossary-list ul .btn-show-less {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.glossary-layout .container .glossary-list ul .btn-show-less {
font-size: 0.875rem;
}
}
.d-none {
display: none !important;
}
.news-section {
padding-top: 1.5625rem;
}
.news-section .container .category {
display: flex;
align-items: center;
justify-content: center;
}
.news-section .container .category .category-item {
color: var(--c-dark-primary);
outline: none;
border: none;
}
.news-section .container .category .category-item .btn {
color: var(--c-dark-primary);
border: none;
border-radius: 1.5rem;
padding: 0.1875rem 1.625rem;
outline: none;
}
@media (max-width: 375px) {
.news-section .container .category .category-item .btn {
padding: 0.3125rem 1.25rem;
}
}
@media (max-width: 320px) {
.news-section .container .category .category-item .btn {
padding: 0.3125rem 0.625rem;
}
}
.news-section .container .category .category-item .btn-nav-link {
color: var(--c-dark-primary);
}
.news-section .container .category .category-item .btn.active {
outline: none;
background: var(--c-light-primary);
border: 1px solid var(--c-primary-200);
}
.news-section .container .news-container {
margin-top: 3.4375rem;
}
.news-section .container .news-container .button-with-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.9375rem;
}
@media (max-width: 375px) {
.news-section .container .news-container .button-with-title {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
}
.news-section .container .news-container .button-with-title .h2 {
color: var(--c-secondary);
font-family: var(--font-semi-bold);
font-weight: 600;
position: relative;
background-color: var(--c-white);
display: inline-block;
max-width: -moz-max-content;
max-width: max-content;
padding-right: 0.625rem;
}
@media (max-width: 375px) {
.news-section .container .news-container .button-with-title .h2 {
width: 100%;
}
}
.news-section .container .news-container .button-with-title .h2::after {
display: none;
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
width: 50.5625rem;
height: 0.03125rem;
margin-left: 1rem;
background-color: var(--c-border-color);
}
@media (max-width: 1024px) {
.news-section .container .news-container .button-with-title .h2::after {
width: 38.375rem;
}
}
@media (max-width: 992px) {
.news-section .container .news-container .button-with-title .h2::after {
width: 36.0625rem;
}
}
@media (max-width: 768px) {
.news-section .container .news-container .button-with-title .h2::after {
width: 22.5rem;
}
}
@media (max-width: 640px) {
.news-section .container .news-container .button-with-title .h2::after {
width: 14.5625rem;
}
}
@media (max-width: 576px) {
.news-section .container .news-container .button-with-title .h2::after {
width: 12.125rem;
}
}
@media (max-width: 480px) {
.news-section .container .news-container .button-with-title .h2::after {
display: none;
}
}
.news-section .container .news-container .button-with-title .line {
flex-grow: 1;
height: 0.0625rem;
background-color: var(--c-border-color);
}
@media (max-width: 480px) {
.news-section .container .news-container .button-with-title .line {
display: none;
}
}
.news-section .container .news-container .button-with-title .btn {
background-color: var(--c-white);
max-width: -moz-max-content;
max-width: max-content;
color: var(--c-primary);
font-size: 1rem;
border: none;
}
@media (max-width: 576px) {
.news-section .container .news-container .button-with-title .btn {
font-size: 0.9375rem;
}
}
@media (max-width: 480px) {
.news-section .container .news-container .button-with-title .btn {
font-size: 0.875rem;
}
}
@media (max-width: 375px) {
.news-section .container .news-container .button-with-title .btn {
padding-left: 0;
}
}
.news-section .container .news-container .button-with-title .btn .icon {
font-size: 0.75rem;
transition: transform 0.2s ease;
margin-left: 0.5rem;
}
.news-section .container .news-container .button-with-title .btn .icon:hover {
transform: translateX(0.25rem);
}
.news-section .container .news-container .news-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 5.3125rem;
gap: 1.25rem;
}
@media (max-width: 1024px) {
.news-section .container .news-container .news-list {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 1.875rem;
}
}
@media (max-width: 480px) {
.news-section .container .news-container .news-list {
grid-template-columns: repeat(1, 1fr);
}
}
.news-section .container .news-container .news-list .news-item {
border: 1px solid var(--c-border-color);
transition: border-color 0.25s ease;
padding: 1rem 1rem 1.75rem 1rem;
border-radius: 1rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-section .container .news-container .news-list .news-item:hover {
border: 1px solid var(--c-success);
}
.news-section .container .news-container .news-list .news-item .news-thumb {
height: 11.125rem;
margin-bottom: 1.5625rem;
display: block;
cursor: pointer;
}
.news-section .container .news-container .news-list .news-item .news-thumb .news-thumb-div {
margin-bottom: 1.25rem;
height: 100%;
display: block;
width: 100%;
width: 100%;
border-radius: 8px;
overflow: hidden;
position: relative;
aspect-ratio: 16/9;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.news-section .container .news-container .news-list .news-item .date {
margin-bottom: 1rem;
color: var(--c-success);
font-size: 1rem;
}
.news-section .container .news-container .news-list .news-item .news-title .title {
font-size: 1rem;
color: var(--c-secondary);
font-weight: 500;
font-family: var(--font-button);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.news-section .container .news-container .news-list .news-item .news-excerpt {
display: flex;
align-items: center;
justify-content: space-between;
}
.news-section .container .news-container .news-list .news-item .news-excerpt .p {
font-size: 0.875rem;
font-weight: 500;
font-family: var(--font-button);
color: var(--c-black);
opacity: 0.5;
text-transform: uppercase;
margin-bottom: 0;
}
.news-section .container .news-container .news-list .news-item .btn {
border: none !important;
outline: none !important;
box-shadow: none !important;
color: var(--c-primary);
}
.news-section .container .news-container .news-list .news-item:hover .btn {
display: block;
border: none;
outline: none;
border-style: none !important;
}
.news-section .container .news-container .news-list .news-item:hover .btn-news-readmore {
color: var(--c-primary);
}
#caf-post-layout-container {
padding-top: 3.75rem !important;
}
@media (max-width: 375px) {
#caf-post-layout-container {
padding-top: 1.875rem !important;
}
}
@media (max-width: 640px) {
#caf-post-layout-container .data-target-div1 {
overflow: scroll;
}
#caf-post-layout-container .data-target-div1::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 640px) {
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 {
overflow-x: auto;
margin: 0;
margin-bottom: 0.875rem !important;
display: flex !important;
justify-content: flex-start;
gap: 2.5rem;
padding: 0.625rem 1.25rem 0;
margin: 0;
width: 96%;
}
#caf-post-layout-container .data-target-div1 .caf-filter-layout1::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 640px) and (max-width: 375px) {
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 {
gap: 0.3125rem;
}
}
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 li {
flex: 0 0 auto;
list-style: none;
}
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 li a {
outline: none;
background-color: transparent;
border: 1px solid transparent;
color: var(--c-dark-primary);
font-size: 1rem;
font-family: var(--font-semi-bold);
font-weight: 500;
}
@media (max-width: 640px) {
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 li a {
margin: 0;
}
}
@media (max-width: 375px) {
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 li a {
font-size: 0.875rem;
}
}
#caf-post-layout-container .data-target-div1 .caf-filter-layout1 li a.active {
outline: none;
background-color: var(--c-light-primary);
border: 1px solid var(--c-primary-200);
border-radius: 1.25rem;
padding: 0.4375rem 1.9375rem;
}
#manage-ajax-response {
max-width: 66%;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin: auto;
padding-top: 0 !important;
padding-bottom: 3.75rem !important;
}
@media (max-width: 1440px) {
#manage-ajax-response {
max-width: 87%;
}
}
@media (max-width: 1366px) {
#manage-ajax-response {
max-width: 100%;
}
}
@media (max-width: 480px) {
#manage-ajax-response {
padding-bottom: 1.25rem !important;
}
}
#manage-ajax-response #caf-post-layout1 {
padding: 0 0.625rem;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 {
padding: 1rem 1rem 1.875rem 1rem;
border-radius: 1.25rem;
border: 1px solid var(--c-border-color);
overflow: hidden;
box-shadow: none;
height: 100%;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1:hover {
border-color: #40b879;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 a .caf-featured-img-box {
border-radius: 0.625rem;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area {
margin-top: 1.875rem;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-post-title {
background-color: transparent;
padding: 0;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-post-title .date {
font-size: 1rem;
font-family: var(--font-regular);
font-weight: 400;
color: var(--c-success);
display: block;
margin-bottom: 1.25rem;
display: none;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-post-title h2 {
background-color: transparent;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-post-title h2 a {
color: var(--c-secondary);
font-family: var(--font-semi-bold) !important;
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-post-title h2 a:hover {
color: var(--c-secondary) !important;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-meta-content {
display: none;
padding: 0;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-content {
padding: 0;
display: none;
}
#manage-ajax-response #caf-post-layout1 .manage-layout1 #manage-post-area .caf-content-read-more {
display: none;
}
#manage-ajax-response #caf-layout-pagination li .page-numbers {
background-color: var(--c-primary);
color: var(--c-white);
}
#manage-ajax-response #caf-layout-pagination li .page-numbers.current {
border: 1px solid var(--c-primary);
background-color: var(--c-white);
color: var(--c-primary);
}
#manage-ajax-response .error-of-empty-result {
background-color: transparent;
color: var(--c-dark-primary);
font-size: 1rem;
font-weight: 600;
}
.customers-listing.spacer-bottom-large {
padding-bottom: 3.125rem;
}
.customers-listing .container .listing {
display: grid;
grid-template-columns: repeat(var(--columns, 3), 1fr);
gap: 1.5rem;
}
.customers-listing .container .listing[style*="--card-width"] {
grid-template-columns: repeat(3, var(--card-width));
justify-content: space-between;
}
.customers-listing .container .listing[style*="--columns: 1"] {
grid-template-columns: 1fr;
max-width: 23.75rem;
margin-right: auto;
}
@media (max-width: 768px) {
.customers-listing .container .listing {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.customers-listing .container .listing {
grid-template-columns: repeat(1, 1fr);
}
}
.customers-listing .container .listing .list-card {
padding: 1.5rem;
border-radius: 1rem;
border: 1px solid var(--c-border-color);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
cursor: pointer;
}
.customers-listing .container .listing .list-card:hover {
background-color: var(--c-light-primary);
border-color: var(--c-primary-800);
}
.customers-listing .container .listing .list-card:hover .btn-read-more {
color: var(--c-primary);
font-size: 1rem;
font-family: var(--font-bold);
}
.customers-listing .container .listing .list-card .contents {
width: 100%;
}
.customers-listing .container .listing .list-card .contents .img-wrapper {
border-radius: 0.625rem;
overflow: hidden;
}
@media (min-width: 1366px) {
.customers-listing .container .listing .list-card .contents .img-wrapper {
height: 13.125rem;
}
}
.customers-listing .container .listing .list-card .contents .img-wrapper picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.customers-listing .container .listing .list-card .contents .logo-container {
margin: 2.5rem 0 2.1875rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.customers-listing .container .listing .list-card .contents .logo-container {
width: 7.375rem;
height: 1.5625rem;
}
}
@media (max-width: 640px) {
.customers-listing .container .listing .list-card .contents .logo-container {
width: 6.25rem;
height: 1.375rem;
}
}
.customers-listing .container .listing .list-card .contents .logo-container img {
width: auto;
height: 1.875rem;
-o-object-fit: contain;
object-fit: contain;
}
.customers-listing .container .listing .list-card .contents .h5 {
color: var(--c-dark-primary);
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
font-family: var(--font-semi-bold);
margin-top: 2rem;
margin-bottom: 2.75rem;
}
.customers-listing .container .listing .list-card .contents .h5 a {
color: var(--c-dark-primary);
text-decoration: none;
}
@media (max-width: 1024px) {
.customers-listing .container .listing .list-card .contents .h5 {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.customers-listing .container .listing .list-card .contents .h5 {
font-size: 1rem;
}
}
.customers-listing .container .listing .list-card .btn {
border: none;
padding: 0 0 1.25rem;
font-family: var(--font-bold);
}
.customers-listing .container .listing .list-card .btn-read-more {
color: var(--c-primary);
font-size: 1rem;
font-family: var(--font-bold);
}
.customers-listing .container .listing .list-card .btn-read-more .icon {
color: var(--c-primary);
margin-left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
transition: transform 0.2s ease;
}
.customers-listing .container .listing .list-card .btn-read-more:hover .icon {
transform: translateX(0.25rem);
}
.single-customer-container {
padding: 0 0 3.75rem;
}
.single-customer-container a {
color: var(--c-primary);
text-decoration: none;
}
.single-customer-container a:hover {
text-decoration: underline;
}
@media (max-width: 992px) {
.single-customer-container {
min-height: auto;
}
}
@media (max-width: 768px) {
.single-customer-container {
padding-bottom: 0;
}
}
@media (max-width: 480px) {
.single-customer-container {
padding-bottom: 0rem;
}
}
.single-customer-container .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.single-customer-container .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.single-customer-container .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 768px) {
.single-customer-container .background-section picture img {
display: none;
}
}
.single-customer-container .wrapper {
position: relative;
overflow: hidden;
min-height: 55vh;
display: flex;
align-items: center;
}
.single-customer-container .wrapper .container .case-study-banner {
border-radius: 1rem;
position: relative;
display: flex;
justify-content: space-between;
overflow: hidden;
align-items: center;
padding-top: 2.5rem;
padding-bottom: 2.8125rem;
}
@media (max-width: 768px) {
.single-customer-container .wrapper .container .case-study-banner {
flex-direction: column;
}
}
.single-customer-container .wrapper .container .case-study-banner .banner-text {
max-width: 51%;
}
@media (max-width: 768px) {
.single-customer-container .wrapper .container .case-study-banner .banner-text {
max-width: 100%;
text-align: center;
margin-bottom: 1.25rem;
}
}
.single-customer-container .wrapper .container .case-study-banner .banner-text a.btn-back-customer {
color: var(--c-primary);
border: none;
padding: 1rem 0rem;
}
.single-customer-container .wrapper .container .case-study-banner .banner-text a.btn-back-customer .icon-arrow-left {
margin-right: 0.375rem;
}
.single-customer-container .wrapper .container .case-study-banner .banner-text .h3 {
font-family: var(--font-semi-bold);
font-weight: 600;
line-height: 1.3;
color: var(--c-black);
}
@media (max-width: 768px) {
.single-customer-container .wrapper .container .case-study-banner .banner-text .h3 {
width: 100%;
}
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper {
position: relative;
overflow: hidden;
border-radius: 1rem;
max-width: 33.75rem;
max-height: 25rem;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .img-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: none;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .img-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card {
position: relative;
z-index: 2;
z-index: 2;
border: none;
display: flex;
gap: 1.125rem;
flex-direction: column;
background: transparent;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card .logo {
width: 17.1875rem;
height: 3.5rem;
display: none;
}
@media (max-width: 768px) {
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card .logo {
width: 10.1875rem;
height: auto;
}
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card .logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card .image-box {
position: relative;
border-radius: 24px;
overflow: hidden;
}
.single-customer-container .wrapper .container .case-study-banner .card-wrapper .card .image-box img {
width: 100%;
height: auto;
display: block;
min-height: 22.1875rem;
}
.single-customer-container .wrapper .container .case-study-banner .banner-image img {
height: 100%;
}
@media (max-width: 480px) {
.single-customer-container .wrapper .container .case-study-banner .banner-image {
display: none;
}
}
.single-customer-container .header-container {
background: var(--c-border-color);
z-index: 998;
height: 12rem;
}
@media (max-width: 768px) {
.single-customer-container .header-container {
height: auto;
}
}
.single-customer-container .header-container .container {
height: 100%;
}
.single-customer-container .header-container .container .blog-header {
height: 100%;
display: flex;
align-items: center;
width: 100%;
margin: auto;
justify-content: space-between;
}
@media (max-width: 768px) {
.single-customer-container .header-container .container .blog-header {
width: 100%;
padding: 3rem 0;
gap: 1.5rem;
}
}
@media (max-width: 640px) {
.single-customer-container .header-container .container .blog-header {
flex-direction: column;
align-items: flex-start;
}
}
.single-customer-container .header-container .container .blog-header .blog-logo-container {
width: 10.375rem;
}
@media (max-width: 768px) {
.single-customer-container .header-container .container .blog-header .blog-logo-container {
width: 7.5rem;
}
}
@media (max-width: 640px) {
.single-customer-container .header-container .container .blog-header .blog-logo-container {
margin: 0 auto 2rem;
}
}
.single-customer-container .header-container .container .blog-header .blog-data {
display: flex;
width: 74%;
margin: 0;
justify-content: space-between;
position: relative;
}
.single-customer-container .header-container .container .blog-header .blog-data::before {
content: "";
position: absolute;
left: -9%;
width: 0.0625rem;
height: 5.5rem;
background: var(--c-primary-200);
z-index: -1;
transform: translate(-40%, -22%);
}
@media (max-width: 1280px) {
.single-customer-container .header-container .container .blog-header .blog-data::before {
left: -6%;
}
}
@media (max-width: 992px) {
.single-customer-container .header-container .container .blog-header .blog-data::before {
display: none;
}
}
@media (max-width: 768px) {
.single-customer-container .header-container .container .blog-header .blog-data {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item {
width: 100%;
}
}
.single-customer-container .header-container .container .blog-header .blog-data::-webkit-scrollbar {
display: none;
}
@media (max-width: 320px) {
.single-customer-container .header-container .container .blog-header .blog-data {
flex-direction: column;
overflow: scroll;
}
}
@media (max-width: 320px) {
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item {
margin-bottom: 1rem;
width: 100%;
}
}
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item span {
color: var(--c-primary-600);
font-size: 0.875rem;
font-weight: 600;
font-family: var(--font-button);
}
@media (max-width: 480px) {
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item span {
font-size: 0.75rem;
}
}
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item .p {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-regular);
color: var(--c-secondary);
}
@media (max-width: 1024px) {
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item .p {
font-size: 0.875rem;
}
}
@media (max-width: 480px) {
.single-customer-container .header-container .container .blog-header .blog-data .blog-data-item .p {
font-size: 0.75rem;
}
}
.single-customer-container .container .blog-content .blog-details {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 5.5rem;
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.single-customer-container .container .blog-content .blog-details {
width: 100%;
margin-top: 2.5rem;
}
}
@media (max-width: 480px) {
.single-customer-container .container .blog-content .blog-details {
flex-direction: column;
}
}
.single-customer-container .container .blog-content .blog-details .blog-left {
width: 74%;
}
@media (max-width: 992px) {
.single-customer-container .container .blog-content .blog-details .blog-left {
width: 67%;
}
}
@media (max-width: 768px) {
.single-customer-container .container .blog-content .blog-details .blog-left {
width: 100%;
}
}
.single-customer-container .container .blog-content .blog-details .blog-left p {
font-size: 1rem;
}
@media (max-width: 1024px) {
.single-customer-container .container .blog-content .blog-details .blog-left p {
max-width: 100%;
}
}
.single-customer-container .container .blog-content .blog-details .blog-left h3 {
font-size: 1rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
line-height: 1.6;
margin: 1.5rem auto;
}
.single-customer-container .container .blog-content .blog-details .blog-left h6 {
margin: 1.5rem auto;
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
.single-customer-container .container .blog-content .blog-details .blog-left ul {
padding-left: 3rem;
list-style: disc;
max-width: 41.125rem;
}
.single-customer-container .container .blog-content .blog-details .blog-left ul li {
font-size: 1rem;
color: var(--c-secondary);
margin-bottom: 1.5rem;
}
.single-customer-container .container .blog-content .blog-details .blog-left ul li:last-child {
margin-bottom: 0;
}
.single-customer-container .container .blog-content .blog-details .blog-left .wp-block-image {
margin: 3.75rem 0;
border-radius: 0.75rem;
height: 23.75rem;
overflow: hidden;
}
.single-customer-container .container .blog-content .blog-details .blog-left .wp-block-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-customer-container .container .blog-content .blog-details .blog-right {
width: 22%;
}
@media (max-width: 992px) {
.single-customer-container .container .blog-content .blog-details .blog-right {
width: 30%;
}
}
@media (max-width: 768px) {
.single-customer-container .container .blog-content .blog-details .blog-right {
display: none;
}
}
@media (max-width: 480px) {
.single-customer-container .container .blog-content .blog-details .blog-right {
width: 100%;
}
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img {
position: sticky;
top: 10.5rem;
z-index: 1;
max-height: 24.375rem;
height: 100%;
border-radius: 1rem;
overflow: hidden;
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .contents {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 2;
width: 90%;
display: flex;
flex-direction: column;
align-items: self-start;
padding: 1.5rem;
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .contents .title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.3;
color: var(--c-dark-primary);
}
@media (max-width: 1280px) {
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .contents .title {
font-size: 1.25rem;
}
}
.single-customer-container .container .blog-content .blog-details .blog-right .featured-img .contents .btn {
font-size: 1rem;
font-family: var(--font-bold);
color: var(--c-white);
border: none;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
margin-top: 0.625rem;
}
.single-customer-container .container hr {
background: linear-gradient(to right, transparent, var(--c-border-color) 10%, var(--c-border-color) 90%, transparent);
border: 0;
height: 1px;
}
.single-integrations .html-content-section .container ul {
list-style: disc;
padding-left: 2rem;
}
.single-integrations .html-content-section .container ul li {
padding-left: 0;
}
.single-integrations .html-content-section .container strong, .single-integrations .html-content-section .container b {
font-weight: 600;
}
.single-blog-post {
padding: 0 0 4.375rem;
}
.single-blog-post .content-wrapper {
overflow: hidden;
min-height: 55vh;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.single-blog-post .content-wrapper .container {
height: 100%;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
padding-top: 2.5rem;
padding-bottom: 2.8125rem;
height: 100%;
}
@media (max-width: 640px) {
.single-blog-post .content-wrapper .container .two-column-flex-wrapper {
flex-wrap: wrap;
}
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap {
width: 50%;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap:nth-child(2) {
width: 49%;
}
@media (max-width: 640px) {
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap:nth-child(2) {
width: 100%;
margin-top: 2rem;
}
}
@media (max-width: 640px) {
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap {
width: 100%;
}
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .btn {
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-primary);
border: none;
padding: 0 0 1.25rem 0;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .btn .icon {
transition: transform 0.2s ease;
margin-right: 0.5rem;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .btn .icon:hover {
transform: translateX(0.25rem);
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap h1 {
max-width: 31.25rem;
font-size: 2.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
line-height: 1.2;
}
@media (max-width: 640px) {
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap h1 {
font-size: 2rem;
}
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details {
margin-top: 2.625rem;
display: none;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .written-by {
color: var(--c-black);
opacity: 0.5;
font-size: 0.75rem;
text-transform: uppercase;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .author-container {
margin-top: 0.75rem;
display: flex;
align-items: center;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .author-container .left {
width: 4rem;
height: 4rem;
border-radius: 50%;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .author-container .right {
margin-left: 0.625rem;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .author-container .right .p {
font-size: 1rem;
font-family: var(--font-bold);
font-weight: 500;
color: var(--c-brown-green);
margin: 0;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .author-details .author-container .right .position {
font-family: var(--font-regular);
font-weight: 400;
font-size: 0.75rem;
color: var(--c-brown-green);
opacity: 0.6;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .blog-main-image {
width: 100%;
height: auto;
margin: auto;
border-radius: 0.75rem;
overflow: hidden;
display: block;
}
.single-blog-post .content-wrapper .container .two-column-flex-wrapper .column-wrap .blog-main-image img {
max-height: 22.75rem;
}
.single-blog-post .content-wrapper .bg-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
margin: auto;
}
.single-blog-post .content-wrapper .bg-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
display: block;
height: 100%;
}
.single-blog-post .container .blog-data {
padding-top: 2.8125rem;
display: flex;
justify-content: space-between;
}
.single-blog-post .container .blog-data .content {
width: 72%;
}
@media (max-width: 768px) {
.single-blog-post .container .blog-data .content {
width: 65%;
}
}
@media (max-width: 640px) {
.single-blog-post .container .blog-data .content {
width: 100%;
}
}
.single-blog-post .container .blog-data .content p {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-secondary);
line-height: 1.6;
letter-spacing: 0.01875rem;
max-width: 100%;
margin: 0 0 1.25rem 0;
}
.single-blog-post .container .blog-data .content p strong {
font-weight: 700;
font-family: var(--font-bold);
text-decoration: underline;
}
.single-blog-post .container .blog-data .content p b {
font-weight: 600;
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content p {
max-width: 100%;
}
}
.single-blog-post .container .blog-data .content h1 {
font-size: 1.75rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h1 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h1 strong {
font-size: 1.75rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h1 {
font-size: 1.625rem;
}
}
.single-blog-post .container .blog-data .content h2 {
font-size: 1.625rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h2 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h2 strong {
font-size: 1.625rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h2 {
font-size: 1.5rem;
}
}
.single-blog-post .container .blog-data .content h3 {
font-size: 1.5rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h3 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h3 strong {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h3 {
font-size: 1.375rem;
}
}
.single-blog-post .container .blog-data .content h4 {
font-size: 1.375rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h4 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h4 strong {
font-size: 1.375rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h4 {
font-size: 1.25rem;
}
}
.single-blog-post .container .blog-data .content h5 {
font-size: 1.25rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h5 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h5 strong {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h5 {
font-size: 1.125rem;
}
}
.single-blog-post .container .blog-data .content h6 {
font-size: 1.125rem;
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
}
.single-blog-post .container .blog-data .content h6 b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content h6 strong {
font-size: 1.125rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
}
@media (max-width: 375px) {
.single-blog-post .container .blog-data .content h6 {
font-size: 1rem;
}
}
.single-blog-post .container .blog-data .content ul {
list-style: disc;
padding-left: 1.625rem;
}
.single-blog-post .container .blog-data .content ul li {
margin-bottom: 0.625rem;
font-size: 1rem;
}
.single-blog-post .container .blog-data .content ul li:last-child {
margin-bottom: 0;
}
.single-blog-post .container .blog-data .content ul li b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content ul li strong {
font-weight: 700;
font-family: var(--font-bold);
}
.single-blog-post .container .blog-data .content ul li:last-child {
margin-bottom: 1.875rem;
}
.single-blog-post .container .blog-data .content ol {
list-style: decimal;
padding-left: 1.625rem;
}
.single-blog-post .container .blog-data .content ol li {
margin-bottom: 0.625rem;
font-size: 1rem;
}
.single-blog-post .container .blog-data .content ol li:last-child {
margin-bottom: 0;
}
.single-blog-post .container .blog-data .content ol li strong {
font-weight: 700;
font-family: var(--font-bold);
}
.single-blog-post .container .blog-data .content ol li b {
font-weight: 600;
}
.single-blog-post .container .blog-data .content ol li:last-child {
margin-bottom: 1.875rem;
}
.single-blog-post .container .blog-data .content a {
color: var(--c-secondary);
}
.single-blog-post .container .blog-data .content table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid var(--c-border-color);
margin-bottom: 1.875rem;
}
.single-blog-post .container .blog-data .content table tbody tr:nth-child(odd) {
background-color: var(--c-light-green);
}
.single-blog-post .container .blog-data .content table tbody tr:nth-child(even) {
height: 8.125rem !important;
}
.single-blog-post .container .blog-data .content table tbody tr td {
line-height: 1.4;
padding: 0.625rem;
font-weight: 400;
font-family: var(--font-regular);
font-size: 1rem;
color: var(--c-dark-primary);
}
.single-blog-post .container .blog-data .content table tbody tr td strong {
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
}
.single-blog-post .container .blog-data .content.full-width-content {
width: 100%;
}
.single-blog-post .container .blog-data .content.full-width-content p {
max-width: 100%;
}
.single-blog-post .container .blog-data .blog-content {
width: 26%;
position: sticky;
top: 100px;
height: auto;
align-self: start;
}
@media (max-width: 768px) {
.single-blog-post .container .blog-data .blog-content {
width: 35%;
}
}
@media (max-width: 640px) {
.single-blog-post .container .blog-data .blog-content {
width: 100%;
position: unset;
margin-bottom: 2rem;
}
}
.single-blog-post .container .blog-data .blog-content .sidebar:has(.toc-widget) {
padding: 1rem;
margin-bottom: 2rem;
}
.single-blog-post .container .blog-data .blog-content .sidebar {
border-radius: 0.5rem;
height: -moz-max-content !important;
height: max-content !important;
background-color: var(--c-light-green);
border-radius: 1rem;
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget {
font-size: 0.875rem;
font-family: var(--font-button);
font-weight: 500;
color: var(--c-black);
margin-bottom: 1.25rem;
}
@media (max-width: 480px) {
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget {
padding-left: 0.625rem;
}
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget.widget_text {
display: none;
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget .toc-title {
font-size: 1.25rem;
font-family: var(--font-button);
font-weight: 600;
color: var(--c-dark-primary);
padding-left: 1.5rem;
position: relative;
margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget .toc-title {
padding-left: 1.25rem;
}
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav {
max-width: 100%;
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list {
padding: 0;
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li {
position: relative;
margin-bottom: 1rem;
padding-left: 1.5625rem;
display: flex;
align-items: flex-start;
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 0.875rem;
font-weight: 400;
font-family: var(--font-button);
color: var(--c-black);
color: var(--c-black);
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a.active {
font-weight: 600;
font-family: var(--font-bold);
color: var(--c-secondary);
}
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a.active:before {
content: "\e906";
position: absolute;
left: 0;
top: 0;
font-family: "icomoon" !important;
font-size: 0.875rem;
color: var(--c-green-Primary-500);
background-color: transparent;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 0.125rem;
}
@media (max-width: 480px) {
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.single-blog-post .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 0.875rem;
}
}
.single-blog-post .container .blog-data .blog-content .sidebar-action {
border-radius: 0.5rem;
padding: 1rem;
height: -moz-max-content !important;
height: max-content !important;
background-color: var(--c-light-green);
}
.single-blog-post .container .blog-data .blog-content .sidebar-action h3 {
font-size: 1.25rem;
margin-bottom: 1rem;
}
@media (max-width: 480px) {
.single-blog-post .container .blog-data .blog-content .sidebar-action h3 {
font-size: 1.125rem;
}
}
.single-blog-post .container .blog-data .blog-content .sidebar-action p {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-dark-primary);
margin-bottom: 1rem;
position: relative;
padding-left: 1.25rem;
}
.single-blog-post .container .blog-data .blog-content .sidebar-action p:before {
content: "\e906";
position: absolute;
left: 0;
top: 0;
font-family: "icomoon" !important;
font-size: 0.875rem;
color: var(--c-green-Primary-500);
background-color: transparent;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 0.125rem;
}
.column {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.column .column-shortcode {
flex: 1 1 50%;
box-sizing: border-box;
}
@media (max-width: 576px) {
.column .column-shortcode {
padding-bottom: 5.5rem;
}
}
@media (max-width: 375px) {
.column .column-shortcode {
padding-bottom: 4.375rem;
}
}
.column .column-shortcode .inner-column {
max-width: 37.5rem;
background-color: #fff;
margin-left: auto;
padding: 6.25rem 0 0;
}
@media (max-width: 1024px) {
.column .column-shortcode .inner-column {
padding-left: 1.25rem;
}
}
.column .column-shortcode .inner-column .gform_wrapper h2 {
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-secondary);
margin-bottom: 1.875rem;
}
.column .column-shortcode .inner-column .gform_wrapper p.gform_description {
letter-spacing: 0.025rem;
}
.column .column-shortcode .inner-column .gform_wrapper form {
margin-top: 1.5rem;
width: 90%;
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields {
gap: 1rem;
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label {
font-size: 1rem;
margin-bottom: 0.25rem;
position: relative;
max-width: -moz-max-content;
max-width: max-content;
}
@media (max-width: 375px) {
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label {
font-size: 0.875rem;
}
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label span {
display: none;
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label::after {
content: "*";
position: absolute;
right: -0.5rem;
color: var(--c-orange);
font-size: 1.25rem;
top: -0.375rem;
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
padding: 1.625rem 1.25rem;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
}
@media (max-width: 375px) {
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
padding: 1.25rem;
}
}
.column .column-shortcode .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea {
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
}
.column .column-shortcode .inner-column .gform_wrapper form .gform_footer .button, .column .column-shortcode .inner-column .gform_wrapper form .gform_footer .gform_button, .column .column-shortcode .inner-column .gform_wrapper form .gform_footer input[type=submit] {
width: 100%;
border-radius: 0.5rem;
background-color: var(--c-primary);
font-family: var(--font-button);
padding: 1.25rem 0;
font-size: 1rem;
font-weight: 500;
}
.column .column-one-column-image-block {
width: 50%;
height: 62.5rem;
}
@media (max-width: 576px) {
.column .column-one-column-image-block {
display: none;
}
}
.column .column-one-column-image-block .inner-column {
height: 100%;
}
.column .column-one-column-image-block .inner-column .one-column-image-block {
height: 100%;
}
.column .column-one-column-image-block .inner-column .one-column-image-block img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
max-height: 100%;
display: block;
}
.paragraph-block .container {
border-top: 0.0625rem solid var(--c-border-color);
background: linear-gradient(to right, #fff 7%, #a7f3d0 47%, #fff 94%);
}
.paragraph-block .container .p {
margin: auto;
max-width: 41.875rem;
padding: 2.5rem 0;
text-align: center;
font-size: 1.25rem;
}
@media (max-width: 768px) {
.paragraph-block .container .p {
font-size: 1.125rem;
max-width: 40.875rem;
}
}
@media (max-width: 576px) {
.paragraph-block .container .p {
font-size: 1rem;
}
}
.glossary-single-hero {
padding: 8.75rem 0 6rem;
background-color: var(--c-light-green);
}
.glossary-single-hero .container h1 {
font-size: 2.5rem;
color: var(--c-dark-primary);
}
@media (max-width: 480px) {
.glossary-single-hero .container h1 {
font-size: 1.875rem;
}
}
.glossary-single-content {
padding: 3.75rem 0 5rem;
}
.glossary-single-content .container .blog-data {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 768px) {
.glossary-single-content .container .blog-data {
flex-direction: column;
}
}
.glossary-single-content .container .blog-data .blog-content {
width: 26%;
position: sticky;
top: 100px;
height: auto;
align-self: start;
}
@media (max-width: 768px) {
.glossary-single-content .container .blog-data .blog-content {
width: 35%;
}
}
@media (max-width: 640px) {
.glossary-single-content .container .blog-data .blog-content {
width: 100%;
position: unset;
}
}
.glossary-single-content .container .blog-data .blog-content .sidebar {
padding: 1rem;
margin-bottom: 2rem;
height: -moz-max-content !important;
height: max-content !important;
background-color: var(--c-light-green);
border-radius: 1rem;
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget {
font-size: 0.875rem;
font-family: var(--font-button);
font-weight: 500;
color: var(--c-black);
margin-bottom: 1.25rem;
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget.widget_block .widget_text {
display: none;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget {
padding-left: 0.625rem;
}
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget .toc-title {
font-size: 1.25rem;
font-family: var(--font-button);
font-weight: 600;
color: var(--c-dark-primary);
padding-left: 1.5rem;
position: relative;
margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget .toc-title {
padding-left: 1.25rem;
}
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav {
max-width: 100%;
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list {
padding: 0;
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li {
position: relative;
margin-bottom: 1rem;
padding-left: 1.5625rem;
display: flex;
align-items: flex-start;
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 0.875rem;
font-weight: 400;
font-family: var(--font-button);
color: var(--c-black);
color: var(--c-black);
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a.active {
font-weight: 600;
font-family: var(--font-bold);
color: var(--c-secondary);
}
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a.active:before {
content: "\e906";
position: absolute;
left: 0;
top: 0;
font-family: "icomoon" !important;
font-size: 0.875rem;
color: var(--c-green-Primary-500);
background-color: transparent;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 0.125rem;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .blog-content .sidebar .title-link .widget .toc-widget nav .toc-list li a {
font-size: 0.875rem;
}
}
.glossary-single-content .container .blog-data .blog-content .sidebar-action {
border-radius: 1rem;
padding: 1rem;
height: -moz-max-content !important;
height: max-content !important;
background-color: var(--c-light-green);
}
.glossary-single-content .container .blog-data .blog-content .sidebar-action h3 {
font-size: 1.25rem;
margin-bottom: 1.5rem;
padding-left: 1.5rem;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .blog-content .sidebar-action h3 {
font-size: 1.125rem;
}
}
.glossary-single-content .container .blog-data .blog-content .sidebar-action p {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-dark-primary);
margin-bottom: 1rem;
position: relative;
padding-left: 1.25rem;
}
.glossary-single-content .container .blog-data .blog-content .sidebar-action p:before {
content: "\e906";
position: absolute;
left: 0;
top: 0;
font-family: "icomoon" !important;
font-size: 0.875rem;
color: var(--c-green-Primary-500);
background-color: transparent;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 0.125rem;
}
.glossary-single-content .container .blog-data .content {
width: 72%;
}
@media (max-width: 768px) {
.glossary-single-content .container .blog-data .content {
width: 100%;
}
}
@media (max-width: 640px) {
.glossary-single-content .container .blog-data .content {
width: 100%;
}
}
.glossary-single-content .container .blog-data .content p {
font-size: 1rem;
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-secondary);
line-height: 1.6;
letter-spacing: 0.01875rem;
max-width: 100%;
margin: 0 0 1.25rem 0;
}
.glossary-single-content .container .blog-data .content p strong {
font-weight: 700;
font-family: var(--font-bold);
text-decoration: underline;
}
.glossary-single-content .container .blog-data .content p:last-of-type {
margin-bottom: 2.5rem;
}
.glossary-single-content .container .blog-data .content h1 {
font-size: 1.625rem;
font-weight: 700;
font-family: var(--font-bold);
margin: 1.25rem 0;
}
.glossary-single-content .container .blog-data .content h1 b {
font-size: 1.625rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h1 b {
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h1 {
font-size: 1.5rem;
}
}
.glossary-single-content .container .blog-data .content h1 strong {
font-size: 1.625rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h1 strong {
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h1 {
font-size: 1.5rem;
}
}
.glossary-single-content .container .blog-data .content h2 {
font-size: 1.5rem;
font-weight: 700;
font-family: var(--font-bold);
margin: 1.25rem 0;
}
.glossary-single-content .container .blog-data .content h2 strong {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h2 strong {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h2 {
font-size: 1.25rem;
}
}
.glossary-single-content .container .blog-data .content h2 b {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h2 b {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h2 {
font-size: 1.25rem;
}
}
.glossary-single-content .container .blog-data .content h3 {
font-size: 1.375rem;
margin: 1.25rem 0;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h3 {
font-size: 1.25rem;
}
}
.glossary-single-content .container .blog-data .content h3 b {
font-size: 1.125rem;
font-weight: 600;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h3 b {
font-size: 1rem;
}
}
.glossary-single-content .container .blog-data .content h3 strong {
font-size: 1.125rem;
font-weight: 600;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h3 strong {
font-size: 1rem;
}
}
.glossary-single-content .container .blog-data .content h4 {
font-size: 1.25rem;
margin: 1.25rem 0;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h4 {
font-size: 1.125rem;
}
}
.glossary-single-content .container .blog-data .content h4 b {
font-size: 1.25rem;
font-weight: 600;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h4 b {
font-size: 1.125rem;
}
}
.glossary-single-content .container .blog-data .content h4 strong {
font-size: 1.25rem;
font-weight: 600;
color: var(--c-primary);
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h4 strong {
font-size: 1.125rem;
}
}
.glossary-single-content .container .blog-data .content h5 {
font-size: 1.125rem;
margin: 1.25rem 0;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h5 {
font-size: 1.125rem;
}
}
.glossary-single-content .container .blog-data .content h5 b {
font-size: 1.125rem;
font-weight: 600;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h5 b {
font-size: 1rem;
}
}
.glossary-single-content .container .blog-data .content h5 strong {
font-size: 1.125rem;
font-weight: 600;
}
@media (max-width: 480px) {
.glossary-single-content .container .blog-data .content h5 strong {
font-size: 1rem;
}
}
.glossary-single-content .container .blog-data .content ul {
list-style: disc;
padding-left: 1.625rem;
}
.glossary-single-content .container .blog-data .content ul li {
margin-bottom: 0.625rem;
font-size: 1rem;
line-height: 1.6;
}
.glossary-single-content .container .blog-data .content ul li:last-child {
margin-bottom: 0;
}
.glossary-single-content .container .blog-data .content ul li strong {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content ul li b {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content ul li a strong {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content ul li a b {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content ol {
list-style: decimal;
padding-left: 1.625rem;
}
.glossary-single-content .container .blog-data .content ol li {
margin-bottom: 0.625rem;
font-size: 1rem;
line-height: 1.6;
}
.glossary-single-content .container .blog-data .content ol li:last-child {
margin-bottom: 0;
}
.glossary-single-content .container .blog-data .content ol li strong {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content ol li b {
font-weight: 700;
font-family: var(--font-bold);
}
.glossary-single-content .container .blog-data .content a {
color: var(--c-secondary);
}
.glossary-single-content .container .blog-data .content table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid var(--c-border-color);
}
.glossary-single-content .container .blog-data .content table tbody tr:nth-child(odd) {
background-color: var(--c-light-green);
}
.glossary-single-content .container .blog-data .content table tbody tr:nth-child(even) {
height: 8.125rem !important;
}
.glossary-single-content .container .blog-data .content table tbody tr td {
line-height: 1.4;
padding: 0.625rem;
font-weight: 400;
font-family: var(--font-regular);
font-size: 1rem;
color: var(--c-dark-primary);
}
.glossary-single-content .container .blog-data .content table tbody tr td strong {
font-weight: 700;
font-family: var(--font-bold);
color: var(--c-dark-primary);
}
#hubSpotModal .modal-dialog {
max-width: 84%;
margin: 1.75rem auto;
}
@media (max-width: 992px) {
#hubSpotModal .modal-dialog {
max-width: 95%;
margin: 1rem auto;
}
}
@media (max-width: 576px) {
#hubSpotModal .modal-dialog {
max-width: 98%;
margin: 0.5rem auto;
}
}
#hubSpotModal .modal-content {
border: none;
border-radius: 0.75rem;
overflow: hidden;
background-color: transparent !important;
position: relative;
}
@media (max-width: 576px) {
#hubSpotModal .modal-content {
border-radius: 0.5rem;
}
}
#hubSpotModal .modal-header {
border-bottom: none;
padding: 1.25rem 1.5rem;
background-color: transparent;
position: absolute;
top: 2%;
right: 32%;
z-index: 2;
}
@media (max-width: 1440px) {
#hubSpotModal .modal-header {
right: 28%;
}
}
@media (max-width: 1024px) {
#hubSpotModal .modal-header {
right: 2%;
}
}
@media (max-width: 768px) {
#hubSpotModal .modal-header {
top: 5%;
right: -1%;
}
}
@media (max-width: 576px) {
#hubSpotModal .modal-header {
padding: 1rem 1.25rem;
}
}
#hubSpotModal .modal-header .btn-close {
background: none;
border: none;
font-size: 1.5rem;
color: var(--c-dark-primary);
opacity: 0.7;
transition: opacity 0.3s ease;
padding: 0.25rem 0.5rem;
width: auto;
height: auto;
background-color: var(--c-white);
}
#hubSpotModal .modal-header .btn-close:hover {
opacity: 1;
color: var(--c-secondary);
}
#hubSpotModal .modal-header .btn-close:focus {
outline: none;
box-shadow: none;
}
#hubSpotModal .modal-header .btn-close::before {
content: "×";
font-size: 1.75rem;
font-weight: 300;
line-height: 1;
}
#hubSpotModal .modal-body {
padding: 0;
background-color: transparent !important;
}
@media (max-width: 768px) {
#hubSpotModal .modal-body {
margin-top: 1.875rem;
}
}
@media (max-width: 480px) {
#hubSpotModal .modal-body {
margin-top: 6.875rem;
}
}
#hubSpotModal .modal-body .calendly-inline-widget {
border-radius: 0;
overflow: hidden;
}
@media (max-width: 992px) {
#hubSpotModal .modal-body .calendly-inline-widget {
min-height: 600px !important;
}
}
@media (max-width: 576px) {
#hubSpotModal .modal-body .calendly-inline-widget {
min-height: 31.25rem !important;
min-width: 100% !important;
}
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
.modal.show .modal-dialog {
transform: none;
}
@media (max-width: 576px) {
.modal {
padding: 0.625rem !important;
}
#hubSpotModal .modal-dialog {
margin: 0;
max-width: 100%;
height: 100vh;
}
#hubSpotModal .modal-content {
height: 100%;
border-radius: 0;
}
#hubSpotModal .modal-body {
flex: 1;
overflow: auto;
}
} .right-image-left-shortcode-block {
display: flex;
justify-content: space-between;
width: 100%;
}
@media (max-width: 640px) {
.right-image-left-shortcode-block {
flex-direction: column;
}
}
.right-image-left-shortcode-block .container .wrapper {
display: flex;
margin-top: 6.25rem;
border-radius: 30px;
overflow: hidden;
border: 1px solid var(--c-green-border);
}
@media (max-width: 1280px) {
.right-image-left-shortcode-block .container .wrapper {
margin-top: 8.375rem;
}
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper {
flex-direction: column;
margin-top: 1.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left {
flex: 1 1 50%;
}
@media (max-width: 480px) {
.right-image-left-shortcode-block .container .wrapper .col-left.spacer-top-large {
padding-top: 5.625rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column {
width: 89%;
margin: auto;
}
@media (max-width: 1024px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column {
width: 90%;
}
}
@media (max-width: 640px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column {
margin: auto;
width: 76%;
}
}
@media (max-width: 480px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column {
width: 100%;
padding: 0 1.25rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper .gform_heading h2 {
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-secondary);
margin-bottom: 1.875rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper .gform_heading .gform_description {
max-width: 92%;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form {
margin-top: 1.5rem;
width: 100%;
}
@media (max-width: 640px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form {
width: 100%;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields {
gap: 1rem;
max-width: 100%;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields {
max-width: 100%;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield {
margin-bottom: 0.5rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label {
font-size: 1rem;
margin-bottom: 0.25rem;
position: relative;
max-width: -moz-max-content;
max-width: max-content;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label.gform-field-label--type-inline::after {
display: none;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label {
font-size: 0.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label span {
display: none;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield label::after {
content: "*";
position: absolute;
right: -0.5rem;
color: var(--c-orange);
font-size: 1.25rem;
top: -0.375rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield.text-area label::after {
display: none;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield.select-box label::after {
display: none;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
padding: 1.625rem 1.25rem;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
padding: 1.625rem 1.25rem;
}
@media (max-width: 375px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
padding: 1.25rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::-moz-placeholder {
color: var(--c-black);
opacity: 0.4;
font-size: 1rem;
font-family: var(--font-regular);
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::placeholder {
color: var(--c-black);
opacity: 0.4;
font-size: 1rem;
font-family: var(--font-regular);
}
@media (max-width: 375px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::-moz-placeholder {
font-size: 0.875rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::placeholder {
font-size: 0.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=text] {
color: var(--c-black);
opacity: 0.4;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=checkbox]::before {
color: var(--c-primary);
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea {
min-block-size: 5rem;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select {
padding: 0.5rem 1.25rem;
height: 100%;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
font-family: var(--font-regular);
font-size: 1rem;
color: var(--c-black);
opacity: 0.4;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select option {
color: var(--c-black);
opacity: 0.4;
font-size: 1rem;
text-indent: 0.625rem;
color: var(--c-black);
}
@media (max-width: 375px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select option {
font-size: 0.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .gform-field-label {
font-size: 1rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield-choice-input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
border: 1px solid var(--c-border-color);
padding: 0.0625rem !important;
cursor: pointer;
position: relative;
margin: 0 0.5rem 0 0;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield-choice-input::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background: var(--c-primary);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.2s ease;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield-choice-input:checked::before {
transform: translate(-50%, -50%) scale(1);
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio label.gform-field-label--type-inline {
margin: 0;
cursor: pointer;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio fieldset.gfield {
border: 0;
padding: 0;
margin: 0;
min-inline-size: auto;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio fieldset.gfield legend.gfield_label {
font-size: 1rem;
margin-bottom: 0.25rem;
max-width: -moz-max-content;
max-width: max-content;
padding: 0;
border: 0;
display: block;
width: auto;
font-weight: 500;
line-height: 1.5;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox] {
width: 1.25rem;
height: 1.25rem;
padding: 0.0625rem;
border-radius: 0.375rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .gfield--type-textarea label::after {
display: none;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .gfield--type-textarea .ginput_container_textarea {
height: 6.125rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .gfield--type-select .ginput_container_select {
height: 3.625rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform-body .gform_fields .gfield .gfield--type-select .ginput_container_select select {
padding: 0.3125rem 1rem;
height: 100%;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer {
margin-top: 0.5rem;
max-width: 100%;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer {
max-width: 100%;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .button, .right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gform_button, .right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer input[type=submit] {
width: 100%;
border-radius: 0.5rem;
background-color: var(--c-primary);
font-family: var(--font-button);
padding: 1.25rem 0;
font-size: 1rem;
font-weight: 500;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes {
color: var(--c-black);
opacity: 0.75;
font-size: 0.75rem;
width: 98%;
}
@media (max-width: 640px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes {
width: 100%;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-legal {
font-size: 0.75rem;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.625rem;
margin-top: 2rem;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact {
flex-direction: column;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact p {
font-size: 1rem;
font-family: var(--font-bold) !important;
color: var(--c-black);
font-weight: 600;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact p {
font-size: 0.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact a {
position: relative;
color: var(--c-primary);
text-decoration: none;
font-weight: 600;
font-size: 1rem;
font-family: var(--font-semi-bold);
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact a {
font-size: 0.875rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact a:hover {
text-decoration: underline;
}
.right-image-left-shortcode-block .container .wrapper .col-left .inner-column .gform_wrapper form .gform_footer .gf-extra-notes .gf-contact a::before {
position: absolute;
top: -0.125rem;
left: -1.4375rem;
content: "\e907";
width: 1.125rem;
font-family: "icomoon" !important;
height: 1.125rem;
display: inline-block;
}
.right-image-left-shortcode-block .container .wrapper .col-right {
width: 50%;
height: auto;
overflow: hidden;
background-color: var(--c-light-primary);
padding: 1.875rem;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-right {
width: 100%;
padding: 1.875rem 1.25rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-right .h2.title {
margin-bottom: 0.625rem;
}
.right-image-left-shortcode-block .container .wrapper .col-right .description h6 {
font-weight: 600;
margin-bottom: 1rem;
}
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option {
margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option {
margin-bottom: 1rem;
}
}
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option .p {
line-height: 1.6;
}
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option .h6 {
margin-top: 1.625rem;
font-weight: 600;
}
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option a.btn {
background-color: var(--c-primary);
color: var(--c-white);
padding: 0.625rem 1.25rem;
border-radius: 0.375rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
text-decoration: none;
}
.right-image-left-shortcode-block .container .wrapper .col-right .cta-option .text {
font-size: 1.125rem;
color: var(--c-secondary);
font-weight: 400;
font-family: var(--font-regular);
text-decoration: underline;
max-width: -moz-max-content;
max-width: max-content;
}
.right-image-left-shortcode-block .container .wrapper .col-right img {
height: 100%;
}
.html-content-section.bg-color {
background: linear-gradient(to bottom, var(--c-light-green) 0%, var(--c-white) 100%);
}
.html-content-section .container .button-group {
display: flex;
justify-content: center;
margin-top: 2rem;
}
.html-content-section .container h2 {
font-weight: 600;
font-family: var(--font-regular);
margin-bottom: 1.25rem;
margin-top: 1.875rem;
}
.html-content-section .container h3 {
margin-bottom: 1.25rem;
}
.html-content-section .container h3 b {
font-weight: 600;
}
.html-content-section .container h3 strong {
font-weight: 600;
}
.html-content-section .container h4 {
margin-bottom: 1.25rem;
}
.html-content-section .container h4 b {
font-weight: 600;
}
.html-content-section .container h4 strong {
font-weight: 600;
}
.html-content-section .container h5 {
margin-bottom: 1.25rem;
}
.html-content-section .container h5 b {
font-weight: 600;
}
.html-content-section .container h5 strong {
font-weight: 600;
}
.html-content-section .container p {
font-size: 1rem;
margin-bottom: 1.25rem;
}
.html-content-section .container p a {
text-decoration: underline;
color: var(--c-secondary);
}
.html-content-section .container ol {
list-style: disc;
padding-left: 3.375rem;
margin-bottom: 3.125rem;
}
@media (max-width: 320px) {
.html-content-section .container ol {
padding-left: 1.25rem;
}
}
.html-content-section .container ol li {
margin-bottom: 1rem;
font-size: 1rem;
color: var(--c-secondary);
}
.html-content-section .container ol li a {
font-size: 1rem;
color: var(--c-secondary);
}
.html-content-section .container ul {
list-style: none;
}
@media (max-width: 320px) {
.html-content-section .container ul {
padding-left: 1.25rem;
}
}
.html-content-section .container ul li {
margin-bottom: 1rem;
font-size: 1rem;
color: var(--c-secondary);
padding-left: 1.875rem;
position: relative;
}
.html-content-section .container ul li strong {
font-weight: 600;
}
.html-content-section .container ul li b {
font-weight: 600;
}
.html-content-section .container ul li::before {
color: var(--c-primary);
content: "\e904";
position: absolute;
left: 0;
top: 0;
font-family: "icomoon" !important;
display: none;
}
.html-content-section .container ul li a {
font-size: 1rem;
}
.html-content-section .container strong {
font-size: 1.125rem;
font-weight: 600;
font-family: var(--font-regular);
margin-bottom: 1.25rem;
margin-top: 1.875rem;
}
@media (max-width: 768px) {
.html-content-section .container strong {
font-size: 1rem;
}
}
.heading-with-highlight-section .container .content-wrapper {
text-align: center;
width: 70%;
margin: auto;
}
@media (max-width: 992px) {
.heading-with-highlight-section .container .content-wrapper {
width: 76%;
}
}
@media (max-width: 768px) {
.heading-with-highlight-section .container .content-wrapper {
width: 85%;
}
}
@media (max-width: 640px) {
.heading-with-highlight-section .container .content-wrapper {
width: 100%;
}
}
.heading-with-highlight-section .container .content-wrapper .sub-title {
color: var(--c-primary-600);
font-size: 1.5rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 992px) {
.heading-with-highlight-section .container .content-wrapper .sub-title {
font-size: 1.375rem;
}
}
@media (max-width: 768px) {
.heading-with-highlight-section .container .content-wrapper .sub-title {
font-size: 1.25rem;
}
}
.heading-with-highlight-section .container .content-wrapper .text-title {
font-size: 2.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-dark-primary);
line-height: 1.4;
margin-top: 1.25rem;
}
@media (max-width: 992px) {
.heading-with-highlight-section .container .content-wrapper .text-title {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.heading-with-highlight-section .container .content-wrapper .text-title {
font-size: 1.875rem;
}
}
@media (max-width: 640px) {
.heading-with-highlight-section .container .content-wrapper .text-title {
font-size: 1.75rem;
}
}
@media (max-width: 480px) {
.heading-with-highlight-section .container .content-wrapper .text-title {
font-size: 1.5rem;
}
}
.heading-with-highlight-section .container .content-wrapper .description {
width: 80%;
margin: 1.5rem auto 1.875rem;
}
@media (max-width: 992px) {
.heading-with-highlight-section .container .content-wrapper .description {
width: 88%;
}
}
@media (max-width: 640px) {
.heading-with-highlight-section .container .content-wrapper .description {
width: 100%;
}
}
.heading-with-highlight-section .container .content-wrapper .description p strong {
color: var(--c-primary-600);
}
.heading-with-highlight-section .container .content-wrapper .hero-button-group {
margin-top: 1.875rem;
}
.feature-cards-section .container .cards-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
@media (max-width: 1024px) {
.feature-cards-section .container .cards-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.feature-cards-section .container .cards-grid {
grid-template-columns: 1fr;
}
}
.feature-cards-section .container .cards-grid .feature-card {
min-height: 20.4375rem;
border-radius: 1.25rem;
overflow: hidden;
box-shadow: 0 0.25rem 0.9375rem rgba(0, 0, 0, 0.05);
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.875rem;
background-color: var(--c-light-green);
}
.feature-cards-section .container .cards-grid .feature-card .card-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
overflow: hidden;
}
.feature-cards-section .container .cards-grid .feature-card .card-icon img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feature-cards-section .container .cards-grid .feature-card .color-shade {
width: 100%;
background-image: linear-gradient(to top, var(--c-light-primary) 70%, transparent);
position: absolute;
height: 9.875rem;
bottom: 0;
left: 0;
right: 0;
}
.feature-cards-section .container .cards-grid .feature-card .content {
z-index: 10;
text-align: left;
padding: 0 1.25rem 2rem 1.25rem;
margin: -1.875rem -1.25rem -1.875rem -1.25rem;
border-radius: 0 0 1.25rem 1.25rem;
}
.feature-cards-section .container .cards-grid .feature-card .content .card-title {
font-size: 1.5rem;
font-weight: 500;
font-family: var(--font-button);
color: var(--c-dark-primary);
line-height: 1.2;
margin-bottom: 0.3125rem;
}
@media (max-width: 768px) {
.feature-cards-section .container .cards-grid .feature-card .content .card-title {
font-size: 1.25rem;
}
}
.feature-cards-section .container .cards-grid .feature-card .content .card-description {
font-size: 1rem;
color: var(--c-secondary);
margin-top: 0;
}
.feature-cards-section .container .cards-grid .feature-card:nth-child(even) .color-shade {
width: 100%;
background-image: linear-gradient(to top, var(--c-light-green) 70%, transparent);
position: absolute;
height: 9.875rem;
bottom: 0;
left: 0;
right: 0;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 640px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns {
grid-template-columns: 1fr;
}
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block {
border-radius: 1.25rem;
padding: 3.125rem;
height: auto;
border: 1px solid var(--c-border-color);
background-color: var(--c-gray-300);
}
@media (max-width: 992px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block {
padding: 1.875rem;
}
}
@media (max-width: 768px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block {
padding: 1.25rem;
}
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block.column-style-highlight {
background-color: var(--c-light-green);
border: 1px solid var(--c-green-border);
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title {
width: 80%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--c-border-color);
padding-bottom: 1.875rem;
}
@media (max-width: 480px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title {
padding-bottom: 1.25rem;
}
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title.border-style-highlight {
border-bottom: 1px solid var(--c-green-border);
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .logo {
width: 7.5rem;
height: 2.1875rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .column-title {
font-size: 1.625rem;
font-family: var(--font-regular);
font-weight: 600;
color: var(--c-dark-primary);
}
@media (max-width: 480px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .column-title {
font-size: 1.375rem;
}
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list {
padding-top: 1.875rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item {
min-height: 2.1875rem;
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
margin-bottom: 1.25rem;
padding-left: 1.875rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-title {
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-black);
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-title {
font-size: 1.125rem;
}
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description {
font-weight: 400;
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-black);
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description p {
font-size: 1rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description p strong {
font-weight: 600;
font-size: 1rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description ul {
list-style: disc;
padding-left: 1.125rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description ul li {
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-black);
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type {
position: absolute;
top: 0.375rem;
left: 0;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-icon {
transform: translateY(-8px);
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .icon {
position: absolute;
top: -0.3125rem;
left: 0;
width: 1.25rem;
height: 1.25rem;
color: var(--c-primary);
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .icon::before {
color: var(--c-primary-600);
font-size: 1rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-cross {
width: 0.5rem;
height: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-border-color);
background-color: var(--c-border-color);
border-radius: 50%;
position: absolute;
top: 0rem;
}
.comparison-table .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-cross .icon {
font-size: 1rem;
}
.comparison-table .container .teq-asset-compare-block .column-button {
margin: 3.75rem auto;
width: -moz-max-content;
width: max-content;
border: 1px solid var(--c-success);
border-radius: 0.5rem;
font-size: 1rem;
font-family: var(--font-button);
font-weight: 500;
color: var(--c-success);
}
@media (max-width: 992px) {
.comparison-table .container .teq-asset-compare-block .column-button {
margin-bottom: 0rem;
}
}
.comparison-table .container .teq-asset-compare-block .column-button a {
padding: 1rem 1.25rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
color: var(--c-dark-primary);
}
.comparison-table .container .teq-asset-compare-block .column-button a .icon {
font-size: 1rem;
color: var(--c-dark-primary);
margin-left: 0.5rem;
transition: transform 0.2s ease;
}
.comparison-table .container .teq-asset-compare-block .column-button:hover {
background-color: var(--c-success);
}
.comparison-table .container .teq-asset-compare-block .column-button:hover a {
color: var(--c-white);
}
.comparison-table .container .teq-asset-compare-block .column-button:hover a .icon {
transform: translateX(0.25rem);
color: var(--c-white);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.875rem;
}
@media (max-width: 992px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns {
display: flex;
overflow-x: auto;
gap: 16px;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block {
border-radius: 1.25rem;
padding: 3.125rem;
height: auto;
border: 1px solid var(--c-border-color);
background-color: var(--c-gray-300);
}
@media (max-width: 992px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block {
flex: 0 0 50%;
scroll-snap-align: start;
padding: 1.875rem;
}
}
@media (max-width: 768px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block {
flex: 0 0 85%;
padding: 1.25rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block.column-style-highlight {
background-color: var(--c-light-green);
border: 1px solid var(--c-green-border);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title {
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--c-border-color);
padding-bottom: 1.875rem;
}
@media (max-width: 480px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title {
padding-bottom: 1.25rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title.border-style-highlight {
border-bottom: 1px solid var(--c-green-border);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .logo {
width: 7.5rem;
height: 2.1875rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .column-title {
font-size: 1.625rem;
font-family: var(--font-regular);
font-weight: 600;
color: var(--c-dark-primary);
}
@media (max-width: 480px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .logo-with-title .column-title {
font-size: 1.375rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .without-title-block {
height: 3.75rem;
}
@media (max-width: 768px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .without-title-block {
height: 2.8125rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list {
padding-top: 1.875rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item {
min-height: 3.125rem;
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
margin-bottom: 1.25rem;
padding-left: 1.875rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item:has(.feature-title) {
padding-left: 0;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-title {
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-black);
text-align: center;
width: 100%;
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-title {
font-size: 1.125rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description {
font-weight: 400;
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-black);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description p {
font-size: 1rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description p strong {
font-weight: 600;
font-size: 1rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description ul {
list-style: disc;
padding-left: 1.125rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-description ul li {
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-black);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type {
position: absolute;
top: 0.375rem;
left: 0;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-icon {
transform: translateY(-8px);
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .icon {
position: absolute;
top: -0.3125rem;
left: 0;
width: 1.25rem;
height: 1.25rem;
color: var(--c-primary);
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .icon::before {
color: var(--c-primary-600);
font-size: 1rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-cross {
width: 0.5rem;
height: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-border-color);
background-color: var(--c-border-color);
border-radius: 50%;
position: absolute;
top: 0rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .comparison-columns .compare-block .compare-block-list .compare-block-list-item .feature-type .feature-cross .icon {
font-size: 1rem;
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button {
margin: 3.75rem auto;
width: -moz-max-content;
width: max-content;
border: 1px solid var(--c-success);
border-radius: 0.5rem;
font-size: 1rem;
font-family: var(--font-button);
font-weight: 500;
color: var(--c-success);
}
@media (max-width: 992px) {
.comparison-table-three-column .container .teq-asset-compare-block .column-button {
margin-bottom: 0rem;
}
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button a {
padding: 1rem 1.25rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
color: var(--c-dark-primary);
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button a .icon {
font-size: 1rem;
color: var(--c-dark-primary);
margin-left: 0.5rem;
transition: transform 0.2s ease;
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button:hover {
background-color: var(--c-success);
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button:hover a {
color: var(--c-white);
}
.comparison-table-three-column .container .teq-asset-compare-block .column-button:hover a .icon {
transform: translateX(0.25rem);
color: var(--c-white);
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 640px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns {
grid-template-columns: 1fr;
}
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block {
border-radius: 1.25rem;
padding: 3.125rem;
height: auto;
border: 1px solid var(--c-border-color);
background-color: var(--c-gray-300);
}
@media (max-width: 992px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block {
padding: 1.875rem;
}
}
@media (max-width: 768px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block {
padding: 1.25rem;
}
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block.column-style-highlight {
background-color: var(--c-light-green);
border: 1px solid var(--c-green-border);
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .column-title {
font-size: 1.625rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-dark-primary);
margin-bottom: 1.875rem;
text-align: left;
}
@media (max-width: 480px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .column-title {
font-size: 1.375rem;
margin-bottom: 1.25rem;
}
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .column-image {
margin-bottom: 1.875rem;
text-align: center;
max-width: 100%;
border-radius: 0.5rem;
overflow: hidden;
}
@media (max-width: 768px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .column-image {
max-width: 100%;
}
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .column-image img {
width: 100%;
max-width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
mix-blend-mode: multiply;
max-height: 360px;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item {
padding: 1.5rem 0;
border-bottom: 1px solid var(--c-border-color);
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item:first-child {
padding-top: 0;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-label {
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
color: var(--c-dark-primary);
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-label {
font-size: 1.125rem;
}
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-value {
font-weight: 400;
font-size: 1rem;
font-family: var(--font-regular);
color: var(--c-black);
line-height: 1.5;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-value p {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-value p:last-child {
margin-bottom: 0;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-value a {
color: var(--c-success);
text-decoration: none;
font-weight: 500;
}
.comparison-with-image .container .comparison-with-image-block .comparison-columns .compare-block .compare-spec-list .compare-spec-item .spec-value a:hover {
text-decoration: underline;
}
.comparison-with-image .container .comparison-with-image-block .column-button {
margin: 3.75rem auto;
width: -moz-max-content;
width: max-content;
border: 1px solid var(--c-success);
border-radius: 0.5rem;
font-size: 1rem;
font-family: var(--font-button);
font-weight: 500;
color: var(--c-success);
}
@media (max-width: 992px) {
.comparison-with-image .container .comparison-with-image-block .column-button {
margin-top: 2rem;
margin-bottom: 0rem;
}
}
.comparison-with-image .container .comparison-with-image-block .column-button a {
padding: 1rem 1.25rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
color: var(--c-dark-primary);
}
.comparison-with-image .container .comparison-with-image-block .column-button a .icon {
font-size: 1rem;
color: var(--c-dark-primary);
margin-left: 0.5rem;
transition: transform 0.2s ease;
}
.comparison-with-image .container .comparison-with-image-block .column-button:hover {
background-color: var(--c-success);
}
.comparison-with-image .container .comparison-with-image-block .column-button:hover a {
color: var(--c-white);
}
.comparison-with-image .container .comparison-with-image-block .column-button:hover a .icon {
transform: translateX(0.25rem);
color: var(--c-white);
}
.testimonials .container .testimonial-grid {
width: 90%;
margin: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6.25rem;
}
@media (max-width: 1024px) {
.testimonials .container .testimonial-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.testimonials .container .testimonial-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.testimonials .container .testimonial-grid {
width: 100%;
}
}
.testimonials .container .testimonial-grid .testimonial-item {
border-bottom: 2px solid var(--c-gray-400);
justify-content: space-between;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.testimonials .container .testimonial-grid .testimonial-item .quote {
font-weight: 400;
font-family: var(--font-regular);
color: var(--c-black);
font-size: 1.25rem;
color: var(--c-gray-500);
}
.testimonials .container .testimonial-grid .testimonial-item .quote strong {
background-color: var(--c-gray-100);
}
@media (max-width: 992px) {
.testimonials .container .testimonial-grid .testimonial-item .quote {
font-size: 1.125rem;
}
}
@media (max-width: 640px) {
.testimonials .container .testimonial-grid .testimonial-item .quote {
font-size: 1rem;
}
}
.testimonials .container .testimonial-grid .testimonial-item .details {
padding-bottom: 1.25rem;
}
.testimonials .container .testimonial-grid .testimonial-item .details .author {
color: var(--c-primary-600);
font-size: 0.875rem;
font-family: var(--font-button);
font-weight: 500;
margin-bottom: 0;
}
.testimonials .container .testimonial-grid .testimonial-item .details .role {
color: var(--c-gray-500);
font-size: 0.875rem;
font-family: var(--font-regular);
font-weight: 400;
margin-bottom: 0;
}
.two-column-cta-with-button .container .wrapper {
position: relative;
overflow: hidden;
border-radius: 0.75rem;
padding: 3.75rem;
display: flex;
justify-content: space-between;
height: auto;
}
@media (max-width: 768px) {
.two-column-cta-with-button .container .wrapper {
flex-direction: column;
}
}
@media (max-width: 480px) {
.two-column-cta-with-button .container .wrapper {
padding: 1.875rem;
}
}
.two-column-cta-with-button .container .wrapper .background-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.two-column-cta-with-button .container .wrapper .background-wrapper picture {
height: 100%;
display: block;
}
.two-column-cta-with-button .container .wrapper .background-wrapper picture img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.two-column-cta-with-button .container .wrapper .left-section {
width: 42%;
}
@media (max-width: 1024px) {
.two-column-cta-with-button .container .wrapper .left-section {
width: 46%;
}
}
@media (max-width: 768px) {
.two-column-cta-with-button .container .wrapper .left-section {
width: 100%;
margin-bottom: 2.5rem;
}
}
.two-column-cta-with-button .container .wrapper .left-section .h2 {
max-width: 81%;
font-weight: 600;
margin-bottom: 1.5rem;
}
.two-column-cta-with-button .container .wrapper .left-section .description {
margin-bottom: 2.375rem;
}
.two-column-cta-with-button .container .wrapper .left-section .btn {
padding: 0.9375rem 0.625rem;
}
.two-column-cta-with-button .container .wrapper .right-section {
width: 49%;
}
@media (max-width: 768px) {
.two-column-cta-with-button .container .wrapper .right-section {
width: 100%;
}
}
.two-column-cta-with-button .container .wrapper .right-section .list-items {
width: 58%;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.two-column-cta-with-button .container .wrapper .right-section .list-items {
width: 70%;
}
}
@media (max-width: 768px) {
.two-column-cta-with-button .container .wrapper .right-section .list-items {
width: 100%;
}
}
.two-column-cta-with-button .container .wrapper .right-section .list-items li {
margin-bottom: 1.75rem;
position: relative;
padding-left: 1.375rem;
}
.two-column-cta-with-button .container .wrapper .right-section .list-items li .icon {
color: var(--c-success);
font-size: 1rem;
position: absolute;
top: 0;
left: 0;
}
.two-column-cta-with-button .container .wrapper .right-section .list-items li .icon.icon-check {
width: 1.25rem;
height: 1.25rem;
color: var(--c-success);
background-color: transparent;
}
.two-column-cta-with-button .container .wrapper .right-section .list-items li .icon.icon-check::before {
color: var(--c-success);
font-size: 1rem;
}
.two-column-cta-with-button .container .wrapper .right-section .list-items li .p {
font-size: 1rem;
padding-left: 1.375rem;
margin-bottom: 0;
}
.features-with-icon .container .features-with-icon-content {
width: 68%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
@media (max-width: 768px) {
.features-with-icon .container .features-with-icon-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.features-with-icon .container .features-with-icon-content {
width: 100%;
grid-template-columns: repeat(1, 1fr);
}
}
.features-with-icon .container .features-with-icon-content .feature-item .icon {
width: 2.5rem;
height: 2.5rem;
}
.features-with-icon .container .features-with-icon-content .feature-item .feature-title {
font-size: 1.375rem;
color: var(--c-dark-primary);
font-weight: 500;
font-family: var(--font-button);
margin-top: 0.625rem;
}
@media (max-width: 768px) {
.features-with-icon .container .features-with-icon-content .feature-item .feature-title {
font-size: 1.25rem;
}
}
.features-with-icon .container .features-with-icon-content .feature-item .feature-description {
font-weight: 400;
font-family: var(--font-regular);
font-size: 1.125rem;
color: var(--c-secondary);
margin-top: 1rem;
margin-bottom: 0;
width: 81%;
}
@media (max-width: 768px) {
.features-with-icon .container .features-with-icon-content .feature-item .feature-description {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.features-with-icon .container .features-with-icon-content .feature-item .feature-description {
width: 100%;
}
}
.banner-block-with-form {
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.banner-block-with-form {
padding-top: 10rem;
}
}
@media (max-width: 992px) {
.banner-block-with-form {
padding-top: 5.625rem;
}
}
.banner-block-with-form .background-section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.banner-block-with-form .background-section picture {
height: 100%;
display: block;
}
.banner-block-with-form .background-section picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.banner-block-with-form .background-section picture img {
height: auto;
}
}
.banner-block-with-form .background-section img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.banner-block-with-form .background-section img {
height: auto;
}
}
.banner-block-with-form .container {
position: relative;
}
.banner-block-with-form .container .cover {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.banner-block-with-form .container .cover {
flex-direction: column;
}
}
.banner-block-with-form .container .cover .content-wrapper {
width: 60%;
padding-bottom: 4.375rem;
}
@media (max-width: 768px) {
.banner-block-with-form .container .cover .content-wrapper {
width: 100%;
}
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper {
text-align: center;
padding-bottom: 0;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge {
display: flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 1rem;
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper .hero-badge {
justify-content: center;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge .prefix {
font-weight: 600;
font-family: var(--font-semi-bold);
font-size: 1.25rem;
color: var(--c-dark-grey);
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge .icon-container {
width: 1.5rem;
height: 1.5rem;
border-radius: 0.5rem;
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge .icon-container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title {
color: var(--c-dark-grey);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
display: block;
}
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title strong {
color: var(--c-gray-800);
font-size: 1.25rem;
font-family: var(--font-semi-bold);
font-weight: 600;
}
@media (max-width: 480px) {
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title strong {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title strong {
font-size: 0.875rem;
}
}
@media (max-width: 480px) {
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .hero-badge .sub-title {
font-size: 0.875rem;
}
}
.banner-block-with-form .container .cover .content-wrapper .text-title {
letter-spacing: -0.0625rem;
color: var(--c-dark-primary);
font-size: 3.75rem;
width: 100%;
line-height: 1.2;
}
@media (max-width: 1024px) {
.banner-block-with-form .container .cover .content-wrapper .text-title {
font-size: 2.5rem;
width: 98%;
}
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper .text-title {
font-size: 2.25rem;
}
}
@media (max-width: 576px) {
.banner-block-with-form .container .cover .content-wrapper .text-title {
max-width: 28.75rem;
font-size: 1.875rem;
}
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .text-title {
font-size: 1.75rem;
}
}
.banner-block-with-form .container .cover .content-wrapper p {
width: 88%;
font-size: 1.25rem;
color: var(--c-secondary);
font-family: var(--font-regular);
font-weight: 400;
line-height: 1.6;
margin: 2rem 0;
letter-spacing: 0.025rem;
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper p {
text-align: center;
margin: 1.25rem auto;
}
}
@media (max-width: 576px) {
.banner-block-with-form .container .cover .content-wrapper p {
font-size: 1rem;
}
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper p {
width: 100%;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 0.25rem;
margin-top: 1rem;
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group {
justify-content: center;
}
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group {
flex-direction: column;
padding-bottom: 2.5rem;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn {
font-family: var(--font-button);
font-size: 1rem;
cursor: pointer;
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn {
width: 100%;
}
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn {
font-size: 0.875rem;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-primary {
margin-right: 0.5rem;
padding: 0.9375rem 0.875rem;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-explore {
color: var(--c-secondary);
border: none;
padding-left: 0.5rem;
font-weight: 600;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-explore.icon {
color: var(--c-secondary);
margin-left: 0.625rem;
font-size: 1rem;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-explore .btn-text {
text-decoration: none;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-explore .btn-text:hover {
text-decoration: underline;
}
@media (max-width: 375px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn-explore {
margin-top: 1rem;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .btn .icon {
color: #a4b2ad;
font-size: 1.625rem;
margin-right: 0.625rem;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .icon-group {
margin-left: 3.125rem;
display: flex;
align-items: center;
gap: 1.5rem;
}
@media (max-width: 480px) {
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .icon-group {
margin-left: 0;
margin-top: 1.875rem;
}
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .icon-group .icon-container {
display: flex;
align-items: center;
justify-content: center;
height: 3.25rem;
max-width: 12.5rem;
}
.banner-block-with-form .container .cover .content-wrapper .hero-button-group .icon-group .icon-container img {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.banner-block-with-form .container .cover .image-wrapper {
width: 40%;
}
@media (max-width: 768px) {
.banner-block-with-form .container .cover .image-wrapper {
width: 80%;
margin: auto;
}
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .image-wrapper {
margin: 2.5rem auto;
}
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .image-wrapper {
width: 100%;
}
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper {
padding: 0 !important;
background: transparent !important;
border-radius: 0.5rem !important;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper#gform_wrapper_9 .gform_heading .gform_title {
display: block;
font-size: 1.125rem;
color: var(--c-dark-grey);
text-align: center;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_heading .gform_title {
display: none;
font-size: 1.375rem;
color: var(--c-dark-primary);
font-weight: 600;
font-family: var(--font-semi-bold);
margin-bottom: 1rem;
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_heading .gform_title {
font-size: 1.25rem;
}
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_heading p {
display: none;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form {
background: linear-gradient(#ebfef8 65%, transparent);
padding: 1.5rem;
border-radius: 1rem;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields {
gap: 1.25rem;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label {
font-size: 1rem;
font-family: var(--font-regular);
font-weight: 400;
color: var(--c-secondary);
margin-bottom: 0.25rem;
position: relative;
max-width: -moz-max-content;
max-width: max-content;
}
@media (max-width: 640px) {
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label {
font-size: 0.875rem;
}
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label span {
display: none;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label::after {
content: "*";
position: absolute;
right: -0.5rem;
color: var(--c-orange);
font-size: 1.25rem;
top: -0.375rem;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
padding: 0.625rem 0.5rem;
border: 1px solid var(--c-border-color);
border-radius: 0.25rem;
box-shadow: none !important;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::-moz-placeholder {
color: var(--c-border-color);
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::placeholder {
color: var(--c-border-color);
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea {
padding: 1rem 1.5rem;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_radio li label {
font-size: 1rem;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_radio li input {
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
box-shadow: none !important;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_radio li input:focus {
box-shadow: none !important;
outline: none !important;
border: none !important;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_radio li input:focus-visible {
box-shadow: none !important;
outline: none !important;
border: none !important;
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper form .gform-body .gform_fields .gfield .gfield_radio li:hover input {
border-color: var(--c-primary);
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_footer .button, .banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_footer .gform_button, .banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
border-radius: 0.5rem;
padding: 1.125rem 1rem;
margin-bottom: 0.875rem;
background-color: var(--c-primary);
}
.banner-block-with-form .container .cover .image-wrapper .gform_wrapper .gform_footer .gf-extra-notes .terms-policy {
font-size: 0.875rem;
line-height: 1.3;
display: none;
}
.banner-block-with-form .container hr {
margin: 0;
opacity: 0.2;
}
@media (max-width: 640px) {
.banner-block-with-form .container hr {
display: none;
}
}
.banner-block-with-form .container hr.none {
display: none;
}
.banner-block-with-form .container hr.small {
width: 52%;
position: absolute;
right: 3.75rem;
margin-top: 2.1875rem;
}
@media (max-width: 640px) {
.banner-block-with-form .container hr.small {
display: none;
}
}
.multi-feature-listing-section {
overflow-x: hidden;
}
@media (max-width: 480px) {
.multi-feature-listing-section {
padding-top: 2rem;
}
}
.multi-feature-listing-section .container .content-wrapper {
position: relative;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper {
flex-direction: column;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper {
max-width: 70%;
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper {
max-width: 100%;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button {
max-width: 100%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2 {
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 0.5rem;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2 span {
color: var(--c-title-grey);
}
@media (max-width: 480px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2 {
max-width: 100%;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align {
max-width: 64%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-left {
text-align: left;
margin-left: 0;
margin-right: auto;
max-width: 64%;
}
@media (max-width: 1024px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-left {
max-width: 88%;
}
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-left {
max-width: 92%;
}
}
@media (max-width: 480px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-left {
max-width: 100%;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-left.width-full {
max-width: 100%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 64%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.align-right {
text-align: right;
margin-left: auto;
margin-right: 0;
max-width: 64%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .h2.width-full {
max-width: 100%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p {
margin-top: 1.625rem;
color: var(--c-secondary);
margin-bottom: 0;
max-width: 70%;
}
@media (max-width: 1024px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p {
max-width: 79%;
}
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p {
max-width: 84%;
}
}
@media (max-width: 480px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p {
max-width: 100%;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p.align-left {
text-align: left;
margin-left: 0;
margin-right: auto;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p.align-left.width-full {
max-width: 100%;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p.align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper.no-button .p.align-right {
text-align: right;
margin-left: auto;
margin-right: 0;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
margin-bottom: 2.125rem;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2 span {
color: var(--c-title-grey);
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2.align-left {
text-align: left;
margin-left: 0;
margin-right: auto;
max-width: 84%;
}
@media (max-width: 1024px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2.align-left {
max-width: 88%;
}
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2.align-left {
max-width: 100%;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2.align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .h2.align-right {
text-align: right;
margin-left: auto;
margin-right: 0;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .p {
margin-top: 1.625rem;
color: var(--c-secondary);
margin-bottom: 0;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .p.align-left {
text-align: left;
margin-left: 0;
margin-right: auto;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .p.align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .title-wrapper .p.align-right {
text-align: right;
margin-left: auto;
margin-right: 0;
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .button-wrapper {
max-width: 30%;
}
@media (max-width: 768px) {
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .button-wrapper {
max-width: 100%;
justify-content: flex-start;
display: flex;
align-items: center;
width: 100%;
margin-top: 2.5rem;
gap: 1.25rem;
}
}
.multi-feature-listing-section .container .content-wrapper .content-header-wrapper .button-wrapper a.btn-primary, .multi-feature-listing-section .container .content-wrapper .content-header-wrapper .button-wrapper a.btn-secondary-outline {
padding: 0.625rem;
min-height: 3rem;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows {
position: absolute;
bottom: -45%;
right: 0;
transform: translateY(-50%);
display: flex;
gap: 0.75rem;
z-index: 10;
}
@media (max-width: 640px) {
.multi-feature-listing-section .container .content-wrapper .slider-arrows {
bottom: -4.375rem;
}
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-left .btn-left {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-left .btn-left:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-left .btn-left .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-left .btn-left .icon.icon-right-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-left .btn-left:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-right .btn-right {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-right .btn-right:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-right .btn-right .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-right .btn-right .icon.icon-left-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows .slider-right .btn-right:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
.multi-feature-listing-section .container .content-wrapper .slider-arrows.hide-desktop {
display: none;
}
@media (max-width: 1366px) {
.multi-feature-listing-section .container .content-wrapper .slider-arrows.hide-desktop {
display: flex;
}
}
.multi-feature-listing-section .container .slider-wrapper {
margin-top: 3.125rem;
}
@media (max-width: 640px) {
.multi-feature-listing-section .container .slider-wrapper {
margin-top: 4.125rem;
}
}
.multi-feature-listing-section .container .slider-wrapper .slider-container {
position: relative;
max-width: 100%;
overflow: hidden;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider {
overflow: hidden;
position: relative;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list {
display: flex;
gap: 1.3125rem;
padding: 0;
margin: 0;
list-style: none;
transition: transform 0.3s ease-in-out;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 24.125rem;
width: 24.125rem;
min-height: 18.625rem;
border-radius: 1rem;
padding: 1.5rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item.slider-count-3 {
width: 25.75rem;
min-width: 25.75rem;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item:nth-child(even) {
background-color: var(--c-light-green);
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item:nth-child(odd) {
border: 1px solid var(--c-primary-200);
}
@media (max-width: 375px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 20.625rem;
}
}
@media (max-width: 320px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 17.125rem;
}
}
@media (max-width: 1280px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 24rem;
width: 24rem;
}
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper {
max-width: 2.5rem;
max-height: 2.5rem;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
color: var(--c-dark-primary);
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 1rem;
line-height: 1.3;
}
@media (max-width: 640px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.25rem;
max-width: 11.875rem;
}
}
@media (max-width: 320px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.125rem;
}
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .paragraph {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
@media (max-width: 576px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item .paragraph {
font-size: 0.875rem;
}
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul.listing li {
margin-bottom: 1rem;
display: inline-block;
font-size: 1rem;
position: relative;
padding-left: 1.875rem;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul.listing li span {
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 1.25rem;
color: var(--c-primary);
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul.listing li span::before {
color: var(--c-primary-600);
font-size: 1rem;
}
@media (max-width: 576px) {
.multi-feature-listing-section .container .slider-wrapper .card-slider .card-slider-list .slider-item ul.listing li {
font-size: 0.875rem;
}
}
.multi-feature-listing-section .container .slider-wrapper .card-slider .button-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 2rem;
}
@media (max-width: 1200px) {
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper {
padding-left: 5rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .prev-btn {
left: -3.125rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .next-btn {
right: -3.125rem;
}
}
@media (max-width: 768px) {
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper {
padding-left: 1.25rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(50% - 0.75rem);
min-width: 15rem;
padding: 1.5rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .card-slider .card-slider-list .slider-item .p {
font-size: 0.875rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .slider-btn {
width: 2.5rem;
height: 2.5rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .slider-btn svg {
width: 1rem;
height: 1rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .prev-btn {
left: -1.875rem;
}
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .slider-navigation .next-btn {
right: -1.875rem;
}
}
@media (max-width: 480px) {
.multi-feature-listing-section .multi-feature-listing-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(100% - 0.75rem);
min-width: 17.5rem;
}
}
.education-integrations {
background-image: linear-gradient(to top, var(--c-light-green), var(--c-white));
}
@media (max-width: 768px) {
.education-integrations.spacer-bottom-large {
padding-bottom: 0.625rem;
}
}
.education-integrations .container .h3 {
font-weight: 600;
color: var(--c-dark-primary);
text-align: center;
margin-bottom: 1.25rem;
}
.education-integrations .container .p {
font-size: 1.25rem;
margin: 0 auto 3.75rem;
text-align: center;
max-width: 54%;
font-weight: 400;
color: var(--c-secondary);
line-height: 1.6;
}
@media (max-width: 768px) {
.education-integrations .container .p {
font-size: 1.125rem;
max-width: 90%;
}
}
@media (max-width: 480px) {
.education-integrations .container .p {
font-size: 1rem;
}
}
.education-integrations .container ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2.5rem;
margin-bottom: 3.125rem;
list-style: none;
padding: 0;
}
.education-integrations .container ul li {
width: 16rem;
height: 4.125rem;
}
@media (max-width: 480px) {
.education-integrations .container ul li {
height: 3.125rem;
}
}
.education-integrations .container ul li .image-container {
display: flex;
align-items: center;
justify-content: center;
height: 3.75rem;
min-width: 7.5rem;
transition: opacity 0.3s ease;
}
@media (max-width: 480px) {
.education-integrations .container ul li .image-container {
height: 1.75rem;
}
}
.education-integrations .container ul li .image-container img {
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
transition: filter 0.3s ease;
}
@media (max-width: 480px) {
.education-integrations .container ul li .image-container img {
height: 100%;
}
}
.education-integrations .container .column-button {
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
.education-integrations .container .column-button .btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 1rem 1.5rem;
border: 1px solid var(--c-success);
color: var(--c-secondary);
text-decoration: none;
border-radius: 0.375rem;
font-weight: 600;
transition: all 0.3s ease;
}
.education-integrations .container .column-button .btn:hover {
border-color: var(--c-success);
background-color: var(--c-primary);
transform: translateY(-2px);
color: var(--c-white);
}
.education-integrations .container .column-button .btn .icon {
font-size: 1rem;
transition: transform 0.3s ease;
}
.education-integrations .container .column-button .btn:hover .icon {
transform: translateX(4px);
}
.wp-block-heading {
font-size: 1.25rem;
color: var(--c-dark-primary);
font-family: var(--font-semi-bold);
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
p:has(> br:only-child) {
display: none;
}
.wsp-container {
border-bottom: 1px solid var(--c-border-color);
margin-bottom: 1.875rem;
padding-bottom: 0.625rem;
}
.wsp-container .wsp-pages-list {
list-style: disc !important;
}
.wsp-container .wsp-pages-list::before {
display: none;
}
.wsp-container .wsp-pages-list li {
padding-left: 0 !important;
}
.wsp-container .wsp-pages-list li::before {
display: none;
}
.wsp-container .wsp-newss-list {
list-style: disc !important;
}
.wsp-container .wsp-newss-list::before {
display: none;
}
.wsp-container .wsp-newss-list li {
padding-left: 0 !important;
}
.wsp-container .wsp-newss-list li::before {
display: none;
}
.wsp-container .wsp-posts-list, .wsp-container .wsp-customers-list, .wsp-container .wsp-integrationss-list {
list-style: disc !important;
}
.wsp-container .wsp-posts-list::before, .wsp-container .wsp-customers-list::before, .wsp-container .wsp-integrationss-list::before {
display: none;
}
.wsp-container .wsp-posts-list li, .wsp-container .wsp-customers-list li, .wsp-container .wsp-integrationss-list li {
padding-left: 0 !important;
}
.wsp-container .wsp-posts-list li::before, .wsp-container .wsp-customers-list li::before, .wsp-container .wsp-integrationss-list li::before {
display: none;
}
.wsp-container h2.wsp-pages-title {
margin-top: 3.75rem;
}
.wsp-container h2.wsp-customers-title, .wsp-container h2.wsp-newss-title, .wsp-container h2.wsp-posts-title, .wsp-container h2.wsp-glossarys-title, .wsp-container h2.wsp-integrationss-title {
margin-top: 0;
}
.wsp-container .wsp-customers-list {
margin: 0 0 1.5rem 1.125rem;
list-style: disc !important;
}
.wsp-container .wsp-customers-list li {
padding-top: 0.625rem;
padding-left: 0 !important;
}
.wsp-container .wsp-customers-list li a {
color: var(--c-secondary);
}
.wsp-container .wsp-integrationss-title {
margin-top: 0;
}
.wsp-container .wsp-glossarys-list li {
padding-left: 0 !important;
}
.wsp-container .wsp-pages-list, .wsp-container .wsp-glossary_post_tags-list,
.wsp-container .wsp-integrationss-list, .wsp-container .wsp-pricings-list,
.wsp-container .wsp-testimonials-list, .wsp-container .wsp-glossarys-list, .wsp-container .wsp-integration-categorys-list, .wsp-container .wsp-customer-industrys-list, .wsp-container .wsp-news_categorys-list {
margin: 0 0 1.5rem 1.125rem;
display: flex;
flex-flow: wrap;
list-style: disc !important;
}
.wsp-container .wsp-pages-list .page_item, .wsp-container .wsp-pages-list li, .wsp-container .wsp-glossary_post_tags-list .page_item, .wsp-container .wsp-glossary_post_tags-list li,
.wsp-container .wsp-integrationss-list .page_item,
.wsp-container .wsp-integrationss-list li, .wsp-container .wsp-pricings-list .page_item, .wsp-container .wsp-pricings-list li,
.wsp-container .wsp-testimonials-list .page_item,
.wsp-container .wsp-testimonials-list li, .wsp-container .wsp-glossarys-list .page_item, .wsp-container .wsp-glossarys-list li, .wsp-container .wsp-integration-categorys-list .page_item, .wsp-container .wsp-integration-categorys-list li, .wsp-container .wsp-customer-industrys-list .page_item, .wsp-container .wsp-customer-industrys-list li, .wsp-container .wsp-news_categorys-list .page_item, .wsp-container .wsp-news_categorys-list li {
flex: 0 24%;
padding-top: 0.625rem;
padding-right: 1rem;
}
@media (max-width: 1024px) {
.wsp-container .wsp-pages-list .page_item, .wsp-container .wsp-pages-list li, .wsp-container .wsp-glossary_post_tags-list .page_item, .wsp-container .wsp-glossary_post_tags-list li,
.wsp-container .wsp-integrationss-list .page_item,
.wsp-container .wsp-integrationss-list li, .wsp-container .wsp-pricings-list .page_item, .wsp-container .wsp-pricings-list li,
.wsp-container .wsp-testimonials-list .page_item,
.wsp-container .wsp-testimonials-list li, .wsp-container .wsp-glossarys-list .page_item, .wsp-container .wsp-glossarys-list li, .wsp-container .wsp-integration-categorys-list .page_item, .wsp-container .wsp-integration-categorys-list li, .wsp-container .wsp-customer-industrys-list .page_item, .wsp-container .wsp-customer-industrys-list li, .wsp-container .wsp-news_categorys-list .page_item, .wsp-container .wsp-news_categorys-list li {
flex: 0 49%;
}
}
@media (max-width: 480px) {
.wsp-container .wsp-pages-list .page_item, .wsp-container .wsp-pages-list li, .wsp-container .wsp-glossary_post_tags-list .page_item, .wsp-container .wsp-glossary_post_tags-list li,
.wsp-container .wsp-integrationss-list .page_item,
.wsp-container .wsp-integrationss-list li, .wsp-container .wsp-pricings-list .page_item, .wsp-container .wsp-pricings-list li,
.wsp-container .wsp-testimonials-list .page_item,
.wsp-container .wsp-testimonials-list li, .wsp-container .wsp-glossarys-list .page_item, .wsp-container .wsp-glossarys-list li, .wsp-container .wsp-integration-categorys-list .page_item, .wsp-container .wsp-integration-categorys-list li, .wsp-container .wsp-customer-industrys-list .page_item, .wsp-container .wsp-customer-industrys-list li, .wsp-container .wsp-news_categorys-list .page_item, .wsp-container .wsp-news_categorys-list li {
flex: 0 100%;
}
}
.wsp-container .wsp-pages-list .page_item a, .wsp-container .wsp-pages-list li a, .wsp-container .wsp-glossary_post_tags-list .page_item a, .wsp-container .wsp-glossary_post_tags-list li a,
.wsp-container .wsp-integrationss-list .page_item a,
.wsp-container .wsp-integrationss-list li a, .wsp-container .wsp-pricings-list .page_item a, .wsp-container .wsp-pricings-list li a,
.wsp-container .wsp-testimonials-list .page_item a,
.wsp-container .wsp-testimonials-list li a, .wsp-container .wsp-glossarys-list .page_item a, .wsp-container .wsp-glossarys-list li a, .wsp-container .wsp-integration-categorys-list .page_item a, .wsp-container .wsp-integration-categorys-list li a, .wsp-container .wsp-customer-industrys-list .page_item a, .wsp-container .wsp-customer-industrys-list li a, .wsp-container .wsp-news_categorys-list .page_item a, .wsp-container .wsp-news_categorys-list li a {
color: var(--c-secondary);
}
.wsp-container .wsp-pages-list .page_item::before, .wsp-container .wsp-pages-list li::before, .wsp-container .wsp-glossary_post_tags-list .page_item::before, .wsp-container .wsp-glossary_post_tags-list li::before,
.wsp-container .wsp-integrationss-list .page_item::before,
.wsp-container .wsp-integrationss-list li::before, .wsp-container .wsp-pricings-list .page_item::before, .wsp-container .wsp-pricings-list li::before,
.wsp-container .wsp-testimonials-list .page_item::before,
.wsp-container .wsp-testimonials-list li::before, .wsp-container .wsp-glossarys-list .page_item::before, .wsp-container .wsp-glossarys-list li::before, .wsp-container .wsp-integration-categorys-list .page_item::before, .wsp-container .wsp-integration-categorys-list li::before, .wsp-container .wsp-customer-industrys-list .page_item::before, .wsp-container .wsp-customer-industrys-list li::before, .wsp-container .wsp-news_categorys-list .page_item::before, .wsp-container .wsp-news_categorys-list li::before {
display: none;
}
.wsp-container .wsp-newss-list {
margin: 0 0 1.5rem 1.125rem;
display: flex;
flex-flow: wrap;
list-style: disc !important;
}
.wsp-container .wsp-newss-list li {
flex: 0 100%;
padding-top: 0.625rem;
}
.wsp-container .wsp-newss-list li::before {
display: none;
}
.wsp-container .wsp-newss-list li a {
color: var(--c-secondary);
}
.wsp-container .wsp-posts-list {
list-style: none;
padding-left: 0;
margin-bottom: 2rem; }
.wsp-container .wsp-posts-list > li {
list-style: none;
padding-top: 1.25rem;
}
.wsp-container .wsp-posts-list > li::marker {
display: none;
}
.wsp-container .wsp-posts-list li { }
.wsp-container .wsp-posts-list li strong {
font-weight: 600;
}
.wsp-container .wsp-posts-list li strong a {
color: var(--c-secondary);
}
.wsp-container .wsp-posts-list li ul.wsp-posts-list {
list-style: disc;
padding-left: 1.125rem;
}
.wsp-container .wsp-posts-list li ul.wsp-posts-list li {
list-style: disc;
}
.wsp-container .wsp-posts-list li ul.wsp-posts-list li::marker {
display: list-item;
}
.wsp-container .wsp-posts-list li ul.wsp-posts-list li.wsp-post {
flex: 0 100%;
}
.wsp-container .wsp-posts-list li ul.wsp-posts-list li.wsp-post a {
color: var(--c-secondary);
}
.dashboard-highlights .container .title {
text-align: center;
margin-bottom: 2.5rem;
}
.dashboard-highlights .container .grid {
display: flex;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 640px) {
.dashboard-highlights .container .grid {
flex-direction: column;
gap: 1.25rem;
}
}
.dashboard-highlights .container .grid .highlight-section {
min-height: 25.625rem;
width: 32%;
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
padding: 1.5rem;
}
@media (max-width: 640px) {
.dashboard-highlights .container .grid .highlight-section {
width: 100%;
min-height: auto;
}
}
.dashboard-highlights .container .grid .highlight-section:nth-child(odd) {
border-radius: 1rem;
border: 1px solid var(--c-primary-200);
}
.dashboard-highlights .container .grid .highlight-section:nth-child(even) {
border-radius: 1rem;
border: 1px solid var(--c-primary-200);
background-color: var(--c-light-green);
}
.dashboard-highlights .container .grid .highlight-section .subtitle {
font-size: 1.5rem;
color: var(--c-primary);
font-weight: 600;
}
.dashboard-highlights .container .grid .highlight-section .description {
margin: 1.25rem 0;
}
.dashboard-highlights .container .grid .highlight-section .list-disc .list-item {
position: relative;
padding-left: 1.875rem;
margin-bottom: 1rem;
}
.dashboard-highlights .container .grid .highlight-section .list-disc .list-item:last-child {
margin-bottom: 0;
}
.dashboard-highlights .container .grid .highlight-section .list-disc .list-item .icon-check {
color: var(--c-success);
font-size: 1rem;
background: none;
border-radius: 0;
width: auto;
height: auto;
display: inline;
top: 1rem;
position: absolute;
top: 0;
left: 0;
}
.dashboard-highlights .container .grid .highlight-section .list-disc .list-item .icon-check::before {
color: var(--c-success);
font-size: 1rem;
}
.list-section .container .grid-container .list-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
.list-section .container .grid-container .list-items .item {
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
padding: 1.5rem;
}
.list-section .container .grid-container .list-items .item .title {
font-size: 1.375rem;
margin-bottom: 1.25rem;
}
.list-section .container .grid-container .list-items .item .contents .content {
position: relative;
margin-bottom: 1.25rem;
padding-left: 2rem;
}
.list-section .container .grid-container .list-items .item .contents .content:last-child {
margin-bottom: 0;
}
.list-section .container .grid-container .list-items .item .contents .content .icon {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.list-section .container .grid-container .list-items .item .contents .content .icon.icon-check {
color: var(--c-success);
font-size: 1rem;
background: none;
border-radius: 0;
width: auto;
height: auto;
display: inline;
top: 1rem;
}
.list-section .container .grid-container .list-items .item .contents .content .icon.icon-check::before {
color: var(--c-success);
font-size: 1rem;
}
.list-section .container .grid-container .button-group {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.875rem;
gap: 0.75rem;
}
.list-section .container .grid-container .button-group .btn-integration {
color: var(--c-secondary);
border: none;
padding-left: 0.5rem;
font-weight: 600;
}
.list-section .container .grid-container .button-group .btn-integration:hover {
text-decoration: underline;
}
.platform-features-section {
position: relative;
}
.platform-features-section .bg-section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.platform-features-section .bg-section img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.platform-features-section .container {
display: flex;
justify-content: space-between;
}
@media (max-width: 992px) {
.platform-features-section .container {
flex-direction: column;
}
}
.platform-features-section .container .left-section {
width: 39%;
}
@media (max-width: 1366px) {
.platform-features-section .container .left-section {
width: 48%;
}
}
@media (max-width: 992px) {
.platform-features-section .container .left-section {
width: 100%;
align-items: center;
display: flex;
flex-direction: column;
}
}
.platform-features-section .container .left-section .main-title {
font-weight: 600;
margin-bottom: 4rem;
max-width: 90%;
}
@media (max-width: 1024px) {
.platform-features-section .container .left-section .main-title {
max-width: 87%;
}
}
@media (max-width: 992px) {
.platform-features-section .container .left-section .main-title {
margin-bottom: 1.875rem;
}
}
@media (max-width: 480px) {
.platform-features-section .container .left-section .main-title {
max-width: 92%;
}
}
.platform-features-section .container .left-section .image-container {
max-width: 31.25rem;
max-height: 33.3125rem;
width: 31.25rem;
height: 33.3125rem;
}
@media (max-width: 1366px) {
.platform-features-section .container .left-section .image-container {
max-width: 29.25rem;
width: 29.25rem;
}
}
@media (max-width: 480px) {
.platform-features-section .container .left-section .image-container {
max-width: 23.125rem;
max-height: 25.625rem;
}
}
@media (max-width: 375px) {
.platform-features-section .container .left-section .image-container {
max-width: 20.625rem;
max-height: 22.5rem;
}
}
.platform-features-section .container .left-section .image-container picture {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
}
.platform-features-section .container .left-section .image-container picture img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.platform-features-section .container .right-section {
width: 56%;
}
@media (max-width: 1366px) {
.platform-features-section .container .right-section {
width: 50%;
}
}
@media (max-width: 992px) {
.platform-features-section .container .right-section {
width: 100%;
margin-top: 1.875rem;
}
}
.platform-features-section .container .right-section .cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
max-width: 900px;
margin: auto;
}
@media (max-width: 640px) {
.platform-features-section .container .right-section .cards-grid {
grid-template-columns: 1fr;
gap: 1.25rem;
}
}
.platform-features-section .container .right-section .cards-grid .card {
background-color: var(--c-white);
border: 1px solid var(--c-border-color);
border-radius: 0.5rem;
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
@media (max-width: 1024px) {
.platform-features-section .container .right-section .cards-grid .card {
padding: 1rem;
}
}
.platform-features-section .container .right-section .cards-grid .card:nth-child(2), .platform-features-section .container .right-section .cards-grid .card:nth-child(4) {
transform: translateY(50%);
}
@media (max-width: 640px) {
.platform-features-section .container .right-section .cards-grid .card:nth-child(2), .platform-features-section .container .right-section .cards-grid .card:nth-child(4) {
transform: translateY(0);
}
}
@media (max-width: 640px) {
.platform-features-section .container .right-section .cards-grid .card {
padding: 1.5rem;
}
}
.platform-features-section .container .right-section .cards-grid .card .icon-container {
width: 2.5rem;
height: 2.5rem;
margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
.platform-features-section .container .right-section .cards-grid .card .icon-container {
width: 2.1875rem;
height: 2.1875rem;
}
}
.platform-features-section .container .right-section .cards-grid .card .icon-container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.platform-features-section .container .right-section .cards-grid .card .title {
font-size: 1.5rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
margin-bottom: 0.75rem;
}
@media (max-width: 1024px) {
.platform-features-section .container .right-section .cards-grid .card .title {
font-size: 1.375rem;
}
}
.platform-features-section .container .right-section .cards-grid .card .special-text {
font-weight: 400;
font-size: 1rem;
color: var(--c-success);
margin-bottom: 0.75rem;
line-height: 1.4;
}
.platform-features-section .container .right-section .cards-grid .card .description {
font-size: 1rem;
color: var(--c-dark-gray);
line-height: 1.6;
margin-bottom: 0;
}
.platform-features-section .container .right-section .cards-grid .card .btn-link {
margin-top: 1rem;
font-size: 1rem;
font-weight: 500;
color: var(--c-success);
text-decoration: none;
}
.platform-features-section .container .right-section .cards-grid .card .btn-link:hover {
color: var(--c-primary);
}
.multi-feature-slider {
overflow-x: hidden;
}
@media (max-width: 480px) {
.multi-feature-slider {
padding-top: 2rem;
}
}
.multi-feature-slider .container .content-wrapper {
position: relative;
}
.multi-feature-slider .container .content-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
max-width: 46.25rem;
margin-bottom: 1.875rem;
}
.multi-feature-slider .container .content-wrapper .h2 span {
color: var(--c-title-grey);
}
@media (max-width: 768px) {
.multi-feature-slider .container .content-wrapper .h2 {
max-width: 35.75rem;
}
}
@media (max-width: 640px) {
.multi-feature-slider .container .content-wrapper .h2 {
max-width: 28.125rem;
}
}
.multi-feature-slider .container .content-wrapper .p {
max-width: 34.25rem;
margin-bottom: 2rem;
color: var(--c-secondary);
}
@media (max-width: 768px) {
.multi-feature-slider .container .content-wrapper .p {
margin-bottom: 3.125rem;
}
}
.multi-feature-slider .slider-wrapper {
width: 83%;
margin-left: auto;
margin-top: 3.125rem;
}
@media (max-width: 1440px) {
.multi-feature-slider .slider-wrapper {
width: 94%;
}
}
@media (max-width: 1024px) {
.multi-feature-slider .slider-wrapper {
width: 98%;
}
}
@media (max-width: 640px) {
.multi-feature-slider .slider-wrapper {
margin-top: 4.125rem;
}
}
.multi-feature-slider .slider-wrapper .slider-container {
position: relative;
max-width: 100%;
overflow: hidden;
}
.multi-feature-slider .slider-wrapper .card-slider {
overflow: hidden;
position: relative;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list {
display: flex;
gap: 1.3125rem;
padding: 0;
margin: 0;
list-style: none;
transition: transform 0.3s ease-in-out;
align-items: stretch;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item {
border-radius: 1rem;
padding: 1.5rem;
border: 1px solid #efefef;
transition: transform 0.2s ease, box-shadow 0.2s ease;
min-width: 24.125rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 375px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 20.625rem;
}
}
@media (max-width: 320px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item {
min-width: 17.125rem;
}
}
@media (max-width: 1280px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item {
font-size: 1.25rem;
}
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .slider-image-wrapper {
max-width: 2.5rem;
max-height: 2.5rem;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .slider-image-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .h5 {
color: var(--c-dark-primary);
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 1rem;
line-height: 1.3;
max-width: 17.5rem;
}
@media (max-width: 640px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .h5 {
font-size: 1.25rem;
max-width: 11.875rem;
}
}
@media (max-width: 320px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .h5 {
font-size: 1.125rem;
}
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .p {
color: var(--c-secondary);
font-size: 1rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 576px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item .slider-content-wrapper .p {
font-size: 0.875rem;
}
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item a.btn-link {
font-size: 0.875rem;
font-weight: 500;
color: var(--c-primary);
text-decoration: none;
align-items: center;
display: flex;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item a.btn-link .icon {
margin-left: 0.375rem;
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item a.btn-link:hover .icon {
transform: translateX(0.25rem);
}
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item ul li {
margin-bottom: 1rem;
display: inline-block;
font-size: 1rem;
}
@media (max-width: 576px) {
.multi-feature-slider .slider-wrapper .card-slider .card-slider-list .slider-item ul li {
font-size: 0.875rem;
}
}
.multi-feature-slider .slider-arrows {
position: absolute;
bottom: -19px;
right: 0;
transform: translateY(-50%);
display: flex;
gap: 0.75rem;
z-index: 10;
}
@media (max-width: 640px) {
.multi-feature-slider .slider-arrows {
bottom: -4.375rem;
}
}
.multi-feature-slider .slider-arrows .slider-left .btn-left {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-slider .slider-arrows .slider-left .btn-left:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-slider .slider-arrows .slider-left .btn-left .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-slider .slider-arrows .slider-left .btn-left .icon.icon-right-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-slider .slider-arrows .slider-left .btn-left:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
.multi-feature-slider .slider-arrows .slider-right .btn-right {
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 0.5rem;
background: var(--c-gray-98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: var(--c-primary);
}
.multi-feature-slider .slider-arrows .slider-right .btn-right:hover {
background: var(--c-light-green);
transform: scale(1.05);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.multi-feature-slider .slider-arrows .slider-right .btn-right .icon {
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
transition: width 0.2s ease, height 0.2s ease;
}
.multi-feature-slider .slider-arrows .slider-right .btn-right .icon.icon-left-arrow {
width: 1.25rem;
height: 1.25rem;
}
.multi-feature-slider .slider-arrows .slider-right .btn-right:hover .icon {
width: 1.5rem;
height: 1.5rem;
}
@media (max-width: 1200px) {
.multi-feature-slider .multi-feature-section .slider-wrapper {
padding-left: 5rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .prev-btn {
left: -3.125rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .next-btn {
right: -3.125rem;
}
}
@media (max-width: 768px) {
.multi-feature-slider .multi-feature-section .slider-wrapper {
padding-left: 1.25rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(50% - 0.75rem);
min-width: 15rem;
padding: 1.5rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .slider-image-wrapper {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .h5 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item .p {
font-size: 0.875rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .slider-btn {
width: 2.5rem;
height: 2.5rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .slider-btn svg {
width: 1rem;
height: 1rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .prev-btn {
left: -1.875rem;
}
.multi-feature-slider .multi-feature-section .slider-wrapper .slider-navigation .next-btn {
right: -1.875rem;
}
}
@media (max-width: 480px) {
.multi-feature-slider .multi-feature-section .slider-wrapper .card-slider .card-slider-list .slider-item {
flex: 0 0 calc(100% - 0.75rem);
min-width: 17.5rem;
}
}
.asset-management-section {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.asset-management-section.spacer-bottom-large {
padding-bottom: 2.5rem;
}
}
.asset-management-section .container .how-it-works-grid {
background-color: #F5FFFB;
border-radius: 1rem;
padding: 0;
display: flex;
justify-content: space-between;
gap: 1.5rem;
align-items: start;
overflow: hidden;
}
@media (max-width: 768px) {
.asset-management-section .container .how-it-works-grid {
flex-direction: column;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left {
overflow: hidden;
width: 40%;
min-height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 35.75rem;
background: linear-gradient(to right, #d5fded 10%, #eafef6 50%);
}
@media (max-width: 768px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left {
width: 100%;
height: auto;
border-radius: 0.75rem;
overflow: hidden;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left.has-many-items {
align-self: start;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
max-width: 19.6875rem;
font-weight: 600;
padding: 4.125rem 1.375rem 1.375rem 3.125rem;
font-family: var(--font-semi-bold);
color: var(--c-dark-primary);
margin-bottom: 1.25rem;
line-height: 1.2;
font-size: 2.25rem;
}
@media (max-width: 1024px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.875rem;
max-width: 25.625rem;
padding: 2.5rem 1.25rem 1.25rem;
margin-bottom: 0;
}
}
@media (max-width: 640px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.75rem;
}
}
@media (max-width: 480px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.625rem;
}
}
@media (max-width: 320px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading {
font-size: 1.375rem;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-heading span {
color: var(--c-green-Primary-500);
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 1.125rem;
line-height: 1.5;
color: var(--c-dark-primary);
}
@media (max-width: 768px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description {
max-width: 100%;
}
}
@media (max-width: 576px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description {
font-size: 0.875rem;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description.large {
max-width: 29.375rem;
margin-bottom: 1.875rem;
}
@media (max-width: 640px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-description.large {
max-width: 100%;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container {
display: flex;
justify-content: space-between;
max-height: 19.5rem;
}
@media (max-width: 375px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container {
flex-direction: column-reverse;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container .btn-primary {
height: 3.625rem;
padding: 0.625rem 0.625rem;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container .btn-primary:hover {
background-color: var(--c-primary-hover);
}
@media (max-width: 640px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container .how-it-works-image {
margin-top: 0;
margin-bottom: 0;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container .how-it-works-image picture {
border-radius: 0.75rem;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .img-container .how-it-works-image picture img {
-o-object-fit: contain;
object-fit: contain;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-image {
margin-top: 1.25rem;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-image picture {
border-radius: 0.75rem;
}
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-image picture img {
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 640px) {
.asset-management-section .container .how-it-works-grid .how-it-works-left .how-it-works-image {
margin-top: 1rem;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-right {
width: 60%;
padding: 4.75rem 2.375rem 1.875rem 2.625rem;
border-radius: 1rem;
min-height: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.asset-management-section .container .how-it-works-grid .how-it-works-right {
padding: 4rem 1rem;
width: 100%;
}
}
@media (max-width: 640px) {
.asset-management-section .container .how-it-works-grid .how-it-works-right {
padding-bottom: 2rem;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item {
display: flex;
align-items: flex-start;
margin-bottom: 1.5rem;
gap: 1.25rem;
flex-shrink: 0;
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item:last-child {
margin-bottom: 0;
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-number {
width: 2.5rem;
height: 2.625rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.375rem;
font-family: var(--font-semi-bold);
flex-shrink: 0;
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content {
flex: 1;
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-title {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-semi-bold);
color: var(--c-black);
margin-bottom: 0.5rem;
line-height: 1.3;
}
@media (max-width: 480px) {
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-title {
font-size: 1rem;
}
}
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 1.125rem;
line-height: 1.5;
color: var(--c-secondary);
}
@media (max-width: 576px) {
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.asset-management-section .container .how-it-works-grid .how-it-works-right .steps-list .step-item .step-content .step-description {
font-size: 0.875rem;
}
}
.lifecycle-section {
padding: 5rem 0;
}
@media (max-width: 768px) {
.lifecycle-section {
padding-bottom: 3rem;
}
}
.lifecycle-section .container .lifecycle-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3.75rem;
align-items: center;
}
@media (max-width: 768px) {
.lifecycle-section .container .lifecycle-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.lifecycle-section .container .lifecycle-grid .left-content h2 {
font-weight: 700;
line-height: 1.2;
color: var(--c-dark-primary);
font-family: var(--font-bold);
}
.lifecycle-section .container .lifecycle-grid .accordion {
display: flex;
flex-direction: column;
gap: 1rem;
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item {
border: 1px solid var(--c-border-color);
border-radius: 1rem;
overflow: hidden;
background: var(--c-white);
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item.active {
background: var(--c-light-green);
border-color: var(--c-light-primary);
padding-bottom: 1.25rem;
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item.active .accordion-content {
padding-bottom: 1.25rem;
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item .accordion-header {
width: 100%;
padding: 1.25rem 1.5rem;
background: transparent;
border: none;
font-size: 1.125rem;
font-weight: 600;
color: var(--c-dark-primary);
font-family: var(--font-semi-bold);
display: flex;
justify-content: space-between;
align-items: flex-start;
cursor: pointer;
font-family: var(--font-semi-bold);
text-align: left;
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item .accordion-header .icon {
font-size: 1.375rem;
color: var(--c-primary);
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item .accordion-content {
max-height: 0;
overflow: hidden;
padding: 0 1.5rem;
}
.lifecycle-section .container .lifecycle-grid .accordion .accordion-item .accordion-content p {
margin: 0;
font-size: 1rem;
color: var(--c-secondary);
line-height: 1.6;
}
.integrations-with-image {
position: relative;
overflow: hidden;
}
@media (max-width: 992px) {
.integrations-with-image {
height: auto;
}
}
.integrations-with-image .background-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.integrations-with-image .background-image picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.integrations-with-image .background-image picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.integrations-with-image .container {
position: relative;
}
.integrations-with-image .container .content-wrapper {
text-align: center;
}
.integrations-with-image .container .content-wrapper .logos {
display: flex;
margin: auto;
align-items: center;
justify-content: center;
margin-bottom: 1.5625rem;
}
.integrations-with-image .container .content-wrapper .logos .logo {
width: 3.0625rem;
height: 3.0625rem;
border-radius: 0.625rem;
border: 1px solid var(--c-border-color);
display: flex;
justify-content: center;
align-items: center;
background-color: var(--c-white);
}
.integrations-with-image .container .content-wrapper .logos .logo img {
width: 2.3125rem;
height: 2.3125rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.integrations-with-image .container .content-wrapper .logos .operator {
margin: 0 0.75rem;
font-size: 1.75rem;
color: var(--c-brown-green);
opacity: 0.4;
font-family: var(--font-button);
font-weight: 400;
}
.integrations-with-image .container .content-wrapper .h2 {
color: var(--c-dark-primary);
font-weight: 600;
}
.integrations-with-image .container .content-wrapper .p {
line-height: 1.6;
max-width: 39.375rem;
margin: 1.25rem auto 1.125rem;
}
.integrations-with-image .container .content-wrapper .description-2 {
max-width: 39.375rem;
margin: 1.25rem auto 1.125rem;
font-size: 1rem;
line-height: 1.6;
color: var(--c-secondary);
font-family: var(--font-regular);
font-weight: 400;
text-align: center;
}
.integrations-with-image .container .content-wrapper .action-btn .btn {
min-height: 3.5rem;
}
.integrations-with-image .container .image-wrapper {
width: 88%;
height: auto;
margin: auto;
}
.integrations-with-image .container .image-wrapper img {
width: 100%;
display: block;
}
.contact-section {
padding-top: 6.25rem;
}
.contact-section .container .title {
text-align: center;
}
.contact-section .container .title h1 {
color: var(--c-dark-primary);
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1.875rem;
}
.contact-section .container .title p {
margin: 1rem 0 0;
font-size: 1rem;
}
.contact-section .container .title .btn-component {
margin-top: 1.25rem;
}
.contact-section .container .title .btn-component a {
color: var(--c-primary);
text-decoration: underline;
}
.contact-section .container .form-wrap-vector {
position: relative;
}
.contact-section .container .form-wrap-vector .form-contact {
margin: auto;
width: 70%;
position: relative;
z-index: 1;
border-radius: 0.5rem;
overflow: hidden;
box-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.1);
}
.contact-section .container .form-wrap-vector .form-contact .gform_wrapper {
position: relative;
margin: 78px auto;
z-index: 7;
width: 80%;
border-radius: 0.5rem;
overflow: hidden;
box-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.1);
}
.contact-section .container .form-wrap-vector .form-contact .gform_wrapper form {
width: 72%;
margin: auto;
padding: 50px 0;
}
.contact-section .container .form-wrap-vector .form-contact .gform_wrapper form .gform_button {
background-color: var(--c-primary) !important;
color: var(--c-white);
font-size: 1rem;
font-weight: 500;
font-family: var(--font-button);
padding: 1.25rem 0;
border-radius: 0.5rem;
border: none;
cursor: pointer;
}
.contact-section .container .form-wrap-vector .form-contact .audit-info-form_wrapper {
max-width: 46.125rem;
padding: 3rem 4rem 2rem;
width: 100%;
height: auto;
margin: auto;
background: var(--c-white);
box-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.1);
}
.listed-block .container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
@media (max-width: 768px) {
.listed-block .container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.listed-block .container {
grid-template-columns: repeat(1, 1fr);
}
}
.listed-block .container .card {
border: 1px solid var(--c-primary-200);
border-radius: 0.5rem;
padding: 1.5rem;
}
.listed-block .container .card h5 {
font-size: 1.25rem;
font-weight: 600;
color: var(--c-black);
font-family: var(--font-semi-bold);
min-height: 3.375rem;
}
.listed-block .container .card ul {
margin-top: 1.25rem;
}
.listed-block .container .card ul li {
display: flex;
}
.listed-block .container .card ul li .icon.icon-check {
color: var(--c-success);
font-size: 1rem;
background: none;
border-radius: 0;
width: auto;
height: auto;
display: inline;
top: 1rem;
}
.listed-block .container .card ul li .icon.icon-check::before {
color: var(--c-success);
font-size: 1rem;
}
.listed-block .container .card ul li p {
padding-left: 1rem;
line-height: 1.3;
margin-bottom: 0.75rem;
}
.listed-block .container .card ul li:last-child p {
margin-bottom: 0;
}
.cta-section .container {
position: relative;
text-align: center;
min-height: 31.5rem;
height: auto;
padding: 3.125rem;
border-radius: 1.5rem;
overflow: hidden;
padding: 2rem;
}
@media (max-width: 1024px) {
.cta-section .container {
max-width: 90%;
}
}
@media (max-width: 768px) {
.cta-section .container {
min-height: 54.5rem;
padding: 1.5625rem;
}
}
.cta-section .container .row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.125rem;
z-index: 1;
margin: auto;
border: 1px solid var(--c-border-color);
border-radius: 0.75rem;
overflow: hidden;
width: 96%;
}
@media (max-width: 1024px) {
.cta-section .container .row {
width: 93%;
}
}
@media (max-width: 768px) {
.cta-section .container .row {
width: 92%;
grid-template-columns: repeat(1, 1fr);
gap: 1.25rem;
}
}
@media (max-width: 480px) {
.cta-section .container .row {
width: 100%;
}
}
.cta-section .container .row .cta-left {
padding: 2rem;
text-align: left;
}
.cta-section .container .row .cta-left .h2.title {
margin-bottom: 0.625rem;
}
.cta-section .container .row .cta-left .cta-option p {
line-height: 1.6;
}
.cta-section .container .row .cta-left .cta-option p a {
text-decoration: underline;
color: var(--c-secondary);
}
.cta-section .container .row .cta-left .cta-option .h4 {
margin-top: 1.625rem;
font-size: 1.25rem;
font-weight: 600;
}
@media (max-width: 768px) {
.cta-section .container .row .cta-left .cta-option .h4 {
font-size: 1rem;
}
}
.cta-section .container .row .cta-left .cta-option a.btn {
background-color: var(--c-primary);
color: var(--c-white);
padding: 0.625rem 1.25rem;
border-radius: 0.375rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
text-decoration: none;
}
.cta-section .container .row .cta-left .cta-option .text {
background-color: var(--c-primary);
color: var(--c-white);
padding: 0.625rem 1.25rem;
border-radius: 0.375rem;
font-size: 1rem;
font-weight: 500;
font-family: var(--font-regular);
text-decoration: none;
max-width: -moz-max-content;
max-width: max-content;
}
.cta-section .container .row .cta-right {
text-align: left;
padding: 2rem 6rem 2rem 2rem;
}
@media (max-width: 768px) {
.cta-section .container .row .cta-right {
padding: 1rem;
}
}
.cta-section .container .row .cta-right .h2.title {
margin-bottom: 0.625rem;
font-family: var(--font-regular);
}
.cta-section .container .row .cta-right #gform_wrapper_15.gform_wrapper {
background-color: var(--c-bg-form);
padding: 1.5rem !important;
border-radius: 1rem !important;
border: 1px solid var(--c-primary-200) !important;
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12) !important;
}
.cta-section .container .row .cta-right #gform_wrapper_15.gform_wrapper .gform_heading .gform_title {
display: block;
}
.cta-section .container .row .cta-right #gform_wrapper_15.gform_wrapper .gform_heading .gform_required_legend {
text-align: center;
}
.cta-section .container .row .cta-right .gform_wrapper {
border: none !important;
border-radius: 0.625rem;
padding: 1.5rem;
background-color: transparent;
box-shadow: none !important;
padding: 0 !important;
}
.cta-section .container .row .cta-right .gform_wrapper .gform_heading .gform_title {
font-size: 1.5625rem;
font-weight: 600;
text-align: center;
display: none;
}
@media (max-width: 768px) {
.cta-section .container .row .cta-right .gform_wrapper .gform_heading .gform_title {
font-size: 1.25rem;
}
}
.cta-section .container .row .cta-right .gform_wrapper .gform_heading .gform_required_legend {
font-size: 1rem;
text-align: left;
color: var(--c-secondary);
font-family: var(--font-regular);
font-weight: 400;
margin-top: 0.625rem;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform-body .gform_fields {
gap: 1.375rem !important;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
border: 1px solid var(--c-border-color);
outline: none;
border-radius: 0.375rem;
font-size: 1rem;
padding: 1.25rem 0.75rem;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::-moz-placeholder {
color: var(--c-black);
opacity: 0.4;
font-size: 1rem;
font-family: var(--font-regular);
font-weight: 400;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::placeholder {
color: var(--c-black);
opacity: 0.4;
font-size: 1rem;
font-family: var(--font-regular);
font-weight: 400;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input:focus {
border: none;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform_footer input[type=submit] {
background-color: var(--c-primary);
width: 100%;
border-radius: 0.375rem;
padding: 0.875rem !important;
}
.cta-section .container .row .cta-right .gform_wrapper form .gform_footer .terms-policy {
display: none;
}
.cta-section .container .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.cta-section .container .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.cta-section .container .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.pricing-plans .container .h2 {
text-align: center;
font-weight: 600;
color: var(--c-dark-primary);
}
.pricing-plans .container .p {
max-width: 70%;
margin: 1.875rem auto 0;
font-size: 1.125rem;
font-weight: 400;
text-align: center;
}
.pricing-plans .container .pricing-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
margin: 2.625rem auto 0;
gap: 1.25rem;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper {
max-width: 80%;
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.pricing-plans .container .pricing-wrapper {
max-width: 100%;
grid-template-columns: repeat(1, 1fr);
}
}
.pricing-plans .container .pricing-wrapper .pricing-card {
border: 1px solid var(--c-light-primary);
border-radius: 1.25rem;
overflow: hidden;
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top {
background-color: var(--c-light-primary);
padding: 2rem;
min-height: 13.75rem;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top {
padding: 1.75rem;
}
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top .plan-title {
font-size: 1.5rem;
font-weight: 700;
color: #0A0A0A;
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top .plan-title {
font-size: 1.25rem;
}
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top .users {
font-size: 1rem;
font-weight: 500;
color: #0A0A0A;
margin-bottom: 0.5rem;
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__top .desc {
font-size: 0.875rem;
color: var(--c-black-700);
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price {
padding: 2rem 2rem 1rem 2rem;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price {
padding: 1.75rem 1.75rem 1rem 1.75rem;
}
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper {
display: flex;
flex-direction: column;
min-height: 5rem;
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper h2.price {
text-align: center;
font-size: 2rem;
font-weight: 700;
color: #0A0A0A;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper h2.price {
font-size: 1.75rem;
}
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper h2.price strong {
font-size: 1.25rem;
font-weight: 500;
}
@media (max-width: 768px) {
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper h2.price strong {
font-size: 1.125rem;
}
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper .measurement {
text-align: center;
font-size: 0.875rem;
color: var(--c-black-700);
}
.pricing-plans .container .pricing-wrapper .pricing-card .pricing-card__price .price-wrapper .measurement strong {
font-size: 1.25rem;
font-weight: 500;
}
.pricing-plans .container .pricing-wrapper .pricing-card .btn {
min-width: 100%;
min-height: 2.75rem;
}
.pricing-plans .container .pricing-wrapper .pricing-card .include {
font-size: 0.875rem;
font-weight: 400;
color: var(--c-black-700);
margin-top: 1.5rem;
display: inline-block;
}
.pricing-plans .container .pricing-wrapper .pricing-card .features li {
margin-bottom: 0.625rem;
font-size: 1rem;
font-weight: 500;
color: var(--c-secondary);
}
.pricing-plans .container .pricing-wrapper .pricing-card .features li .icon-check {
background-color: transparent;
color: var(--c-primary-600);
margin-right: 0.375rem;
}
.pricing-plans .container .pricing-wrapper .pricing-card .features li .icon-check::before {
font-size: 0.875rem;
color: var(--c-primary-600);
}
.pricing-plans .container .pricing-wrapper .pricing-card .features li:last-child {
margin-bottom: 0;
}
.blog-section-title {
padding-top: 6.875rem;
}
.blog-section-title h2 {
font-weight: 600;
color: var(--c-dark-primary);
}
.blog-section-title p {
text-align: center;
max-width: 44%;
margin: 2.125rem auto 0;
font-size: 1rem;
font-weight: 400;
}
@media (max-width: desktop-xs) {
.blog-section-title p {
max-width: 72%;
}
}
@media (max-width: 480px) {
.blog-section-title p {
max-width: 92%;
}
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .blog-title a h3 {
font-size: 1.25rem;
font-weight: 600;
color: var(--c-success);
font-family: var(--font-semi-bold);
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .caf-content {
font-size: 1rem;
font-weight: 400;
color: var(--c-dark-primary);
display: block !important;
margin: 1.5rem 0;
line-height: 1.5;
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .caf-content-read-more {
display: block !important;
padding: 0;
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .caf-content-read-more a.caf-read-more {
padding: 0rem 0;
color: var(--c-primary) !important;
font-size: 1rem;
font-weight: 500;
position: relative;
display: inline-block;
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .caf-content-read-more a.caf-read-more::after {
content: "\e902";
font-family: "icomoon" !important;
font-size: 16px;
line-height: 1;
display: inline-block;
position: absolute;
bottom: -2px;
right: -1.25rem;
color: var(--c-primary);
transition: transform 0.3s ease;
transform: translateX(0);
}
.caf-post-layout-container .teqube-blog-section .tp_Blog .blog-card .caf-content-read-more a.caf-read-more:hover::after {
transform: scaleX(1);
}
.spacer-block {
position: relative;
overflow: hidden;
}
.spacer-block .background-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}
.spacer-block .background-section picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.spacer-block .background-section picture img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.whitepaper-container {
display: grid;
grid-template-columns: 1fr 4fr;
gap: 3.75rem;
}
@media (max-width: 768px) {
.whitepaper-container {
grid-template-columns: 1fr;
gap: 1.25rem;
}
}
.whitepaper-container .sidebar {
background-color: var(--c-light-primary);
padding: 2rem;
height: 100vh;
}
@media (max-width: 768px) {
.whitepaper-container .sidebar {
height: auto;
}
}
.whitepaper-container .sidebar .site-logo {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
.whitepaper-container .sidebar .site-logo a {
display: block;
width: auto;
height: 2.1875rem;
}
.whitepaper-container .sidebar .site-logo a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.whitepaper-container .sidebar .social-icons {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
margin-bottom: 2rem;
}
.whitepaper-container .sidebar .social-icons .icon img {
width: 1.5rem;
height: 1.5rem;
-o-object-fit: contain;
object-fit: contain;
}
.whitepaper-container .sidebar .button-group {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.whitepaper-container .content {
background-color: var(--c-white);
padding: 2rem;
border-radius: 1rem;
height: 100%;
}
@media (max-width: 768px) {
.whitepaper-container .content {
height: 100vh;
padding: 0;
}
} .post-template-template-post-resources.single-post .two-column-banner-block .container .cover .image-wrapper {
min-width: auto;
min-height: 22.75rem;
}
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .image-wrapper img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 22.75rem;
}
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 3.4375rem;
}
@media (max-width: 1024px) {
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 3.125rem;
}
}
@media (max-width: 1280px) {
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 2.8125rem;
}
}
@media (max-width: 640px) {
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 2.25rem;
}
}
@media (max-width: 576px) {
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 1.875rem;
}
}
@media (max-width: 375px) {
.post-template-template-post-resources.single-post .two-column-banner-block .container .cover .content-wrapper .text-title {
font-size: 1.75rem;
}
}
.thank-you-section {
padding: 6.25rem 0;
}
.thank-you-section .container .shell .section__head {
text-align: center;
}
.thank-you-section .container .shell .section__head h1 {
color: var(--c-dark-primary);
margin-bottom: 2.5rem;
}
html {
margin-top: 0 !important;
}
.error-404, .index-page {
padding: 10rem 0;
text-align: center;
}
@media (max-width: 768px) {
.error-404, .index-page {
padding: 5rem 0;
}
}
.error-404 h1, .index-page h1 {
color: var(--c-dark-primary);
margin-bottom: 1.5rem;
}
.error-404 p, .index-page p {
margin-bottom: 1.5rem;
}
.spacer-top-0 {
padding-top: 0rem;
}
.spacer-bottom-0 {
padding-bottom: 0rem;
}
.spacer-top-10 {
padding-top: 0.625rem;
}
.spacer-bottom-10 {
padding-bottom: 0.625rem;
}
.spacer-top-20 {
padding-top: 1.25rem;
}
.spacer-bottom-20 {
padding-bottom: 1.25rem;
}
.spacer-top-30 {
padding-top: 1.875rem;
}
.spacer-bottom-30 {
padding-bottom: 1.875rem;
}
.spacer-top-40 {
padding-top: 2.5rem;
}
.spacer-bottom-40 {
padding-bottom: 2.5rem;
}
.spacer-top-50 {
padding-top: 3.125rem;
}
.spacer-bottom-50 {
padding-bottom: 3.125rem;
}
.spacer-top-60 {
padding-top: 3.75rem;
}
.spacer-bottom-60 {
padding-bottom: 3.75rem;
}
.spacer-top-70 {
padding-top: 4.375rem;
}
.spacer-bottom-70 {
padding-bottom: 4.375rem;
}
.spacer-top-80 {
padding-top: 5rem;
}
.spacer-bottom-80 {
padding-bottom: 5rem;
}
.spacer-top-90 {
padding-top: 5.625rem;
}
.spacer-bottom-90 {
padding-bottom: 5.625rem;
}
.spacer-top-100 {
padding-top: 6.25rem;
}
.spacer-bottom-100 {
padding-bottom: 6.25rem;
}
.spacer-top-110 {
padding-top: 6.875rem;
}
.spacer-bottom-110 {
padding-bottom: 6.875rem;
}
.spacer-top-120 {
padding-top: 7.5rem;
}
.spacer-bottom-120 {
padding-bottom: 7.5rem;
}
.spacer-top-140 {
padding-top: 8.75rem;
}
.spacer-bottom-140 {
padding-bottom: 8.75rem;
}
@media (max-width: 992px) {
.spacer-bottom-medium {
padding-bottom: 2.5rem;
}
.spacer-top-medium {
padding-top: 2.5rem;
}
}