* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: var(--font-roobert-pro-reg);
   line-height: normal;
 }

 a {
   text-decoration: none;
 }

 .hero-header-section,
 .homeage-desktop {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   position: relative;
 }

 .homeage-desktop {
   width: 100%;
   background-color: var(--Colors-Background-bg-primary);
   overflow: hidden;
   line-height: normal;
   letter-spacing: normal;
   text-align: right;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-quaternary-500);
   font-family: var(--font-roobert-pro-reg);
 }

 .hero-header-section {
   align-self: stretch;
   height: 990px;
   background-color: var(--pushmyroi-Primary);
   overflow: hidden;
 }

 .dropdown-header-navigation {
   align-self: stretch;
   height: 80px;
   position: sticky;
   top: 0;
   z-index: 99;
   flex-shrink: 0;
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-secondary-on-brand);
   font-family: var(--font-roobert-pro-reg);
 }

 .container,
 .content,
 .header {
   align-items: center;
   justify-content: center;
 }

 .header {
   position: absolute;
   width: 100%;
   top: 0;
   right: 0;
   left: 0;
   height: 100%;
   display: flex;
   flex-direction: column;
 }

 .header .badge .text7 {}

 .container,
 .content {
   flex-direction: row;
 }

 .container {
   width: 1280px;
   display: none;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   gap: var(--spacing-xl);
   max-width: var(--container-max-width-desktop);
 }

 .content {
   flex: 1;
   display: flex;
   gap: var(--spacing-2xl);
 }

 .logo {
   width: 139px;
   position: relative;
   height: 16.7px;
 }

 .homeage-vector-icon,
 .vector-icon,
 .vector-icon2 {
   position: absolute;
   height: 97.6%;
   width: 8.78%;
   top: 1.2%;
   right: 91.22%;
   bottom: 1.2%;
   left: 0;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .homeage-vector-icon,
 .vector-icon2 {
   height: 98.8%;
   width: 9.35%;
   right: 81.22%;
   bottom: 0;
   left: 9.42%;
 }

 .vector-icon2 {
   height: 100%;
   width: 8.99%;
   top: 0;
   right: 71.29%;
   left: 19.71%;
 }

 .vector-icon3,
 .vector-icon4,
 .vector-icon5,
 .vector-icon6,
 .vector-icon7,
 .vector-icon8,
 .vector-icon9 {
   position: absolute;
   height: 97.6%;
   width: 11.94%;
   top: 1.2%;
   right: 55.76%;
   bottom: 1.2%;
   left: 32.3%;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .vector-icon4,
 .vector-icon5,
 .vector-icon6,
 .vector-icon7,
 .vector-icon8,
 .vector-icon9 {
   width: 2.52%;
   right: 67.63%;
   left: 29.86%;
 }

 .vector-icon5,
 .vector-icon6,
 .vector-icon7,
 .vector-icon8,
 .vector-icon9 {
   width: 12.52%;
   right: 40.5%;
   left: 46.98%;
 }

 .vector-icon6,
 .vector-icon7,
 .vector-icon8,
 .vector-icon9 {
   width: 10.58%;
   right: 29.35%;
   left: 60.07%;
 }

 .vector-icon7,
 .vector-icon8,
 .vector-icon9 {
   width: 9.06%;
   right: 16.55%;
   left: 74.39%;
 }

 .vector-icon8,
 .vector-icon9 {
   height: 100%;
   width: 12.01%;
   top: 0;
   right: 3.74%;
   bottom: 0;
   left: 84.24%;
 }

 .vector-icon9 {
   height: 97.6%;
   width: 2.52%;
   top: 1.2%;
   right: 0;
   bottom: 1.2%;
   left: 97.48%;
 }

 .navigation {
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   gap: var(--spacing-xxs);
 }

 .dropdown-header-navigation-but,
 .text-padding {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }

 .dropdown-header-navigation-but {
   border-radius: var(--radius-md);
   overflow: hidden;
   padding: var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xxs);
 }

 .text-padding {
   padding: 0 var(--spacing-xxs);
 }

 .text {
   position: relative;
   line-height: var(--Line-height-text-md);
   font-weight: 600;
 }

 .chevron-down-icon,
 .chevron-down-icon2 {
   width: 16px;
   position: relative;
   max-height: 100%;
 }

 .chevron-down-icon2 {
   display: none;
 }

 .buttonsbutton,
 .navigation-actions {
   flex-direction: row;
   align-items: center;
 }

 .navigation-actions {
   display: none;
   justify-content: flex-start;
   gap: var(--spacing-lg);
   color: var(--Colors-Text-text-secondary-700);
 }

 .buttonsbutton {
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--Colors-Border-border-primary);
   overflow: hidden;
   display: flex;
   justify-content: center;
   padding: var(--padding-10) var(--spacing-xl);
   gap: var(--spacing-sm);
 }

 .placeholder-icon {
   width: 20px;
   position: relative;
   max-height: 100%;
   display: none;
 }

 .homeage-buttonsbutton {
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   background-color: var(--color-mediumslateblue);
   border: 2px solid var(--color-gray-200);
   overflow: hidden;
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: var(--padding-10) var(--spacing-xl);
   gap: var(--spacing-sm);
   color: var(--Colors-Text-text-white);
 }

 .homeage-container,
 .section {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
 }

 .section {
   align-self: stretch;
   padding: var(--Space-2400) 0 0;
   gap: var(--spacing-7xl);
   z-index: 1;
 }

 .homeage-container {
   width: 100%;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: center;
   font-size: var(--Font-size-display-2xl);
   color: var(--Colors-Text-text-primary-on-brand);
   font-family: var(--font-roobert-pro);
 }

 .homeage-content {
   align-self: stretch;
   gap: var(--spacing-6xl);
 }

 .heading-and-subheading,
 .heading-and-supporting-text,
 .homeage-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
 }

 .heading-and-supporting-text {
   width: 100%;
   padding: 32px 0 0;
   box-sizing: border-box;
   gap: var(--spacing-3xl);
   max-width: var(--width-xl);
 }

 .heading-and-subheading {
   align-self: stretch;
 }

 .heading {
   margin: 0;
   align-self: stretch;
   position: relative;
   font-size: inherit;
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-2xl);
   font-weight: 700;
   font-family: var(--font-roobert-pro);
 }

 .supporting-text {
   width: 768px;
   position: relative;
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   font-family: var(--font-roobert-pro-reg);
   color: var(--color-lightsteelblue);
   display: none;
 }

 .badge,
 .badge-container {
   display: flex;
   flex-direction: row;
 }

 .badge-container {
   align-items: flex-start;
   justify-content: center;
   gap: var(--gap-8);
 }

 .badge {
   cursor: pointer;
   border: 1px solid var(--Component-colors-Utility-Purple-utility-purple-200);
   padding: var(--spacing-xs) var(--spacing-lg);
   background-color: var(--Component-colors-Utility-Purple-utility-purple-50);
   border-radius: var(--radius-full);
   align-items: center;
   justify-content: flex-start;
 }

 .text7 {
   position: relative;
   font-size: var(--Font-size-text-sm);
   line-height: var(--Line-height-text-sm);
   font-weight: 500;
   font-family: var(--font-roobert-pro-reg);
   color: var(--Component-colors-Utility-Purple-utility-purple-700);
   text-align: center;
 }

 .actions,
 .buttonsbutton2 {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-lg);
 }

 .buttonsbutton2 {
   cursor: pointer;
   border: 0;
   padding: var(--spacing-lg) var(--padding-18);
   background-color: var(--pushmyroi-Secondary);
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   overflow: hidden;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
 }

 .text10 {
   position: relative;
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   font-weight: 600;
   font-family: var(--font-roobert-pro-reg);
   color: var(--pushmyroi-Primary);
   text-align: left;
 }

 .buttonsbutton3,
 .container2 {
   display: flex;
   align-items: center;
 }

 .buttonsbutton3 {
   cursor: pointer;
   border: 1px solid var(--Colors-Border-border-primary);
   padding: var(--spacing-lg) var(--padding-18);
   background-color: var(--Colors-Background-bg-primary);
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   overflow: hidden;
   flex-direction: row;
   justify-content: center;
   gap: var(--spacing-sm);
   height: 48px;
 }

 .container2 {
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
 }

 .content2 {
   align-self: stretch;
   position: relative;
   height: 456px;
 }

 .light-accent-icon {
   position: absolute;
   top: -216px;
   left: 465px;
   width: 1280px;
   height: 720px;
   object-fit: cover;
   display: none;
   mix-blend-mode: screen;
 }

 .credit-card-mockup {
   position: absolute;
   top: 202.5px;
   left: calc(50% - 673px);
   border-radius: 28.4px;
   width: 653.3px;
   height: 571.6px;
   object-fit: contain;
   display: none;
 }

 .credit-card-mockup2,
 .credit-card-mockup3,
 .credit-card-mockup4,
 .homeage-credit-card-mockup {
   position: absolute;
   top: 7.6px;
   left: calc(50% - 492px);
   border-radius: 28.4px;
   width: 571.6px;
   height: 653.3px;
   object-fit: contain;
   display: none;
 }

 .credit-card-mockup2,
 .credit-card-mockup3,
 .credit-card-mockup4 {
   top: 0;
   left: calc(50% - 168.4px);
   width: 336.7px;
   height: 560px;
 }

 .credit-card-mockup3,
 .credit-card-mockup4 {
   top: 7.6px;
   left: calc(50% - 81px);
   width: 571.6px;
   height: 653.3px;
 }

 .credit-card-mockup4 {
   top: 202.5px;
   left: calc(50% + 20px);
   width: 653.3px;
   height: 571.6px;
 }

 .content-child {
   position: absolute;
   top: -262px;
   left: 248.5px;
   width: 805.8px;
   height: 864px;
   object-fit: cover;
   display: none;
 }

 .homeage-logo {
   position: absolute;
   top: calc(50% - 151px);
   left: 50%;
   transform: translate(-50%, 0);

   width: 153px;
   height: 122px;
 }

 .logo-shape-icon {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 /* .background-pattern-icon {
  width: 1920px;
  position: absolute;
  margin: 0 !important;
  top: -184px;
  left: calc(50% - 960px);
  height: 1440px;
  z-index: 0;
} */

 .background-pattern-icon {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: none;
   z-index: 0;
 }

 .container3,
 .social-proof-section {
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
 }

 .social-proof-section {
   width: 1440px;
   background-color: var(--Colors-Background-bg-primary);
   overflow: hidden;
   flex-direction: row;
   justify-content: center;
   padding: var(--spacing-9xl) 0;
   text-align: center;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-tertiary-600);
   font-family: var(--font-roobert-pro-reg);
 }

 .container3 {
   flex: 1;
   flex-direction: column;
   justify-content: flex-start;
   padding: 0 var(--container-padding-desktop);
   gap: var(--spacing-4xl);
   max-width: var(--container-max-width-desktop);
 }

 .text12 {
   align-self: stretch;
   position: relative;
   line-height: var(--Line-height-text-md);
   font-weight: 500;
 }

 .company-logo {
   flex-direction: row;
   align-items: flex-start;
 }

 .logos {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   justify-items: center;
   align-items: center;
   gap: var(--spacing-3xl);
   margin: 0 auto;
 }

 .company-logo {
   height: 48px;
   display: none;
   justify-content: flex-start;
   gap: var(--gap-10);
 }

 .logomark {
   width: 40px;
   position: relative;
   height: 48px;
 }

 .homeage-vector,
 .vector,
 .vector2,
 .vector3 {
   position: absolute;
   height: 20.83%;
   width: 25%;
   top: 8.33%;
   right: 75%;
   bottom: 70.83%;
   left: 0;
   background-color: var(--Colors-Blue-dark-600);
 }

 .homeage-vector,
 .vector2,
 .vector3 {
   right: 50%;
   left: 25%;
   opacity: 0;
 }

 .vector2,
 .vector3 {
   right: 25%;
   left: 50%;
   opacity: 0.6;
 }

 .vector3 {
   right: 0;
   left: 75%;
   opacity: 0;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector4,
 .vector5,
 .vector6,
 .vector7,
 .vector8,
 .vector9 {
   position: absolute;
   height: 20.83%;
   width: 25%;
   top: 29.17%;
   right: 75%;
   bottom: 50%;
   left: 0;
   background-color: var(--Colors-Blue-dark-600);
   opacity: 0;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector5,
 .vector6,
 .vector7,
 .vector8,
 .vector9 {
   right: 50%;
   left: 25%;
   opacity: 0.6;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector6,
 .vector7,
 .vector8,
 .vector9 {
   right: 25%;
   left: 50%;
   opacity: 0.45;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector7,
 .vector8,
 .vector9 {
   right: 0;
   left: 75%;
   opacity: 0.3;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector8,
 .vector9 {
   top: 50%;
   right: 75%;
   bottom: 29.17%;
   left: 0;
   opacity: 0.6;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15,
 .vector9 {
   right: 50%;
   left: 25%;
   opacity: 0.45;
 }

 .vector10,
 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15 {
   right: 25%;
   left: 50%;
   opacity: 0.3;
 }

 .vector11,
 .vector12,
 .vector13,
 .vector14,
 .vector15 {
   right: 0;
   left: 75%;
   opacity: 0.15;
 }

 .vector12,
 .vector13,
 .vector14,
 .vector15 {
   top: 70.83%;
   right: 75%;
   bottom: 8.33%;
   left: 0;
   opacity: 0;
 }

 .vector13,
 .vector14,
 .vector15 {
   right: 50%;
   left: 25%;
   opacity: 0.3;
 }

 .vector14,
 .vector15 {
   right: 25%;
   left: 50%;
   opacity: 0.15;
 }

 .vector15 {
   right: 0;
   left: 75%;
   opacity: 0;
 }

 .logotext-icon {
   width: 140px;
   position: relative;
   height: 48px;
 }

 .homeage-company-logo {
   height: 48px;
   display: none;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--gap-8);
 }

 .homeage-logotext-icon {
   height: 48px;
   width: 99px;
   position: relative;
 }

 .company-logo2 {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--gap-10);
 }

 .homeage-logomark-icon,
 .logotext-icon2 {
   width: 39px;
   position: relative;
 }

 .logotext-icon2 {
   width: 149px;
 }

 .company-logo3 {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--gap-8);
 }

 .logomark-icon2 {
   height: 48px;
   width: 48px;
   position: relative;
 }

 .logotext-icon3,
 .logotext-icon4 {
   width: 125px;
   position: relative;
 }

 .logotext-icon4 {
   width: 143px;
 }

 .company-logo5 {
   height: 48px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   gap: var(--gap-10);
 }

 .logomark-icon4,
 .logotext-icon5 {
   width: 32px;
   position: relative;
 }

 .logotext-icon5 {
   width: 115px;
 }

 .features-section {
   align-self: stretch;
   background-color: var(--Colors-Background-bg-secondary);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding: var(--spacing-9xl) 0;
   gap: var(--spacing-7xl);
 }

 .container4,
 .homeage-heading-and-supporting-text {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 }

 .container4 {
   align-items: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: center;
   font-size: var(--Font-size-text-md);
   color: var(--pushmyroi-Primary);
   font-family: var(--font-roobert-pro-reg);
 }

 .homeage-heading-and-supporting-text {
   align-items: center;
   gap: var(--spacing-2xl);
   max-width: var(--width-xl);
 }

 .homeage-heading-and-subheading {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-lg);
 }

 .homeage-heading,
 .subheading {
   align-self: stretch;
   position: relative;
   line-height: var(--Line-height-text-md);
   font-weight: 600;
 }

 .homeage-heading {
   margin: 0;
   font-size: var(--Font-size-display-md);
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-md);
   font-family: var(--font-roobert-pro);
   color: var(--Colors-Text-text-primary-900);
 }

 .homeage-supporting-text {
   align-self: stretch;
   position: relative;
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   color: var(--Colors-Text-text-tertiary-600);
 }

 .everything-you-need {
   margin-block-start: 0;
   margin-block-end: 20px;
 }

 .all-in-one {
   margin: 0;
 }

 .container5 {
   width: 100%;
   flex-direction: column;
   align-items: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: center;
   font-size: var(--Font-size-text-lg);
   color: var(--Colors-Text-text-primary-900);
   font-family: var(--font-roobert-pro-reg);
 }

 .container5,
 .content4,
 .feature-text {
   display: flex;
   justify-content: flex-start;
 }

 .content4 {
   align-self: stretch;
   flex-direction: row;
   align-items: flex-start;
   flex-wrap: wrap;
   align-content: flex-start;
   gap: var(--spacing-7xl) var(--spacing-4xl);
 }

 .feature-text {
   flex: 1;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-xl);
   min-width: 320px;
 }

 .featured-icon {
   width: 48px;
   position: relative;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-lg);
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--pushmyroi-Secondary);
   box-sizing: border-box;
   height: 48px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .bell-plus-icon {
   position: absolute;
   top: 12px;
   left: 12px;
   width: 24px;
   height: 24px;
 }

 .text-and-supporting-text {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: var(--spacing-xs);
 }

 .feature-title,
 .supporting-text2 {
   align-self: stretch;
   position: relative;
 }

 .feature-title {
   line-height: var(--Line-height-text-lg);
   font-weight: 600;
 }

 .supporting-text2 {
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   color: var(--Colors-Text-text-tertiary-600);
 }

 .buttonsbutton4 {
   overflow: hidden;
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-brand-secondary-700);
 }

 .arrow-right-icon {
   width: 20px;
   position: relative;
   max-height: 100%;
 }

 .homeage-features-section {
   width: 100%;
   background-color: var(--pushmyroi-Primary);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding: var(--spacing-9xl) 0;
   box-sizing: border-box;
   gap: var(--spacing-7xl);
 }

 .container6 {
   width: 100%;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--pushmyroi-Secondary);
   font-family: var(--font-roobert-pro-reg);
 }

 .container6,
 .content5,
 .heading-and-supporting-text2 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .content5 {
   align-self: stretch;
 }

 .heading-and-supporting-text2 {
   width: 100%;
   gap: var(--spacing-2xl);
   max-width: var(--width-xl);
 }

 .heading2,
 .supporting-text8 {
   align-self: stretch;
   position: relative;
 }

 .heading2 {
   margin: 0;
   font-size: var(--Font-size-display-md);
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-md);
   font-weight: 600;
   font-family: var(--font-roobert-pro);
   color: var(--Colors-Text-text-primary-on-brand);
 }

 .supporting-text8 {
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   color: var(--color-gray-100);
 }

 .container7,
 .feature-text6 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .container7 {
   width: 100%;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: left;
   font-size: var(--Font-size-text-lg);
   color: var(--Colors-Text-text-primary-on-brand);
   font-family: var(--font-roobert-pro-reg);
 }

 .feature-text6 {
   flex: 1;
   gap: var(--spacing-xl);
   min-width: 320px;
 }

 .featured-icon6 {
   width: 48px;
   position: relative;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-lg);
   background-color: var(--pushmyroi-Secondary);
   height: 48px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .text-and-supporting-text6 {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-xs);
 }

 .supporting-text9 {
   align-self: stretch;
   position: relative;
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   color: var(--color-gray-100);
 }

 .buttonsbutton10 {
   overflow: hidden;
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   font-size: var(--Font-size-text-md);
 }

 .feature-text9 {
   width: 384px;
   display: none;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-xl);
   min-width: 320px;
 }

 .buttonsbutton13,
 .features-section2 {
   overflow: hidden;
   display: flex;
   align-items: center;
 }

 .buttonsbutton13 {
   flex-direction: row;
   justify-content: center;
   gap: var(--spacing-sm);
   font-size: var(--Font-size-text-md);
 }

 .features-section2 {
   align-self: stretch;
   background-color: var(--Colors-Background-bg-primary);
   flex-direction: column;
   justify-content: flex-start;
   padding: var(--spacing-9xl) 0;
   gap: var(--spacing-7xl);
 }

 .supporting-text15 {
   margin: 0;
   align-self: stretch;
   position: relative;
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   font-weight: 400;
   font-family: inherit;
   color: var(--Colors-Text-text-tertiary-600);
 }

 .container9,
 .content8,
 .feature-text12 {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .container9 {
   width: 100%;
   flex-direction: column;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: left;
   font-size: var(--Font-size-text-lg);
   color: var(--Colors-Text-text-primary-900);
   font-family: var(--font-roobert-pro-reg);
 }

 .content8,
 .feature-text12 {
   align-self: stretch;
 }

 .content8 {
   flex-direction: row;
   flex-wrap: wrap;
   align-content: flex-start;
   gap: var(--spacing-3xl);
 }

 .feature-text12 {
   flex: 1;
   background-color: var(--Colors-Background-bg-secondary);
   flex-direction: column;
   padding: var(--spacing-3xl);
   box-sizing: border-box;
   gap: var(--spacing-7xl);
   min-width: 280px;
 }

 .featured-icon12 {
   width: 48px;
   position: relative;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-lg);
   background-color: var(--pushmyroi-Primary);
   height: 48px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .buttonsbutton16 {
   overflow: hidden;
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-sm);
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-brand-secondary-700);
 }

 .feature-text15 {
   align-self: stretch;
   width: 286px;
   background-color: var(--Colors-Background-bg-secondary);
   display: none;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   padding: var(--spacing-3xl);
   box-sizing: border-box;
   gap: var(--spacing-7xl);
   min-width: 280px;
 }

 .featured-icon15 {
   width: 48px;
   position: relative;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-lg);
   background-color: var(--color-mediumslateblue);
   height: 48px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .buttonsbutton19,
 .pricing-section {
   overflow: hidden;
   display: flex;
   align-items: center;
 }

 .buttonsbutton19 {
   flex-direction: row;
   justify-content: center;
   gap: var(--spacing-sm);
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-brand-secondary-700);
 }

 .pricing-section {
   align-self: stretch;
   background-color: var(--Colors-Background-bg-secondary);
   flex-direction: column;
   justify-content: flex-start;
   padding: var(--spacing-9xl) 0;
   gap: var(--spacing-7xl);
 }

 .container10 {
   width: 100%;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--pushmyroi-Secondary);
   font-family: var(--font-roobert-pro-reg);
 }

 .container10,
 .content13,
 .heading-and-supporting-text4 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .content13 {
   align-self: stretch;
 }

 .heading-and-supporting-text4 {
   width: 100%;
   gap: var(--spacing-2xl);
   max-width: var(--width-xl);
 }

 .heading4,
 .supporting-text20 {
   margin: 0;
   align-self: stretch;
   position: relative;
 }

 .heading4 {
   font-size: var(--Font-size-display-md);
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-md);
   font-weight: 600;
   font-family: var(--font-roobert-pro);
   color: var(--Colors-Text-text-primary-900);
 }

 .supporting-text20 {
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   font-weight: 400;
   font-family: inherit;
   color: var(--Colors-Text-text-tertiary-600);
 }

 .container11,
 .content14 {
   display: flex;
   align-items: flex-start;
 }

 .container11 {
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: center;
   font-size: var(--Font-size-display-lg);
   color: var(--Colors-Text-text-primary-900);
   font-family: var(--font-roobert-pro-reg);
 }

 .content14 {
   align-self: stretch;
   flex-direction: row;
   justify-content: center;
   gap: var(--spacing-4xl);
 }

 .homeage-header,
 .pricing-tier-card {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 }

 .pricing-tier-card {
   flex: 1;
   box-shadow: var(--Shadows-shadow-lg);
   border-radius: var(--radius-2xl);
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--Colors-Border-border-secondary-alt);
   align-items: flex-start;
 }

 .homeage-header {
   align-self: stretch;
   align-items: center;
   padding: var(--spacing-5xl) var(--spacing-4xl) 0;
   position: relative;
   gap: var(--spacing-xl);
 }

 .price {
   margin: 0;
   position: relative;
   font-size: inherit;
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-lg);
   font-weight: 600;
   font-family: var(--font-roobert-pro);
   z-index: 0;
 }

 .heading-and-supporting-text5 {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-xs);
   z-index: 1;
   font-size: var(--Font-size-text-xl);
 }

 .heading5 {
   margin: 0;
   align-self: stretch;
   position: relative;
   font-size: inherit;
   line-height: var(--Line-height-text-xl);
   font-weight: 600;
   font-family: inherit;
 }

 .call-out {
   width: 152px;
   position: absolute;
   margin: 0 !important;
   top: -32px;
   right: -64px;
   height: 54px;
   display: none;
   z-index: 2;
   text-align: left;
   font-size: var(--Font-size-text-sm);
   color: var(--pushmyroi-Primary);
 }

 .text38 {
   position: absolute;
   top: -1px;
   right: -0.5px;
   line-height: var(--Line-height-text-sm);
   font-weight: 600;
 }

 .hand-drawn-arrow-icon {
   position: absolute;
   top: 36.3px;
   left: -0.2px;
   width: 58.5px;
   height: 45.3px;
   object-fit: contain;
 }

 .check-item-text,
 .check-items,
 .content15 {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .content15 {
   padding: var(--spacing-4xl) var(--spacing-4xl) var(--spacing-5xl);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-tertiary-600);
 }

 .check-item-text,
 .check-items {
   gap: var(--spacing-xl);
 }

 .check-item-text {
   flex-direction: row;
   gap: var(--spacing-lg);
 }

 .check-icon {
   width: 24px;
   position: relative;
   border-radius: var(--radius-full);
   background-color: var(--Colors-Background-bg-success-secondary);
   height: 24px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .icon {
   position: absolute;
   height: 43.75%;
   width: 50%;
   top: 29.58%;
   right: 23.75%;
   bottom: 26.67%;
   left: 26.25%;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .text-wrap {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .feature-label {
   align-self: stretch;
   position: relative;
   line-height: var(--Line-height-text-md);
 }

 .homeage-check-item-text {
   width: 296px;
   display: none;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-lg);
 }

 .footer,
 .homeage-actions {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .footer {
   padding: 0 var(--spacing-4xl) var(--spacing-4xl);
 }

 .homeage-actions {
   cursor: pointer;
   border: 0;
   padding: 0;
   background-color: transparent;
   gap: var(--spacing-lg);
 }

 .buttonsbutton20 {
   align-self: stretch;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--Colors-Border-border-primary);
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: var(--spacing-lg) var(--padding-18);
   gap: var(--spacing-sm);
 }

 .button-label {
   position: relative;
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   font-weight: 600;
   font-family: var(--font-roobert-pro-reg);
   color: var(--Colors-Text-text-secondary-700);
   text-align: left;
 }

 .buttonsbutton21 {
   width: 296px;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--Colors-Border-border-primary);
   box-sizing: border-box;
   overflow: hidden;
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: var(--spacing-lg) var(--padding-18);
   gap: var(--spacing-sm);
 }

 .homeage-call-out {
   width: 152px;
   position: absolute;
   margin: 0 !important;
   top: -32px;
   right: 0;
   height: 54px;
   z-index: 2;
   text-align: left;
   font-size: var(--Font-size-text-sm);
   color: var(--pushmyroi-Primary);
 }

 .homeage-hand-drawn-arrow-icon {
   position: absolute;
   top: 8.3px;
   left: -0.2px;
   width: 58.5px;
   height: 45.3px;
   object-fit: contain;
 }

 .buttonsbutton22 {
   align-self: stretch;
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   background-color: var(--pushmyroi-Primary);
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: var(--spacing-lg) var(--padding-18);
   gap: var(--spacing-sm);
 }

 .text50 {
   position: relative;
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   font-weight: 600;
   font-family: var(--font-roobert-pro-reg);
   color: var(--Colors-Text-text-white);
   text-align: left;
 }

 .call-out2 {
   width: 152px;
   position: absolute;
   margin: 0 !important;
   top: -32px;
   right: -64px;
   height: 54px;
   display: none;
   z-index: 2;
   text-align: left;
   font-size: var(--Font-size-text-sm);
   color: var(--Colors-Text-text-brand-secondary-700);
 }

 .testimonial-section {
   align-self: stretch;
   background-color: var(--Colors-Background-bg-secondary);
   overflow: hidden;
   align-items: center;
   padding: var(--spacing-9xl) 0;
 }

 .container12,
 .content18,
 .quote-and-attribution,
 .testimonial-section {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 }

 .container12 {
   width: 100%;
   align-items: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
 }

 .content18,
 .quote-and-attribution {
   align-items: center;
 }

 .content18 {
   align-self: stretch;
   gap: var(--spacing-5xl);
 }

 .quote-and-attribution {
   width: 100%;
   gap: var(--spacing-4xl);
   max-width: var(--width-2xl);
   text-align: center;
   font-size: var(--Font-size-display-md);
   color: var(--Colors-Text-text-primary-900);
   font-family: var(--font-roobert-pro);
 }

 .quote {
   margin: 0;
   align-self: stretch;
   position: relative;
   font-size: inherit;
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-md);
   font-weight: 500;
   font-family: inherit;
 }

 .attribution {
   font-size: var(--Font-size-text-lg);
   font-family: var(--font-roobert-pro-reg);
 }

 .attribution,
 .avatar-and-text {
   align-self: stretch;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: var(--spacing-xl);
 }

 .avatar-icon {
   width: 64px;
   position: relative;
   border-radius: var(--radius-full);
   max-height: 100%;
   object-fit: cover;
 }

 .supporting-text24 {
   align-self: stretch;
   position: relative;
   font-size: var(--Font-size-text-md);
   line-height: var(--Line-height-text-md);
   color: var(--color-dimgray);
 }

 .stars {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   gap: var(--spacing-xs);
 }

 .star-icon {
   width: 20px;
   position: relative;
   height: 20px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .star-background-icon {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 2.5%;
   right: 0;
   bottom: -2.5%;
   left: 0;
   border-radius: 0.5px;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .homeage-star-icon {
   position: absolute;
   top: 0;
   left: 0;
   width: 20px;
   height: 20px;
 }

 .pagination-dot-group {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-xl);
 }

 .homeage-pagination-dot-indicator,
 .pagination-dot-indicator,
 .pagination-dot-indicator3 {
   width: 10px;
   position: relative;
   border-radius: var(--radius-full);
   background-color: var(--pushmyroi-Primary);
   height: 10px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .homeage-pagination-dot-indicator,
 .pagination-dot-indicator3 {
   background-color: var(--Colors-Background-bg-quaternary);
 }

 .pagination-dot-indicator3 {
   display: none;
 }

 .cta-section {
   align-self: stretch;
   background-color: var(--pushmyroi-Primary);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding: var(--spacing-9xl) 0;
   text-align: left;
   font-size: var(--Font-size-display-md);
   color: var(--Colors-Text-text-primary-on-brand);
   font-family: var(--font-roobert-pro);
 }

 .container13,
 .content19 {
   display: flex;
   align-items: flex-start;
 }

 .container13 {
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
   padding: 0 var(--spacing-4xl);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
 }

 .content19 {
   align-self: stretch;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
   align-content: flex-start;
   gap: var(--spacing-4xl) 0;
 }

 .heading-and-supporting-text8 {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-2xl);
   min-width: var(--width-sm);
   max-width: var(--width-xl);
 }

 .heading8,
 .supporting-text25 {
   align-self: stretch;
   position: relative;
 }

 .heading8 {
   margin: 0;
   font-size: inherit;
   letter-spacing: -0.02em;
   line-height: var(--Line-height-display-md);
   font-weight: 600;
   font-family: inherit;
 }

 .supporting-text25 {
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   font-family: var(--font-roobert-pro-reg);
   color: var(--Colors-Text-text-tertiary-on-brand);
 }

 .footer3 {
   width: 1440px;
   background-color: var(--Miscellaneous-Sidebar-Fill-Selected);
   overflow: hidden;
   display: flex;
   align-items: center;
   padding: var(--Space-1200) 0;
   box-sizing: border-box;
   gap: var(--spacing-7xl);
   text-align: center;
   font-size: var(--Font-size-display-sm);
   color: var(--Colors-Text-text-primary-900);
   font-family: var(--font-roobert-pro);
 }

 .container14,
 .content20,
 .footer3 {
   flex-direction: column;
   justify-content: flex-start;
 }

 .container14 {
   width: 1280px;
   display: none;
   align-items: flex-start;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
 }

 .content20 {
   align-self: stretch;
   display: flex;
   align-items: center;
   gap: var(--spacing-6xl);
 }

 .logo2 {
   width: 61px;
   position: relative;
   height: 48px;
 }

 .heading-and-supporting-text9 {
   width: 768px;
   display: none;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: var(--spacing-xl);
   max-width: var(--width-xl);
 }

 .heading9 {
   align-self: stretch;
   position: relative;
   line-height: var(--Line-height-display-sm);
   font-weight: 600;
 }

 .actions5,
 .supporting-text26 {
   font-family: var(--font-roobert-pro-reg);
 }

 .supporting-text26 {
   align-self: stretch;
   position: relative;
   font-size: var(--Font-size-text-xl);
   line-height: var(--Line-height-text-xl);
   color: var(--Colors-Text-text-tertiary-600);
 }

 .actions5 {
   display: none;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   gap: var(--spacing-lg);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-secondary-700);
 }

 .buttonsbutton28,
 .buttonsbutton29 {
   box-shadow: var(--Shadows-shadow-xs-skeuomorphic);
   border-radius: var(--radius-md);
   overflow: hidden;
   flex-direction: row;
   justify-content: center;
   padding: var(--spacing-lg) var(--padding-18);
   gap: var(--spacing-sm);
 }

 .buttonsbutton28 {
   background-color: var(--Colors-Background-bg-primary);
   border: 1px solid var(--Colors-Border-border-primary);
   display: flex;
   align-items: center;
 }

 .buttonsbutton29 {
   background-color: var(--color-mediumslateblue);
   border: 2px solid var(--color-gray-200);
   color: var(--Colors-Text-text-white);
 }

 .buttonsbutton29,
 .container15,
 .content21 {
   display: flex;
   align-items: center;
 }

 .container15 {
   width: 100%;
   flex-direction: column;
   justify-content: center;
   padding: 0 var(--container-padding-desktop);
   box-sizing: border-box;
   max-width: var(--container-max-width-desktop);
   text-align: left;
   font-size: var(--Font-size-text-md);
   color: var(--Colors-Text-text-quaternary-500);
   font-family: var(--font-roobert-pro-reg);
 }

 .content21 {
   align-self: stretch;
   flex-direction: row;
   justify-content: space-between;
   gap: 0;
 }

 .footer-text {
   position: relative;
   line-height: var(--Line-height-text-md);
 }

 .logo3 {
   width: 200px;
   position: relative;
   height: 24px;
 }

 .footer-icon,
 .vector-icon11,
 .vector-icon12 {
   position: absolute;
   height: 97.92%;
   width: 8.8%;
   top: 1.25%;
   right: 91.2%;
   bottom: 0.83%;
   left: 0;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .footer-icon,
 .vector-icon12 {
   height: 98.75%;
   width: 9.35%;
   right: 81.25%;
   bottom: 0;
   left: 9.4%;
 }

 .vector-icon12 {
   height: 100%;
   width: 8.95%;
   top: 0;
   right: 71.35%;
   left: 19.7%;
 }

 .vector-icon13 {
   width: 11.95%;
   right: 55.75%;
   left: 32.3%;
 }

 .vector-icon13,
 .vector-icon14,
 .vector-icon15,
 .vector-icon16,
 .vector-icon17,
 .vector-icon18,
 .vector-icon19 {
   position: absolute;
   height: 97.92%;
   top: 1.25%;
   bottom: 0.83%;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .vector-icon14 {
   width: 2.5%;
   right: 67.65%;
   left: 29.85%;
   z-index: 1;
 }

 .vector-icon15,
 .vector-icon16,
 .vector-icon17,
 .vector-icon18,
 .vector-icon19 {
   width: 12.5%;
   right: 40.55%;
   left: 46.95%;
 }

 .vector-icon16,
 .vector-icon17,
 .vector-icon18,
 .vector-icon19 {
   width: 10.55%;
   right: 29.4%;
   left: 60.05%;
 }

 .vector-icon17,
 .vector-icon18,
 .vector-icon19 {
   width: 9.1%;
   right: 16.5%;
   left: 74.4%;
 }

 .vector-icon18,
 .vector-icon19 {
   height: 100%;
   width: 12%;
   top: 0;
   right: 3.75%;
   bottom: 0;
   left: 84.25%;
 }

 .vector-icon19 {
   height: 97.92%;
   width: 2.55%;
   top: 1.25%;
   right: 0;
   bottom: 0.83%;
   left: 97.45%;
 }

 .footer-links,
 .section-divider {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
 }

 .footer-links {
   height: 24px;
   justify-content: flex-start;
   gap: 15.5px;
 }

 .section-divider {
   align-self: stretch;
   justify-content: center;
 }

 .container-icon {
   width: 1280px;
   max-height: 100%;
 }

 .container16,
 .footer4 {
   flex-direction: column;
   justify-content: flex-start;
   box-sizing: border-box;
 }

 .footer4 {
   width: 1440px;
   background-color: var(--Colors-Background-bg-primary);
   overflow: hidden;
   display: none;
   align-items: center;
   padding: var(--spacing-6xl) 0;
 }

 .container16 {
   width: 100%;
   display: flex;
   align-items: flex-start;
   padding: 0 var(--container-padding-desktop);
   max-width: var(--container-max-width-desktop);
 }

 .content22,
 .social-icons {
   display: flex;
   flex-direction: row;
   align-items: center;
 }

 .content22 {
   align-self: stretch;
   justify-content: space-between;
   gap: 20px;
 }

 .social-icons {
   width: 320px;
   justify-content: flex-start;
   gap: var(--spacing-3xl);
 }

 .social-icon {
   position: relative;
   overflow: hidden;
   width: 24px;
   height: 24px;
 }

 .vector-icon20 {
   position: absolute;
   height: 87.5%;
   top: 6.25%;
   bottom: 6.25%;
   left: calc(50% - 11px);
   max-height: 100%;
   width: 21.9px;
 }

 .homeage-social-icon {
   width: 24px;
   position: relative;
   height: 24px;
   overflow: hidden;
   flex-shrink: 0;
 }

 .vector-icon21 {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   right: 0;
   bottom: 0.42%;
   left: 0;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .social-icon3 {
   width: 24px;
   position: relative;
   height: 24px;
   overflow: hidden;
   flex-shrink: 0;
   display: none;
 }

 .vector-icon22,
 .vector-icon23 {
   position: absolute;
   height: 97.5%;
   width: 100%;
   top: 0;
   right: 0;
   bottom: 2.5%;
   left: 0;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .vector-icon23 {
   height: 100%;
   width: 69.58%;
   right: 15%;
   bottom: 0;
   left: 15.42%;
 }

 .social-icon5 {
   width: 24px;
   position: relative;
   height: 24px;
   display: none;
 }

 .vector-icon25,
 .vector-icon26,
 .vector-icon27 {
   position: absolute;
   height: 70.83%;
   width: 62.5%;
   top: 0;
   right: 35.83%;
   bottom: 29.17%;
   left: 1.67%;
   max-width: 100%;
   overflow: hidden;
   max-height: 100%;
 }

 .vector-icon26,
 .vector-icon27 {
   top: 14.58%;
   right: 18.75%;
   bottom: 14.58%;
   left: 18.75%;
 }

 .vector-icon27 {
   top: 29.17%;
   right: 1.67%;
   bottom: 0;
   left: 35.83%;
 }

 .logo4 {
   width: 40px;
   position: relative;
   height: 32px;
 }

 .homeage-footer-text {
   width: 320px;
   position: relative;
   line-height: var(--Line-height-text-md);
   display: inline-block;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1275px) {

   .container,
   .container10,
   .container11,
   .container14,
   .container15,
   .container16,
   .container2,
   .homeage-container {
     max-width: 100%;
   }

 }

 @media screen and (max-width: 1100px) {
   .section {
     padding-top: 62px;
     box-sizing: border-box;
   }

   .content14,
   .content21 {
     flex-wrap: wrap;
   }

   .footer3 .content21 {
     width: 100%;
     flex-direction: column;
     justify-content: center !important;
     gap: 16px !important;
   }

   .footer3 .content21 .logo3 {
     order: -1;
   }

   .footer3 .content21 .footer-text {
     order: 1;
   }
 }

 @media screen and (max-width: 1000px) {
   .logos {
     grid-template-columns: 1fr 1fr;
   }

   .logos .company-logo2:last-child {
     grid-column: span 2;
   }
 }

 @media screen and (max-width: 750px) {
   .section {
     gap: var(--gap-32);
     padding-top: 40px;
     box-sizing: border-box;
   }

   .homeage-container {
     gap: var(--gap-16);
   }

   .heading-and-supporting-text {
     max-width: 100%;
   }

   .heading {
     font-size: 58px;
     line-height: 72px;
   }

   .container2 {
     gap: var(--gap-16);
   }

   .pricing-section {
     gap: var(--gap-32);
     padding-top: 62px;
     padding-bottom: 62px;
     box-sizing: border-box;
   }

   .container10 {
     gap: var(--gap-16);
   }

   .heading-and-supporting-text4 {
     max-width: 100%;
   }

   .heading4 {
     font-size: 29px;
     line-height: 35px;
   }

   .container11,
   .content14 {
     gap: var(--gap-16);
   }

   .footer3 {
     gap: var(--gap-32);
   }

   .heading-and-supporting-text9 {
     max-width: 100%;
   }

   .heading9 {
     font-size: 24px;
     line-height: 30px;
   }

   .container15 {
     gap: var(--gap-16);
   }

   .content22 {
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 550px) {

   .heading-and-supporting-text8 {
     flex: none;
     min-width: 280px;
     max-width: 100%;
   }

   .homeage-call-out {
     top: -20px;
   }


 }

 @media screen and (max-width: 450px) {
   .hero-header-section {
     height: auto;
   }

   .section {
     gap: var(--gap-16);
   }

   .homeage-content {
     gap: 24px;
   }

   .heading {
     font-size: 43px;
     line-height: 54px;
   }

   .supporting-text {
     font-size: var(--font-size-16);
     line-height: 24px;
   }

   .badge-container {
     flex-wrap: wrap;
   }

   .content13,
   .pricing-section {
     gap: var(--gap-16);
   }

   .heading4 {
     font-size: 22px;
     line-height: 26px;
   }

   .supporting-text20 {
     font-size: var(--font-size-16);
     line-height: 24px;
   }

   .footer3 {
     gap: var(--gap-16);
   }

   .heading9 {
     font-size: 18px;
     line-height: 23px;
   }

   .supporting-text26 {
     font-size: var(--font-size-16);
     line-height: 24px;
   }
 }

 .swiper {
   width: 100%;
   height: 100%;
 }

 .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .swiper-slide img:not(.avatar-icon) {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .swiper-pagination {
   position: relative !important;
   margin-top: 40px;
 }

 .swiper-pagination-bullet {
   width: 10px;
   position: relative;
   border-radius: var(--radius-full);
   background-color: var(--pushmyroi-Primary);
   height: 10px;
   overflow: hidden;
   flex-shrink: 0;
 }