.navbar1-container {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    background-color: var(--dl-color-theme-neutral-light);
  }
  .navbar1-navbar-interactive {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: var(--dl-space-space-halfunit);
    padding-left: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
    padding-bottom: var(--dl-space-space-halfunit);
    justify-content: space-between;
    max-width: 100%;
  }
  .navbar1-image1 {
    width: 183px;
    height: 23px;
  }
  .navbar1-desktop-menu {
    flex: 1;
    display: flex;
    justify-content: space-between;
  }
  .navbar1-links {
    gap: var(--dl-space-space-twounits);
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .navbar1-buttons {
    gap: var(--dl-space-space-twounits);
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .navbar1-action1 {
    display: flex;
    border-color: #18785f;
    flex-direction: row;
    background-color: #18785f;
  }
  .navbar1-burger-menu {
    display: none;
  }
  .navbar1-icon {
    width: var(--dl-size-size-xsmall);
    height: var(--dl-size-size-xsmall);
  }
  .navbar1-mobile-menu {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: none;
    padding: var(--dl-space-space-twounits);
    z-index: 100;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--dl-color-monotones-vdarkgrey);
  }
  .navbar1-nav {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .navbar1-top {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--dl-space-space-threeunits);
    justify-content: space-between;
  }
  .navbar1-logo {
    height: 3rem;
  }
  .navbar1-close-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  .navbar1-icon02 {
    width: var(--dl-size-size-xsmall);
    height: var(--dl-size-size-xsmall);
  }
  .navbar1-links1 {
    gap: var(--dl-space-space-unit);
    flex: 0 0 auto;
    display: flex;
    align-self: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .navbar1-buttons1 {
    gap: var(--dl-space-space-twounits);
    display: flex;
    margin-top: var(--dl-space-space-twounits);
    align-items: center;
    flex-direction: row;
  }
  .navbar1-icon-group {
    gap: var(--dl-space-space-twounits);
    display: flex;
  }
  .navbar1-fragment1 {
    display: contents;
  }
  .navbar1-text001 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .navbar1-fragment {
    display: contents;
  }
  .navbar1-text {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .navbar1-fragment4 {
    display: contents;
  }
  .navbar1-text004 {
    display: inline-block;
  }
  .navbar1-fragment2 {
    display: contents;
  }
  .navbar1-text002 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .navbar1-fragment3 {
    display: contents;
  }
  .navbar1-text003 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .navbar1-root-class-name {
    height: auto;
    align-self: flex-start;
    background-color: #494949;
  }
  @media(max-width: 767px) {
    .navbar1-navbar-interactive {
      padding-left: var(--dl-space-space-twounits);
      padding-right: var(--dl-space-space-twounits);
    }
    .navbar1-desktop-menu {
      display: none;
    }
    .navbar1-burger-menu {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .navbar1-icon {
      fill: var(--dl-color-monotones-white);
    }
  }
  @media(max-width: 430px) {
    .navbar1-navbar-interactive {
      padding: var(--dl-space-space-unit);
      padding-right: 16px;
    }
    .navbar1-mobile-menu {
      padding: var(--dl-space-space-unit);
    }
  }
  
  .landing-page-container {
    width: 100%;
    display: flex;
    overflow: auto;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-fragment {
    display: contents;
  }
  .landing-page-text {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .landing-page-fragment1 {
    display: contents;
  }
  .landing-page-text001 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .landing-page-fragment2 {
    display: contents;
  }
  .landing-page-text002 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .landing-page-fragment3 {
    display: contents;
  }
  .landing-page-text003 {
    fill: var(--dl-color-monotones-white);
    color: var(--dl-color-monotones-white);
    display: inline-block;
    text-decoration: none;
  }
  .landing-page-fragment4 {
    display: contents;
  }
  .landing-page-text004 {
    display: inline-block;
  }
  .landing-page-landing-page {
    width: 100%;
    height: auto; /* Change from fixed height */
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column; /* Add this to stack sections vertically */
    background-color: var(--dl-color-monotones-white);
  }
  .landing-page-group40779 {
    display: none; /* Hide the empty background div */
  }
  .landing-page-frame40931 {
    position: relative;
    gap: 40px;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    padding: 80px 20px;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(109deg, rgba(207, 251, 214, 1) 0%, rgba(149, 176, 249, 1) 100%); /* Move background here */
    z-index: 1;
  }
  .landing-page-frame40974 {
    gap: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-boss-boleh-logo {
    width: 200px;
    height: 56.98630142211914px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-image {
    width: 200px;
    height: 100%;
    object-fit: cover;
  }
  .landing-page-frame40929 {
    gap: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-frame40930 {
    gap: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-frame40996 {
    gap: -20px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-text005 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 64px;
    align-self: stretch;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica";
    font-weight: 700px;
    line-height: 140%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-text006 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 64px;
    align-self: stretch;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica";
    font-weight: 700px;
    line-height: 140%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-text007 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 32px;
    font-style: normal;
    text-align: justified;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-text008 {
    color: white;
    height: auto;
    font-size: 20px;
    font-style: normal;
    text-align: justified;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-header-image {
    width: 871px;
    height: 477.0102844238281px;
    display: flex;
    z-index: 1;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-image1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .landing-page-frame40835 {
    gap: 11px;
    display: flex;
    z-index: 2;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .landing-page-cta-button {
    gap: 5px;
    width: 260px;
    height: 50px;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    justify-content: center;
    background-color: var(--dl-color-logo-turqoise200);
  }
  .landing-page-text008 {
    color: var(--dl-color-monotones-white);
    height: auto;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 600px;
    line-height: 150%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-svg16x16-right-arrow {
    width: 16px;
    height: 16px;
  }
  .landing-page-text010 {
    color: var(--dl-color-monotones-vdarkgrey);
    height: auto;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame40960 {
    position: relative;
    gap: 20px;
    width: 100%;
    height: auto;
    display: flex;
    padding: 80px 20px;
    background: linear-gradient(-40deg, rgba(207, 251, 214, 1) 0%, rgba(149, 176, 249, 1) 100%);
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
    margin-top: 0; /* Ensure no gap */
  }
  .landing-page-frame409291 {
    gap: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-frame409301 {
    gap: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-text012 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 48px;
    font-style: normal;
    text-align: justified;
    font-family: "Helvetica";
    font-weight: 700px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-text014 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 32px;
    font-style: normal;
    text-align: justified;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-manage-plan-monthly-proposed {
    gap: 20px;
    width: 960px;
    display: flex;
    padding: 10px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
  }
  .landing-page-monthly-yearly {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
  }
  .landing-page-text016 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 700px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame48x48-toggle-off {
    width: 64px;
    height: 64px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-rectangle1 {
    top: 16px;
    left: 0px;
    width: 64px;
    height: 32px;
    position: absolute;
    border-radius: 35.55555725097656px;
  }
  .landing-page-vector {
    top: 19.55556297302246px;
    left: 3.5553386211395264px;
    width: 25px;
    height: 25px;
    position: absolute;
  }
  .landing-page-text018 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-pricing-plan {
    gap: 20px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 10px;
  }
  .landing-page-big-boss-plan {
    gap: 20px;
    width: 300px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
  }
  .landing-page-frame40904 {
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-plan-name3,
  .landing-page-plan-name2,
  .landing-page-plan-name21 {
    gap: 20px;
    display: flex;
    padding: 30px 20px 50px 20px;
    align-self: stretch;
    align-items: center;
    border-color: rgba(242, 242, 242, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 10px 10px 0 0;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--dl-color-monotones-offwhite);
    min-height: 400px; /* Increase height significantly */
    position: relative;
    padding-bottom: 50px;
  }
  .landing-page-frame40850,
  .landing-page-frame408501,
  .landing-page-frame408502 {
    gap: 10px;
    display: flex;
    position: relative;
    align-self: stretch;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px; /* Increase space below logo */
    height: 160px; /* Increase height from 140px */
    justify-content: flex-start; /* Align logo to top of container */
  }
  .landing-page-ellipse92,
  .landing-page-ellipse921,
  .landing-page-ellipse922 {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 10px; /* Keep at top */
    z-index: 1;
  }
  .landing-page-frame40994,
  .landing-page-frame409941,
  .landing-page-frame409942 {
    gap: 5px;
    display: flex;
    position: relative;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
    margin-top: 80px;
    padding-top: 30px;
    z-index: 10;
  }
  .landing-page-text020,
  .landing-page-text052,
  .landing-page-text084 {
    color: var(--dl-color-monotones-vdarkgrey);
    width: auto;
    height: auto;
    font-size: 42px;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica";
    font-weight: 700;
    line-height: 1;
    margin: 0;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 10;
    order: 2; /* Number comes second */
  }
  .landing-page-text022,
  .landing-page-text054,
  .landing-page-text085 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400;
    line-height: 1;
    margin: 0;
    margin-right: 5px; /* Space between RM and number */
    display: inline-block !important;
    align-self: flex-end; /* Align to bottom of the number */
    z-index: 10;
    order: 1; /* RM comes first */
  }
  .landing-page-text024,
  .landing-page-text056,
  .landing-page-text086 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    font-size: 14px;
    width: 100%;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica";
    font-weight: 400;
    line-height: 1.4;
    margin: 10px 0 5px 0;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    order: 3; /* Description comes third */
  }
  .landing-page-text026,
  .landing-page-text058,
  .landing-page-text088 {
    color: var(--dl-color-highlight-highlightmedium);
    height: auto;
    font-size: 18px;
    width: 100%;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica";
    font-weight: 600;
    line-height: 1.3;
    margin: 5px 0;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    order: 4; /* Highlight comes last */
  }
  .landing-page-frame40995,
  .landing-page-frame409951,
  .landing-page-frame409952 {
    margin-top: 40px !important; /* Push buttons down */
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px !important;
  }
  .landing-page-cta-button1 {
    gap: 5px;
    display: flex;
    padding: 10px 20px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(24, 119, 95, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    justify-content: center;
    margin-top: 20px !important;
  }
  .landing-page-text028 {
    color: var(--dl-color-highlight-highlight);
    height: auto;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 600px;
    line-height: 150%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-features {
    gap: 10px;
    height: 430px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    padding-top: 38px;
    border-color: rgba(242, 242, 242, 1);
    border-style: solid;
    border-width: 1px;
    padding-left: 20px;
    border-radius: 0 0 10px 10px;
    padding-right: 20px;
    flex-direction: column;
    padding-bottom: 38px;
    background-color: var(--dl-color-monotones-white);
  }
  .landing-page-frame40969 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path1369 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text030 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame40971 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark01 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check01 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136901 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
    background-size: cover;
    /* background-image: url("public/external/path1369i8563-1n7r.svg"); */
    background-image: "external/path1369i8563-1n7r.svg";
  }
  .landing-page-text032 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame40982 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark02 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check02 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136902 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text034 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame40980 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark03 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check03 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136903 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text036 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40978 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark04 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check04 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136904 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text038 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40977 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark05 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check05 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136905 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-cloudaccounting {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text040 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame24x24-accounting {
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-framex310math {
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector01 {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    position: absolute;
  }
  .landing-page-vector02 {
    top: 2.75px;
    left: 2.75px;
    width: 6px;
    height: 6px;
    position: absolute;
  }
  .landing-page-vector03 {
    top: 5px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector04 {
    top: 17px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector05 {
    top: 14px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector06 {
    top: 13.9090576171875px;
    left: 3.4090576171875px;
    width: 5px;
    height: 5px;
    position: absolute;
  }
  .landing-page-frame40975 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark06 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check06 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136906 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-frame40959 {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text042 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-comments-label {
    gap: 10px;
    display: flex;
    padding: 1px 5px;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    background-color: rgba(252, 205, 0, 1);
  }
  .landing-page-text044 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    line-height: 139.9999976158142%;
  }
  .landing-page-frame409741 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark07 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check07 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136907 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text046 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40973 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark08 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check08 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136908 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
    background-size: cover;
    /* background-image: url("public/external/path1369i8563-1n7r.svg");"external/group.svg" */
    background-image: "external/path1369i8563-1n7r.svg";
  }
  .landing-page-text048 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40972 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark09 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check09 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136909 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text050 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40903 {
    gap: 20px;
    width: 300px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
  }
  .landing-page-gwoth-plan {
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-direction: column;
  }
  .landing-page-group01 {
    top: 3.4876089096069336px;
    left: 0px;
    width: 72.00013732910156px;
    height: 63.931190490722656px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group02 {
    top: -2.384185791015625e-7px;
    left: 6.970359802246094px;
    width: 58.059425354003906px;
    height: 63.09623718261719px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector07 {
    top: 58.10565185546875px;
    left: -0.0000019073486328125px;
    width: 10px;
    height: 5px;
    position: absolute;
  }
  .landing-page-vector08 {
    top: 58.10565185546875px;
    left: 15.905107498168945px;
    width: 10px;
    height: 5px;
    position: absolute;
  }
  .landing-page-vector09 {
    top: 58.10565185546875px;
    left: 31.81035614013672px;
    width: 10px;
    height: 5px;
    position: absolute;
  }
  .landing-page-vector10 {
    top: 58.10565185546875px;
    left: 47.7154655456543px;
    width: 10px;
    height: 5px;
    position: absolute;
  }
  .landing-page-vector11 {
    top: 47.886962890625px;
    left: -0.0000019073486328125px;
    width: 10px;
    height: 11px;
    position: absolute;
  }
  .landing-page-vector12 {
    top: 40.31328201293945px;
    left: 15.905107498168945px;
    width: 10px;
    height: 19px;
    position: absolute;
  }
  .landing-page-vector13 {
    top: 32.73945617675781px;
    left: 31.81035614013672px;
    width: 10px;
    height: 27px;
    position: absolute;
  }
  .landing-page-vector14 {
    top: 25.16562843322754px;
    left: 47.7154655456543px;
    width: 10px;
    height: 34px;
    position: absolute;
  }
  .landing-page-vector15 {
    top: -2.384185791015625e-7px;
    left: 3.939326286315918px;
    width: 48px;
    height: 32px;
    position: absolute;
  }
  .landing-page-group03 {
    top: 10.282293319702148px;
    left: 3.012948989868164px;
    width: 45.10582733154297px;
    height: 23.09911346435547px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group04 {
    top: 0px;
    left: 0px;
    width: 45.10582733154297px;
    height: 23.09911346435547px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group05 {
    top: 0px;
    left: 0px;
    width: 45.10582733154297px;
    height: 23.09911346435547px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector16 {
    top: 0px;
    left: 0px;
    width: 45px;
    height: 23px;
    position: absolute;
  }
  .landing-page-vector17 {
    top: 61.849700927734375px;
    left: 0px;
    width: 72px;
    height: 2px;
    position: absolute;
  }
  .landing-page-popular {
    top: 37px;
    right: -32px;
    width: 114px;
    height: 110.560546875px;
    display: flex;
    z-index: 1;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-intersect {
    top: -38px;
    left: -28px;
    width: 111px;
    height: 111px;
    position: absolute;
  }
  .landing-page-text060 {
    top: -6px;
    left: -13px;
    color: var(--dl-color-monotones-white);
    height: auto;
    position: absolute;
    font-size: 16px;
    transform: rotate(45deg);
    align-self: center;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 700px;
    line-height: 160.0000023841858%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-cta-button2 {
    gap: 5px;
    display: flex;
    padding: 10px 20px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    justify-content: center;
    background-color: var(--dl-color-logo-turqoise200);
    margin-top: 20px !important;
  }
  .landing-page-text062 {
    color: var(--dl-color-monotones-white);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 150%;
  }
  .landing-page-features1 {
    gap: 10px;
    height: 430px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    padding-top: 38px;
    border-color: rgba(242, 242, 242, 1);
    border-style: solid;
    border-width: 1px;
    padding-left: 20px;
    border-radius: 0 0 10px 10px;
    padding-right: 20px;
    flex-direction: column;
    padding-bottom: 38px;
    background-color: var(--dl-color-monotones-white);
  }
  .landing-page-frame409691 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark10 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check10 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136910 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text064 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409711 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark11 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check11 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136911 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text066 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409821 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark12 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check12 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136912 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text068 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409801 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark13 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check13 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136913 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text070 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409781 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark14 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check14 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136914 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text072 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409771 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark15 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check15 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136915 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-cloudaccounting1 {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text074 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame24x24-accounting1 {
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-framex310math1 {
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group06 {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector18 {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    position: absolute;
  }
  .landing-page-vector19 {
    top: 2.75px;
    left: 2.75px;
    width: 6px;
    height: 6px;
    position: absolute;
  }
  .landing-page-vector20 {
    top: 5px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector21 {
    top: 17px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector22 {
    top: 14px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector23 {
    top: 13.9090576171875px;
    left: 3.4090576171875px;
    width: 5px;
    height: 5px;
    position: absolute;
  }
  .landing-page-frame409751 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark16 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check16 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136916 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-frame409591 {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text076 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-comments-label1 {
    gap: 10px;
    display: flex;
    padding: 1px 5px;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    background-color: rgba(252, 205, 0, 1);
  }
  .landing-page-text078 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    line-height: 139.9999976158142%;
  }
  .landing-page-frame409742 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark17 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check17 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136917 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text080 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409731 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark18 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check18 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136918 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text082 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-starter-plan {
    gap: 20px;
    width: 300px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
    position: relative;
    max-width: 400px;
    margin: 10px 0;
  }
  .landing-page-frame409041 {
    display: flex;
    position: relative;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-group07 {
    top: 0px;
    left: 9px;
    width: 54.76797103881836px;
    height: 70.90640258789062px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector24 {
    top: 11.050338745117188px;
    left: 8.042983055114746px;
    width: 39px;
    height: 46px;
    position: absolute;
  }
  .landing-page-vector25 {
    top: 11.050338745117188px;
    left: 23.74362564086914px;
    width: 23px;
    height: 46px;
    position: absolute;
  }
  .landing-page-vector26 {
    top: -0.0000013148637663107365px;
    left: 8.013344764709473px;
    width: 39px;
    height: 24px;
    position: absolute;
  }
  .landing-page-vector27 {
    top: 0.000002911485353251919px;
    left: 25.084625244140625px;
    width: 22px;
    height: 24px;
    position: absolute;
  }
  .landing-page-vector28 {
    top: 41.9833869934082px;
    left: 4.768645286560059px;
    width: 45px;
    height: 29px;
    position: absolute;
  }
  .landing-page-vector29 {
    top: 44.44069290161133px;
    left: 24.90603256225586px;
    width: 25px;
    height: 26px;
    position: absolute;
  }
  .landing-page-group08 {
    top: 27.820941925048828px;
    left: 19.827499389648438px;
    width: 15.112968444824219px;
    height: 2.6822547912597656px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector30 {
    top: 0px;
    left: 0px;
    width: 2px;
    height: 3px;
    position: absolute;
  }
  .landing-page-vector31 {
    top: 5.625624908134341e-7px;
    left: 12.940028190612793px;
    width: 2px;
    height: 3px;
    position: absolute;
  }
  .landing-page-vector32 {
    top: 31.836013793945312px;
    left: 23.94009017944336px;
    width: 7px;
    height: 6px;
    position: absolute;
  }
  .landing-page-vector33 {
    top: 28.775012969970703px;
    left: 43.42606735229492px;
    width: 11px;
    height: 12px;
    position: absolute;
  }
  .landing-page-vector34 {
    top: 28.953641891479492px;
    left: 43.9852180480957px;
    width: 11px;
    height: 12px;
    position: absolute;
  }
  .landing-page-vector35 {
    top: 28.775012969970703px;
    left: 9.5367431640625e-7px;
    width: 11px;
    height: 12px;
    position: absolute;
  }
  .landing-page-cta-button3 {
    gap: 5px;
    display: flex;
    padding: 10px 20px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(24, 119, 95, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    justify-content: center;
    margin-top: 20px !important;
  }
  .landing-page-text090 {
    color: var(--dl-color-highlight-highlight);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 150%;
  }
  .landing-page-features2 {
    gap: 10px;
    height: 430px;
    display: flex;
    z-index: 1;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    padding-top: 38px;
    border-color: rgba(242, 242, 242, 1);
    border-style: solid;
    border-width: 1px;
    padding-left: 20px;
    border-radius: 0 0 10px 10px;
    padding-right: 20px;
    flex-direction: column;
    padding-bottom: 38px;
    background-color: var(--dl-color-monotones-white);
  }
  .landing-page-frame40970 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark19 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check19 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136919 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text092 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409822 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark20 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check20 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136920 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text094 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40981 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark21 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check21 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136921 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text096 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame40979 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark22 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check22 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136922 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-text098 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    flex-grow: 1;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame409772 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark23 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check23 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136923 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-cloudaccounting2 {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text100 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-frame24x24-accounting2 {
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-framex310math2 {
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group09 {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector36 {
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    position: absolute;
  }
  .landing-page-vector37 {
    top: 2.75px;
    left: 2.75px;
    width: 6px;
    height: 6px;
    position: absolute;
  }
  .landing-page-vector38 {
    top: 5px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector39 {
    top: 17px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector40 {
    top: 14px;
    left: 13.25px;
    width: 6px;
    height: 1px;
    position: absolute;
  }
  .landing-page-vector41 {
    top: 13.9090576171875px;
    left: 3.4090576171875px;
    width: 5px;
    height: 5px;
    position: absolute;
  }
  .landing-page-frame40976 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
  }
  .landing-page-frame16x16-checkmark24 {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-check24 {
    top: 0px;
    left: 2px;
    width: 14px;
    bottom: 0px;
    height: 11px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-path136924 {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 11px;
    position: absolute;
  }
  .landing-page-frame40958 {
    gap: 5px;
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .landing-page-text102 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 160.0000023841858%;
  }
  .landing-page-bbdragonv400011 {
    position: absolute;
    width: 329px;
    height: 329px;
    z-index: 3;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
  }
  .landing-page-frame409953 {
    gap: 10px;
    width: 260px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
  }
  .landing-page-cta-button4 {
    gap: 5px;
    width: 260px;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    justify-content: center;
    background-color: rgba(230, 9, 9, 1);
  }
  .landing-page-text104 {
    color: var(--dl-color-monotones-white);
    height: auto;
    font-size: 16px;
    font-style: SemiBold;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 600;
    line-height: 150%;
    font-stretch: normal;
    text-decoration: none;
  }
  .landing-page-text106 {
    color: var(--dl-color-monotones-darkgrey);
    height: auto;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    font-family: "Helvetica";
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-frame409692 {
    gap: 20px;
    position: relative; /* Change from absolute */
    top: auto; /* Remove fixed positioning */
    left: auto;
    width: 100%;
    height: auto; /* Change from fixed height */
    display: flex;
    padding: 40px 20px;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
    background-color: var(--dl-color-monotones-offwhite);
  }
  .landing-page-group40782 {
    width: 830px;
    height: 140px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-frame40964 {
    gap: 10px;
    top: 0px;
    left: 0px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-text108 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text110 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text112 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text114 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text116 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-frame40965 {
    gap: 10px;
    top: 0px;
    left: 240px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-text118 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text120 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text122 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-frame40967 {
    gap: 10px;
    top: 0px;
    left: 480px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-text124 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text126 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text128 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-frame40966 {
    gap: 10px;
    top: 0px;
    left: 720px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-text130 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text132 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text134 {
    color: rgba(0, 0, 0, 1);
    width: 110px;
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-text136 {
    color: rgba(0, 0, 0, 1);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-dividerwithpadding {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
  }
  .landing-page-divider {
    width: 960px;
    height: 0px;
    display: flex;
    position: relative;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-line {
    top: 0px;
    left: 0px;
    width: 960px;
    height: 1px;
    position: absolute;
  }
  .landing-page-frame40968 {
    gap: 20px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-frame409732 {
    gap: 20px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: space-between;
  }
  .landing-page-frame409701 {
    gap: 10px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .landing-page-boss-boleh-logo1 {
    width: 196.76548767089844px;
    height: 56.06468963623047px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-image2 {
    width: 200px;
    height: 100%;
    object-fit: cover;
  }
  .landing-page-text138 {
    color: var(--dl-color-monotones-mainblack);
    height: auto;
    text-align: left;
    font-family: "Helvetica";
    line-height: 139.9999976158142%;
  }
  .landing-page-socials {
    gap: 20px;
    display: flex;
    align-items: flex-start;
    padding: 1rem !important;
  }
  .landing-page-facebook1 {
    width: 36px;
    height: 36px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .landing-page-group10 {
    top: 0px;
    left: 0px;
    width: 35.999996185302734px;
    height: 35.999996185302734px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-group11 {
    top: 0px;
    left: 0px;
    width: 35.999996185302734px;
    height: 35.999996185302734px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }
  .landing-page-vector42 {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    position: absolute;
  }
  .landing-page-instagram1 {
    width: 36px;
    height: 36px;
  }
  .landing-page-linkedin {
    width: 36px;
    height: 36px;
  }
  .landing-page-frame409712 {
    gap: 5px;
    display: flex;
    align-items: flex-start;
  }
  .landing-page-text140 {
    color: rgba(110, 110, 110, 1);
    height: auto;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    font-family: DM Sans;
    font-weight: 400px;
    line-height: 139.9999976158142%;
    font-stretch: normal;
    letter-spacing: 0em;
  }
  .landing-page-text141 {
    color: var(--dl-color-monotones-darkgrey);
  }
  .landing-page-text142 {
    color: var(--dl-color-highlight-highlight);
  }
  .landing-page-text143 {
    color: var(--dl-color-monotones-darkgrey);
  }
  .landing-page-text144 {
    color: var(--dl-color-highlight-highlight);
  }
  @media(max-width: 1600px) {
    .landing-page-group40779 {
      width: 1596px;
    }
    .landing-page-frame40931 {
      width: 1600px;
      padding-right: 0px;
    }
    .landing-page-frame40960 {
      width: 1600px;
    }
    .landing-page-frame409692 {
      width: 1600px;
      height: 386px;
    }
    .landing-page-group40782 {
      align-self: center;
    }
    .landing-page-dividerwithpadding {
      align-self: center;
    }
    .landing-page-frame40968 {
      width: 860px;
      align-self: center;
    }
  }
  @media(max-width: 1200px) {
    .landing-page-frame40931 {
      width: 1200px;
    }
    .landing-page-frame40960 {
      width: 1200px;
    }
    .landing-page-frame409692 {
      width: 1200px;
    }
  }
  @media(max-width: 991px) {
    .landing-page-frame40931 {
      width: 990px;
    }
    .landing-page-frame40960 {
      width: 990px;
    }
    .landing-page-frame409692 {
      width: 990px;
    }
  }
  @media(max-width: 767px) {
    .landing-page-landing-page {
      height: 5061px;
      padding-bottom: var(--dl-space-space-halfunit);
    }
    .landing-page-group40779 {
      width: 767px;
    }
    .landing-page-frame40931 {
      width: 767px;
    }
    .landing-page-text005 {
      font-size: 55px;
    }
    .landing-page-text006 {
      font-size: 55px;
    }
    .landing-page-text007 {
      font-size: 32px;
    }
    .landing-page-header-image {
      width: 675px;
      height: 412px;
      align-self: center;
    }
    .landing-page-image1 {
      width: 100%;
      height: 100%;
      padding: var(--dl-space-space-twounits);
    }
    .landing-page-frame40960 {
      width: 767px;
      height: 3489px;
      justify-content: flex-start;
    }
    .landing-page-text014 {
      text-align: center;
    }
    .landing-page-manage-plan-monthly-proposed {
      height: 3037px;
    }
    .landing-page-pricing-plan {
      height: 2974px;
      align-items: center;
      flex-direction: column;
    }
    .landing-page-big-boss-plan {
      width: 521px;
      height: 24px;
    }
    .landing-page-frame40903 {
      width: 522px;
      height: 0px;
      padding-bottom: var(--dl-space-space-halfunit);
    }
    .landing-page-group01 {
      right: -2px;
      bottom: -38px;
    }
    .landing-page-frame409692 {
      left: -14px;
      width: 767px;
      bottom: 0px;
      height: 399px;
      position: static;
      align-self: flex-end;
      align-items: flex-start;
      padding-right: 28px;
      justify-content: flex-start;
    }
    .landing-page-group40782 {
      width: 707px;
      align-self: flex-end;
    }
    .landing-page-frame40965 {
      top: 0px;
      left: 169px;
    }
    .landing-page-frame40967 {
      top: -3px;
      left: 325px;
    }
    .landing-page-frame40966 {
      top: -6px;
      left: 477px;
      flex-direction: column;
    }
    .landing-page-dividerwithpadding {
      width: 707px;
      align-self: flex-end;
    }
    .landing-page-frame40968 {
      width: 707px;
      align-self: flex-end;
    }
  }
  @media(max-width: 430px) {
    .landing-page-landing-page {
      height: 4850px;
    }
    .landing-page-group40779 {
      width: 430px;
      height: 981px;
      border-color: rgba(120, 120, 120, 0);
      border-style: groove;
      border-width: 0px;
    }
    .landing-page-frame40931 {
      width: 430px;
      height: 914px;
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .landing-page-text005 {
      font-size: 40px;
    }
    .landing-page-text006 {
      font-size: 40px;
    }
    .landing-page-text007 {
      font-size: 20px;
      text-align: center;
      padding-top: 0px;
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
      padding-bottom: 0px;
    }
    .landing-page-header-image {
      width: 100%;
      height: 243px;
      margin: 0px;
      align-self: flex-start;
    }
    .landing-page-image1 {
      padding: var(--dl-space-space-twounits);
    }
    .landing-page-frame40960 {
      top: 950px;
      width: 430px;
    }
    .landing-page-text012 {
      font-size: 40px;
    }
    .landing-page-text014 {
      font-size: 20px;
      text-align: center;
    }
    .landing-page-big-boss-plan {
      width: 388px;
      height: 0px;
      padding: var(--dl-space-space-twounits);
    }
    .landing-page-frame40903 {
      width: 388px;
      padding: var(--dl-space-space-twounits);
    }
    .landing-page-group01 {
      z-index: 100;
      position: static;
    }
    .landing-page-frame409041 {
      padding: var(--dl-space-space-twounits);
    }
    .landing-page-frame409692 {
      width: 430px;
      height: 411px;
      padding: 40px;
    }
    .landing-page-group40782 {
      width: 369px;
      align-self: flex-end;
      flex-direction: row;
    }
    .landing-page-frame40964 {
      width: 80px;
      height: 135px;
      padding-left: var(--dl-space-space-halfunit);
      flex-direction: column;
    }
    .landing-page-text108 {
      font-size: 10px;
    }
    .landing-page-text110 {
      font-size: 10px;
    }
    .landing-page-text112 {
      font-size: 10px;
    }
    .landing-page-text114 {
      font-size: 10px;
    }
    .landing-page-text116 {
      font-size: 10px;
    }
    .landing-page-frame40965 {
      left: 100px;
      width: 82px;
      height: 134px;
    }
    .landing-page-text118 {
      font-size: 10px;
    }
    .landing-page-text120 {
      font-size: 10px;
    }
    .landing-page-text122 {
      font-size: 10px;
    }
    .landing-page-frame40967 {
      top: 0px;
      left: 200px;
      height: 124px;
    }
    .landing-page-text124 {
      font-size: 10px;
    }
    .landing-page-text126 {
      font-size: 10px;
    }
    .landing-page-text128 {
      font-size: 10px;
    }
    .landing-page-frame40966 {
      top: 0px;
      left: 280px;
      width: 86px;
      height: 132px;
    }
    .landing-page-text130 {
      font-size: 10px;
    }
    .landing-page-text132 {
      font-size: 10px;
    }
    .landing-page-text134 {
      font-size: 10px;
    }
    .landing-page-text136 {
      font-size: 10px;
    }
    .landing-page-dividerwithpadding {
      width: 400px;
      align-self: center;
      justify-content: center;
    }
    .landing-page-frame40968 {
      width: 422px;
      height: 161px;
      align-self: center;
      justify-content: flex-start;
    }
    .landing-page-frame409732 {
      width: 387px;
      position: relative;
      align-self: flex-start;
      margin-left: var(--dl-space-space-unit);
      margin-right: 0px;
    }
    .landing-page-frame409701 {
      width: 179px;
    }
    .landing-page-boss-boleh-logo1 {
      width: 100%;
      height: 42px;
      margin-left: 0px;
      margin-right: 0px;
    }
    .landing-page-text138 {
      font-size: 10px;
      margin-left: 0px;
    }
    .landing-page-facebook1 {
      width: 37px;
      margin-right: 0px;
    }
    .landing-page-frame409712 {
      margin-left: var(--dl-space-space-unit);
      margin-right: var(--dl-space-space-unit);
    }
    .landing-page-text140 {
      font-size: 10px;
    }
  }
  

/* Ensure page elements are fluid */
body, html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Ensure side padding for all sections */
.landing-page-frame40960,
.landing-page-frame40931,
.landing-page-container,
.landing-page-group40779,
.landing-page-landing-page {
  padding-left: 16px;
  padding-right: 16px;
  width: 100% !important;
  box-sizing: border-box;
}

/* Stack pricing plans vertically on smaller screens */
@media screen and (max-width: 1024px) {
  .landing-page-pricing-plan {
    flex-direction: column !important;
    align-items: center !important;
  }
}


/* Final width correction */
body, html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

/* Ensure all main layout sections use full width and reset extra padding */
.landing-page-container,
.landing-page-landing-page,
.landing-page-group40779,
.landing-page-frame40931,
.landing-page-frame40960 {
  width: 100vw !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}
/* Reset and ensure no horizontal overflow */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* Main container fixes */
.landing-page-container {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

.landing-page-landing-page {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  height: auto;
  min-height: 100vh;
}

/* Hero section - make fully responsive */
.landing-page-group40779 {
  width: 100% !important;
  max-width: 100vw;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100vh;
  position: relative;
}

.landing-page-frame40931 {
  width: 100% !important;
  max-width: 100vw;
  left: 0;
  right: 0;
  padding: 80px 20px;
  height: auto;
  min-height: calc(100vh - 160px);
}

/* Pricing section - make fully responsive */
.landing-page-frame40960 {
  width: 100% !important;
  max-width: 100vw;
  left: 0;
  right: 0;
  padding: 80px 20px;
  height: auto;
  position: relative;
  top: auto;
}

/* Footer section */
.landing-page-frame409692 {
  width: 100% !important;
  max-width: 100vw;
  left: 0;
  right: 0;
  padding: 40px 20px;
  height: auto;
  position: relative;
  top: auto;
}

/* Typography responsive scaling */
.landing-page-text005,
.landing-page-text006 {
  font-size: clamp(32px, 5vw, 64px);
}

.landing-page-text007,
.landing-page-text014 {
  font-size: clamp(18px, 3vw, 32px);
}

.landing-page-text012 {
  font-size: clamp(28px, 4vw, 48px);
}

/* Header image responsive */
.landing-page-header-image {
  width: 100%;
  max-width: 871px;
  height: auto;
  margin: 20px auto;
}

/* Pricing plan container */
.landing-page-manage-plan-monthly-proposed {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
}

.landing-page-pricing-plan {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

/* Individual pricing cards */
.landing-page-big-boss-plan,
.landing-page-frame40903 {
  flex: 1;
  min-width: 280px;
  max-width: 350px;
  width: 100%;
  margin: 10px;
}

/* Fix absolute positioned elements */
.landing-page-pricing-opt201,
.landing-page-pricing-opt202,
.landing-page-pricing-opt203 {
  position: absolute !important;
  top: 35px !important; /* Keep logo position */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 72px;
  height: 70px;
  z-index: 2; /* Lower than text */
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
/* Footer layout fixes */
.landing-page-group40782 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.landing-page-frame40964,
.landing-page-frame40965,
.landing-page-frame40967,
.landing-page-frame40966 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  flex: 1;
  min-width: 150px;
}

/* Responsive breakpoints */

/* Large Desktop (1400px+) */
@media screen and (min-width: 1400px) {
  .landing-page-frame40931,
  .landing-page-frame40960,
  .landing-page-frame409692 {
    padding: 80px 40px;
  }
}

/* Desktop (1200px - 1399px) */
@media screen and (max-width: 1399px) {
  .landing-page-pricing-plan {
    gap: 15px;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    max-width: 320px;
  }
}

/* Large Tablet/Small Desktop (1024px - 1199px) */
@media screen and (max-width: 1199px) {
  .landing-page-frame40931,
  .landing-page-frame40960 {
    padding: 60px 20px;
  }
  
  .landing-page-pricing-plan {
    flex-direction: column;
    align-items: center;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    max-width: 500px;
    width: 100%;
    margin: 10px 0;
  }
}

/* iPad/Tablet (768px - 1023px) */
@media screen and (max-width: 1023px) {
  .landing-page-frame40931,
  .landing-page-frame40960 {
    padding: 50px 20px;
  }
  
  .landing-page-header-image {
    max-width: 600px;
  }
  
  .landing-page-group40782 {
    flex-direction: column;
    gap: 30px;
  }
  
  .landing-page-frame40964,
  .landing-page-frame40965,
  .landing-page-frame40967,
  .landing-page-frame40966 {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Mobile Large (481px - 767px) */
@media screen and (max-width: 767px) {
  .landing-page-frame40931,
  .landing-page-frame40960 {
    padding: 40px 16px;
  }
  
  .landing-page-frame409692 {
    padding: 30px 16px;
  }
  
  .landing-page-header-image {
    max-width: 100%;
    margin: 15px 0;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    margin: 15px 0;
    padding: 15px;
  }
}

/* Mobile Medium (376px - 480px) */
@media screen and (max-width: 480px) {
  .landing-page-frame40931,
  .landing-page-frame40960 {
    padding: 30px 12px;
  }
  
  .landing-page-text007 {
    padding: 0 10px;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    padding: 12px;
    margin: 12px 0;
  }
}

/* Mobile Small (320px - 375px) */
@media screen and (max-width: 375px) {
  .landing-page-frame40931,
  .landing-page-frame40960 {
    padding: 25px 10px;
  }
  
  .landing-page-frame409692 {
    padding: 25px 10px;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    padding: 10px;
    margin: 10px 0;
  }
  
  .landing-page-group40782 {
    gap: 15px;
  }
}

/* Extra Small Mobile (below 320px) */
@media screen and (max-width: 319px) {
  .landing-page-frame40931,
  .landing-page-frame40960,
  .landing-page-frame409692 {
    padding: 20px 8px;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    padding: 8px;
    margin: 8px 0;
  }
}

/* Landscape orientation fixes */
@media screen and (max-height: 500px) and (orientation: landscape) {
  .landing-page-frame40931 {
    min-height: auto;
    padding: 40px 20px;
  }
  
  .landing-page-header-image {
    max-width: 400px;
  }
}

/* High DPI displays */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .landing-page-image,
  .landing-page-image1,
  .landing-page-image2 {
    image-rendering: -webkit-optimize-contrast;
  }
}


.landing-page-frame40994,
.landing-page-frame409941,
.landing-page-frame409942 {
  margin-top: 120px; /* Increase from 40px to 80px */
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}

/* Make RM, number, /month display in correct order */
.landing-page-text022,
.landing-page-text054,
.landing-page-text085 {
  order: 1;
  margin-right: 3px;
}

.landing-page-text020,
.landing-page-text052,
.landing-page-text084 {
  order: 2;
}

.landing-page-text024,
.landing-page-text056,
.landing-page-text086 {
  order: 3;
  margin-left: 3px;
}

.landing-page-text026,
.landing-page-text058,
.landing-page-text088 {
  order: 4;
  width: 100%;
  margin-top: 10px;
}

/* Basic responsive fixes */
@media screen and (max-width: 1024px) {
  .landing-page-pricing-plan {
    flex-direction: column;
    align-items: center;
  }
  
  .landing-page-big-boss-plan,
  .landing-page-frame40903 {
    max-width: 400px;
    margin: 10px 0;
  }
}

/* Force spacing with higher specificity */
.landing-page-container .landing-page-landing-page .landing-page-frame40931.section-wrapper {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.landing-page-container .landing-page-landing-page .landing-page-frame40960.section-wrapper {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.landing-page-container .landing-page-landing-page .landing-page-frame409692.section-wrapper {
  padding-top: 80px !important;
  padding-bottom: 40px !important;
}

/* Hero section internal spacing */
.landing-page-frame40931 .landing-page-frame40974 {
  margin-bottom: 60px !important;
}

.landing-page-frame40931 .landing-page-header-image {
  margin-bottom: 60px !important;
}

.landing-page-frame40931 .landing-page-frame40835 {
  margin-top: 40px !important;
}

/* Pricing section internal spacing */
.landing-page-frame40960 .landing-page-frame409291 {
  margin-bottom: 60px !important;
}

.landing-page-frame40960 .landing-page-manage-plan-monthly-proposed {
  margin-bottom: 60px !important;
}

.landing-page-frame40960 .landing-page-frame409953 {
  margin-top: 60px !important;
}

/* Pricing plans gap */
.landing-page-pricing-plan {
  display: flex !important;
  gap: 30px !important;
  flex-wrap: wrap !important;
}

/* Footer alignment fix - overwrite existing classes */
.landing-page-frame40968 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 2rem !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  position: relative !important;
}

.landing-page-frame409732 {
  flex: 1 !important;
  max-width: 60% !important;
}

.landing-page-frame409712 {
  flex: 1 !important;
  max-width: 40% !important;
  text-align: right !important;
}

.landing-page-socials {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  display: flex !important;
  gap: 1rem !important;
  margin: 0 !important;
  padding: 1rem !important;
}

/* Remove socials from normal flow in left section */
.landing-page-frame409732 .landing-page-socials {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  padding: 1rem !important;
}

/* Responsive footer overrides */
@media (max-width: 768px) {
  .landing-page-frame40968 {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
  
  .landing-page-frame409732,
  .landing-page-frame409712 {
    max-width: 100% !important;
  }
  
  .landing-page-frame409712 {
    text-align: left !important;
  }
  
  .landing-page-socials {
    position: static !important;
    justify-content: flex-start !important;
    margin-top: 1rem !important;
    padding: 1rem !important;
  }
}

/* Fix parent container height and layout for responsive footer */
@media (max-width: 1024px) {
  .landing-page-frame409692.section-wrapper {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 2rem !important;
  }
  
  .landing-page-group40782 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 2rem !important;
    height: auto !important;
  }
  
  .landing-page-frame40964,
  .landing-page-frame40965,
  .landing-page-frame40967,
  .landing-page-frame40966 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
    height: auto !important;
  }
  
  /* Make sure all links and text within each section are vertical */
  .landing-page-frame40964 > *,
  .landing-page-frame40965 > *,
  .landing-page-frame40967 > *,
  .landing-page-frame40966 > * {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (max-width: 480px) {
  .landing-page-frame409692.section-wrapper {
    padding-bottom: 1.5rem !important;
  }
}

/* Video Section Styles */
.landing-page-video-section {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.landing-page-video-container {
  width: 100%;
  max-width: 1200px;
  padding: 0 48px;
}

.landing-page-video-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.landing-page-video-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.landing-page-video-title {
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--dl-color-theme-neutral-dark);
}

.landing-page-video-subtitle {
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--dl-color-theme-neutral-dark);
  max-width: 600px;
}

.landing-page-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  background: #000;
}

.landing-page-video {
  width: 100%;
  height: 100%;
  /* Changed from object-fit: cover to contain to prevent stretching */
  object-fit: contain;
  display: block;
  background: #000;
  /* Safari-specific video optimizations */
  -webkit-playsinline: true;
  playsinline: true;
}

.landing-page-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

.landing-page-video-wrapper:hover .landing-page-video-overlay {
  opacity: 0.8;
}

.landing-page-video.playing + .landing-page-video-overlay {
  opacity: 0;
  pointer-events: none;
}

.landing-page-play-button {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  pointer-events: all;
  z-index: 2;
}

.landing-page-play-button:hover {
  transform: scale(1.1);
}

/* Mac-specific optimizations */
@media screen and (-webkit-min-device-pixel-ratio: 1) {
  .landing-page-video-wrapper {
    /* Ensure proper aspect ratio on Retina displays */
    min-height: 0;
  }
  
  .landing-page-video {
    /* Better video rendering on Mac */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/* Responsive Design - matching existing breakpoints */
@media screen and (max-width: 1024px) {
  .landing-page-video-container {
      padding: 0 32px;
  }
  
  .landing-page-video-title {
      font-size: 40px;
  }
  
  .landing-page-video-subtitle {
      font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .landing-page-video-section {
      padding: 40px 0;
  }
  
  .landing-page-video-container {
      padding: 0 24px;
  }
  
  .landing-page-video-content {
      gap: 32px;
  }
  
  .landing-page-video-title {
      font-size: 32px;
  }
  
  .landing-page-video-subtitle {
      font-size: 16px;
  }
  
  .landing-page-video-wrapper {
      border-radius: 12px;
  }
}

@media screen and (max-width: 480px) {
  .landing-page-video-section {
      padding: 32px 0;
  }
  
  .landing-page-video-container {
      padding: 0 16px;
  }
  
  .landing-page-video-content {
      gap: 24px;
  }
  
  .landing-page-video-title {
      font-size: 28px;
  }
  
  .landing-page-video-subtitle {
      font-size: 14px;
  }
  
  .landing-page-video-wrapper {
      border-radius: 8px;
  }
  
  .landing-page-play-button svg {
      width: 48px;
      height: 48px;
  }
}

@media screen and (max-width: 375px) {
  .landing-page-video-title {
      font-size: 24px;
  }
  
  .landing-page-play-button svg {
      width: 40px;
      height: 40px;
  }
}

/* High DPI displays */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .landing-page-video-wrapper {
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  }
}