.frame {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0px 0px;
    position: relative;
  }
  
  .frame .hero-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 90px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: transparent;
  }
  
  .frame .union {
    position: relative;
    width: 116.32px;
    height: 19.11px;
  }
  
  .frame .wrap {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .menu-item {
    align-items: center;
    justify-content: center;
    gap: 10px;
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper {
    width: fit-content;
    margin-top: -1px;
    font-size: 18px;
    line-height: 23.4px;
    white-space: nowrap;
    position: relative;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    letter-spacing: 0;
  }
  
  .frame .div {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .img {
    position: relative;
    width: 16px;
    height: 16px;
  }
  
  .frame .union-2 {
    position: absolute;
    width: 10px;
    height: 6px;
    top: 7px;
    left: 2px;
  }
  
  .frame .div-2 {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .btn {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 15px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e4e6ee;
    border-radius: 99px;
  }
  
  .frame .div-wrapper {
    all: unset;
    box-sizing: border-box;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #221e1e;
  }
  
  .frame .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #fbf7f3;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23.4px;
    white-space: nowrap;
  }
  
  .frame .menu-icn {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .rectangle {
    position: relative;
    width: 30px;
    height: 3px;
    background-color: #221e1e;
  }
  
  .frame .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .empowering-students {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 60px;
    text-align: center;
    letter-spacing: 0;
    line-height: 66px;
  }
  
  .frame .p {
    position: relative;
    width: 516px;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 23.4px;
  }
  
  .frame .div-wrapper-2 {
    display: inline-flex;
    gap: 10px;
    padding: 12px 20px;
    flex: 0 0 auto;
    background-color: #221e1e;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .frame .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #fbf7f3;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 23.4px;
    white-space: nowrap;
  }
  
  .frame .div-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .grid {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-4 {
    position: relative;
    width: 407.84px;
    height: 639px;
    border-radius: 20px;
    background-image: url(/static/images/home/stock-photo-senior-manager-giving-training-to-a-new-female-employee-at-checkout-counter-young-worker-getting-1914474589.png);
    background-size: 100% 100%;
  }
  
  .frame .div-5 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .overlap-wrapper {
    position: relative;
    width: 408px;
    height: 307px;
    background-color: #016187;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .frame .overlap {
    position: relative;
    width: 344px;
    height: 294px;
    top: 18px;
    left: 32px;
  }
  
  .frame .rectangle-2 {
    position: absolute;
    width: 306px;
    height: 99px;
    top: 0;
    left: 19px;
    background-color: #34819f;
    border-radius: 5.21px;
  }
  
  .frame .rectangle-3 {
    position: absolute;
    width: 327px;
    height: 105px;
    top: 7px;
    left: 8px;
    background-color: #80b0c3;
    border-radius: 5.21px;
  }
  
  .frame .frame-wrapper {
    display: flex;
    width: 344px;
    height: 279.37px;
    align-items: flex-start;
    gap: 11.64px;
    padding: 24px;
    position: absolute;
    top: 15px;
    left: 0;
    background-color: #ffffff;
    border-radius: 5.82px;
  }
  
  .frame .div-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 20.85px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-7 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-4 {
    position: relative;
    width: fit-content;
    margin-top: -1.04px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .div-8 {
    display: inline-flex;
    align-items: center;
    gap: 3.23px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .group-wrapper {
    display: flex;
    width: 16.6px;
    height: 16.6px;
    gap: 4.15px;
    padding: 8.3px;
    background-color: #221e1e;
    border-radius: 45.66px;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .frame .group {
    position: relative;
    width: 6.23px;
    height: 6.23px;
    margin-top: -3.11px;
    margin-bottom: -3.11px;
    margin-left: -3.11px;
    margin-right: -3.11px;
  }
  
  .frame .overlap-group {
    position: relative;
    width: 6px;
    height: 6px;
  }
  
  .frame .rectangle-4 {
    position: absolute;
    width: 1px;
    height: 6px;
    top: 0;
    left: 3px;
    background-color: #fdfdfe;
    border-radius: 1.56px;
  }
  
  .frame .rectangle-5 {
    position: absolute;
    width: 1px;
    height: 6px;
    top: 0;
    left: 3px;
    background-color: #fdfdfe;
    border-radius: 1.56px;
    transform: rotate(90deg);
  }
  
  .frame .text-wrapper-5 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 14.3px;
    white-space: nowrap;
  }
  
  .frame .div-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-10 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-11 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .frame-wrapper-2 {
    display: flex;
    align-items: center;
    gap: 11.64px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-12 {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 1.33px 2.66px;
    position: relative;
    flex: 0 0 auto;
    background-color: #f5f5f5;
    border-radius: 2.66px;
  }
  
  .frame .badge-check {
    position: relative;
    width: 11px;
    height: 11px;
  }
  
  .frame .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -0.67px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15.6px;
    white-space: nowrap;
  }
  
  .frame .div-wrapper-3 {
    display: inline-flex;
    align-items: flex-start;
    gap: 5.82px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: -0.58px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15.6px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-8 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15.6px;
  }
  
  .frame .div-13 {
    gap: 5px;
    padding: 6px 10px;
    background-color: #edf3fb;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .file-lines {
    position: relative;
    width: 8.48px;
    height: 10.6px;
  }
  
  .frame .text-wrapper-9 {
    margin-top: -0.81px;
    color: #356bb2;
    font-size: 12px;
    line-height: 15.6px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .stock-photo-senior {
    position: relative;
    width: 408px;
    height: 307px;
  }
  
  .frame .div-14 {
    position: relative;
    width: 408px;
    height: 639px;
    background-color: #f4b300;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .frame .div-15 {
    display: inline-flex;
    align-items: center;
    gap: 6.3px;
    padding: 17.99px;
    position: relative;
    top: 76px;
    left: 39px;
    background-color: #f3f4f8;
    border-radius: 9px;
    border: 7.2px solid;
    border-color: #000000;
  }
  
  .frame .div-16 {
    display: flex;
    flex-direction: column;
    width: 739.04px;
    align-items: flex-start;
    gap: 6.51px;
    position: relative;
  }
  
  .frame .div-17 {
    display: flex;
    align-items: center;
    gap: 6.51px;
    padding: 19.52px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #01614d;
    border-radius: 6.51px;
    overflow: hidden;
  }
  
  .frame .div-18 {
    display: inline-flex;
    align-items: flex-end;
    gap: 7.81px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .stock-photo-portrait {
    position: relative;
    width: 74.16px;
    height: 74.16px;
  }
  
  .frame .text-wrapper-10 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #fdfdfe;
    font-size: 18.2px;
    letter-spacing: 0;
    line-height: 23.7px;
    white-space: nowrap;
  }
  
  .frame .overlap-group-wrapper {
    position: absolute;
    width: 289px;
    height: 173px;
    top: -2px;
    left: 478px;
  }
  
  .frame .overlap-group-2 {
    position: relative;
    height: 173px;
    top: 2929px;
    left: -249px;
  }
  
  .frame .union-3 {
    position: absolute;
    width: 231px;
    height: 116px;
    top: 0;
    left: 0;
  }
  
  .frame .union-4 {
    position: absolute;
    width: 231px;
    height: 116px;
    top: 58px;
    left: 58px;
  }
  
  .frame .div-19 {
    display: flex;
    align-items: flex-start;
    gap: 6.51px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-20 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.51px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
  }
  
  .frame .div-21 {
    display: flex;
    flex-direction: column;
    width: 234.85px;
    align-items: center;
    gap: 13.01px;
    padding: 13.01px;
    position: relative;
    flex: 0 0 auto;
    background-color: #fdfdfe;
    border-radius: 6.51px;
  }
  
  .frame .text-wrapper-11 {
    position: relative;
    align-self: stretch;
    margin-top: -0.65px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 11.7px;
    letter-spacing: 0;
    line-height: 15.2px;
  }
  
  .frame .group-2 {
    position: relative;
    width: 122.35px;
    height: 120.35px;
  }
  
  .frame .overlap-group-3 {
    position: relative;
    width: 120px;
    height: 120px;
    background-image: url(/static/images/home/ellipse-1.svg);
    background-size: 100% 100%;
  }
  
  .frame .ellipse {
    position: absolute;
    width: 67px;
    height: 100px;
    top: 0;
    left: 54px;
  }
  
  .frame .element {
    position: absolute;
    top: 50px;
    left: 42px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 15.6px;
    letter-spacing: 0;
    line-height: 20.3px;
    white-space: nowrap;
  }
  
  .frame .span {
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 15.6px;
    letter-spacing: 0;
    line-height: 20.3px;
  }
  
  .frame .text-wrapper-12 {
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    font-size: 10.4px;
    line-height: 13.5px;
  }
  
  .frame .text-wrapper-13 {
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    font-size: 9.8px;
    line-height: 12.7px;
  }
  
  .frame .div-22 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.51px;
    padding: 13.01px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #fdfdfd;
    border-radius: 6.51px;
  }
  
  .frame .text-wrapper-14 {
    position: relative;
    width: 58.55px;
    margin-top: -0.65px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 11.7px;
    letter-spacing: 0;
    line-height: 15.2px;
  }
  
  .frame .div-23 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3.9px 3.9px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-wrapper-4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6.51px;
    padding: 3.9px 6.51px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e4edf2;
    border-radius: 4px;
  }
  
  .frame .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -0.65px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #016187;
    font-size: 9.1px;
    letter-spacing: 0;
    line-height: 11.8px;
    white-space: nowrap;
  }
  
  .frame .div-24 {
    display: flex;
    flex-direction: column;
    height: 139.45px;
    align-items: flex-start;
    gap: 6.51px;
    padding: 13.01px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fdfdfd;
    border-radius: 6.51px;
  }
  
  .frame .div-wrapper-5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6.51px;
    padding: 3.9px 6.51px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e7f0ee;
    border-radius: 4px;
  }
  
  .frame .text-wrapper-16 {
    position: relative;
    width: fit-content;
    margin-top: -0.65px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #01614d;
    font-size: 9.1px;
    letter-spacing: 0;
    line-height: 11.8px;
    white-space: nowrap;
  }
  
  .frame .div-25 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.51px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-26 {
    display: flex;
    align-items: center;
    gap: 6.51px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-27 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 9.76px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #fdfdfe;
    border-radius: 6.51px;
  }
  
  .frame .div-28 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6.51px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .image {
    position: relative;
    width: 50.74px;
    height: 25.37px;
    background-blend-mode: multiply;
    object-fit: cover;
  }
  
  .frame .text-wrapper-17 {
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 10.4px;
    line-height: 13.5px;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-29 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 9.76px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #fdfdfe;
    border-radius: 6.51px;
  }
  
  .frame .div-30 {
    display: flex;
    align-items: center;
    gap: 2.6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .img-2 {
    position: relative;
    width: 15.61px;
    height: 15.61px;
    margin-bottom: -2799.54px;
    margin-left: -668.17px;
  }
  
  .frame .text-wrapper-18 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16.9px;
    white-space: nowrap;
  }
  
  .frame .file-check {
    position: relative;
    width: 15.61px;
    height: 15.61px;
    margin-bottom: -2799.54px;
    margin-left: -836.24px;
  }
  
  .frame .frame-wrapper-3 {
    align-items: flex-start;
    justify-content: center;
    gap: 6.51px;
    padding: 13.01px;
    background-color: #fdfdfd;
    border-radius: 6.51px;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-31 {
    display: flex;
    align-items: flex-start;
    gap: 13.01px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-19 {
    width: 78.07px;
    margin-top: -0.65px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 11.7px;
    line-height: 15.2px;
    position: relative;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-20 {
    position: relative;
    flex: 1;
    margin-top: -0.65px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #6f778a;
    font-size: 9.1px;
    letter-spacing: 0;
    line-height: 11.8px;
  }
  
  .frame .div-32 {
    height: 278.9px;
    gap: 13.01px;
    padding: 13.01px;
    border-radius: 6.51px;
    display: flex;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fdfdfd;
  }
  
  .frame .div-33 {
    gap: 22.77px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-34 {
    gap: 3.25px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .group-wrapper-2 {
    display: flex;
    width: 15.61px;
    height: 15.61px;
    gap: 2.6px;
    padding: 5.2px;
    background-color: #000000;
    border-radius: 28.62px;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .frame .group-3 {
    position: relative;
    width: 5.2px;
    height: 5.2px;
  }
  
  .frame .overlap-group-4 {
    position: relative;
    width: 5px;
    height: 5px;
  }
  
  .frame .rectangle-6 {
    height: 5px;
    border-radius: 0.98px;
    position: absolute;
    width: 1px;
    top: 0;
    left: 2px;
    background-color: #fdfdfe;
  }
  
  .frame .rectangle-7 {
    height: 5px;
    border-radius: 0.98px;
    position: absolute;
    width: 1px;
    top: 0;
    left: 2px;
    background-color: #fdfdfe;
    transform: rotate(90deg);
  }
  
  .frame .text-wrapper-21 {
    color: #000000;
    font-size: 9.1px;
    line-height: 11.8px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-35 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6.51px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-36 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .frame-wrapper-4 {
    gap: 5.2px;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-37 {
    gap: 1.95px;
    padding: 1.3px 2.6px;
    background-color: #ebedf4;
    border-radius: 2.6px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .badge-check-2 {
    position: relative;
    width: 9.11px;
    height: 9.11px;
    margin-bottom: -2593.03px;
    margin-left: -594.44px;
  }
  
  .frame .text-wrapper-22 {
    margin-top: -0.65px;
    color: #6f778a;
    font-size: 7.8px;
    line-height: 10.1px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-wrapper-6 {
    gap: 6.51px;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-23 {
    margin-top: -0.65px;
    color: #000000;
    font-size: 10.4px;
    line-height: 13.5px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-24 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #6f778a;
    font-size: 9.1px;
    letter-spacing: 0;
    line-height: 11.8px;
  }
  
  .frame .div-38 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2.6px;
    padding: 4.55px 6.51px;
    position: relative;
    flex: 0 0 auto;
    background-color: #eaf2f5;
    border-radius: 64.41px;
  }
  
  .frame .file-lines-2 {
    position: relative;
    width: 7.81px;
    height: 9.11px;
    margin-bottom: -2513.82px;
    margin-left: -594.44px;
  }
  
  .frame .frame-wrapper-5 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.51px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ebedf4;
    border-radius: 2.6px;
  }
  
  .frame .div-39 {
    gap: 1.95px;
    padding: 1.3px 2.6px;
    background-color: #eaebef;
    border-radius: 2.6px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .badge-check-3 {
    position: relative;
    width: 9.11px;
    height: 9.11px;
    margin-bottom: -2470.94px;
    margin-left: -594.44px;
  }
  
  .frame .file-lines-3 {
    position: relative;
    width: 7.81px;
    height: 9.11px;
    margin-bottom: -2403.72px;
    margin-left: -594.44px;
  }
  
  .frame .trusted-by {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 70px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .mask-group {
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 19px;
    position: relative;
    border-radius: 10px;
  }
  
  .frame .group-4 {
    position: relative;
    width: 81.49px;
    height: 81.49px;
  }
  
  .frame .img-wrapper {
    flex-direction: column;
    padding: 32px 12px;
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 10px;
  }
  
  .frame .group-5 {
    position: relative;
    width: 96.3px;
    height: 55.56px;
  }
  
  .frame .mask-group-2 {
    padding: 25px 31px;
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 10px;
  }
  
  .frame .group-6 {
    position: relative;
    width: 55.56px;
    height: 68.89px;
  }
  
  .frame .mask-group-3 {
    flex-direction: column;
    padding: 30px 19px;
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 10px;
  }
  
  .frame .group-7 {
    position: relative;
    width: 82.27px;
    height: 59.26px;
  }
  
  .frame .mask-group-4 {
    padding: 19px 20px;
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 10px;
  }
  
  .frame .group-8 {
    position: relative;
    width: 80.01px;
    height: 80.75px;
  }
  
  .frame .how-we-work {
    display: flex;
    flex-direction: column;
    width: 100hw;
    align-items: flex-start;
    gap: 50px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-40 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e3e5ee;
    border-radius: 10px;
  }
  
  .frame .text-wrapper-25 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-26 {
    position: relative;
    width: 1345px;
    margin-right: -72.68px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 55px;
  }
  
  .frame .wrap-2 {
    display: flex;
    width: 1272.32px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .left {
    position: relative;
    width: 514px;
    height: 647px;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .frame .untitled-artwork {
    position: absolute;
    width: 514px;
    height: 517px;
    top: 26px;
    left: 0;
    object-fit: cover;
  }
  
  .frame .right {
    display: flex;
    flex-direction: column;
    width: 618px;
    align-items: flex-start;
    gap: 30px;
    position: relative;
  }
  
  .frame .div-41 {
    display: flex;
    flex-direction: column;
    width: 617px;
    align-items: flex-start;
    gap: 60px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-42 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-27 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 44px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-28 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23.4px;
  }
  
  .frame .rectangle-8 {
    position: relative;
    width: 613px;
    height: 1px;
    background-color: #221e1e;
  }
  
  .frame .frame-wrapper-6 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 0px 0px 0px 55px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .our-missions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 70px;
    padding: 90px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #01614d;
  }
  
  .frame .txt-2 {
    display: flex;
    width: 1264px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-43 {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    padding: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff1a;
    border-radius: 10px;
  }
  
  .frame .our-mission {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .div-44 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-29 {
    position: relative;
    width: 943px;
    margin-top: -1px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 44px;
  }
  
  .frame .group-9 {
    position: relative;
    width: 1440px;
    height: 635px;
    background-image: url(/static/images/home/subtract.png);
    background-size: 100% 100%;
  }
  
  .frame .dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 100px;
    align-self: stretch;
    width: 100%;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .dashboard {
    display: flex;
    flex-direction: column;
    width: 1440px;
    align-items: center;
    gap: 50px;
    padding: 0px 100px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 20px;
  }
  
  .frame .group-10 {
    position: absolute;
    width: 2072px;
    height: 427px;
    top: 402px;
    left: -298px;
  }
  
  .frame .overlap-group-5 {
    position: relative;
    width: 1440px;
    height: 427px;
    left: 298px;
  }
  
  .frame .union-5 {
    position: absolute;
    width: 945px;
    height: 356px;
    top: 0;
    left: 0;
  }
  
  .frame .union-6 {
    position: absolute;
    width: 909px;
    height: 356px;
    top: 71px;
    left: 531px;
  }
  
  .frame .title {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-30 {
    position: relative;
    width: 736px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 50px;
    text-align: center;
    letter-spacing: 0;
    line-height: 55px;
  }
  
  .frame .dashboard-2 {
    display: inline-flex;
    gap: 7px;
    padding: 20px;
    background-color: #f3f4f8;
    border-radius: 10px;
    border: 9px solid;
    border-color: #221e1e;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-45 {
    display: flex;
    flex-direction: column;
    width: 198px;
    height: 624px;
    align-items: flex-start;
    gap: 281px;
    padding: 25px 21px;
    position: relative;
    background-color: #fdfdfe;
    border-radius: 7.23px;
  }
  
  .frame .div-46 {
    display: flex;
    flex-direction: column;
    width: 156.19px;
    align-items: flex-start;
    gap: 36.15px;
    position: relative;
    flex: 0 0 auto;
    margin-right: -0.19px;
  }
  
  .frame .union-7 {
    position: relative;
    width: 84.11px;
    height: 13.82px;
  }
  
  .frame .div-47 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-48 {
    display: flex;
    align-items: center;
    gap: 7.23px;
    padding: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #f3f4f8;
    border-radius: 7.23px;
  }
  
  .frame .img-3 {
    position: relative;
    width: 17.35px;
    height: 17.35px;
  }
  
  .frame .text-wrapper-31 {
    width: fit-content;
    color: #221e1e;
    font-size: 11.6px;
    line-height: 15px;
    white-space: nowrap;
    position: relative;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  .frame .div-49 {
    display: flex;
    align-items: center;
    gap: 7.23px;
    padding: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .envelope {
    position: relative;
    width: 17.35px;
    height: 16.63px;
  }
  
  .frame .text-wrapper-32 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #5c667e;
    font-size: 11.6px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-33 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #5c667f;
    font-size: 11.6px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
  }
  
  .frame .div-50 {
    display: flex;
    align-items: center;
    gap: 7.23px;
    padding: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -15.12px;
  }
  
  .frame .text-wrapper-34 {
    color: #6f778a;
    font-size: 11.6px;
    line-height: 15px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-51 {
    display: flex;
    flex-direction: column;
    width: 821.43px;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
  }
  
  .frame .div-52 {
    align-items: center;
    gap: 7.23px;
    padding: 21.69px;
    background-color: #01614d;
    border-radius: 7.23px;
    overflow: hidden;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-53 {
    display: inline-flex;
    align-items: flex-end;
    gap: 8.68px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .stock-photo-portrait-2 {
    position: relative;
    width: 82.43px;
    height: 82.43px;
  }
  
  .frame .text-wrapper-35 {
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #fdfdfe;
    font-size: 20.2px;
    line-height: 26.3px;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .union-8 {
    position: absolute;
    width: 350px;
    height: 126px;
    top: 0;
    left: 471px;
  }
  
  .frame .div-54 {
    display: flex;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-55 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
  }
  
  .frame .div-56 {
    display: flex;
    flex-direction: column;
    width: 261.04px;
    align-items: center;
    gap: 14.46px;
    padding: 14.46px;
    position: relative;
    flex: 0 0 auto;
    background-color: #fdfdfe;
    border-radius: 7.23px;
  }
  
  .frame .text-wrapper-36 {
    position: relative;
    align-self: stretch;
    margin-top: -0.72px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16.9px;
  }
  
  .frame .group-11 {
    position: relative;
    width: 135.77px;
    height: 133.77px;
  }
  
  .frame .overlap-group-6 {
    position: relative;
    width: 134px;
    height: 134px;
    background-image: url(/static/images/home/ellipse-1-2.svg);
    background-size: 100% 100%;
  }
  
  .frame .ellipse-2 {
    position: absolute;
    width: 74px;
    height: 111px;
    top: 0;
    left: 59px;
  }
  
  .frame .element-h {
    position: absolute;
    top: 56px;
    left: 46px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 17.4px;
    letter-spacing: 0;
    line-height: 22.6px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-37 {
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 17.4px;
    letter-spacing: 0;
    line-height: 22.6px;
  }
  
  .frame .text-wrapper-38 {
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    font-size: 11.6px;
    line-height: 15px;
  }
  
  .frame .text-wrapper-39 {
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    font-size: 10.8px;
    line-height: 14.1px;
  }
  
  .frame .div-57 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.23px;
    padding: 14.46px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #fdfdfd;
    border-radius: 7.23px;
  }
  
  .frame .text-wrapper-40 {
    position: relative;
    width: 65.08px;
    margin-top: -0.72px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16.9px;
  }
  
  .frame .div-58 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4.34px 4.34px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-wrapper-7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7.23px;
    padding: 4.34px 7.23px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e4edf2;
    border-radius: 4px;
  }
  
  .frame .text-wrapper-41 {
    position: relative;
    width: fit-content;
    margin-top: -0.72px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #016187;
    font-size: 10.1px;
    letter-spacing: 0;
    line-height: 13.2px;
    white-space: nowrap;
  }
  
  .frame .div-59 {
    display: flex;
    flex-direction: column;
    height: 155px;
    align-items: flex-start;
    gap: 7.23px;
    padding: 14.46px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fdfdfd;
    border-radius: 7.23px;
  }
  
  .frame .div-wrapper-8 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7.23px;
    padding: 4.34px 7.23px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e7f0ee;
    border-radius: 4px;
  }
  
  .frame .text-wrapper-42 {
    width: fit-content;
    margin-top: -0.72px;
    color: #01614d;
    font-size: 10.1px;
    line-height: 13.2px;
    white-space: nowrap;
    position: relative;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  .frame .div-60 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-61 {
    display: flex;
    align-items: center;
    gap: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-62 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10.85px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #fdfdfe;
    border-radius: 7.23px;
  }
  
  .frame .div-63 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7.23px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .image-2 {
    position: relative;
    width: 56.4px;
    height: 28.2px;
    background-blend-mode: multiply;
    object-fit: cover;
  }
  
  .frame .div-64 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 10.85px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #fdfdfe;
    border-radius: 7.23px;
  }
  
  .frame .div-65 {
    display: flex;
    align-items: center;
    gap: 2.89px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-43 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14.5px;
    letter-spacing: 0;
    line-height: 18.8px;
    white-space: nowrap;
  }
  
  .frame .frame-wrapper-7 {
    align-items: flex-start;
    justify-content: center;
    gap: 7.23px;
    padding: 14.46px;
    background-color: #fdfdfd;
    border-radius: 7.23px;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-66 {
    display: flex;
    align-items: flex-start;
    gap: 14.46px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-44 {
    position: relative;
    width: 86.77px;
    margin-top: -0.72px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16.9px;
  }
  
  .frame .text-wrapper-45 {
    position: relative;
    flex: 1;
    margin-top: -0.72px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #5c667f;
    font-size: 10.1px;
    letter-spacing: 0;
    line-height: 13.2px;
  }
  
  .frame .div-67 {
    height: 310px;
    gap: 14.46px;
    padding: 14.46px;
    border-radius: 7.23px;
    display: flex;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fdfdfd;
  }
  
  .frame .div-68 {
    gap: 25.31px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-69 {
    gap: 3.62px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .group-wrapper-3 {
    display: flex;
    width: 17.35px;
    height: 17.35px;
    gap: 2.89px;
    padding: 5.78px;
    background-color: #221e1e;
    border-radius: 31.82px;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .frame .group-12 {
    position: relative;
    width: 5.78px;
    height: 5.78px;
  }
  
  .frame .rectangle-9 {
    height: 6px;
    border-radius: 1.08px;
    position: absolute;
    width: 1px;
    top: 0;
    left: 2px;
    background-color: #fdfdfe;
  }
  
  .frame .rectangle-10 {
    height: 6px;
    border-radius: 1.08px;
    position: absolute;
    width: 1px;
    top: 0;
    left: 2px;
    background-color: #fdfdfe;
    transform: rotate(90deg);
  }
  
  .frame .text-wrapper-46 {
    color: #221e1e;
    font-size: 10.1px;
    line-height: 13.2px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-70 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7.23px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-71 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.89px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .frame-wrapper-8 {
    gap: 5.78px;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-72 {
    gap: 2.17px;
    padding: 1.45px 2.89px;
    background-color: #ebedf4;
    border-radius: 2.89px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .badge-check-4 {
    position: relative;
    width: 10.12px;
    height: 10.12px;
  }
  
  .frame .text-wrapper-47 {
    margin-top: -0.72px;
    color: #5c667f;
    font-size: 8.7px;
    line-height: 11.3px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-wrapper-9 {
    gap: 7.23px;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-48 {
    margin-top: -0.72px;
    color: #221e1e;
    font-size: 11.6px;
    line-height: 15px;
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-49 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #5c667f;
    font-size: 10.1px;
    letter-spacing: 0;
    line-height: 13.2px;
  }
  
  .frame .div-73 {
    gap: 2.89px;
    padding: 5.06px 7.23px;
    background-color: #016187;
    border-radius: 71.59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .file-lines-4 {
    position: relative;
    width: 8.68px;
    height: 10.12px;
  }
  
  .frame .text-wrapper-50 {
    position: relative;
    width: fit-content;
    margin-top: -0.72px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #fdfdfe;
    font-size: 10.1px;
    letter-spacing: 0;
    line-height: 13.2px;
    white-space: nowrap;
  }
  
  .frame .frame-wrapper-9 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7.23px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ebedf4;
    border-radius: 2.89px;
  }
  
  .frame .div-74 {
    gap: 2.17px;
    padding: 1.45px 2.89px;
    background-color: #eaebef;
    border-radius: 2.89px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .button {
    all: unset;
    box-sizing: border-box;
    padding: 12px 20px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #221e1e;
  }
  
  .frame .cards {
    position: absolute;
    width: 1355px;
    height: 400px;
    top: 488px;
    left: 54px;
  }
  
  .frame .div-75 {
    display: flex;
    flex-direction: column;
    width: 290px;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 1065px;
    background-color: #fdfdfe;
    border-radius: 10px;
    border: 1px solid;
    border-color: #e0e4ef;
    box-shadow: 0px 8px 18px #0000000d, 0px 32px 32px #0000000a, 0px 72px 43px #00000008, 0px 128px 51px #00000003,
      0px 199px 56px transparent;
  }
  
  .frame .rectangle-11 {
    position: relative;
    width: 18px;
    height: 18px;
    background-color: #ed3538;
    border-radius: 3px;
  }
  
  .frame .text-wrapper-51 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
  }
  
  .frame .text-wrapper-52 {
    position: relative;
    align-self: stretch;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #5c667f;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15.6px;
  }
  
  .frame .div-76 {
    display: flex;
    flex-direction: column;
    width: 290px;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding: 15px;
    position: absolute;
    top: 286px;
    left: 1043px;
    background-color: #fdfdfe;
    border-radius: 10px;
    border: 1px solid;
    border-color: #e0e4ef;
    box-shadow: 0px 8px 18px #0000000d, 0px 32px 32px #0000000a, 0px 72px 43px #00000008, 0px 128px 51px #00000003,
      0px 199px 56px transparent;
  }
  
  .frame .div-77 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .polygon {
    position: relative;
    width: 20.46px;
    height: 18.25px;
  }
  
  .frame .div-78 {
    display: flex;
    flex-direction: column;
    width: 330px;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding: 15px;
    position: absolute;
    top: 105px;
    left: 0;
    background-color: #fdfdfe;
    border-radius: 10px;
    border: 1px solid;
    border-color: #e0e4ef;
    box-shadow: 0px 8px 18px #0000000d, 0px 32px 32px #0000000a, 0px 72px 43px #00000008, 0px 128px 51px #00000003,
      0px 199px 56px transparent;
  }
  
  .frame .ellipse-3 {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #f77f03;
    border-radius: 10px;
  }
  
  .frame .key-features {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;
    padding: 0px 0px 0px 84px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .title-2 {
    display: inline-flex;
    align-items: flex-start;
    gap: 50px;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .rectangle-12 {
    position: relative;
    width: 1272px;
    height: 1px;
    background-color: #221e1e;
  }
  
  .frame .div-79 {
    display: flex;
    flex-direction: column;
    width: 840px;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .party-horn {
    position: relative;
    width: 14px;
    height: 14px;
  }
  
  .frame .text-wrapper-53 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 60px;
  }
  
  .frame .wrap-3 {
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .card {
    display: flex;
    flex-direction: column;
    width: 408px;
    height: 396px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px;
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
  }
  
  .frame .div-80 {
    display: flex;
    flex-direction: column;
    width: 326px;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .untitled-artwork-2 {
    position: relative;
    width: 70px;
    height: 70px;
  }
  
  .frame .text-wrapper-54 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 36.4px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-55 {
    position: relative;
    align-self: stretch;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23.4px;
  }
  
  .frame .card-2 {
    padding: 30px 30px 20px;
    display: flex;
    flex-direction: column;
    width: 408px;
    height: 396px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
  }
  
  .frame .div-81 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-56 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 36.4px;
  }
  
  .frame .text-wrapper-57 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23.4px;
  }
  
  .frame .card-3 {
    padding: 30px;
    margin-right: -348px;
    display: flex;
    flex-direction: column;
    width: 408px;
    height: 396px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
  }
  
  .frame .img-4 {
    position: relative;
    width: 326px;
    height: 120px;
  }
  
  .frame .div-82 {
    display: flex;
    flex-direction: column;
    width: 326px;
    align-items: flex-start;
    gap: 14px;
    position: relative;
  }
  
  .frame .untitled-artwork-3 {
    position: relative;
    width: 30px;
    height: 70px;
  }
  
  .frame .testimonials-section {
    display: flex;
    flex-direction: column;
    width: 1440px;
    align-items: flex-start;
    gap: 170px;
    padding: 70px 84px 90px;
    position: relative;
    flex: 0 0 auto;
    background-color: #221e1e;
  }
  
  .frame .label {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff1a;
    border-radius: 10px;
  }
  
  .frame .div-83 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .message-lines {
    position: relative;
    width: 20px;
    height: 20px;
  }
  
  .frame .testimonials {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.36px;
    line-height: 23.4px;
    text-decoration: line-through;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-58 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #fbf7f3;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 55px;
  }
  
  .frame .div-84 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-59 {
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #fbf7f3;
    font-size: 60px;
    line-height: 66px;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
    white-space: nowrap;
  }
  
  .frame .div-85 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-60 {
    position: relative;
    width: 1016px;
    margin-top: -1px;
    font-family: "Recia-Regular", Helvetica;
    font-weight: 400;
    color: #fbf7f3;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 31.2px;
  }
  
  .frame .div-86 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-61 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fbf7f3;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 27.3px;
    white-space: nowrap;
  }
  
  .frame .img-5 {
    position: relative;
    flex: 0 0 auto;
    margin-right: -1px;
  }
  
  .frame .faq-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 84px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .left-2 {
    display: inline-flex;
    flex-direction: column;
    height: 474px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-87 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-62 {
    position: relative;
    width: 404px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 72px;
  }
  
  .frame .untitled-artwork-4 {
    position: relative;
  }
  
  .frame .right-2 {
    display: flex;
    flex-direction: column;
    width: 624px;
    align-items: flex-start;
    gap: 4px;
    position: relative;
  }
  
  .frame .div-88 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    align-self: stretch;
    width: 100%;
    border-radius: 40px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-63 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .plus-icn {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/plus-icn.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-2 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/union-8.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-3 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/union-6.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-4 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/union-2.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-5 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/image.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-6 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/union-15.svg);
    background-size: 100% 100%;
  }
  
  .frame .plus-icn-7 {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(/static/images/home/union-11.svg);
    background-size: 100% 100%;
  }
  
  .frame .footer {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    background-color: #f4f4f6;
  }
  
  .frame .overlap-group-wrapper-2 {
    position: relative;
    width: 1440px;
    height: 501px;
    background-color: #016187;
  }
  
  .frame .overlap-group-7 {
    position: relative;
    width: 1334px;
    height: 501px;
  }
  
  .frame .stock-photo-closeup {
    position: absolute;
    width: 800px;
    height: 501px;
    top: 0;
    left: 0;
  }
  
  .frame .union-9 {
    position: absolute;
    width: 640px;
    height: 250px;
    top: 251px;
    left: 480px;
  }
  
  .frame .div-89 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    position: absolute;
    top: 119px;
    left: 869px;
  }
  
  .frame .union-10 {
    position: relative;
    width: 97.38px;
    height: 16px;
  }
  
  .frame .div-90 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-64 {
    position: relative;
    width: 465px;
    margin-top: -1px;
    font-family: "General Sans-Semibold", Helvetica;
    font-weight: 400;
    color: #fbf7f3;
    font-size: 50px;
    text-align: center;
    letter-spacing: 0;
    line-height: 55px;
  }
  
  .frame .footer-2 {
    position: relative;
    width: 100%;
    height: 492px;
    margin-right: -6px;
  }
  
  .frame .overlap-2 {
    position: relative;
    width: 100%;
    height: 492px;
    background-color: #f4f4f6;
  }
  
  .frame .rectangle-13 {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 402px;
    left: 84px;
    background-color: #221e1e;
  }
  
  .frame .text-wrapper-65 {
    position: absolute;
    top: 420px;
    left: 84px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-66 {
    position: absolute;
    top: 420px;
    left: 1189px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-67 {
    position: absolute;
    top: 420px;
    left: 1311px;
    font-family: "General Sans-Regular", Helvetica;
    font-weight: 400;
    color: #221e1e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
    white-space: nowrap;
  }
  
  .frame .div-91 {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 19px;
    top: 71px;
  }
  
  .frame .text-wrapper-68 {
    align-self: stretch;
    margin-top: -1px;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 16px;
    line-height: 20.8px;
    position: relative;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-69 {
    position: relative;
    align-self: stretch;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20.8px;
  }
  
  .frame .text-wrapper-70 {
    position: relative;
    width: fit-content;
    font-family: "General Sans-Medium", Helvetica;
    font-weight: 500;
    color: #221e1e;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20.8px;
    white-space: nowrap;
  }
  
  .frame .div-92 {
    display: flex;
    flex-direction: column;
    width: 40%;
    align-items: flex-start;
    gap: 19px;
    top: 71px;
  }
  
  .frame .group-13 {
    position: absolute;
    width: 84px;
    height: 18px;
    top: 71px;
    left: 87px;
  }