:root {
  --font--family--body: Poppins, sans-serif;
  --color--grey--text: #202020;
  --button--button-brand: #2ecc71;
  --color--brand--opgreen: #2ecc71;
  --button--opnavyblue: #1b2a49;
  --spacing--1: 8px;
  --text--text-secondary: #7c7c7c;
  --color--grey--50: #f1f1f1;
  --color--grey--white: white;
  --color--brand--oporange: #f39c12;
  --onpage-style-guide_typography---font-styles--body: Poppins, sans-serif;
  --untitled-ui--gray600: #475467;
  --untitled-ui--white: white;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--pink50: #fdf2fa;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--primary600: #7f56d9;
  --radiant-ui-components-library-marketplace--color--heading-dark: #150438;
  --radiant-ui-components-library-marketplace--color--theme-color: #116df8;
  --radiant-ui-components-library-marketplace--color--white: white;
  --radiant-ui-components-library-marketplace--color--body-font-dark: #6d6d6d;
  --onpage-style-guide_primitives---colors--lightestblue: #f3f6fd;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--primary300: #d6bbfb;
  --spacing--2: 16px;
  --untitled-ui--primary50: #f9f5ff;
  --onpage-style-guide---color-scheme-1--text: var(--onpage-style-guide_primitives---colors--neutral-darkest);
  --onpage-style-guide---color-scheme-1--background: var(--onpage-style-guide_primitives---colors--white);
  --onpage-style-guide---color-scheme-1--secondary-background: var(--onpage-style-guide_primitives---colors--lightestblue);
  --onpage-style-guide---color-scheme-1--border: var(--onpage-style-guide_primitives---colors--neutral-lighter);
  --onpage-style-guide---color-scheme-1--accent: var(--onpage-style-guide_primitives---colors--green);
  --onpage-style-guide_primitives---colors--white: #fff;
  --onpage-style-guide---color-scheme-1--title-text: var(--onpage-style-guide_primitives---colors--navy-blue);
  --onpage-style-guide_primitives---colors--neutral-lightest: #eee;
  --onpage-style-guide---color-scheme-1--button: var(--onpage-style-guide_primitives---colors--green);
  --onpage-style-guide_primitives---colors--neutral-lighter: #ccc;
  --onpage-style-guide---color-scheme-1--button-grey: var(--onpage-style-guide_primitives---colors--neutral);
  --onpage-style-guide_primitives---colors--neutral-light: #aaa;
  --onpage-style-guide---color-scheme-1--button-border: var(--onpage-style-guide_primitives---colors--green);
  --onpage-style-guide_primitives---colors--neutral: #666;
  --onpage-style-guide_primitives---colors--neutral-dark: #444;
  --onpage-style-guide_primitives---colors--neutral-darker: #222;
  --onpage-style-guide_primitives---colors--neutral-darkest: #202020;
  --onpage-style-guide_typography---font-styles--heading: Montserrat, sans-serif;
  --onpage-style-guide_primitives---colors--green: #2ecc71;
  --onpage-style-guide_primitives---colors--navy-blue: #1b2a49;
  --onpage-style-guide_primitives---colors--orange: #f39c12;
  --onpage-style-guide_primitives---opacity--transparent: transparent;
  --onpage-style-guide_primitives---opacity--white-5: #ffffff0d;
  --onpage-style-guide_primitives---opacity--white-10: #ffffff1a;
  --onpage-style-guide_primitives---opacity--white-15: #ffffff26;
  --onpage-style-guide_primitives---opacity--white-20: #fff3;
  --onpage-style-guide_primitives---opacity--white-30: #ffffff4d;
  --onpage-style-guide_primitives---opacity--white-40: #fff6;
  --onpage-style-guide_primitives---opacity--white-50: #ffffff80;
  --onpage-style-guide_primitives---opacity--white-60: #fff9;
  --onpage-style-guide_primitives---opacity--neutral-darkest-5: #0000000d;
  --onpage-style-guide_primitives---opacity--neutral-darkest-10: #0000001a;
  --onpage-style-guide_primitives---opacity--neutral-darkest-15: #00000026;
  --onpage-style-guide_primitives---opacity--neutral-darkest-20: #0003;
  --onpage-style-guide_primitives---opacity--neutral-darkest-30: #0000004d;
  --onpage-style-guide_primitives---opacity--neutral-darkest-40: #0006;
  --onpage-style-guide_primitives---opacity--neutral-darkest-50: #00000080;
  --onpage-style-guide_primitives---opacity--neutral-darkest-60: #0009;
  --onpage-style-guide_ui-styles---radius--large: 16px;
  --onpage-style-guide_ui-styles---radius--medium: 8px;
  --onpage-style-guide_ui-styles---radius--small: 4px;
  --onpage-style-guide_ui-styles---radius--x-large: 32px;
  --onpage-style-guide_ui-styles---stroke--border-width: 1px;
  --onpage-style-guide_ui-styles---stroke--divider-width: 1px;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.navbar-logo-left {
    min-width: 100%;
    position: static;
   
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1320px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--font--family--body);
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.nav-menu-two {
  font-family: var(--font--family--body);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: var(--color--grey--text);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: var(--button--button-brand);
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: var(--color--brand--opgreen);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
}

.button-primary {
  border-radius: var(--spacing--1);
  background-color: var(--button--button-brand);
  font-family: var(--font--family--body);
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #1b2a49;
}

.button-primary:active {
  background-color: #43464d;
}

.list-item {
  color: var(--color--brand--opgreen);
}

.hero-heading-left {
  font-family: var(--font--family--body);
  -webkit-text-fill-color: inherit;
  background-color: #f5f7fa;
  background-clip: border-box;
  border: 0 solid #000;
  width: auto;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  font-family: var(--font--family--body);
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  mix-blend-mode: normal;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.hero-split {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  font-family: var(--font--family--body);
  color: var(--color--grey--text);
  text-align: left;
  margin-top: 0;
  margin-bottom: 24px;
}

.margin-bottom-24px.stats-caption {
  margin-top: 0;
  margin-left: 0;
}

.margin-bottom-24px.pricing-caption {
  color: var(--text--text-secondary);
  text-align: center;
  font-size: 16px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.button-primary-2.outline-button {
  color: #1a1b1f;
  background-color: #0000;
  box-shadow: inset 0 0 0 1px #1a1b1f;
}

.button-primary-2.outline-button:hover {
  color: #fff;
  background-color: #1a1b1f;
}

.stats-text {
  padding-left: 0;
  padding-right: 0;
}

.button {
  border: 0px solid var(--button--button-brand);
  border-radius: var(--spacing--1);
  background-color: var(--text--text-secondary);
  font-family: var(--font--family--body);
  color: var(--color--grey--50);
  text-align: center;
  padding: 12px 25px;
  font-size: 14px;
}

.button:hover {
  background-color: var(--button--button-brand);
}

.button.get_started_button_green {
  background-color: var(--button--button-brand);
  font-size: 14px;
  position: static;
}

.button.get_started_button_green:hover {
  background-color: var(--text--text-secondary);
  border-width: 1px;
}

.button.watch_demo {
  border-color: var(--button--button-brand);
}

.cell {
  grid-column-gap: NaNpx;
  grid-row-gap: NaNpx;
  border-left: 0px solid var(--text--text-secondary);
}

.pricing-comparison {
  font-family: var(--font--family--body);
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.pricing-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.pricing-card {
  border: 1px solid var(--text--text-secondary);
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 950px;
  padding: 32px 24px;
  display: flex;
  position: relative;
}

.pricing-card.featured-pricing {
  z-index: 2;
  box-shadow: none;
}

.pricing-card.pro_pricing_table {
  border-color: var(--color--brand--opgreen);
}

.pricing-image {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
}

.pricing-title {
  color: var(--text--text-secondary);
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 48px;
}

.pricing-subtitle {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
}

.pricing-price {
  color: var(--button--opnavyblue);
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.paragraph-regular {
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular.margin-bottom-20 {
  color: var(--color--grey--text);
  text-align: center;
  margin-bottom: 20px;
}

.pricing-divider {
  border: 1px dashed var(--text--text-secondary);
  background-color: #76879d1a;
  align-self: stretch;
  height: 1px;
  margin: 56px -24px 16px;
}

.pricing-divider.border_green {
  border-color: var(--color--brand--opgreen);
}

.pricing-feature-list {
  align-self: stretch;
}

.pricing-feature {
  color: var(--color--grey--text);
  background-image: url('../images/circle_check.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  align-self: stretch;
  margin-top: 16px;
  padding-left: 32px;
  font-size: 14px;
  line-height: 24px;
}

.pricing-tag {
  border: 1px solid var(--color--brand--opgreen);
  color: #3a4554;
  background-color: #fff;
  border-radius: 24px;
  padding: 7px 16px;
  position: absolute;
  top: -19px;
  box-shadow: 0 3px 10px #96a3b533;
}

.heading {
  color: var(--button--opnavyblue);
  text-align: center;
}

.button-2 {
  font-family: var(--font--family--body);
  text-align: center;
}

.badge {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--button--opnavyblue);
  font-family: var(--font--family--body);
  text-align: center;
  border-radius: 18px;
  justify-content: center;
  width: 20%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.badge.testimonial_ratings {
  width: 50%;
  display: block;
}

.text-block {
    display: block; 
    font-family: var(--font--family--body);
    color: var(--color--brand--opgreen);
    text-align: center; 
}
.badge-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 940px; /* your requirement */
    margin: 0 auto; /* centers horizontally */

    padding: 12px 28px;
    border-radius: 50px;
    background-color: #132342;
    gap: 10px;
}

    .badge-banner img {
        width: 18px;
        height: 18px;
    }

    .badge-banner .text-block {
        color: var(--color--brand--opgreen);
        font-family: var(--font--family--body);
        font-weight: 600;
        font-size: 16px;
    }

.powerful-features {
  font-family: var(--font--family--body);
  background-color: #f3f6fd;
  border-bottom: 1px solid #e4ebf3;
  max-width: 100%;
  padding: 80px 30px;
  position: relative;
}

.features_container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.features_container.more-features-container {
  background-image: linear-gradient(to bottom, var(--button--opnavyblue), var(--button--opnavyblue));
  font-family: var(--font--family--body);
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.centered-heading {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.more_feat_heading {
  color: var(--color--brand--opgreen);
}

.centered-subheading {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  text-align: center;
  max-width: 100%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.team-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.team-card {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  font-family: var(--font--family--body);
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 20px 40px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-card.more_feat_1, .team-card.more_feat_2, .team-card.more_feat_3 {
  background-color: #fff0;
}

.team-member-image {
  text-align: center;
  object-fit: fill;
  border-radius: 50%;
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
  margin-bottom: 24px;
}

.team-member-name {
  color: var(--color--brand--opgreen);
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.pricing-overview {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 40px;
  position: relative;
}

.pricing-description {
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-description.more_feat_descriptioneat_1 {
  color: var(--color--grey--50);
}

.pricing-grid {
  grid-column-gap: 64px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding-bottom: 20px;
  display: grid;
}

.pricing-card-three {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-image-2 {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
}

.pricing-card-text {
  margin-bottom: 20px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.paragraph, .paragraph-2, .paragraph-3 {
  color: var(--color--grey--50);
}

.testimonial-column-light {
  background-color: var(--color--grey--white);
  font-family: var(--font--family--body);
  border: 0 #000;
  padding: 80px 30px;
  position: relative;
}

.testimonial-grid-two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.testimonial-card-two {
  background-color: var(--color--grey--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #e4ebf3;
  border-radius: 10px;
  flex-direction: column;
  padding: 32px 16px 16px;
  display: flex;
}

.testimonial-text-two {
  color: var(--color--grey--text);
  margin-bottom: 52px;
}

.testimonial-info-three {
  background-color: var(--color--grey--white);
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-main-heading {
  color: var(--color--grey--text);
  margin-bottom: 2px;
  font-weight: 600;
}

.image {
  max-width: 100svh;
}

.quick-stack-2 {
  flex: 0 auto;
  align-self: auto;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}
.story .hero-wrapper-4 {
    max-width: 1450px; /* change to your preferred width */
    margin: 0 auto; /* center horizontally */
    width: 100%; /* stay responsive */
    padding: 0 20px; /* optional: spacing on mobile */
}
.container-3 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  background-color: var(--button--opnavyblue);
  font-family: var(--font--family--body);
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 20px;
  display: flex;
}

.margin-bottom-24px-2 {
  color: #f39c12;
  -webkit-text-stroke-color: var(--color--brand--oporange);
  margin-bottom: 24px;
}

.button-primary-3 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-3:active {
  background-color: #43464d;
}

.footer {
  background-color: var(--button--opnavyblue);
  font-family: var(--font--family--body);
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}
    .footer .container-3 {
        max-width: 1350px;
        margin: 0 auto; /* center horizontally */
        width: 100%;
        padding: 0 16px; /* optional side padding for small screens */
    }
.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  color: var(--color--brand--opgreen);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.title-small-hub {
    color: var(--color--brand--oporange) !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 16px;
}

.footer-link {
  font-family: var(--font--family--body);
  color: var(--color--grey--50);
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--color--brand--opgreen);
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
    background-color: var(--color--brand--oporange);
    -webkit-text-stroke-color: #f39c1200;
    width: 100%;
    height: 1px;
    margin-top: 70px;
    margin-bottom: 15px;
    max-width: 1320px !important;
    margin: 30px auto !important;
}

.footer-copyright-center {
  font-family: var(--font--family--body);
  color: var(--color--brand--oporange);
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.heading-2 {
  color: var(--color--grey--50);
}

.features-metrics {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  background-color: #f5f7fa00;
  border: 1px #0000;
  padding: 10px 30px 10px 0;
  display: flex;
  position: relative;
}

.features-wrapper {
  mix-blend-mode: normal;
  object-fit: fill;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.features-block {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.features-title {
  color: #f39c12;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.features-title-small {
  font-size: 24px;
  line-height: 32px;
}

.text-block-2, .text-block-3, .text-block-4 {
  color: var(--text--text-secondary);
}

.image-2 {
  text-align: center;
  object-fit: fill;
  display: inline-block;
  position: static;
}

.container-4 {
  aspect-ratio: auto;
}

.watch_demo_button {
  border: 1px solid var(--color--brand--opgreen);
  border-radius: var(--spacing--1);
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
  background-color: #3898ec00;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  position: static;
}

.watch_demo_button:hover {
  background-color: var(--button--opnavyblue);
}

.heading-3 {
  color: var(--color--brand--opgreen);
  margin-top: 0;
}

.heading-4 {
  color: var(--button--opnavyblue);
  margin-bottom: 0;
}

.paragraph-4 {
  color: var(--text--text-secondary);
}

.text-block-5, .text-block-6, .text-block-7 {
  color: var(--color--grey--text);
}

.paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9 {
  color: var(--text--text-secondary);
}

.base-container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cta-background-wrapper {
  background-image: url('../images/Frame-1618873029_1Frame 1618873029.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 100px 80px;
}

.cta-heading-wrapper {
  max-width: 476px;
}

.margin-bottom-24px-3 {
  margin-bottom: 24px;
}

.margin-bottom-40px {
  margin-bottom: 40px;
}

.secondary-button {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #2ecc71;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  font-weight: 500;
  line-height: 1.33em;
  transition: background-color .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.secondary-button:hover {
  background-color: #1b2a49;
}

.bill-duration {
  color: var(--color--grey--text);
  font-size: 14px;
  line-height: 1.57em;
}

.margin-bottom-16px {
  margin-bottom: 16px;
}

.currency-text {
  color: var(--color--grey--text);
  margin-bottom: 10px;
  margin-left: 2px;
}

.pricing-list-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  max-width: 441px;
  padding-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.feature-icon {
  color: var(--button--button-brand);
  width: 10px;
  height: 9px;
}

.price-text {
  color: var(--color--grey--text);
  font-size: clamp(1.75rem, .9545rem + 3.3939vw, 3.5rem);
  line-height: 1.17em;
}

.pricing-list-icon {
  border: 1px solid var(--button--button-brand);
  background-color: var(--color--grey--white);
  color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.pricing-list-icon.is-white {
  border: 1px solid var(--color--brand--opgreen);
  color: #2ecc71;
  background-color: #fff;
}

.heading-three {
  color: var(--color--grey--text);
  font-size: clamp(1.25rem, 1.1364rem + .4848vw, 1.5rem);
  font-weight: 600;
  line-height: 1.16em;
}

.pricing-feature-list-2 {
  margin-bottom: 36px;
}

.pricing-card-header {
  margin-bottom: 22px;
}

.feature-button {
  background-color: var(--color--grey--50);
  color: var(--text--text-secondary);
  text-align: center;
  border: 0 solid #2ecc71;
  border-radius: 8px;
  width: 100%;
  margin-top: 0;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  transition: background-color .3s, border-color .3s, color .3s;
}

.feature-button:hover {
  color: #fff;
  background-color: #2ecc71;
  border-color: #fff;
}

.feature-button.learn-more-button {
  background-color: var(--color--brand--opgreen);
  color: var(--color--grey--white);
}

.feature-button.learn-more-button:hover {
  background-color: var(--button--opnavyblue);
}

.feature-button.get-started-green {
  background-color: var(--color--brand--opgreen);
  color: var(--color--grey--white);
}

.feature-button.get-started-green:hover {
  background-color: var(--button--opnavyblue);
}

.feature-list-text {
  color: var(--color--grey--text);
  font-size: 16px;
  line-height: 1.5em;
}

.pricing-feature-list-wrap {
  border: 1px solid #0000;
  margin-top: 30px;
  padding-top: 0;
}

.pricing-feature-list-wrap.is-white {
  color: var(--color--grey--text);
  border: 1px solid #0000;
}

.pricing-card-body {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--text--text-secondary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--text--text-secondary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--text--text-secondary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--text--text-secondary);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  background-color: #fff;
  border-radius: 16px;
  padding: 40px 30px;
}

.pricing-card-body.highlight {
  color: #fff;
  background-color: #2ecc71;
}

.pricing-card-body.highlight.premium-table-plan {
  border-color: var(--color--brand--opgreen);
  background-color: var(--color--grey--white);
}

.pricing-wrapper-2 {
  color: var(--color--grey--text);
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.pricing-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  font-family: var(--font--family--body);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.text-block-8 {
  color: var(--color--grey--text);
}

.bill-duration-2 {
  color: var(--text--text-secondary);
  text-align: center;
  font-size: 14px;
  line-height: 1.57em;
}

.currency-text-2 {
  margin-bottom: 10px;
  margin-left: 2px;
}

.feature-icon-2 {
  color: var(--button--button-brand);
  width: 10px;
  height: 9px;
}

.price-text-2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.17em;
}

.pricing-list-icon-2 {
  border: 1px solid var(--color--brand--opgreen);
  background-color: var(--color--grey--white);
  color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.pricing-list-icon-2.is-white {
  border: 1px solid var(--color--brand--opgreen);
  color: #2ecc71;
  background-color: #fff;
}

.heading-three-2 {
  font-size: clamp(1.25rem, 1.1364rem + .4848vw, 1.5rem);
  font-weight: 600;
  line-height: 1.16em;
}

.pricing-feature-list-3 {
  margin-bottom: 36px;
}

.feature-list-text-2 {
  color: var(--color--grey--text);
  font-size: 14px;
  line-height: 1.5em;
}

.pricing-card-body-2 {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--text--text-secondary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--text--text-secondary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--text--text-secondary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--text--text-secondary);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  background-color: #fff;
  border-radius: 16px;
  width: auto;
  min-width: auto;
  max-width: 100%;
  min-height: 0%;
  padding: 20px 15px;
}

.pricing-card-body-2.highlight {
  color: #fff;
  background-color: #2ecc71;
}

.pricing-card-body-2.highlight.pro-table {
  border-color: var(--color--brand--opgreen);
  background-color: var(--color--grey--white);
  margin-top: 0;
  box-shadow: 0 2px 5px #0003;
}

.pricing-card-wrapper-2 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  font-family: var(--font--family--body);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: auto;
  max-width: none;
  margin-top: 54px;
  margin-right: 40px;
  padding-left: 40px;
  display: grid;
  position: static;
}

.text-block-9 {
  color: var(--color--grey--text);
  padding-right: 0;
}

.text-block-9.pro-text {
  color: var(--color--brand--opgreen);
  margin-top: 0;
}

.text-block-9.most-popular-tag {
  background-color: var(--color--brand--opgreen);
  color: var(--color--grey--white);
  text-align: left;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -6px;
  margin-left: -14px;
  margin-right: 71px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-decoration: none;
  display: block;
  position: static;
}

.cell-2 {
  border-right: 1px solid var(--text--text-secondary);
  justify-content: flex-start;
  align-items: flex-start;
}

.cell-3 {
  border-right: 1px solid var(--text--text-secondary);
}

.logo-link {
  display: inline-flex;
}

.social-icon {
  color: var(--color--grey--white);
  width: 24px;
  height: 24px;
}

.footer-logo-wrapper {
  width: 100%;
  max-width: 310px;
}

.social-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 36px;
  display: flex;
}

.logo {
  opacity: 1;
  vertical-align: baseline;
  width: auto;
  max-width: 85%;
  margin-top: 0;
  display: inline-block;
  overflow: clip;
}

.social-icon-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1b2a49;
  justify-content: flex-start;
  align-items: center;
  transition: color .3s;
  display: flex;
}

.social-icon-link:hover {
  color: #2ecc71;
}

.paragraph-10 {
  color: var(--color--grey--white);
}

.body {
  font-family: var(--font--family--body);
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.div-block-2 {
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.hero-without-image-2 {
  font-family: var(--font--family--body);
  background-color: #f3f6fd;
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.container-5 {
  font-family: var(--font--family--body);
  background-color: #f3f6fd;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.container-5.about-us-container {
  background-color: var(--color--grey--white);
}

.hero-wrapper-two-2 {
  font-family: var(--font--family--body);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.margin-bottom-24px-4 {
  color: var(--color--grey--text);
  margin-bottom: 24px;
}

.button-primary-4 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-4:active {
  background-color: #43464d;
}

.flex-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  max-width: none;
  padding-left: 60px;
  padding-right: 60px;
  display: grid;
}

.pricing-mini-hero-checklist {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  max-width: 441px;
  padding-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.pricing-mini-hero-content {
  color: var(--color--grey--text);
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5em;
}

.heading-5 {
  color: var(--button--opnavyblue);
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.faq-icon-wrapper {
  color: #98a2b3;
}

.heading-h2 {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
  margin-bottom: 1.5rem;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3em;
}

.accordion-horizontal-line {
  background-color: #333;
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.faq-accordion {
  background-color: #0000;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-text-max-container {
  width: 100%;
  max-width: 48rem;
}

.spacer-medium {
  width: 100%;
  min-height: 2rem;
}

.faq-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  color: var(--color--grey--text);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.paragraph-18 {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  font-size: 14px;
  line-height: 1.5em;
}

.faq-text-container {
  flex-flow: column;
  display: flex;
}

.faq-list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.label-heading {
  color: #666;
  letter-spacing: .04em;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4em;
}

.faq-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.accordion-vertical-line {
  background-color: #333;
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

.accordion-icon {
  color: #333;
  border: 2px solid #333;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.container-6 {
  font-family: var(--font--family--body);
  border: 0 solid #0000;
  width: 100%;
  max-width: 84rem;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 2rem 60px;
}

.faq-answer {
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
}

.hero-stack {
  background-color: var(--color--grey--white);
  font-family: var(--font--family--body);
  border: 0 solid #000;
  max-width: 100%;
  padding: 80px 30px;
  position: relative;
}

.hero-wrapper-two-3 {
  font-family: var(--font--family--body);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.margin-bottom-24px-5 {
  color: var(--text--text-secondary);
  text-align: left;
  min-width: 100%;
  min-height: 0;
  margin-bottom: 24px;
}

.margin-bottom-24px-5.about-us-subtitle {
  text-align: center;
  font-size: 16px;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.hero-image.shadow-two {
  margin-bottom: 20px;
}

.heading-6 {
  font-family: var(--font--family--body);
}

._2-column-feature-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  font-family: var(--font--family--body);
  grid-template-rows: auto;
  place-items: stretch stretch;
  max-width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

._2-column-text-container {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
}

._2-column-text-container-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 31rem;
  display: flex;
}

._2-column-grid-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

._2-column-grid-image {
  aspect-ratio: 6 / 7;
  object-fit: cover;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
}

.about-us {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.about-us.about-us-values {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.values-content {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.values-content.more-features-container {
  background-image: linear-gradient(to bottom, var(--button--opnavyblue), var(--button--opnavyblue));
  font-family: var(--font--family--body);
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-7 {
  max-width: none;
  padding-left: 60px;
  padding-right: 60px;
}

.container-8 {
  max-width: none;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section {
  font-family: var(--font--family--body);
  background-color: #f3f6fd;
}

.hero-heading-right {
  background-color: var(--color--grey--white);
  font-family: var(--font--family--body);
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-9 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.hero-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-2 {
  font-family: var(--font--family--body);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.shadow-two-2 {
  box-shadow: 0 4px 24px #96a3b514;
}

.margin-bottom-24px-6 {
  color: var(--text--text-secondary);
  margin-bottom: 24px;
}

.hero-subscribe-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-10 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.margin-bottom-24px-7 {
  color: var(--text--text-secondary);
  margin-bottom: 24px;
}

.hero-form {
  margin-bottom: 12px;
}

.hero-form-container {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input {
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  width: 240px;
  height: auto;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input:hover, .hero-form-input:focus {
  border-color: #76879d;
}

.hero-form-input::placeholder {
  color: #1a1b1fcc;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-2 {
  margin-left: 2px;
  display: flex;
}

.get-in-touch-button-green {
  border-radius: var(--spacing--1);
  background-color: var(--button--button-brand);
  font-family: var(--font--family--body);
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.get-in-touch-button-green:hover {
  color: #fff;
  background-color: #1b2a49;
}

.get-in-touch-button-green:active {
  background-color: #43464d;
}

.bold-text {
  color: var(--text--text-secondary);
}

.heading-7, .heading-8 {
  color: var(--button--opnavyblue);
  font-size: 32px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.admin-item-component {
  grid-column-gap: 176px;
  grid-row-gap: 176px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, max-content) minmax(200px, 600px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.admin-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  list-style-type: square;
  display: flex;
}

.admin-section-divider {
  background-color: #0003;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.admin-heading {
  color: var(--button--opnavyblue);
  font-size: 32px;
  font-weight: 600;
}

.admin-section-global {
  padding: 100px 40px;
}

.admin-breadcrumbs-link {
  color: #0009;
}

.admin-breadcrumbs-link.w--current {
  color: #000;
}

.admin-container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.admin-page-wrapper {
  color: #1b2a49;
  background-color: #fff;
}

.admin-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.admin-licenses-text {
  max-width: none;
  margin-bottom: 40px;
}

.admin-licenses-text.bold-caption {
  font-weight: 700;
}

.margin-bottom.margin-32px {
  margin-bottom: 32px;
}

.margin-bottom.margin-40px {
  margin-bottom: 40px;
}

.admin-content {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  display: flex;
}

.admin-breadcrumbs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.section-2 {
  font-family: var(--font--family--body);
}

.heading-9 {
  font-weight: 600;
}

.paragraph-19 {
  margin-bottom: 0;
}

.paragraph-19.bold-caption {
  font-weight: 700;
}

.heading-10 {
  color: var(--color--brand--opgreen);
  font-size: 36px;
}

.div-block-3 {
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0%;
}

.modal-bg {
  filter: blur(1px);
  background-color: #0a0a0a66;
  width: 100%;
  height: 100%;
}

.close_button {
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.email_container {
  width: 100%;
}

.title {
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
  text-align: center;
  max-width: 24.375rem;
  padding-top: 19px;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}

.subscriber_name {
  font-weight: 600;
}

.subscriber_container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.newsletter_description {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  text-align: center;
  max-width: 26rem;
  font-weight: 400;
}

.subscriber_job {
  color: #747474;
  font-weight: 500;
}

.newsletter_container {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.avatar {
  border-radius: 100vh;
  width: 3.75rem;
  height: 3.75rem;
}

.bottom {
  grid-row-gap: 2rem;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.top {
  background-color: var(--button--opnavyblue);
  font-family: var(--font--family--body);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 16.25rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.subscriber {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.subscriber_testimonial {
  color: var(--text--text-secondary);
  text-align: left;
  max-width: 26rem;
  margin-top: .75rem;
  font-weight: 500;
}

.newsletter_card {
  border-radius: 1rem;
  flex-direction: column;
  width: 100%;
  max-width: 32rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 20px #5136eb0d;
}

.list {
  font-family: var(--font--family--body);
  text-align: left;
  margin-top: -20px;
  list-style-type: disc;
}

.div-block-4 {
  z-index: 10;
  background-color: #3d3d3d4d;
  width: 100%;
  min-width: 100vw;
  min-height: 100vh;
  position: fixed;
  inset: 0%;
}

.pop-up-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--grey--white);
  font-family: var(--font--family--body);
  vertical-align: middle;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.hero-subscribe-left-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-11 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-3 {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px-8 {
  color: var(--text--text-secondary);
  margin-bottom: 24px;
}

.hero-form-2 {
  margin-bottom: 12px;
}

.hero-form-container-2 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input-2 {
  border-radius: var(--spacing--1);
  color: #1a1b1f;
  border: 0 solid #d1d6db;
  width: 240px;
  height: auto;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input-2:hover, .hero-form-input-2:focus {
  border-color: #76879d;
}

.hero-form-input-2::placeholder {
  color: #1a1b1fcc;
}

.button-primary-5 {
  border-radius: var(--spacing--1);
  background-color: var(--button--button-brand);
  font-family: var(--font--family--body);
  color: #fff;
  letter-spacing: 2px;
  text-transform: none;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.button-primary-5:hover {
  background-color: var(--button--opnavyblue);
  color: #fff;
}

.button-primary-5:active {
  background-color: #43464d;
}

.text-link-arrow-3 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-3 {
  margin-left: 2px;
  display: flex;
}

.shadow-two-3 {
  box-shadow: 0 4px 24px #96a3b514;
}

.hero-heading-right-2 {
  background-color: var(--color--grey--white);
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px 80px;
  position: relative;
}

.flex-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  margin-left: -83px;
  display: grid;
}

.text-block-10 {
  color: var(--color--brand--opgreen);
  text-align: left;
  font-size: 12px;
  font-weight: 500;
}

.image-3 {
  text-align: left;
}

.read_article_button {
  border: 1px solid var(--color--brand--opgreen);
  border-radius: var(--spacing--1);
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
  background-color: #3898ec00;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  position: static;
}

.read_article_button:hover {
  background-color: var(--button--opnavyblue);
}

.blog_container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.blog_container.more-features-container {
  background-image: linear-gradient(to bottom, var(--button--opnavyblue), var(--button--opnavyblue));
  font-family: var(--font--family--body);
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.blog_container.blog_wrapper {
  text-align: center;
  background-color: #f3f6fd;
  padding-top: 40px;
  padding-bottom: 40px;
}

.article-title {
  color: var(--button--opnavyblue);
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.load_more {
  border: 1px solid var(--color--brand--opgreen);
  border-radius: var(--spacing--1);
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
  background-color: #3898ec00;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  position: static;
}

.load_more:hover {
  background-color: var(--button--opnavyblue);
}

.text-block-11, .text-block-12, .text-block-13, .text-block-14, .text-block-15, .text-block-16, .text-block-17, .text-block-18, .text-block-19 {
  color: var(--color--brand--opgreen);
}

.heading-11 {
  color: var(--button--opnavyblue);
}

.text-block-20 {
  color: var(--color--grey--text);
}

.text-block-21, .text-block-22, .text-block-23, .text-block-24, .text-block-25, .text-block-26, .text-block-27, .text-block-28, .text-block-29 {
  color: var(--text--text-secondary);
  font-size: 12px;
}

.uui-text-size-medium {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-white {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--white);
}

.uui-text-rich-text {
  font-family: var(--font--family--body);
  color: var(--color--grey--text);
}

.uui-text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.uui-text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h4 {
  font-family: var(--font--family--body);
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.uui-text-rich-text h5 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text h6 {
  font-family: var(--font--family--body);
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-size: 14px;
}

.uui-text-rich-text p {
  font-family: var(--font--family--body);
  margin-bottom: 1rem;
}

.uui-text-rich-text blockquote {
  color: var(--text--text-secondary);
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.uui-text-rich-text a {
  text-decoration: underline;
}

.uui-text-rich-text figcaption {
  color: var(--untitled-ui--gray500);
  text-align: left;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-heading-large {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-large.text-color-white {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--white);
}

.uui-blogpost02_title-wrapper {
  font-family: var(--font--family--body);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-blogpost02_author-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.uui-blogpost02_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.uui-text-divider {
  color: var(--untitled-ui--gray600);
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider.text-color-white {
  color: var(--untitled-ui--white);
}

.uui-blogpost02_date-wrapper {
  align-items: center;
  margin-top: .25rem;
  display: flex;
}

.uui-blogpost02_author-image-wrapper {
  margin-bottom: 1rem;
}

.uui-blogpost02_category-link {
  color: #fff;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.uui-blogpost02_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-breadcrumb-link {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.uui-breadcrumb-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-breadcrumb-link.w--current {
  color: var(--untitled-ui--primary700);
  font-weight: 600;
}

.uui-breadcrumb-link.w--current:hover {
  color: var(--untitled-ui--primary800);
}

.uui-breadcrumb-divider {
  color: var(--untitled-ui--gray500);
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.uui-blogpost02_background {
  z-index: -1;
  background-image: linear-gradient(#10182866, #10182866), url('../images/blog_post_img.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.uui-blogpost02_header {
  margin-bottom: 4rem;
  position: relative;
}

.uui-blogpost02_tag-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--font--family--body);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.uui-blogpost02_tag-list-wrapper {
  width: 100%;
}

.uui-blogpost02_share-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-blogpost02_content-bottom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-blogpost02_content {
  margin-bottom: 4rem;
}

.uui-blogpost02_divider {
  background-color: var(--untitled-ui--gray200);
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.uui-blogpost02_breadcrumb {
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-blogpost02_content-top {
  font-family: var(--font--family--body);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
}

.uui-blogpost02_share {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: grid;
}

.uui-button-icon {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
  color: var(--color--brand--opgreen);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.text-color-gray400 {
  color: var(--untitled-ui--gray400);
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-primary {
  background-color: var(--color--grey--50);
  font-family: var(--font--family--body);
  color: var(--color--grey--50);
}

.uui-badge.is-pink {
  background-color: var(--untitled-ui--pink50);
  color: var(--untitled-ui--pink700);
}

.uui-badge.is-indigo {
  background-color: var(--untitled-ui--indigo50);
  color: var(--untitled-ui--indigo700);
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.uui-heading-tiny {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-tiny.text-color-white {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--white);
}

.uui-padding-vertical-xhuge {
  padding-top: 0;
  padding-bottom: 4rem;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.uui-blogpost02_share-heading {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  font-size: 1rem;
  font-weight: 600;
}

.uui-blogpost02_author-heading {
  font-family: var(--font--family--body);
  color: var(--color--grey--text);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.text-block-30, .text-block-31, .text-block-32 {
  font-family: var(--font--family--body);
}

.text-block-33 {
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
}

.text-block-34, .text-block-35 {
  font-family: var(--font--family--body);
}

.uui-text-size-medium-2 {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-xsmall {
  font-family: var(--font--family--body);
  color: var(--color--grey--text);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.uui-heading-small {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--gray900);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.4;
}

.uui-blog04_featured-item-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 0 0 0 3rem;
  display: flex;
}

.uui-blog04_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.uui-blog04_title-link.featured-article {
  margin-bottom: .75rem;
}

.uui-blog04_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.uui-blog04_category-menu {
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.uui-blog04_category-menu.no-scrollbar {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  box-shadow: inset 0 -1px 0 0 var(--untitled-ui--gray200);
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  max-width: 9%;
  padding-left: 10px;
  padding-right: 10px;
}

.uui-blog04_component {
  margin-top: 6rem;
}

.uui-blog04_featured-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 0;
  display: grid;
}

.uui-blog04_featured-list-wrapper {
  margin-bottom: 60px;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-blog04_meta-wrapper {
  background-color: var(--color--grey--50);
  color: var(--color--brand--opgreen);
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-blog04_category-link {
  background-color: var(--untitled-ui--white);
  color: var(--color--brand--opgreen);
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.uui-blog04_read-time {
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.uui-blog04_menu-link {
  font-family: var(--font--family--body);
  color: var(--untitled-ui--gray500);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  flex: none;
  margin-right: 1rem;
  padding: .5rem .25rem;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.uui-blog04_menu-link:hover {
  border-bottom-color: var(--untitled-ui--primary700);
  color: var(--color--brand--opgreen);
}

.uui-blog04_menu-link.w--current {
  border-bottom-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--primary700);
}

.uui-blog04_item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-blog04_image-link {
  width: 100%;
  margin-bottom: 2rem;
  transition: all .3s;
}

.uui-blog04_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-blog04_image-link.is-featured {
  margin-bottom: 0;
}

.uui-blog04_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.uui-blog04_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.text-block-36, .text-block-37, .text-block-38 {
  font-family: var(--font--family--body);
}

.text-block-39 {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
}

.text-block-40 {
  font-family: var(--font--family--body);
}

.text-block-41 {
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
}

.text-block-42, .text-block-43 {
  font-family: var(--font--family--body);
}

.text-block-44 {
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
}

.text-block-45, .text-block-46 {
  font-family: var(--font--family--body);
}

.rt-category-cards-text {
  color: var(--radiant-ui-components-library-marketplace--color--heading-dark);
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

.rt-category-cards-text.rt-margin-bottom-fifteen {
  color: var(--color--grey--text);
  margin-bottom: 15px;
  font-size: 14px;
}

.feature-title {
  font-family: var(--font--family--body);
  color: var(--color--brand--opgreen);
  letter-spacing: -.2px;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.feature-tab-icon {
  margin-bottom: 20px;
}

.rt-text-blue {
  color: var(--radiant-ui-components-library-marketplace--color--theme-color);
}

.rt-component-container {
  width: 100%;
  max-width: 1290px;
  position: relative;
}

.rt-component-section {
  background-color: var(--radiant-ui-components-library-marketplace--color--white);
  font-family: var(--font--family--body);
  color: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
  width: 100%;
  padding: 80px 15px;
  font-size: 17px;
  font-weight: 300;
  line-height: 29px;
  position: relative;
}

.rt-auto-fit {
  border-radius: 10px;
  height: auto;
}

.feature-overflow-hidden {
  overflow: hidden;
}

.rt-text-center {
  text-align: center;
}

.rt-padding-bottom-ten {
  padding-bottom: 10px;
}

.feature-expanded-content-title {
  padding-bottom: 15px;
}

.feature-expanded-content-title.rt-margin-top-seveteen {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
  margin-top: 17px;
  font-size: 18px;
  line-height: 24px;
}

.feature-expanded-content-title.rt-margin-top-seveteen.rt-width-five-hundred-twenty {
  max-width: 520px;
}

.rt-radius-ten {
  border-radius: 10px;
  overflow: hidden;
}

.rt-radius-ten.rt-auto-fit.rt-tab-image-full-width.rt-image-hover-zoom {
  transition: transform .45s;
}

.rt-radius-ten.rt-auto-fit.rt-tab-image-full-width.rt-image-hover-zoom:hover {
  transform: scale(1.05);
}

.rt-tab-image-full-width {
  object-fit: cover;
}

.feature-expanded-content-caption {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  padding-bottom: 30px;
  font-size: 14px;
}

.feature-expanded-content-caption.rt-width-five-hundred {
  max-width: 500px;
}

.feature-expanded-content-caption.rt-width-five-hundred-twenty {
  max-width: 520px;
}

.rt-support-across-channels-tab-content {
  display: none;
}

.rt-image-relative {
  position: relative;
}

.rt-image-relative.rt-top-six {
  top: 6px;
}

.rt-home-two-data-science-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.rt-home-two-data-science-content-block-two {
  position: absolute;
  inset: auto 5% 5% auto;
}

.rt-posibilities {
  border: 1px solid #2a2044;
  border-radius: 10px;
  width: 100%;
  min-height: 600px;
  position: sticky;
  top: 148px;
  overflow: hidden;
}

.rt-posibilities.rt-active {
  z-index: 0;
  top: 0;
}

.rt-posibilities.rt-active.rt-design-card-block {
  background-color: #fff;
  border-width: 0;
}

.rt-home-two-electrical-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr;
}

.rt-home-two-dedicated-card {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.feature-one-sticky-flex {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.rt-design-details-right {
  justify-content: center;
  align-items: flex-start;
  height: 70vh;
  display: flex;
}

.rt-design-details-right.rt-design-details-right-one {
  height: auto;
}

.rt-home-one-unforgettable-tabs-menu {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rt-home-one-unforgettable-tabs-menu.rt-padding-bottom-sixty-four {
  color: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
  padding-bottom: 64px;
}

.rt-home-two-data-science-content-block {
  flex: 0 45%;
  position: relative;
}

.rt-tag-8 {
  grid-column-gap: 3px;
  color: #4f4f4f;
  letter-spacing: .01rem;
  text-transform: capitalize;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.875rem;
  display: flex;
}

.rt-tag-heading-shape {
  color: #fff;
  background-color: #1a2934;
  border-radius: 3px;
  align-items: center;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.rt-home-four-electrical-flex {
  grid-column-gap: 100px;
  align-items: center;
  display: flex;
}

.rt-home-four-electrical-flex.rt-padding-bottom-eighty {
  padding-bottom: 80px;
}

.feature-expanded-content {
  flex: 0 40%;
}

.rt-case-details {
  grid-column-gap: 120px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.rt-home-two-data-science-flex {
  grid-column-gap: 96px;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.rt-home-two-data-science-flex.rt-padding-top-zero {
  padding-top: 0;
}

.rt-home-two-data-science-image-block {
  border-radius: 6px;
  flex: 0 48%;
  position: relative;
}

.rt-tag-block {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rt-tag-block.rt-flex-left {
  justify-content: flex-start;
}

.feature-content-tab {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.feature-content-tab.rt-contain-small {
  max-width: 160px;
}

.rt-words-section {
  grid-column-gap: 90px;
  align-items: center;
  padding-top: 150px;
  display: flex;
}

.rt-words-section.rt-padding-top-zero {
  padding-top: 0;
}

.rt-save-time-and-lower-costs-tab-content {
  padding-bottom: 80px;
  display: none;
}

.rt-home-one-unforgettable-tabs-line {
  background-color: #f5f5f5;
  border-radius: 50px;
  width: 100%;
  height: 6px;
  margin-top: 25px;
  position: relative;
  overflow: hidden;
}

.rt-crm-management-tab-content {
  display: flex;
}

.rt-words-content-block {
  flex: 0 47%;
}

.rt-home-four-electrical-image-block-2 {
  flex: 0 47%;
  position: relative;
}

.rt-home-two-data-science-content-image-one {
  z-index: -1;
  position: absolute;
  inset: auto auto -29% -12%;
}

.rt-task-based-key-results-tab-content {
  display: none;
  position: relative;
}

.rt-task-based-key-results-tab-content.rt-overflow-hidden {
  display: none;
}

.rt-home-one-unforgettable-tabs {
  background-color: #0000;
  width: 100%;
  max-width: 300px;
  padding-left: 0;
  padding-right: 0;
}

.rt-home-one-unforgettable-tabs.rt-text-center {
  cursor: pointer;
}

.rt-home-one-unforgettable-tabs.rt-text-center.w--current {
  background-color: #0000;
}

.rt-relative {
  position: relative;
}

.rt-relative.rt-image-wrapepr {
  overflow: hidden;
}

.rt-heading-four-15 {
  color: #233050;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2rem;
}

.rt-words-image-block {
  flex: 0 48%;
  justify-content: center;
  display: flex;
  position: relative;
}

.rt-design-details-teaser {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: none;
  display: flex;
}

.rt-home-two-data-science-card {
  grid-column-gap: 19px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 29px;
  display: flex;
}

.rt-design-column {
  flex: 1;
  display: block;
  position: relative;
}

.rt-home-one-sticky-tab-section {
  position: absolute;
  inset: auto auto 6% 6%;
}

.rt-home-one-unforgettable-tabs-inner-line {
  background-color: var(--radiant-ui-components-library-marketplace--color--theme-color);
  position: absolute;
  inset: 0%;
}

.rt-home-one-unforgettable-tabs-inner-line.rt-tab-five, .rt-home-one-unforgettable-tabs-inner-line.rt-tab-four, .rt-home-one-unforgettable-tabs-inner-line.rt-tab-two, .rt-home-one-unforgettable-tabs-inner-line.rt-tab-one {
  background-color: var(--color--brand--opgreen);
}

.rt-home-two-data-science-text-block {
  color: var(--radiant-ui-components-library-marketplace--color--heading-dark);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.875rem;
}

.feature-two-electrical-card {
  grid-column-gap: 30px;
  font-family: var(--font--family--body);
  align-items: flex-start;
  display: flex;
}

.rt-home-one-unforgettable-content {
  color: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
}

.rt-margin-bottom-fifteen {
  margin-bottom: 15px;
}

.rt-radius-six {
  border-radius: 10px;
}

.tab-link-tab-1 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-link-tab-1.w--current {
  border-bottom: 3px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  border-radius: 7px;
  width: 100%;
}

.tab-pane-feature-1 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-link-tab-2 {
  border: 0px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
}

.tab-link-tab-2.w--current {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  border-width: 0 0 3px;
  border-radius: 7px;
}

.tab-link-tab-3 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
}

.tab-link-tab-3.w--current {
  border-bottom: 3px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  border-radius: 7px;
}

.tab-link-tab-4 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
}

.tab-link-tab-4.w--current {
  border-bottom: 3px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  border-radius: 7px;
}

.tab-link-tab-5 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
}

.tab-link-tab-5.w--current {
  border-bottom: 3px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  border-radius: 7px;
}

.tab-link-tab-6 {
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  width: 100%;
}

.tab-link-tab-6.w--current {
  border-bottom: 3px solid var(--color--brand--opgreen);
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  font-family: var(--font--family--body);
  border-radius: 7px;
}

.tabs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--onpage-style-guide_primitives---colors--lightestblue);
  justify-content: center;
  padding-top: 20px;
  display: flex;
}

.keyword-analysis-content {
  display: none;
  position: relative;
}

.keyword-analysis-content.rt-overflow-hidden {
  display: none;
}

.div-block-5 {
  background-color: #f3f6fd;
  max-width: 100%;
  margin-top: 40px;
}

.rt-category-cards-text-2 {
  color: var(--radiant-ui-components-library-marketplace--color--heading-dark);
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

.rt-category-cards-text-2.rt-margin-bottom-twenty {
  color: var(--button--opnavyblue);
  font-weight: 500;
}

.rt-margin-bottom-twenty {
  margin-bottom: 20px;
}

.rt-margin-bottom-twenty.rt-body-font-color {
  color: var(--text--text-secondary);
  font-size: 14px;
  font-weight: 400;
}

.rt-component-container-2 {
  width: 100%;
  max-width: 1290px;
  position: relative;
}

.rt-component-section-2 {
  background-color: var(--radiant-ui-components-library-marketplace--color--white);
  color: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
  width: 100%;
  padding: 80px 15px;
  font-family: Outfit;
  font-size: 17px;
  font-weight: 300;
  line-height: 29px;
  position: relative;
}

.rt-full-width {
  border-radius: 10px;
  width: 100%;
}

.rt-overflow-hidden {
  overflow: hidden;
}

.rt-advertise-content-icon-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 42px;
  display: flex;
}

.rt-advertise-icon-wrapper {
  color: var(--radiant-ui-components-library-marketplace--color--heading-dark);
  border: 1px solid #0000004d;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-weight: 600;
  position: relative;
}



.rt-dotted-line {
  border: 1px dashed #0003;
  flex: 1;
  width: 1px;
  height: 100%;
}

.rt-advertise-image-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rt-advertise-content-text-wrapper {
  max-width: 495px;
}

.rt-border-radius-six {
  border-radius: 6px;
}

.rt-border-radius-six.rt-full-width {
  width: auto;
  max-width: 100%;
}

.rt-advertise-content-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  font-family: var(--font--family--body);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rt-advertise-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: stretch;
}

.rt-body-font-color {
  color: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
  font-size: 14px;
  line-height: 24px;
  transition: color .35s;
}

.rt-position-relative {
  position: relative;
}

.text-block-47 {
  color: var(--button--opnavyblue);
}

.uui-text-size-medium-3 {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  letter-spacing: normal;
  font-size: 14px;
  line-height: 1.5;
}

.uui-text-align-center {
  text-align: center;
}

.uui-text-size-small-2 {
  font-family: var(--font--family--body);
  color: var(--text--text-secondary);
  letter-spacing: normal;
  font-size: 12px;
  line-height: 1.5;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-2.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-large-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--button--button-brand);
  font-family: var(--font--family--body);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--button--button-brand);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-heading-xsmall-2 {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
  color: var(--button--opnavyblue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-blogsection01_component {
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.uui-blogsection01_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.uui-text-divider-2 {
  color: var(--untitled-ui--gray600);
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider-2.text-size-small {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

.uui-blogsection01_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogsection01_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.uui-blogsection01_image-link {
  width: 100%;
  margin-bottom: 2rem;
  transition: all .3s;
}

.uui-blogsection01_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-blogsection01_category-link {
  color: var(--untitled-ui--primary700);
  margin-bottom: .5rem;
  margin-right: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .3s;
}

.uui-blogsection01_category-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-blogsection01_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-blogsection01_title-link {
  color: var(--untitled-ui--gray900);
  justify-content: space-between;
  margin-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.uui-blogsection01_icon {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .25rem;
  margin-left: .5rem;
  display: flex;
}

.uui-blogsection01_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}

.uui-blogsection01_author-image-wrapper {
  margin-right: .75rem;
}

.uui-blogsection01_author-wrapper {
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.uui-blogsection01_date-wrapper {
  align-items: center;
  display: flex;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.uui-heading-subheading-2 {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-blogsection01_author-heading {
  font-family: var(--font--family--body);
  color: var(--button--opnavyblue);
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 600;
}

.text-block-48 {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
  color: var(--color--brand--opgreen);
  font-size: 12px;
}

.hero-heading-left-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-12 {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-4 {
  font-family: var(--font--family--body);
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.hero-split-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px-9 {
  color: var(--text--text-secondary);
  margin-bottom: 24px;
}

.button-primary-6 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-6:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-6:active {
  background-color: #43464d;
}

.shadow-two-4 {
  box-shadow: 0 4px 24px #96a3b514;
}

.heading-12 {
  font-family: var(--onpage-style-guide_typography---font-styles--body);
  color: var(--button--opnavyblue);
  text-align: center;
  font-size: 32px;
}

.link {
  color: var(--color--brand--opgreen);
  font-weight: 500;
}

.bold-text-2 {
  color: var(--color--grey--text);
}

.link-2 {
  color: var(--color--brand--opgreen);
  font-size: 16px;
}

.bold-text-3 {
  font-size: 14px;
  font-weight: 500;
}

.link-3, .link-4, .link-5 {
  color: var(--color--brand--opgreen);
}

@media screen and (min-width: 1280px) {
  .margin-bottom-24px, .centered-subheading, .pricing-description.more_feat_descriptioneat_1 {
    font-size: 16px;
  }

  .logo {
    max-width: 100%;
  }

  .heading-h2 {
    font-family: var(--font--family--body);
    color: var(--button--opnavyblue);
    font-size: 32px;
    font-weight: 700;
  }

  .paragraph-18 {
    font-family: var(--font--family--body);
  }

  .margin-bottom-24px-5.about-us-subtitle {
    text-align: center;
    font-size: 16px;
  }

  .heading-6 {
    color: var(--button--opnavyblue);
  }

  ._2-column-feature-grid {
    margin-bottom: 60px;
    padding-top: 60px;
  }

  .values-content {
    font-family: var(--font--family--body);
    max-width: none;
  }

  .container-8 {
    max-width: none;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section {
    background-color: #f3f6fd;
  }

  .bold-text {
    font-size: 16px;
  }

  .admin-container {
    max-width: none;
  }

  .rt-home-two-data-science-card {
    flex-direction: row;
  }
}

@media screen and (min-width: 1440px) {
  .navbar-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .team-member-image {
    width: 32px;
    max-width: none;
    height: 32px;
    max-height: none;
    margin-bottom: 0;
  }

  .footer-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-wrapper {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .social-icon, .paragraph-10, .path {
    color: var(--color--grey--white);
  }

  .container-5, .hero-wrapper-two-3 {
    max-width: none;
  }

  .margin-bottom-24px-5, .hero-image.shadow-two, .heading-6 {
    font-family: var(--font--family--body);
  }

  ._2-column-feature-grid {
    font-family: var(--font--family--body);
    margin-bottom: 0;
  }

  ._2-column-text-container-right {
    max-width: none;
  }

  .container-7 {
    max-width: none;
    padding: 60px;
  }

  .container-8 {
    max-width: none;
  }

  .hero-heading-right {
    background-color: var(--color--grey--white);
    font-family: var(--font--family--body);
  }

  .container-9 {
    max-width: none;
  }

  .hero-wrapper-2 {
    font-family: var(--font--family--body);
  }

  .hero-subscribe-left {
    font-family: var(--font--family--body);
    background-color: #f3f6fd;
  }

  .container-10 {
    max-width: none;
  }

  .admin-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .rt-home-two-data-science-card {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-button {
    background-color: var(--color--brand--opgreen);
    border-width: 0;
    padding: 12px;
  }

  .uui-button:hover {
    background-color: var(--button--opnavyblue);
  }

  .text-block-49 {
    font-family: var(--font--family--body);
    font-size: 16px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) {
  .rt-advertise-image-wrapper {
    border-radius: 6px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .button-primary.read-more {
    align-self: center;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .hero-heading-left {
    background-image: none;
  }

  .container-2 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .pricing-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pricing-card {
    width: 350px;
    height: 700px;
  }

  .badge {
    width: 30%;
  }

  .features_container {
    max-width: 728px;
  }

  .features_container.more-features-container {
    background-position: 0 0;
  }

  .team-grid {
    grid-column-gap: 40px;
  }

  .team-card {
    min-width: 150px;
  }

  .team-member-image {
    width: 32px;
    height: 32px;
  }

  .pricing-grid, .testimonial-grid-two {
    grid-column-gap: 30px;
  }

  .testimonial-info-three {
    flex-direction: column;
  }

  .container-3 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .features-wrapper {
    justify-content: space-between;
  }

  .paragraph-5 {
    margin-bottom: 42px;
  }

  .cta-background-wrapper {
    border-radius: 16px;
    padding: 80px 50px;
  }

  .margin-bottom-24px-3 {
    margin-bottom: 20px;
  }

  .margin-bottom-40px {
    margin-bottom: 30px;
  }

  .secondary-button {
    border-radius: 6px;
  }

  .margin-bottom-16px {
    margin-bottom: 12px;
  }

  .currency-text {
    margin-bottom: 4px;
  }

  .pricing-card-header {
    margin-bottom: 18px;
  }

  .pricing-feature-list-wrap {
    padding-top: 24px;
  }

  .pricing-card-body {
    border-radius: 12px;
    padding: 30px 22px;
  }

  .pricing-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .currency-text-2 {
    margin-bottom: 4px;
  }

  .pricing-card-body-2 {
    border-radius: 12px;
    padding: 30px 22px;
  }

  .pricing-card-wrapper-2 {
    grid-template-columns: 1fr 1fr;
    width: 700px;
    padding-right: 40px;
  }

  .text-block-9.most-popular-tag {
    margin-left: -20px;
    margin-right: 149px;
  }

  .footer-logo-wrapper {
    max-width: 600px;
  }

  .logo {
    max-width: 100%;
  }

  .container-5 {
    max-width: 728px;
  }

  .heading-h2 {
    font-size: 2rem;
  }

  .faq-component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .paragraph-18 {
    font-size: 1rem;
  }

  .container-6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  ._2-column-feature-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  ._2-column-text-container-right {
    max-width: none;
  }

  ._2-column-grid-image-wrapper {
    border-radius: 1rem;
  }

  ._2-column-grid-image {
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
  }

  .about-us {
    grid-column-gap: 40px;
  }

  .about-us.about-us-values {
    grid-template-columns: 1fr 1fr;
  }

  .values-content {
    max-width: 728px;
  }

  .values-content.more-features-container {
    background-position: 0 0;
  }

  .container-9 {
    max-width: 728px;
  }

  .hero-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-2 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .container-10 {
    max-width: 728px;
  }

  .admin-item-component {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .container-11 {
    max-width: 728px;
  }

  .hero-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-3 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .blog_container {
    max-width: 728px;
  }

  .blog_container.more-features-container {
    background-position: 0 0;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-blogpost02_content {
    margin-bottom: 3rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-blog04_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-blog04_category-menu.no-scrollbar {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .uui-blog04_image-wrapper.is-featured {
    padding-top: 75%;
  }

  .rt-tab-image-full-width {
    width: 100%;
    height: auto;
  }

  .feature-expanded-content-caption.rt-width-five-hundred {
    max-width: none;
  }

  .rt-home-two-data-science-content-block-two {
    border-radius: 6px;
  }

  .rt-posibilities.rt-active.rt-design-card-block {
    max-width: 100%;
  }

  .feature-one-sticky-flex {
    grid-row-gap: 30px;
    flex-direction: column;
    padding-bottom: 50px;
  }

  .rt-home-one-unforgettable-tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .rt-home-four-electrical-flex {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .rt-case-details {
    display: block;
  }

  .rt-home-two-data-science-flex {
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: stretch;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rt-words-section {
    grid-row-gap: 40px;
    flex-direction: column;
    padding-top: 25px;
  }

  .rt-save-time-and-lower-costs-tab-content {
    padding-bottom: 60px;
  }

  .tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rt-advertise-content-text-wrapper {
    max-width: none;
  }

  .rt-advertise-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: stretch;
  }

  .uui-blogsection01_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .container-12 {
    max-width: 728px;
  }

  .hero-wrapper-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-4 {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;

  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .hero-heading-left {
    background-image: none;
    padding: 60px 15px;
  }

  .pricing-comparison {
    padding: 60px 15px;
  }

  .pricing-wrapper {
    justify-items: stretch;
  }

  .pricing-card {
    width: auto;
  }

  .pricing-title {
    font-size: 34px;
    line-height: 42px;
  }

  .powerful-features {
    padding: 60px 15px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-overview, .testimonial-column-light {
    padding: 60px 15px;
  }

  .testimonial-grid-two {
    grid-template-columns: 1fr;
  }

  .testimonial-info-three {
    flex-direction: row;
  }

  .hero-without-image {
    padding: 60px 15px;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .features-metrics {
    padding: 60px 15px;
  }

  .features-wrapper {
    flex-wrap: wrap;
    margin-bottom: -40px;
  }

  .features-block {
    width: 50%;
    margin-bottom: 40px;
  }

  .cta-background-wrapper {
    border-radius: 12px;
    padding: 50px 30px;
  }

  .margin-bottom-24px-3 {
    margin-bottom: 16px;
  }

  .margin-bottom-40px {
    margin-bottom: 22px;
  }

  .secondary-button {
    border-radius: 4px;
  }

  .currency-text {
    margin-bottom: 0;
  }

  .pricing-card-header {
    margin-bottom: 16px;
  }

  .pricing-feature-list-wrap {
    padding-top: 20px;
  }

  .pricing-card-body {
    border-radius: 8px;
  }

  .pricing-card-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  .currency-text-2 {
    margin-bottom: 0;
  }

  .pricing-card-body-2 {
    border-radius: 8px;
  }

  .pricing-card-wrapper-2 {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    place-items: start stretch;
  }

  .hero-without-image-2 {
    padding: 60px 15px;
  }

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .heading-h2 {
    font-size: 1.75rem;
  }

  .spacer-medium {
    min-height: 1.5rem;
  }

  .faq-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .paragraph-18 {
    line-height: 1.5rem;
  }

  .faq-list-grid {
    background-color: #fff;
  }

  .container-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero-stack {
    padding: 60px 15px;
  }

  ._2-column-feature-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  ._2-column-grid-image {
    aspect-ratio: 3 / 2;
    border-radius: .75rem;
  }

  .about-us {
    grid-template-columns: 1fr 1fr;
  }

  .hero-heading-right, .hero-subscribe-left {
    padding: 60px 15px;
  }

  .admin-item-component {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: minmax(200px, max-content);
    place-items: start;
  }

  .admin-section-global {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter_card {
    margin: 1rem;
  }

  .hero-subscribe-left-2, .hero-heading-right-2 {
    padding: 60px 15px;
  }

  .uui-text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .uui-text-rich-text figcaption {
    margin-top: .75rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-blogpost02_author-wrapper {
    margin-top: 2rem;
  }

  .uui-blogpost02_header {
    margin-bottom: 3rem;
  }

  .uui-blogpost02_content {
    margin-bottom: 2rem;
  }

  .uui-blogpost02_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-blogpost02_content-top {
    margin-bottom: 2rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-blogpost02_author-heading, .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-heading-small {
    font-size: 1.5rem;
  }

  .uui-blog04_featured-item-content {
    padding: 0;
  }

  .uui-blog04_title-link.featured-article {
    margin-bottom: .5rem;
  }

  .uui-blog04_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blog04_category-menu {
    width: 100vw;
    margin-bottom: 3rem;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }

  .uui-blog04_category-menu.no-scrollbar {
    justify-content: flex-start;
  }

  .uui-blog04_component {
    margin-top: 4rem;
  }

  .uui-blog04_featured-item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-bottom: 3rem;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-blog04_meta-wrapper {
    font-size: .75rem;
  }

  .uui-blog04_category-link {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-blog04_menu-link:hover {
    color: var(--untitled-ui--gray500);
    border-bottom-style: none;
  }

  .uui-blog04_menu-link.last-link {
    margin-right: 2rem;
  }

  .uui-blog04_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blog04_image-link:hover {
    box-shadow: none;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .rt-home-two-data-science-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .rt-posibilities.rt-active.rt-design-card-block {
    height: auto;
  }

  .rt-words-section {
    align-items: stretch;
  }

  .rt-home-four-words-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-heading-xsmall-2 {
    font-size: 1.25rem;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-blogsection01_component {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-blogsection01_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection01_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blogsection01_image-link:hover {
    box-shadow: none;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-heading-left-2 {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .container-2 {
    max-width: none;
  }

  .stats-text {
    align-self: center;
  }

  .pricing-wrapper {
    grid-template-columns: 1fr;
  }

  .pricing-card {
    height: 800px;
  }

  .badge {
    width: 70%;
  }

  .features_container {
    max-width: none;
  }

  .features_container.more-features-container {
    background-position: 0 0;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-grid, .pricing-grid {
    grid-template-columns: 1fr;
  }

  .container-3 {
    max-width: none;
  }

  .features-metrics {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column;
  }

  .cta-background-wrapper {
    border-radius: 8px;
    padding: 40px 15px;
  }

  .margin-bottom-40px {
    margin-bottom: 18px;
  }

  .margin-bottom-16px {
    margin-bottom: 8px;
  }

  .pricing-list-box {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .pricing-feature-list-wrap {
    padding-top: 18px;
  }

  .pricing-card-body, .pricing-card-body-2 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .pricing-card-wrapper-2 {
    width: 100%;
    margin-right: 40px;
    padding-right: 40px;
  }

  .text-block-9.most-popular-tag {
    margin-left: -20px;
  }

  .logo {
    width: 100%;
  }

  .container-5 {
    max-width: none;
  }

  .flex-block {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-mini-hero-checklist {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .faq-component {
    grid-template-columns: 1fr;
  }

  .container-6 {
    flex-wrap: nowrap;
  }

  .hero-wrapper-two-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-us, .about-us.about-us-values {
    grid-template-columns: 1fr;
  }

  .values-content {
    max-width: none;
  }

  .values-content.more-features-container {
    background-position: 0 0;
  }

  .container-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-9 {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-10 {
    font-family: var(--font--family--body);
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .title {
    font-size: 2.75rem;
  }

  .bottom {
    grid-row-gap: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .top {
    min-height: 14rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-11 {
    max-width: none;
  }

  .hero-form-2 {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input-2 {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .blog_container {
    max-width: none;
  }

  .blog_container.more-features-container {
    background-position: 0 0;
  }

  .uui-blogpost02_tag-list {
    justify-content: flex-start;
  }

  .uui-blogpost02_tag-list-wrapper {
    width: 100%;
  }

  .uui-blogpost02_share-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .uui-blogpost02_content-bottom, .uui-blogpost02_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rt-dotted-line {
    display: none;
  }

  .rt-advertise-content {
    flex-direction: column;
  }

  .container-12 {
    max-width: none;
  }
}

#w-node-f99976c2-d485-5850-fe2c-fb52d2f3a390-c346226e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c0fe3ae9-2f71-a413-b5a6-c25501bc42ba-c346226e {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
}

#w-node-_13db1004-8878-a83d-7cda-eb63ce415ede-c346226e {
  align-self: auto;
}

#w-node-a5d8e6a8-dcb0-d453-2703-6624823eb4e1-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb4e6-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb4eb-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb4fb-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb500-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb505-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb50a-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb51a-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb51f-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb524-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb529-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb539-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb53e-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb543-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb548-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb558-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb55d-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb562-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb567-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb577-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb57c-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb581-c346226e, #w-node-a5d8e6a8-dcb0-d453-2703-6624823eb586-c346226e, #w-node-_6d492f18-919b-f4be-8068-2c690c2b13d5-c346226e, #w-node-_6d492f18-919b-f4be-8068-2c690c2b13df-c346226e, #w-node-_6d492f18-919b-f4be-8068-2c690c2b13e9-c346226e, #w-node-a10aef61-cdaa-09c5-c5d6-cb5528c8a7ce-28c8a7b9, #w-node-a10aef61-cdaa-09c5-c5d6-cb5528c8a7d7-28c8a7b9, #w-node-a10aef61-cdaa-09c5-c5d6-cb5528c8a7e2-28c8a7b9, #w-node-a10aef61-cdaa-09c5-c5d6-cb5528c8a7ed-28c8a7b9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bdae771-795d-3562-7eef-52ec2807b7da-1b03d4e0 {
  align-self: auto;
}

#w-node-_2efb8b2b-c769-15de-5d8a-fbfa0cdf76c1-84ef9962, #w-node-_2efb8b2b-c769-15de-5d8a-fbfa0cdf76c6-84ef9962, #w-node-dc12ebe2-3bbf-6fd1-0526-67a8f8fa38e5-84ef9962, #w-node-dc12ebe2-3bbf-6fd1-0526-67a8f8fa38ed-84ef9962, #w-node-dc12ebe2-3bbf-6fd1-0526-67a8f8fa38f7-84ef9962, #w-node-dc12ebe2-3bbf-6fd1-0526-67a8f8fa38ff-84ef9962 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_767f51fb-39d5-0e42-45f5-8b02184d51f5-cfe10490 {
  justify-self: end;
}

#w-node-f8b238db-68a4-e59b-c97e-116f17ade98e-cfe10490 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e98dbdd9-b1ec-2ac1-6b5e-d1a2d37fb809-cfe10490 {
  justify-self: start;
}

#w-node-_7775b4ab-82b1-d99d-19c2-6cbbaa755303-cfe10490 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7775b4ab-82b1-d99d-19c2-6cbbaa755305-cfe10490 {
  justify-self: start;
}

#w-node-_9af1ca48-d06f-ec99-9129-f1627a649c7f-cfe10490, #w-node-_56343871-81de-ce49-29a5-44870db6207e-cfe10490, #w-node-_2c8efeae-82e9-c051-34d1-2dda0ab9b54a-cfe10490, #w-node-a536fbad-6014-5c25-86dc-42078692b495-cfe10490, #w-node-_56090741-c154-8daf-05e8-ab8c79a7ef70-cfe10490, #w-node-_326b61c0-d766-9f8d-81c8-8369a5309467-cfe10490, #w-node-_915bf86e-e663-37cb-412e-46ab3de4ade0-cfe10490, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a26-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a28-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a2a-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a2c-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a50-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a52-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a54-e2ace86b, #w-node-f00f3d81-74b0-df28-a4ba-b70410376a56-e2ace86b, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcfcf-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcfd4-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcfd9-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcfe9-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcfee-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcff3-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dcff8-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd008-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd00d-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd012-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd017-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd027-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd02c-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd031-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd036-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd046-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd04b-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd050-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd055-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd065-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd06a-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd06f-84e2facc, #w-node-_0496acd4-ba9b-324d-b0f5-7c12c82dd074-84e2facc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-f99976c2-d485-5850-fe2c-fb52d2f3a390-c346226e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c0fe3ae9-2f71-a413-b5a6-c25501bc42ba-c346226e {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}




/* Default state */
.is-scroll-item {
    background-color: #e5e7eb; /* neutral */
    color: #111;
    transition: background-color 0.3s ease;
}

    /* Active (blue) */
    .is-scroll-item.is-active {
        background-color: #2563eb; /* blue */
        color: #fff;
    }