.testimonial-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.testimonial-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.card-11 {
    min-width: 100%;
    flex-shrink: 0;
}

.home-mobile.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.home-mobile .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.home-mobile .div-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.home-mobile .header {
    display: flex;
    padding: 56px 20px 0px 20px;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    align-self: stretch;
    background: var(--surface-primary, #ECEBE9);
}

.home-mobile .effortless-planning {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.96px;
    align-self: stretch;
}

.home-mobile .streamline-your {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 28px */
    letter-spacing: -0.4px;
    align-self: stretch;
}

.home-mobile .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.home-mobile .button {
    all: unset;
    box-sizing: border-box;
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600)
}

.home-mobile .text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.home-mobile .div-wrapper {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600);
    box-shadow: inset 0 5px 1px #ffffff1a
}

.home-mobile .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.home-mobile .img {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -20px;
    margin-right: -20px
}

.home-mobile .img-2 {
    position: relative;
    width: 375px;
    height: 165px;
    border-radius: 12px;
    overflow: hidden
}

.home-mobile .new-chat {
    position: relative;
    height: 267px;
    background-color: var(--themes-white-100);
    border-radius: 3.61px;
    overflow: hidden;
    box-shadow: 0 1.08px 2.55px #0000000a,0 2.24px 3.2px #0000000f,0 5.41px 8.71px #0000001a
}

.home-mobile .frame {
    display: flex;
    flex-direction: column;
    width: 302px;
    height: 267px;
    align-items: center;
    gap: 4.81px;
    padding: 14.58px 14.58px 0;
    position: absolute;
    top: 0;
    left: 73px;
    background-color: #f5f5f5
}

.home-mobile .text-wrapper-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 7.2px;
    letter-spacing: 0;
    line-height: 8.7px
}

.home-mobile .wrap-2 {
    display: flex;
    align-items: flex-start;
    gap: 4.17px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .card,.home-mobile .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.home-mobile .card {
    width: 64.53px;
    justify-content: center;
    gap: 2.69px;
    padding: 4.17px;
    background-color: #f9ebdc;
    border-radius: 4.17px
}

.home-mobile .text {
    gap: 1.04px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-4,.home-mobile .text-wrapper-5 {
    position: relative;
    font-family: "Inter",Helvetica;
    color: var(--neutralblack);
    letter-spacing: 0
}

.home-mobile .text-wrapper-4 {
    width: fit-content;
    margin-top: -.17px;
    font-weight: 600;
    font-size: 10.4px;
    line-height: 12.5px;
    white-space: nowrap
}

.home-mobile .text-wrapper-5 {
    align-self: stretch;
    font-weight: 400;
    font-size: 3.6px;
    text-align: center;
    line-height: 4.4px
}

.home-mobile .card-2,.home-mobile .wrap-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .card-2 {
    width: 64.53px;
    gap: 2.69px;
    padding: 4.17px;
    background-color: #fbe8ec;
    border-radius: 4.17px;
    flex-direction: column
}

.home-mobile .wrap-3 {
    gap: 4.17px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 3.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 4.4px;
    white-space: nowrap
}

.home-mobile .card-3,.home-mobile .card-4 {
    width: 64.53px;
    justify-content: center;
    gap: 2.69px;
    padding: 4.17px;
    position: relative;
    background-color: #ebf4fc;
    border-radius: 4.17px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-mobile .card-4 {
    background-color: #e9e4fc
}

.home-mobile .text-wrapper-7 {
    position: relative;
    width: 6.51px;
    margin-top: -.17px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 10.4px;
    letter-spacing: 0;
    line-height: 12.5px
}

.home-mobile .card-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4.69px;
    padding: 6.25px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--neutralwhite);
    border-radius: 4.17px
}

.home-mobile .text-wrapper-8 {
    position: relative;
    align-self: stretch;
    margin-top: -.17px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 4.7px;
    letter-spacing: 0;
    line-height: 5.6px
}

.home-mobile .wrap-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .progress,.home-mobile .rectangle {
    position: relative;
    align-self: stretch;
    border-radius: 26.04px
}

.home-mobile .progress {
    display: flex;
    height: 4.17px;
    align-items: center;
    gap: 2.6px;
    width: 100%;
    background-color: #ececec
}

.home-mobile .rectangle {
    width: 26.04px;
    background-color: #66d75a
}

.home-mobile .wrap-5 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-9 {
    margin-top: -.26px;
    font-weight: 500;
    font-size: 3.6px;
    line-height: 4.4px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: #000;
    letter-spacing: 0;
    white-space: nowrap
}

.home-mobile .wrap-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56px;
    padding: 0 4.17px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .icon,.home-mobile .item {
    display: flex;
    align-items: center;
    position: relative
}

.home-mobile .item {
    gap: 2.08px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .icon {
    width: 5.21px;
    height: 5.21px;
    justify-content: center;
    gap: 2.17px;
    background-color: #66d75a;
    border-radius: 1.04px
}

.home-mobile .frame-2 {
    position: relative;
    width: 3.47px;
    height: 3.47px
}

.home-mobile .text-wrapper-10 {
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    font-size: 3.6px;
    letter-spacing: 0;
    line-height: 4.4px;
    text-decoration: line-through
}

.home-mobile .icon-2 {
    display: flex;
    width: 5.21px;
    height: 5.21px;
    justify-content: center;
    gap: 2.17px;
    border-radius: 1.04px;
    border: .26px solid;
    border-color: #000;
    align-items: center;
    position: relative
}

.home-mobile .shape,.home-mobile .shape-2,.home-mobile .shape-3,.home-mobile .shape-4 {
    position: relative;
    width: 53.91px;
    height: 2.6px;
    background-color: #e4e4e4;
    border-radius: 110.73px
}

.home-mobile .shape-2,.home-mobile .shape-3,.home-mobile .shape-4 {
    width: 39.58px
}

.home-mobile .shape-3,.home-mobile .shape-4 {
    width: 54.95px
}

.home-mobile .shape-4 {
    width: 76.56px;
    margin-right: -4.92px
}

.home-mobile .card-6 {
    width: 64.53px;
    gap: 4.17px;
    padding: 4.17px;
    position: relative;
    align-self: stretch;
    background-color: var(--neutralwhite);
    border-radius: 4.17px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-mobile .item-2,.home-mobile .wrap-7 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .wrap-7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56px
}

.home-mobile .item-2 {
    justify-content: center;
    gap: 2.6px;
    align-items: center
}

.home-mobile .image-wrapper {
    position: relative;
    width: 6.25px;
    height: 6.25px;
    background-color: var(--neutralgrey-400);
    border-radius: 26.04px;
    overflow: hidden
}

.home-mobile .image {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.6px;
    padding: 1.04px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #e3effc;
    border-radius: 1.04px
}

.home-mobile .text-wrapper-11 {
    position: relative;
    flex: 1;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #0572e0;
    font-size: 3.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 4.4px
}

.home-mobile .tag-2 {
    gap: 2.6px;
    padding: 1.04px;
    flex: 1;
    flex-grow: 1;
    background-color: #feeddb;
    border-radius: 1.04px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .text-wrapper-12 {
    position: relative;
    flex: 1;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #ad7805;
    font-size: 3.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 4.4px
}

.home-mobile .tag-3 {
    gap: 2.6px;
    padding: 1.04px;
    flex: 1;
    flex-grow: 1;
    background-color: #fbe6eb;
    border-radius: 1.04px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .text-wrapper-13 {
    position: relative;
    flex: 1;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #a51616;
    font-size: 3.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 4.4px
}

.home-mobile .sidebar {
    display: inline-flex;
    flex-direction: column;
    height: 267px;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--themes-white-100);
    border-right-width: .26px;
    border-right-style: solid;
    border-color: var(--themes-black-10)
}

.home-mobile .frame-3 {
    display: flex;
    flex-direction: column;
    width: 73.44px;
    align-items: flex-start;
    gap: 1.2px;
    padding: 7.21px 6.01px;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .button-2,.home-mobile .icon-set {
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .button-2 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 53.23px;
    gap: var(--spacing-8);
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-16);
    background-color: var(--themes-primary-brand);
    border-radius: 2.4px
}

.home-mobile .icon-set {
    display: var(--show-icon-show-icon, inline-flex);
    gap: var(--spacing-4);
    border-radius: 2.09px
}

.home-mobile .add {
    position: relative;
    width: 5.21px;
    height: 5.21px
}

.home-mobile .text-2 {
    display: var(--show-text-show-text, inline-flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 2.09px
}

.home-mobile .text-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-white-100);
    font-size: 4.7px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.home-mobile .content {
    display: flex;
    flex-wrap: wrap;
    width: 53.23px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    flex: 0 0 auto
}

.home-mobile .content,.home-mobile .icon-text,.home-mobile .img-wrapper {
    border-radius: 2.09px;
    align-items: center;
    position: relative
}

.home-mobile .icon-text {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-12);
    flex: 1;
    flex-grow: 1
}

.home-mobile .img-wrapper {
    display: var(--show-icon-show-icon, inline-flex);
    justify-content: center;
    flex: 0 0 auto
}

.home-mobile .chat-text {
    position: relative;
    width: 6.25px;
    height: 6.25px
}

.home-mobile .text-4 {
    display: var(--show-text-show-text, flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    border-radius: 2.09px
}

.home-mobile .text-5 {
    position: relative;
    align-self: stretch;
    margin-top: -.26px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-black-100);
    font-size: 3.6px;
    letter-spacing: 0;
    line-height: 5.2px
}

.home-mobile .frame-4 {
    display: flex;
    flex-direction: column;
    width: 73.44px;
    align-items: flex-start;
    gap: 1.2px;
    padding: 6.01px 5.21px;
    position: relative;
    flex: 0 0 auto;
    border-top-width: .26px;
    border-top-style: solid;
    border-color: var(--themes-black-10)
}

.home-mobile .icon-text-wrapper {
    flex-wrap: wrap;
    width: 54.62px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    border-radius: 2.09px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .sun,.home-mobile .trash {
    position: relative;
    width: 6.25px;
    height: 6.25px;
    margin-top: -14622.47px;
    margin-left: -7624.33px
}

.home-mobile .sun {
    margin-top: -14636.18px
}

.home-mobile .arrow-square-out,.home-mobile .sign-out,.home-mobile .user {
    position: relative;
    width: 6.25px;
    height: 6.25px;
    margin-top: -14649.88px;
    margin-left: -7624.33px
}

.home-mobile .arrow-square-out,.home-mobile .sign-out {
    margin-top: -14663.58px
}

.home-mobile .sign-out {
    margin-top: -14677.28px
}

.home-mobile .img-3 {
    position: relative;
    width: 375px;
    height: 236px;
    border-radius: 1.04px;
    overflow: hidden
}

.home-mobile .al-elmes {
    position: absolute;
    width: 175px;
    height: 137px;
    top: 0;
    left: 200px
}

.home-mobile .stills-sarah {
    position: absolute;
    width: 188px;
    height: 107px;
    top: 129px;
    left: 0;
    object-fit: cover
}

.home-mobile .pexels-vlada {
    position: absolute;
    width: 175px;
    height: 87px;
    top: 149px;
    left: 200px
}

.home-mobile .pexels-panditwiguna {
    position: absolute;
    width: 188px;
    height: 117px;
    top: 0;
    left: 0
}

.home-mobile .div-4,.home-mobile .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .section {
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-secondary)
}

.home-mobile .div-4 {
    gap: 24px
}

.home-mobile .p {
    position: relative;
    width: 267px;
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.home-mobile .text-wrapper-14 {
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    position: relative;
    align-self: stretch;
    text-align: center;
    font-style: var(--paragraph-md-regular-font-style)
}

.home-mobile .wrap-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .icon-3 {
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs);
    align-items: center;
    position: relative
}

.home-mobile .img-4 {
    position: relative;
    width: 28px;
    height: 28px
}

.home-mobile .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h5-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    white-space: nowrap;
    font-style: var(--heading-mobile-h5-font-style)
}

.home-mobile .supporting-text,.home-mobile .supporting-text-2 {
    position: relative;
    width: 248px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.home-mobile .supporting-text-2 {
    width: 270px
}

.home-mobile .content-wrapper {
    flex-direction: column;
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--primitive-base-white)
}

.home-mobile .content-2,.home-mobile .content-wrapper,.home-mobile .item-3 {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .content-2 {
    flex-direction: column;
    justify-content: center;
    gap: 32px
}

.home-mobile .item-3 {
    gap: 24px
}

.home-mobile .text-wrapper-16 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-mobile-h6-font-family);
    font-weight: var(--heading-mobile-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h6-letter-spacing);
    line-height: var(--heading-mobile-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-mobile-h6-font-style)
}

.home-mobile .text-wrapper-17 {
    color: var(--text-paragraph, #44403C);
    /* paragraph/md/regular */
    font-family: Roboto;
    font-size: 16px;
    align-self: stretch;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.home-mobile .overlap-group-wrapper {
    position: relative;
    width: 335px;
    height: 388.11px;
    background-color: var(--semantic-surface-primary);
    border-radius: 5.45px;
    overflow: hidden
}

.home-mobile .overlap-group {
    position: relative;
    width: 315px;
    height: 367px;
    top: 21px;
    left: 20px
}

.home-mobile .pexels-silvia-trigo {
    position: absolute;
    width: 299px;
    height: 220px;
    top: 148px;
    left: 17px;
    object-fit: cover
}

.home-mobile .card-7 {
    width: 261px;
    justify-content: center;
    gap: 25.31px;
    padding: 16.87px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-mobile .chat,.home-mobile .wrap-9 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .wrap-9 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8.44px
}

.home-mobile .chat {
    align-items: center;
    justify-content: center;
    gap: 10.55px;
    padding: 10.55px;
    background-color: #57a5f440;
    border-radius: 16.87px 16.87px 2.11px 16.87px
}

.home-mobile .text-wrapper-18 {
    position: relative;
    flex: 1;
    margin-top: -1.05px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 14.8px;
    letter-spacing: 0;
    line-height: 17.7px
}

.home-mobile .chat-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8.44px;
    padding: 10.55px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #f4f4f4;
    border-radius: 16.87px 16.87px 16.87px 2.11px
}

.home-mobile .shape-5,.home-mobile .shape-6 {
    position: relative;
    height: 8.44px;
    background-color: #c6c6c6;
    border-radius: 319.79px
}

.home-mobile .shape-5 {
    align-self: stretch;
    width: 100%
}

.home-mobile .shape-6 {
    width: 137.09px
}

.home-mobile .chat-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10.55px;
    padding: 10.55px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8.44px;
    border: 1.05px solid;
    border-color: #e4e4e4
}

.home-mobile .text-wrapper-19 {
    position: relative;
    align-self: stretch;
    margin-top: -1.05px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 14.8px;
    letter-spacing: 0;
    line-height: 17.7px
}

.home-mobile .div-5,.home-mobile .wrap-10 {
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .div-5 {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    width: 100%
}

.home-mobile .wrap-10 {
    display: inline-flex;
    gap: 6.33px
}

.home-mobile .frame-5 {
    position: relative;
    width: 16.87px;
    height: 16.87px
}

.home-mobile .section-2,.home-mobile .wrap-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .section-2 {
    gap: 56px;
    padding: 80px 20px;
    background-color: var(--semantic-surface-tertiary);
    overflow: hidden
}

.home-mobile .wrap-11 {
    gap: 32px
}

.home-mobile .text-wrapper-20 {
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    position: relative;
    align-self: stretch;
    text-align: center;
    font-style: var(--heading-mobile-h4-font-style)
}

.home-mobile .button-3 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    position: relative;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-secondary)
}

.home-mobile .text-wrapper-21 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--neutralwhite);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.home-mobile .group {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -407px;
    margin-right: -407px
}

.home-mobile .button-4,.home-mobile .wrap-12 {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .button-4 {
    all: unset;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    background-color: var(--primitive-base-white);
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.home-mobile .text-wrapper-22 {
    position: relative;
    width: fit-content;
    margin-top: -1.5px;
    font-family: var(--heading-mobile-h6-font-family);
    font-weight: var(--heading-mobile-h6-font-weight);
    color: var(--neutralblack);
    font-size: var(--heading-mobile-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h6-letter-spacing);
    line-height: var(--heading-mobile-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-mobile-h6-font-style)
}

.home-mobile .stills-wrapper {
    position: relative;
    align-self: stretch;
    width: 262px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.home-mobile .stills {
    position: absolute;
    width: 262px;
    height: 52px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .button-5,.home-mobile .button-6 {
    position: relative;
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.home-mobile .button-5 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    flex: 0 0 auto;
    background-color: var(--primitive-base-white)
}

.home-mobile .button-6 {
    align-self: stretch;
    width: 319px;
    overflow: hidden
}

.home-mobile .micheile-henderson,.home-mobile .stills-2 {
    position: absolute;
    width: 242px;
    height: 56px;
    top: 0;
    left: 76px;
    object-fit: cover
}

.home-mobile .micheile-henderson {
    width: 140px;
    left: 1px
}

.home-mobile .card-8,.home-mobile .section-3 {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-mobile .section-3 {
    gap: 64px;
    padding: 56px 20px;
    background-color: var(--primitive-neutral-50);
    align-self: stretch;
    width: 100%
}

.home-mobile .card-8 {
    width: 335px;
    justify-content: center;
    gap: 24px;
    padding: 20px;
    background-color: var(--neutralwhite);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.home-mobile .stills-bryant-wrapper {
    position: relative;
    width: 295px;
    height: 247.9px;
    background-color: var(--primitive-neutral-200);
    border-radius: 4.96px;
    overflow: hidden
}

.home-mobile .stills-bryant {
    position: absolute;
    width: 295px;
    height: 248px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .div-6,.home-mobile .wrap-13 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .wrap-13 {
    gap: 16px
}

.home-mobile .text-wrapper-23 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h5-font-size);
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    font-style: var(--heading-mobile-h5-font-style)
}

.home-mobile .wrap-14 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-6 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    line-height: var(--paragraph-md-medium-line-height);
    font-style: var(--paragraph-md-medium-font-style)
}

.home-mobile .text-7 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.home-mobile .div-7 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .tag-4 {
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    transform: rotate(-180deg);
    box-shadow: var(--sm);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .arrow-right-alt {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px;
    transform: rotate(180deg)
}

.home-mobile .tag-5 {
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .arrow-right-alt-2 {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px
}

.home-mobile .cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    padding: 56px 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary)
}

.home-mobile .img-5 {
    position: relative;
    width: 335px;
    height: 286.06px;
    background-color: var(--semantic-surface-primary);
    border-radius: 12px
}

.home-mobile .overlap-group-2 {
    position: relative;
    width: 272px;
    height: 239px;
    top: 24px;
    left: 31px
}

.home-mobile .pexels-cottonbro {
    width: 272px;
    height: 182px;
    top: 57px;
    position: absolute;
    left: 0;
    object-fit: cover
}

.home-mobile .card-9 {
    width: 166px;
    justify-content: center;
    gap: 8.7px;
    padding: 8.7px;
    position: absolute;
    top: 0;
    left: 13px;
    background-color: var(--neutralwhite);
    border-radius: 8.7px;
    box-shadow: 0 1.96px 4.61px #0000000a,0 4.06px 5.79px #0000000f,0 9.79px 15.77px #0000001a;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-mobile .pexels-cottonbro-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 87.01px;
    background-color: var(--neutralgrey-400);
    border-radius: 4.35px;
    overflow: hidden
}

.home-mobile .pexels-cottonbro-2 {
    width: 149px;
    height: 87px;
    top: 0;
    position: absolute;
    left: 0;
    object-fit: cover
}

.home-mobile .text-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.35px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .bloom-co-floral {
    position: relative;
    align-self: stretch;
    margin-top: -.54px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 7.6px;
    letter-spacing: 0;
    line-height: 9.1px
}

.home-mobile .wrap-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.7px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .shape-7,.home-mobile .shape-8 {
    position: relative;
    height: 4.35px;
    background-color: #e4e4e4;
    border-radius: 231.24px
}

.home-mobile .shape-7 {
    align-self: stretch;
    width: 100%
}

.home-mobile .shape-8 {
    width: 62.54px
}

.home-mobile .footer-mobile,.home-mobile .wrap-16 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.home-mobile .wrap-16 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.home-mobile .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.home-mobile .layer {
    width: 197px;
    height: 40px
}

.home-mobile .group-2 {
    height: 40px
}

.home-mobile .overlap-group-3 {
    position: relative;
    width: 197px;
    height: 40px
}

.home-mobile .vector {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.home-mobile .group-3 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.home-mobile .wrap-17 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-24 {
    margin-top: -1px
}

.home-mobile .text-wrapper-24,.home-mobile .text-wrapper-25 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.home-mobile .wrap-18 {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%
}

.home-mobile .img-6 {
    position: relative;
    width: 24px;
    height: 24px
}

.home-mobile .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.home-mobile .text-wrapper-26 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.home-mobile .text-wrapper-27 {
    text-decoration: underline
}

.home-mobile .text-wrapper-27,.home-mobile .text-wrapper-28 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.home-mobile .hero,.home-mobile.home {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.home-mobile.home {
    min-width: 1440px
}

.home-mobile .hero {
    display: flex;
    padding: 96px 96px 0px 96px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
    background: var(--neutral-200, #ECEBE9);
    box-shadow: 0px 18px 29px 0px rgba(0, 0, 0, 0.10), 0px 7.466px 10.645px 0px rgba(0, 0, 0, 0.06), 0px 3.601px 8.484px 0px rgba(0, 0, 0, 0.04);
}

.home-mobile .nav {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.home-mobile .frame-6 {
    width: 148px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.home-mobile .group-wrapper {
    position: relative;
    width: 118.47px;
    height: 24px
}

.home-mobile .group-4 {
    width: 118px;
    height: 24px
}

.home-mobile .overlap-group-4 {
    position: relative;
    height: 24px
}

.home-mobile .vector-2 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.home-mobile .group-5 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.home-mobile .text-wrapper-29 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.home-mobile .button-7 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    box-shadow: var(--sm)
}

.home-mobile .text-wrapper-30 {
    margin-top: -1px;
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.home-mobile .content-3 {
    display: flex;
    width: 1248px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.home-mobile .header-2 {
    display: flex;
    padding: 96px 96px 0px 96px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.home-mobile .effortless-planning-2 {
    color: var(--neutral-900, #1C1917);
    font-family: 'Gambetta-Medium';
    text-align: center;
    font-size: 96px;
    font-style: normal;
    line-height: 110%; /* 105.6px */
    letter-spacing: -1.92px;
}

.home-mobile .streamline-your-2 {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    /* heading/desktop/h6 */
    font-family: Roboto;
    width: 720px;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.home-mobile .button-8,.home-mobile .button-9,.home-mobile .wrap-19 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .button-8,.home-mobile .button-9 {
    all: unset;
    box-sizing: border-box;
    height: 56px;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-secondary)
}

.home-mobile .button-8 {
    background-color: var(--semantic-surface-accent)
}

.home-mobile .button-9 {
    box-shadow: inset 0 5px 1px #ffffff1a
}

.home-mobile .text-wrapper-31 {
    margin-top: -1px;
    color: var(--primitive-base-base);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.home-mobile .img-7 {
    position: relative;
    width: 1440px;
    height: 419px;
    margin-left: -96px;
    margin-right: -96px;
    border-radius: 4px;
    overflow: hidden
}

.home-mobile .al-elmes-ulhxwqreao,.home-mobile .stills-sarah-2 {
    position: absolute;
    width: 248px;
    height: 252px;
    top: 0;
    left: 1192px
}

.home-mobile .stills-sarah-2 {
    height: 200px;
    top: 218px;
    left: 0;
    object-fit: cover
}

.home-mobile .pexels-vlada-2 {
    position: absolute;
    width: 248px;
    height: 154px;
    top: 264px;
    left: 1192px
}

.home-mobile .pexels-panditwiguna-2 {
    position: absolute;
    width: 248px;
    height: 206px;
    top: 0;
    left: 0
}

.home-mobile .event-details {
    position: absolute;
    width: 920px;
    height: 418px;
    top: 0;
    left: 261px;
    object-fit: cover
}

.home-mobile .section-4,.home-mobile .wrap-20 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .section-4 {
    padding: 112px 200px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-secondary);
    gap: 80px
}

.home-mobile .wrap-20 {
    width: 720px;
    gap: 32px
}

.home-mobile .text-wrapper-32 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    margin-left: -64.5px;
    margin-right: -64.5px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h4-font-style)
}

.home-mobile .text-wrapper-33 {
    position: relative;
    width: 632px;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.home-mobile .wrap-21 {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .content-4 {
    flex-direction: column;
    gap: 24px;
    flex: 1;
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative
}

.home-mobile .icon-4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-card);
    box-shadow: var(--xs)
}

.home-mobile .text-wrapper-34 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h6-font-style)
}

.home-mobile .content-5,.home-mobile .header-3 {
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    position: relative
}

.home-mobile .header-3 {
    gap: 112px;
    padding: 0 200px 112px;
    background-color: var(--primitive-base-white);
    flex-direction: column
}

.home-mobile .content-5 {
    justify-content: center;
    gap: 56px
}

.home-mobile .wrap-22 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.home-mobile .text-wrapper-35 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.home-mobile .button-10,.home-mobile .button-11 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600)
}

.home-mobile .button-10 {
    background-color: var(--semantic-surface-accent)
}

.home-mobile .button-11 {
    box-shadow: inset 0 5px 1px #ffffff1a
}

.home-mobile .img-8 {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 570px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    overflow: hidden
}

.home-mobile .overlap-group-5 {
    position: relative;
    width: 465px;
    height: 544px;
    top: 26px;
    left: 27px
}

.home-mobile .pexels-silvia-trigo-2 {
    position: absolute;
    width: 439px;
    height: 323px;
    top: 222px;
    left: 26px;
    object-fit: cover
}

.home-mobile .card-10 {
    position: absolute;
    width: 384px;
    height: 347px;
    top: 0;
    left: 0;
    box-shadow: 0 3.6px 8.48px #0000000a,0 7.47px 10.65px #0000000f,0 18px 29px #0000001a;
    background-image: url(./img/card.png);
    background-size: cover;
    background-position: 50% 50%
}

.home-mobile .section-5,.home-mobile .wrap-23 {
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .section-5 {
    padding: 112px 200px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-tertiary);
    overflow: hidden;
    display: flex;
    gap: 80px
}

.home-mobile .wrap-23 {
    display: inline-flex;
    gap: 32px
}

.home-mobile .text-wrapper-36 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h4-font-style)
}

.home-mobile .button-12,.home-mobile .group-6 {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .group-6 {
    flex-direction: column;
    gap: 16px;
    margin-left: -336.5px;
    margin-right: -336.5px
}

.home-mobile .button-12 {
    all: unset;
    box-sizing: border-box;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-primary);
    box-shadow: var(--md)
}

.home-mobile .text-wrapper-37 {
    position: relative;
    width: fit-content;
    margin-top: -1.5px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h6-font-style)
}

.home-mobile .button-13 {
    position: relative;
    align-self: stretch;
    width: 345px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--semantic-outline-primary);
    box-shadow: var(--md)
}

.home-mobile .stills-3 {
    position: absolute;
    width: 345px;
    height: 66px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .button-14 {
    position: relative;
    align-self: stretch;
    width: 319px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--semantic-outline-primary);
    box-shadow: var(--md)
}

.home-mobile .stills-4 {
    position: absolute;
    width: 319px;
    height: 66px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .micheile-henderson-wrapper {
    position: relative;
    width: 319px;
    height: 66px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--semantic-outline-primary);
    box-shadow: var(--md)
}

.home-mobile .micheile-henderson-2 {
    position: absolute;
    width: 317px;
    height: 66px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .pexels-bohlemedia-wrapper {
    display: flex;
    width: 280px;
    height: 66px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    position: relative;
    background-color: var(--semantic-surface-secondary);
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--semantic-outline-primary);
    box-shadow: var(--md)
}

.home-mobile .pexels-bohlemedia {
    position: relative;
    width: 207px;
    height: 66px;
    margin-top: -16px;
    margin-bottom: -16px;
    margin-left: -31.5px;
    object-fit: cover
}

.home-mobile .section-6 {
    display: flex;
    width: 1440px;
    height: 800px;
    padding: 96px 104px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    background: var(--neutral-50, #FAFAF9);
}

.home-mobile .text-wrapper-38 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.home-mobile .tag-6 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.home-mobile .wrap-24 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.home-mobile .tag-6 {
    transform: rotate(-180deg);
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-card);
    box-shadow: var(--sm)
}

.home-mobile .card-11,.home-mobile .img-9 {
    position: relative;
    flex: 1;
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden
}

.home-mobile .card-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-width: 100%;
    flex: 0 0 100%;
    box-sizing: border-box;
    padding: 40px;
    background-color: var(--semantic-surface-secondary);
    border: 1px solid;
    border-color: var(--semantic-outline-card);
    box-shadow: var(--md)
}

.home-mobile .img-9 {
    height: 400px;
    background-color: var(--primitive-neutral-200)
}

.home-mobile .stills-bryant-2 {
    position: absolute;
    width: 476px;
    height: 400px;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-mobile .text-9,.home-mobile .wrap-25 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.home-mobile .text-9 {
    gap: 40px;
    flex: 1;
    flex-grow: 1
}

.home-mobile .wrap-25 {
    gap: 20px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.home-mobile .eventio-s-budgeting {
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h5 */
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    align-self: stretch;
    line-height: 130%; /* 41.6px */
    letter-spacing: -0.64px;
}

.home-mobile .card-12,.home-mobile .tag-7 {
    display: flex;
    align-items: center;
    position: relative
}

.home-mobile .tag-7 {
    width: 40px;
    height: 40px;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-card);
    box-shadow: var(--sm)
}

.home-mobile .card-12 {
    gap: 80px;
    padding: 112px 64px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary)
}

.home-mobile .text-wrapper-39 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    font-style: var(--heading-desktop-h4-font-style)
}

.home-mobile .img-10 {
    position: relative;
    width: 616px;
    height: 526px;
    background-color: var(--semantic-surface-primary);
    border-radius: 4px
}

.home-mobile .overlap-group-6 {
    position: relative;
    width: 501px;
    height: 453px;
    top: 30px;
    left: 57px
}

.home-mobile .pexels-cottonbro-3 {
    position: absolute;
    width: 501px;
    height: 334px;
    top: 119px;
    left: 0;
    object-fit: cover
}

.home-mobile .card-13 {
    position: absolute;
    width: 306px;
    height: 256px;
    top: 0;
    left: 19px;
    box-shadow: 0 3.6px 8.48px #0000000a,0 7.47px 10.65px #0000000f,0 18px 29px #0000001a;
    background-image: url(./img/card-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.home-mobile .footer,.home-mobile .wrap-26 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.home-mobile .wrap-26 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.home-mobile .logo,.home-mobile .wrap-27 {
    display: flex;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.home-mobile .logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.home-mobile .wrap-27 {
    align-items: center;
    justify-content: flex-end;
    gap: 16px
}

.home-mobile .line-2 {
    margin-top: -1px;
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.home-mobile .div-8 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.home-mobile .text-wrapper-40 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .home-mobile.home {
        display: none!important
    }
}

@media (min-width:1440px) {
    .home-mobile.div {
        display: none!important
    }
}

.about-mobile.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.about-mobile .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.about-mobile .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.about-mobile .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.about-mobile .group {
    width: 99px;
    height: 20px
}

.about-mobile .overlap-group {
    position: relative;
    height: 20px
}

.about-mobile .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.about-mobile .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.about-mobile .button {
    display: inline-flex;
    gap: 10px;
    padding: 8px;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.about-mobile .header,.about-mobile .wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .header {
    align-items: center;
    gap: 40px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-primary)
}

.about-mobile .wrap {
    align-items: flex-start;
    gap: 24px
}

.about-mobile .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h2-font-family);
    font-weight: var(--heading-mobile-h2-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h2-letter-spacing);
    line-height: var(--heading-mobile-h2-line-height);
    font-style: var(--heading-mobile-h2-font-style)
}

.about-mobile .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.about-mobile .overlap-wrapper {
    position: relative;
    width: 335px;
    height: 286.06px;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 4.35px;
    overflow: hidden
}

.about-mobile .overlap {
    position: relative;
    width: 614px;
    height: 480px;
    top: 14px;
    left: -279px
}

.about-mobile .new-chat {
    position: absolute;
    width: 538px;
    height: 383px;
    top: 97px;
    left: 0;
    background-color: var(--themes-white-100);
    border-radius: 6.53px;
    overflow: hidden
}

.about-mobile .frame-2 {
    display: flex;
    flex-direction: column;
    width: 433px;
    height: 383px;
    align-items: center;
    gap: 6.9px;
    padding: 20.94px 20.94px 0;
    position: absolute;
    top: 0;
    left: 105px;
    background-color: #f5f5f5
}

.about-mobile .text-wrapper-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 10.4px;
    letter-spacing: 0;
    line-height: 12.4px
}

.about-mobile .wrap-2 {
    display: flex;
    align-items: flex-start;
    gap: 5.98px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .card,.about-mobile .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.about-mobile .card {
    width: 92.64px;
    justify-content: center;
    gap: 3.87px;
    padding: 5.98px;
    background-color: #f9ebdc;
    border-radius: 5.98px
}

.about-mobile .text {
    gap: 1.5px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-4,.about-mobile .text-wrapper-5 {
    position: relative;
    font-family: "Inter",Helvetica;
    color: var(--neutralblack);
    letter-spacing: 0
}

.about-mobile .text-wrapper-4 {
    width: fit-content;
    margin-top: -.24px;
    font-weight: 600;
    font-size: 15px;
    line-height: 17.9px;
    white-space: nowrap
}

.about-mobile .text-wrapper-5 {
    align-self: stretch;
    font-weight: 400;
    font-size: 5.2px;
    text-align: center;
    line-height: 6.3px
}

.about-mobile .div-wrapper,.about-mobile .wrap-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .div-wrapper {
    flex-direction: column;
    width: 92.64px;
    gap: 3.87px;
    padding: 5.98px;
    background-color: #fbe8ec;
    border-radius: 5.98px
}

.about-mobile .wrap-3 {
    gap: 5.98px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px;
    white-space: nowrap
}

.about-mobile .card-2,.about-mobile .card-3 {
    display: flex;
    flex-direction: column;
    width: 92.64px;
    align-items: center;
    justify-content: center;
    gap: 3.87px;
    padding: 5.98px;
    position: relative;
    background-color: #ebf4fc;
    border-radius: 5.98px
}

.about-mobile .card-3 {
    background-color: #e9e4fc
}

.about-mobile .text-wrapper-7 {
    width: 9.35px;
    margin-top: -.24px;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 15px;
    line-height: 17.9px;
    position: relative;
    font-family: "Inter",Helvetica;
    letter-spacing: 0
}

.about-mobile .card-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6.73px;
    padding: 8.97px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--neutralwhite);
    border-radius: 5.98px
}

.about-mobile .text-wrapper-8 {
    position: relative;
    align-self: stretch;
    margin-top: -.24px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 6.7px;
    letter-spacing: 0;
    line-height: 8.1px
}

.about-mobile .wrap-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.99px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .progress,.about-mobile .rectangle {
    position: relative;
    align-self: stretch;
    border-radius: 37.38px
}

.about-mobile .progress {
    display: flex;
    height: 5.98px;
    align-items: center;
    gap: 3.74px;
    width: 100%;
    background-color: #ececec
}

.about-mobile .rectangle {
    width: 37.38px;
    background-color: #66d75a
}

.about-mobile .wrap-5 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-9 {
    margin-top: -.37px;
    font-weight: 500;
    font-size: 5.2px;
    line-height: 6.3px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: #000;
    letter-spacing: 0;
    white-space: nowrap
}

.about-mobile .wrap-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.24px;
    padding: 0 5.98px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .icon,.about-mobile .item {
    display: flex;
    align-items: center;
    position: relative
}

.about-mobile .item {
    gap: 2.99px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .icon {
    width: 7.48px;
    height: 7.48px;
    justify-content: center;
    gap: 3.12px;
    background-color: #66d75a;
    border-radius: 1.5px
}

.about-mobile .frame-3 {
    position: relative;
    width: 4.98px;
    height: 4.98px;
    margin-top: -14465.3px;
    margin-left: -9960.08px
}

.about-mobile .text-wrapper-10 {
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    font-size: 5.2px;
    letter-spacing: 0;
    line-height: 6.3px;
    text-decoration: line-through
}

.about-mobile .frame-4 {
    position: relative;
    width: 4.98px;
    height: 4.98px;
    margin-top: -14475.02px;
    margin-left: -9960.08px
}

.about-mobile .icon-2 {
    display: flex;
    width: 7.48px;
    height: 7.48px;
    justify-content: center;
    gap: 3.12px;
    border-radius: 1.5px;
    border: .37px solid;
    border-color: #000;
    align-items: center;
    position: relative
}

.about-mobile .shape,.about-mobile .shape-2,.about-mobile .shape-3,.about-mobile .shape-4 {
    position: relative;
    width: 77.39px;
    height: 3.74px;
    background-color: #e4e4e4;
    border-radius: 158.96px
}

.about-mobile .shape-2,.about-mobile .shape-3,.about-mobile .shape-4 {
    width: 56.82px
}

.about-mobile .shape-3,.about-mobile .shape-4 {
    width: 78.88px
}

.about-mobile .shape-4 {
    width: 109.91px;
    margin-right: -7.07px
}

.about-mobile .frame-5 {
    position: relative;
    width: 4.98px;
    height: 4.98px
}

.about-mobile .card-5 {
    display: flex;
    flex-direction: column;
    width: 92.64px;
    align-items: center;
    gap: 5.98px;
    padding: 5.98px;
    position: relative;
    align-self: stretch;
    background-color: var(--neutralwhite);
    border-radius: 5.98px
}

.about-mobile .item-2,.about-mobile .wrap-7 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.24px
}

.about-mobile .item-2 {
    gap: 3.74px;
    align-items: center;
    justify-content: center
}

.about-mobile .image-wrapper {
    width: 8.97px;
    height: 8.97px;
    background-color: var(--neutralgrey-400);
    border-radius: 37.38px;
    position: relative;
    overflow: hidden
}

.about-mobile .image {
    position: absolute;
    width: 9px;
    height: 9px;
    top: 0;
    left: 0;
    object-fit: cover
}

.about-mobile .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.74px;
    padding: 1.5px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #e3effc;
    border-radius: 1.5px
}

.about-mobile .text-wrapper-11 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #0572e0;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.about-mobile .tag-2 {
    gap: 3.74px;
    padding: 1.5px;
    flex: 1;
    flex-grow: 1;
    background-color: #feeddb;
    border-radius: 1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .text-wrapper-12 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #ad7805;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.about-mobile .tag-3 {
    gap: 3.74px;
    padding: 1.5px;
    flex: 1;
    flex-grow: 1;
    background-color: #fbe6eb;
    border-radius: 1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .text-wrapper-13 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #a51616;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.about-mobile .image-2 {
    width: 9px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

.about-mobile .sidebar {
    display: inline-flex;
    flex-direction: column;
    height: 383px;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--themes-white-100);
    border-right-width: .37px;
    border-right-style: solid;
    border-color: var(--themes-black-10)
}

.about-mobile .frame-6 {
    display: flex;
    flex-direction: column;
    width: 105.42px;
    align-items: flex-start;
    gap: 1.73px;
    padding: 10.35px 8.63px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .button-2,.about-mobile .icon-set {
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .button-2 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 88.17px;
    gap: var(--spacing-8);
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-16);
    background-color: var(--themes-primary-brand);
    border-radius: 3.45px
}

.about-mobile .icon-set {
    display: var(--show-icon-show-icon, inline-flex);
    gap: var(--spacing-4);
    border-radius: 2.99px
}

.about-mobile .add {
    position: relative;
    width: 7.48px;
    height: 7.48px;
    margin-top: -14351.05px;
    margin-left: -9849.99px
}

.about-mobile .text-2 {
    display: var(--show-text-show-text, inline-flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 2.99px
}

.about-mobile .text-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-white-100);
    font-size: 6.7px;
    text-align: center;
    letter-spacing: 0;
    line-height: 9px
}

.about-mobile .content {
    display: flex;
    flex-wrap: wrap;
    width: 88.17px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    flex: 0 0 auto
}

.about-mobile .content,.about-mobile .icon-text,.about-mobile .img-wrapper {
    border-radius: 2.99px;
    align-items: center;
    position: relative
}

.about-mobile .icon-text {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-12);
    flex: 1;
    flex-grow: 1
}

.about-mobile .img-wrapper {
    display: var(--show-icon-show-icon, inline-flex);
    justify-content: center;
    flex: 0 0 auto
}

.about-mobile .chat-text {
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-top: -14368.49px;
    margin-left: -9833.13px
}

.about-mobile .text-4 {
    display: var(--show-text-show-text, flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    border-radius: 2.99px
}

.about-mobile .text-5 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-black-100);
    font-size: 5.2px;
    letter-spacing: 0;
    line-height: 7.5px
}

.about-mobile .chat-text-2,.about-mobile .chat-text-3 {
    margin-top: -14391.17px;
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-left: -9833.13px
}

.about-mobile .chat-text-3 {
    margin-top: -14413.86px
}

.about-mobile .frame-7 {
    display: flex;
    flex-direction: column;
    width: 105.42px;
    align-items: flex-start;
    gap: 1.73px;
    padding: 8.63px 7.48px;
    position: relative;
    flex: 0 0 auto;
    border-top-width: .37px;
    border-top-style: solid;
    border-color: var(--themes-black-10)
}

.about-mobile .icon-text-wrapper {
    flex-wrap: wrap;
    width: 90.47px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    border-radius: 2.99px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .sun,.about-mobile .trash {
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-top: -14618.99px;
    margin-left: -9831.98px
}

.about-mobile .sun {
    margin-top: -14638.66px
}

.about-mobile .arrow-square-out,.about-mobile .sign-out,.about-mobile .user {
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-top: -14658.33px;
    margin-left: -9831.98px
}

.about-mobile .arrow-square-out,.about-mobile .sign-out {
    margin-top: -14678px
}

.about-mobile .sign-out {
    margin-top: -14697.67px
}

.about-mobile .pexels-cottonbro {
    position: absolute;
    width: 166px;
    height: 128px;
    top: 0;
    left: 448px;
    object-fit: cover
}

.about-mobile .card-6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    left: 288px;
    background-color: var(--neutralwhite);
    border-radius: 6.53px;
    box-shadow: 0 1.96px 4.61px #0000000a,0 4.06px 5.79px #0000000f,0 9.79px 15.77px #0000001a
}

.about-mobile .text-6,.about-mobile .wrap-8 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-8 {
    align-items: center;
    justify-content: space-between;
    padding: 8.7px;
    align-self: stretch
}

.about-mobile .text-6 {
    align-items: flex-start;
    gap: 4.35px
}

.about-mobile .text-wrapper-14 {
    position: relative;
    align-self: stretch;
    margin-top: -.54px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 8.7px;
    letter-spacing: 0;
    line-height: 10.4px
}

.about-mobile .wrap-9 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.7px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .shape-5,.about-mobile .shape-6 {
    width: 108.22px;
    height: 4.35px;
    border-radius: 231.24px;
    position: relative;
    background-color: #e4e4e4
}

.about-mobile .shape-6 {
    width: 62.54px
}

.about-mobile .wrap-10 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-15 {
    margin-top: -.54px;
    font-size: 7.6px;
    line-height: 9.1px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    letter-spacing: 0;
    white-space: nowrap
}

.about-mobile .item-3 {
    display: inline-flex;
    gap: 2.18px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .frame-8 {
    position: relative;
    width: 8.7px;
    height: 8.7px
}

.about-mobile .text-wrapper-16 {
    width: fit-content;
    margin-top: -.54px;
    font-weight: 400;
    color: #636363;
    font-size: 7.6px;
    line-height: 9.1px;
    white-space: nowrap;
    position: relative;
    font-family: "Inter",Helvetica;
    letter-spacing: 0
}

.about-mobile .overlap-group-wrapper {
    width: 84.08px;
    height: 84.08px;
    background-color: var(--neutralwhite);
    border-radius: 8.7px;
    position: relative;
    overflow: hidden
}

.about-mobile .icon-wrapper {
    width: 84px;
    height: 84px;
    background-image: url(./img/oliviaklimt-91412-a-white-birthday-hat-with-colorful-polka-do-96.png);
    background-size: cover;
    background-position: 50% 50%
}

.about-mobile .frame-wrapper {
    display: flex;
    width: 15.23px;
    height: 15px;
    justify-content: center;
    gap: 5.44px;
    padding: 2.18px;
    top: 63px;
    left: 62px;
    background-color: #bfbfbf80;
    border-radius: 2.18px;
    align-items: center;
    position: relative
}

.about-mobile .frame-9 {
    position: relative;
    width: 13.05px;
    height: 13.05px;
    margin: -1.09px
}

.about-mobile .div-2,.about-mobile .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .section {
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-secondary)
}

.about-mobile .div-2 {
    gap: 24px
}

.about-mobile .text-wrapper-17 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.about-mobile .section-2,.about-mobile .wrap-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .section-2 {
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--primitive-neutral-50)
}

.about-mobile .wrap-11 {
    gap: 32px
}

.about-mobile .p {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h3-font-family);
    font-weight: var(--heading-mobile-h3-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h3-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h3-letter-spacing);
    line-height: var(--heading-mobile-h3-line-height);
    font-style: var(--heading-mobile-h3-font-style)
}

.about-mobile .wrap-12 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .icon-3 {
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs);
    align-items: center;
    position: relative
}

.about-mobile .img-3 {
    position: relative;
    width: 28px;
    height: 28px
}

.about-mobile .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-18 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h5-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    font-style: var(--heading-mobile-h5-font-style)
}

.about-mobile .supporting-text {
    position: relative;
    width: 313px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.about-mobile .card-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 40px 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.about-mobile .img-4 {
    width: 140px;
    height: 140px;
    background-color: var(--primitive-neutral-400);
    border-radius: 163.33px;
    border: 2.92px solid;
    border-color: var(--semantic-outline-secondary);
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-group-2 {
    position: relative;
    height: 140px;
    background-image: url(./img/image-1-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.about-mobile .img-5 {
    width: 140px;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

.about-mobile .wrap-13 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-19 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-xl-regular-font-family);
    font-weight: var(--paragraph-xl-regular-font-weight);
    color: var(--primitive-neutral-500);
    font-size: var(--paragraph-xl-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-xl-regular-letter-spacing);
    line-height: var(--paragraph-xl-regular-line-height);
    font-style: var(--paragraph-xl-regular-font-style)
}

.about-mobile .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.about-mobile .tag-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 24px;
    position: absolute;
    top: 0;
    left: 247px
}

.about-mobile .tag-4 {
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    box-shadow: var(--xs);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .social-icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px
}

.about-mobile .container,.about-mobile .cta {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .cta {
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-tertiary)
}

.about-mobile .container {
    align-items: center;
    gap: 40px
}

.about-mobile .wrap-14,.about-mobile .wrap-15 {
    flex-direction: column;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-14 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    width: 100%
}

.about-mobile .wrap-15 {
    display: inline-flex;
    align-items: center
}

.about-mobile .button-3 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    height: 56px;
    gap: 10px;
    padding: 16px 24px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600);
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .text-wrapper-20 {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.about-mobile .button-4 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    gap: 10px;
    padding: 16px 24px;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600);
    box-shadow: inset 0 5px 1px #ffffff1a;
    align-items: center;
    justify-content: center;
    position: relative
}

.about-mobile .text-wrapper-21 {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.about-mobile .img-6 {
    width: 335px;
    height: 305.92px;
    background-color: var(--semantic-surface-primary);
    border-radius: 4.65px;
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-2 {
    position: relative;
    width: 287px;
    height: 248px;
    top: 28px;
    left: 23px
}

.about-mobile .al-elmes {
    position: absolute;
    width: 268px;
    height: 181px;
    top: 67px;
    left: 19px
}

.about-mobile .card-8 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 9.31px;
    box-shadow: 0 2.09px 4.93px #0000000a,0 4.34px 6.19px #0000000f,0 10.47px 16.87px #0000001a
}

.about-mobile .text-7,.about-mobile .wrap-16 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-16 {
    align-items: center;
    justify-content: space-between;
    padding: 9.31px;
    align-self: stretch
}

.about-mobile .text-7 {
    align-items: flex-start;
    gap: 4.65px
}

.about-mobile .text-wrapper-22 {
    position: relative;
    align-self: stretch;
    margin-top: -.58px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 9.3px;
    letter-spacing: 0;
    line-height: 11.2px
}

.about-mobile .wrap-17 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.96px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .shape-7,.about-mobile .shape-8 {
    width: 115.74px;
    height: 4.65px;
    border-radius: 247.29px;
    position: relative;
    background-color: #e4e4e4
}

.about-mobile .shape-8 {
    width: 66.88px
}

.about-mobile .text-wrapper-23 {
    margin-top: -.58px;
    font-size: 8.1px;
    line-height: 9.8px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    letter-spacing: 0;
    white-space: nowrap
}

.about-mobile .item-4 {
    display: inline-flex;
    gap: 2.33px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .frame-10 {
    position: relative;
    width: 9.31px;
    height: 9.31px
}

.about-mobile .text-wrapper-24 {
    width: fit-content;
    margin-top: -.58px;
    font-weight: 400;
    color: #636363;
    font-size: 8.1px;
    line-height: 9.8px;
    white-space: nowrap;
    position: relative;
    font-family: "Inter",Helvetica;
    letter-spacing: 0
}

.about-mobile .img-7 {
    width: 89.92px;
    height: 89.92px;
    background-color: var(--neutralwhite);
    border-radius: 9.31px;
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-group-3 {
    position: relative;
    width: 70px;
    height: 90px;
    left: 14px;
    background-image: url(./img/image-1-2.png);
    background-size: 100% 100%
}

.about-mobile .icon-4 {
    display: flex;
    width: 16.28px;
    height: 16px;
    justify-content: center;
    gap: 5.82px;
    padding: 2.33px;
    top: 67px;
    left: 52px;
    background-color: #bfbfbf80;
    border-radius: 2.33px;
    align-items: center;
    position: relative
}

.about-mobile .frame-11 {
    position: relative;
    width: 13.96px;
    height: 13.96px;
    margin: -1.16px
}

.about-mobile .footer-mobile,.about-mobile .wrap-18 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.about-mobile .wrap-18 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.about-mobile .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.about-mobile .group-wrapper {
    width: 197px;
    height: 40px
}

.about-mobile .group-2 {
    height: 40px
}

.about-mobile .overlap-group-4 {
    position: relative;
    width: 197px;
    height: 40px
}

.about-mobile .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.about-mobile .group-3 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.about-mobile .wrap-19 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-25 {
    margin-top: -1px
}

.about-mobile .text-wrapper-25,.about-mobile .text-wrapper-26 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.about-mobile .wrap-20 {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%
}

.about-mobile .text-wrapper-27 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.about-mobile .text-wrapper-28 {
    text-decoration: underline
}

.about-mobile .text-wrapper-28,.about-mobile .text-wrapper-29 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.about-mobile.about {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.about-mobile .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.about-mobile .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.about-mobile .group-4 {
    width: 118px;
    height: 24px
}

.about-mobile .overlap-group-5 {
    position: relative;
    height: 24px
}

.about-mobile .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.about-mobile .group-5 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.about-mobile .div-3 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-30 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.about-mobile .button-5 {
    all: unset;
    box-sizing: border-box;
    justify-content: center;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    box-shadow: var(--sm);
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.about-mobile .text-wrapper-31 {
    margin-top: -1px;
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.about-mobile .content-2,.about-mobile .content-wrapper {
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    position: relative
}

.about-mobile .content-wrapper {
    flex-direction: column;
    gap: 56px;
    padding: 96px 112px;
    background-color: var(--semantic-surface-primary)
}

.about-mobile .content-2 {
    justify-content: center;
    gap: 64px
}

.about-mobile .wrap-21 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.about-mobile .text-wrapper-32 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    color: var(--primitive-neutral-900);
    font-size: var(--heading-desktop-h2-font-size);
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    font-style: var(--heading-desktop-h2-font-style)
}

.about-mobile .text-wrapper-33 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--primitive-neutral-700);
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.about-mobile .img-8 {
    width: 616px;
    height: 526px;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-group-6 {
    position: relative;
    height: 481px;
    top: 45px
}

.about-mobile .event-details,.about-mobile .pexels-pavel {
    position: absolute;
    width: 529px;
    height: 290px;
    top: 191px;
    left: 0;
    object-fit: cover
}

.about-mobile .pexels-pavel {
    width: 315px;
    height: 252px;
    top: 0;
    left: 301px
}

.about-mobile .card-9 {
    position: absolute;
    width: 386px;
    height: 155px;
    top: 26px;
    left: 16px;
    box-shadow: 0 3.6px 8.48px #0000000a,0 7.47px 10.65px #0000000f,0 18px 29px #0000001a;
    background-image: url(./img/card.png);
    background-size: cover;
    background-position: 50% 50%
}

.about-mobile .wrap-22,.about-mobile .wrap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-wrapper {
    gap: 56px;
    padding: 96px;
    background-color: var(--semantic-surface-secondary);
    align-self: stretch;
    width: 100%
}

.about-mobile .wrap-22 {
    width: 720px;
    gap: 32px
}

.about-mobile .text-wrapper-34 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    font-style: var(--heading-desktop-h4-font-style)
}

.about-mobile .text-wrapper-35 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.about-mobile .section-3,.about-mobile .wrap-23 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .section-3 {
    gap: 80px;
    padding: 112px 200px;
    background-color: var(--primitive-neutral-50);
    flex-direction: column;
    align-items: center
}

.about-mobile .wrap-23 {
    align-items: flex-start;
    gap: 64px
}

.about-mobile .content-3 {
    flex-direction: column;
    gap: 24px;
    flex: 1;
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative
}

.about-mobile .text-wrapper-36 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    font-style: var(--heading-desktop-h6-font-style)
}

.about-mobile .supporting-text-2 {
    width: 270px;
    position: relative;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.about-mobile .grid,.about-mobile .section-4,.about-mobile .wrap-24 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .section-4 {
    gap: 80px;
    padding: 96px 112px;
    background-color: var(--semantic-surface-secondary);
    flex-direction: column;
    align-items: center
}

.about-mobile .grid,.about-mobile .wrap-24 {
    align-items: flex-start;
    gap: 32px
}

.about-mobile .grid {
    flex-direction: column
}

.about-mobile .wrap-24 {
    justify-content: center
}

.about-mobile .card-10 {
    display: flex;
    flex-direction: column;
    width: 384px;
    align-items: center;
    gap: 40px;
    padding: 40px 24px;
    position: relative;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.about-mobile .button-6 {
    padding: 16px 24px;
    position: absolute;
    top: 0;
    left: 296px;
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.about-mobile .image-3 {
    position: absolute;
    width: 128px;
    height: 140px;
    top: 0;
    left: 5px;
    object-fit: cover
}

.about-mobile .text-wrapper-37 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h5-font-family);
    font-weight: var(--heading-desktop-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h5-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h5-letter-spacing);
    line-height: var(--heading-desktop-h5-line-height);
    font-style: var(--heading-desktop-h5-font-style)
}

.about-mobile .wrap-25 {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.about-mobile .card-11 {
    flex-direction: column;
    gap: 40px;
    padding: 40px 24px;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.about-mobile .card-11,.about-mobile .card-12,.about-mobile .cta-2 {
    display: flex;
    align-items: center;
    position: relative
}

.about-mobile .card-12 {
    flex-direction: column;
    gap: 40px;
    padding: 40px 24px;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.about-mobile .cta-2 {
    gap: 64px;
    padding: 112px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary)
}

.about-mobile .container-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.about-mobile .text-wrapper-38 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    font-style: var(--heading-desktop-h4-font-style)
}

.about-mobile .text-8 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.about-mobile .button-7,.about-mobile .button-8,.about-mobile .wrap-26 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .button-7,.about-mobile .button-8 {
    all: unset;
    box-sizing: border-box;
    height: 56px;
    padding: 16px 24px;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600);
    align-items: center;
    gap: 10px
}

.about-mobile .button-7 {
    background-color: var(--semantic-surface-accent)
}

.about-mobile .button-8 {
    box-shadow: inset 0 5px 1px #ffffff1a
}

.about-mobile .img-9 {
    flex: 1;
    flex-grow: 1;
    height: 526px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-3 {
    position: relative;
    width: 496px;
    height: 444px;
    top: 32px;
    left: 36px
}

.about-mobile .al-elmes-ulhxwqreao {
    position: absolute;
    width: 460px;
    height: 311px;
    top: 133px;
    left: 36px
}

.about-mobile .card-13 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.about-mobile .text-9,.about-mobile .wrap-27 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .wrap-27 {
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    align-self: stretch
}

.about-mobile .text-9 {
    align-items: flex-start;
    gap: 8px
}

.about-mobile .text-wrapper-39 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19.2px
}

.about-mobile .wrap-28 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.8px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .shape-10,.about-mobile .shape-9 {
    width: 199px;
    position: relative;
    height: 8px;
    background-color: #e4e4e4;
    border-radius: 425.2px
}

.about-mobile .shape-10 {
    width: 115px
}

.about-mobile .text-wrapper-40 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap
}

.about-mobile .item-5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .frame-12 {
    position: relative;
    width: 16px;
    height: 16px
}

.about-mobile .text-wrapper-41 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #636363;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.8px;
    white-space: nowrap
}

.about-mobile .img-10 {
    width: 154.61px;
    height: 154.61px;
    background-color: var(--neutralwhite);
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.about-mobile .overlap-group-7 {
    position: relative;
    width: 128px;
    height: 155px;
    left: 16px;
    background-image: url(./img/oliviaklimt-91412-3-black-outdoor-string-lights-hanging-from-3d.png);
    background-size: 100% 100%
}

.about-mobile .icon-5 {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 4px;
    top: 115px;
    left: 98px;
    background-color: #bfbfbf80;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative
}

.about-mobile .frame-13 {
    position: relative;
    width: 24px;
    height: 24px;
    margin: -2px
}

.about-mobile .footer,.about-mobile .wrap-29 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.about-mobile .wrap-29 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.about-mobile .logo,.about-mobile .wrap-30 {
    display: flex;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.about-mobile .logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.about-mobile .wrap-30 {
    align-items: center;
    justify-content: flex-end;
    gap: 16px
}

.about-mobile .line-2 {
    margin-top: -1px;
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.about-mobile .div-4 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.about-mobile .text-wrapper-42 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .about-mobile.about {
        display: none!important
    }
}

@media (min-width:1440px) {
    .about-mobile.div {
        display: none!important
    }
}

.features-mobile.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.features-mobile .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.features-mobile .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.features-mobile .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.features-mobile .group {
    width: 99px;
    height: 20px
}

.features-mobile .overlap-group {
    position: relative;
    height: 20px
}

.features-mobile .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.features-mobile .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.features-mobile .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary)
}

.features-mobile .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.features-mobile .div-2,.features-mobile .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .header {
    gap: 40px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-primary)
}

.features-mobile .div-2 {
    gap: 24px
}

.features-mobile .p,.features-mobile .text-wrapper {
    position: relative;
    align-self: stretch;
    text-align: center
}

.features-mobile .text-wrapper {
    margin-top: -1px;
    font-family: var(--heading-mobile-h2-font-family);
    font-weight: var(--heading-mobile-h2-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h2-font-size);
    letter-spacing: var(--heading-mobile-h2-letter-spacing);
    line-height: var(--heading-mobile-h2-line-height);
    font-style: var(--heading-mobile-h2-font-style)
}

.features-mobile .p {
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.features-mobile .div-wrapper {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    position: relative;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-secondary)
}

.features-mobile .text-wrapper-2 {
    color: var(--neutral-white, #FFF);
    text-align: center;
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.features-mobile .overlap-group-wrapper {
    position: relative;
    width: 335px;
    height: 286.06px;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 4.35px;
    overflow: hidden
}

.features-mobile .overlap-group-2 {
    position: relative;
    width: 556px;
    height: 383px;
    top: 33px;
    left: 16px
}

.features-mobile .new-chat {
    position: absolute;
    width: 538px;
    height: 383px;
    top: 0;
    left: 18px;
    background-color: var(--themes-white-100);
    border-radius: 6.53px;
    overflow: hidden
}

.features-mobile .frame-2 {
    display: flex;
    flex-direction: column;
    width: 433px;
    height: 383px;
    align-items: center;
    gap: 6.9px;
    padding: 20.94px 20.94px 0;
    position: absolute;
    top: 0;
    left: 105px;
    background-color: #f5f5f5
}

.features-mobile .text-wrapper-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 10.4px;
    letter-spacing: 0;
    line-height: 12.4px
}

.features-mobile .wrap {
    display: flex;
    align-items: flex-start;
    gap: 5.98px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .card,.features-mobile .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.features-mobile .card {
    width: 92.64px;
    justify-content: center;
    gap: 3.87px;
    padding: 5.98px;
    background-color: #f9ebdc;
    border-radius: 5.98px
}

.features-mobile .text {
    gap: 1.5px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-4,.features-mobile .text-wrapper-5 {
    position: relative;
    font-family: "Inter",Helvetica;
    color: var(--neutralblack);
    letter-spacing: 0
}

.features-mobile .text-wrapper-4 {
    width: fit-content;
    margin-top: -.24px;
    font-weight: 600;
    font-size: 15px;
    line-height: 17.9px;
    white-space: nowrap
}

.features-mobile .text-wrapper-5 {
    align-self: stretch;
    font-weight: 400;
    font-size: 5.2px;
    text-align: center;
    line-height: 6.3px
}

.features-mobile .card-2,.features-mobile .wrap-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .card-2 {
    flex-direction: column;
    width: 92.64px;
    gap: 3.87px;
    padding: 5.98px;
    background-color: #fbe8ec;
    border-radius: 5.98px
}

.features-mobile .wrap-2 {
    gap: 5.98px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px;
    white-space: nowrap
}

.features-mobile .card-3,.features-mobile .card-4 {
    display: flex;
    flex-direction: column;
    width: 92.64px;
    align-items: center;
    justify-content: center;
    gap: 3.87px;
    padding: 5.98px;
    position: relative;
    background-color: #ebf4fc;
    border-radius: 5.98px
}

.features-mobile .card-4 {
    background-color: #e9e4fc
}

.features-mobile .text-wrapper-7 {
    width: 9.35px;
    margin-top: -.24px;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 15px;
    line-height: 17.9px;
    position: relative;
    font-family: "Inter",Helvetica;
    letter-spacing: 0
}

.features-mobile .card-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6.73px;
    padding: 8.97px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--neutralwhite);
    border-radius: 5.98px
}

.features-mobile .text-wrapper-8 {
    position: relative;
    align-self: stretch;
    margin-top: -.24px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 6.7px;
    letter-spacing: 0;
    line-height: 8.1px
}

.features-mobile .wrap-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.99px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .progress,.features-mobile .rectangle {
    position: relative;
    align-self: stretch;
    border-radius: 37.38px
}

.features-mobile .progress {
    display: flex;
    height: 5.98px;
    align-items: center;
    gap: 3.74px;
    width: 100%;
    background-color: #ececec
}

.features-mobile .rectangle {
    width: 37.38px;
    background-color: #66d75a
}

.features-mobile .wrap-4 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-9 {
    margin-top: -.37px;
    font-weight: 500;
    font-size: 5.2px;
    line-height: 6.3px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: #000;
    letter-spacing: 0;
    white-space: nowrap
}

.features-mobile .wrap-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.24px;
    padding: 0 5.98px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .icon,.features-mobile .item {
    display: flex;
    align-items: center;
    position: relative
}

.features-mobile .item {
    gap: 2.99px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .icon {
    width: 7.48px;
    height: 7.48px;
    justify-content: center;
    gap: 3.12px;
    background-color: #66d75a;
    border-radius: 1.5px
}

.features-mobile .frame-3 {
    position: relative;
    width: 4.98px;
    height: 4.98px
}

.features-mobile .text-wrapper-10 {
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    font-size: 5.2px;
    letter-spacing: 0;
    line-height: 6.3px;
    text-decoration: line-through
}

.features-mobile .icon-2 {
    display: flex;
    width: 7.48px;
    height: 7.48px;
    align-items: center;
    justify-content: center;
    gap: 3.12px;
    position: relative;
    border-radius: 1.5px;
    border: .37px solid;
    border-color: #000
}

.features-mobile .shape,.features-mobile .shape-2,.features-mobile .shape-3,.features-mobile .shape-4 {
    position: relative;
    width: 77.39px;
    height: 3.74px;
    background-color: #e4e4e4;
    border-radius: 158.96px
}

.features-mobile .shape-2,.features-mobile .shape-3,.features-mobile .shape-4 {
    width: 56.82px
}

.features-mobile .shape-3,.features-mobile .shape-4 {
    width: 78.88px
}

.features-mobile .shape-4 {
    width: 109.91px;
    margin-right: -7.07px
}

.features-mobile .card-6 {
    display: flex;
    flex-direction: column;
    width: 92.64px;
    align-items: center;
    gap: 5.98px;
    padding: 5.98px;
    position: relative;
    align-self: stretch;
    background-color: var(--neutralwhite);
    border-radius: 5.98px
}

.features-mobile .item-2,.features-mobile .wrap-6 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-6 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.24px
}

.features-mobile .item-2 {
    justify-content: center;
    gap: 3.74px;
    align-items: center
}

.features-mobile .image-wrapper {
    width: 8.97px;
    height: 8.97px;
    background-color: var(--neutralgrey-400);
    border-radius: 37.38px;
    position: relative;
    overflow: hidden
}

.features-mobile .image {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -14419px;
    left: -12961px;
    object-fit: cover
}

.features-mobile .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.74px;
    padding: 1.5px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #e3effc;
    border-radius: 1.5px
}

.features-mobile .text-wrapper-11 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #0572e0;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.features-mobile .image-2,.features-mobile .image-3 {
    top: -14430px;
    position: absolute;
    width: 9px;
    height: 9px;
    left: -12961px;
    object-fit: cover
}

.features-mobile .image-3 {
    top: -14441px
}

.features-mobile .tag-2 {
    display: flex;
    gap: 3.74px;
    padding: 1.5px;
    flex: 1;
    flex-grow: 1;
    background-color: #feeddb;
    border-radius: 1.5px;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-12 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #ad7805;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.features-mobile .image-4 {
    top: -14452px;
    position: absolute;
    width: 9px;
    height: 9px;
    left: -12961px;
    object-fit: cover
}

.features-mobile .tag-3 {
    display: flex;
    gap: 3.74px;
    padding: 1.5px;
    flex: 1;
    flex-grow: 1;
    background-color: #fbe6eb;
    border-radius: 1.5px;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-13 {
    position: relative;
    flex: 1;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #a51616;
    font-size: 5.2px;
    text-align: center;
    letter-spacing: 0;
    line-height: 6.3px
}

.features-mobile .image-5,.features-mobile .image-6,.features-mobile .image-7 {
    top: -14464px;
    position: absolute;
    width: 9px;
    height: 9px;
    left: -12961px;
    object-fit: cover
}

.features-mobile .image-6,.features-mobile .image-7 {
    top: -14475px
}

.features-mobile .image-7 {
    top: -14486px
}

.features-mobile .sidebar {
    display: inline-flex;
    flex-direction: column;
    height: 383px;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--themes-white-100);
    border-right-width: .37px;
    border-right-style: solid;
    border-color: var(--themes-black-10)
}

.features-mobile .frame-4 {
    display: flex;
    flex-direction: column;
    width: 105.42px;
    align-items: flex-start;
    gap: 1.73px;
    padding: 10.35px 8.63px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .button-2,.features-mobile .icon-set {
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .button-2 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 88.17px;
    gap: var(--spacing-8);
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-16);
    background-color: var(--themes-primary-brand);
    border-radius: 3.45px
}

.features-mobile .icon-set {
    display: var(--show-icon-show-icon, inline-flex);
    gap: var(--spacing-4);
    border-radius: 2.99px
}

.features-mobile .add {
    position: relative;
    width: 7.48px;
    height: 7.48px
}

.features-mobile .text-2 {
    display: var(--show-text-show-text, inline-flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 2.99px
}

.features-mobile .text-3 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-white-100);
    font-size: 6.7px;
    text-align: center;
    letter-spacing: 0;
    line-height: 9px
}

.features-mobile .content,.features-mobile .icon-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-radius: 2.99px
}

.features-mobile .content {
    width: 88.17px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    flex: 0 0 auto
}

.features-mobile .icon-text {
    gap: var(--spacing-12);
    flex: 1;
    flex-grow: 1
}

.features-mobile .img-wrapper {
    display: var(--show-icon-show-icon, inline-flex);
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 2.99px
}

.features-mobile .chat-text {
    position: relative;
    width: 8.97px;
    height: 8.97px
}

.features-mobile .text-4 {
    display: var(--show-text-show-text, flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    border-radius: 2.99px
}

.features-mobile .text-5 {
    position: relative;
    align-self: stretch;
    margin-top: -.37px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-black-100);
    font-size: 5.2px;
    letter-spacing: 0;
    line-height: 7.5px
}

.features-mobile .frame-5 {
    display: flex;
    flex-direction: column;
    width: 105.42px;
    align-items: flex-start;
    gap: 1.73px;
    padding: 8.63px 7.48px;
    position: relative;
    flex: 0 0 auto;
    border-top-width: .37px;
    border-top-style: solid;
    border-color: var(--themes-black-10)
}

.features-mobile .icon-text-wrapper {
    flex-wrap: wrap;
    width: 90.47px;
    align-items: center;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    border-radius: 2.99px;
    display: flex;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .sun,.features-mobile .trash {
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-top: -14596.68px;
    margin-left: -12542.22px
}

.features-mobile .sun {
    margin-top: -14616.35px
}

.features-mobile .arrow-square-out,.features-mobile .sign-out,.features-mobile .user {
    position: relative;
    width: 8.97px;
    height: 8.97px;
    margin-top: -14636.02px;
    margin-left: -12542.22px
}

.features-mobile .arrow-square-out,.features-mobile .sign-out {
    margin-top: -14655.69px
}

.features-mobile .sign-out {
    margin-top: -14675.36px
}

.features-mobile .pexels-kampus {
    position: absolute;
    width: 131px;
    height: 126px;
    top: 110px;
    left: 0
}

.features-mobile .header-2 {
    align-items: center;
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--primitive-base-white)
}

.features-mobile .content-2,.features-mobile .div-3,.features-mobile .header-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .content-2 {
    align-items: center;
    justify-content: center;
    gap: 32px
}

.features-mobile .div-3 {
    align-items: flex-start;
    gap: 24px
}

.features-mobile .tag-4 {
    display: inline-flex;
    gap: 16px;
    padding: 4px 16px;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs);
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-14 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .text-wrapper-15,.features-mobile .text-wrapper-16 {
    position: relative;
    align-self: stretch;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.features-mobile .text-wrapper-16 {
    align-self:stretch;
    color: var(--text-paragraph, #44403C);
    /* paragraph/md/regular */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.features-mobile .div-4,.features-mobile .div-5 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .div-4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.features-mobile .div-5 {
    gap: 16px;
    align-items: center
}

.features-mobile .text-wrapper-17 {
    flex: 1 0 0;
    color: var(--text-paragraph, #44403C);
    /* paragraph/md/regular */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.features-mobile .img-3 {
    width: 335px;
    height: 388.11px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-3 {
    position: relative;
    width: 315px;
    height: 367px;
    top: 21px;
    left: 20px
}

.features-mobile .pexels-silvia-trigo {
    position: absolute;
    width: 299px;
    height: 220px;
    top: 148px;
    left: 17px;
    object-fit: cover
}

.features-mobile .card-7 {
    display: flex;
    flex-direction: column;
    width: 261px;
    align-items: center;
    justify-content: center;
    gap: 25.31px;
    padding: 16.87px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .chat,.features-mobile .wrap-7 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .wrap-7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8.44px
}

.features-mobile .chat {
    align-items: center;
    justify-content: center;
    gap: 10.55px;
    padding: 10.55px;
    background-color: #57a5f440;
    border-radius: 16.87px 16.87px 2.11px 16.87px
}

.features-mobile .text-wrapper-18 {
    position: relative;
    flex: 1;
    margin-top: -1.05px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 14.8px;
    letter-spacing: 0;
    line-height: 17.7px
}

.features-mobile .chat-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8.44px;
    padding: 10.55px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #f4f4f4;
    border-radius: 16.87px 16.87px 16.87px 2.11px
}

.features-mobile .shape-5,.features-mobile .shape-6 {
    position: relative;
    height: 8.44px;
    background-color: #c6c6c6;
    border-radius: 319.79px
}

.features-mobile .shape-5 {
    align-self: stretch;
    width: 100%
}

.features-mobile .shape-6 {
    width: 137.09px
}

.features-mobile .chat-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10.55px;
    padding: 10.55px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8.44px;
    border: 1.05px solid;
    border-color: #e4e4e4
}

.features-mobile .text-wrapper-19 {
    position: relative;
    align-self: stretch;
    margin-top: -1.05px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 14.8px;
    letter-spacing: 0;
    line-height: 17.7px
}

.features-mobile .div-6,.features-mobile .wrap-8 {
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .div-6 {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    width: 100%
}

.features-mobile .wrap-8 {
    display: inline-flex;
    gap: 6.33px
}

.features-mobile .frame-6 {
    position: relative;
    width: 16.87px;
    height: 16.87px
}

.features-mobile .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.features-mobile .overlap-group-4 {
    position: relative;
    width: 289px;
    height: 363px;
    top: 26px;
    left: 22px
}

.features-mobile .stills {
    position: absolute;
    width: 259px;
    height: 334px;
    top: 29px;
    left: 0;
    object-fit: cover
}

.features-mobile .card-8 {
    display: flex;
    flex-direction: column;
    width: 227px;
    align-items: center;
    justify-content: center;
    gap: 10.54px;
    padding: 13.14px;
    position: absolute;
    top: 0;
    left: 62px;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .text-wrapper-20 {
    margin-top: -.38px;
    font-size: 13.1px;
    line-height: 15.8px;
    position: relative;
    align-self: stretch;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    letter-spacing: 0
}

.features-mobile .wrap-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.69px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .rectangle-wrapper {
    display: flex;
    height: 9.37px;
    align-items: center;
    gap: 5.86px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #ececec;
    border-radius: 58.57px
}

.features-mobile .rectangle-2 {
    position: relative;
    align-self: stretch;
    width: 58.57px;
    background-color: #66d75a;
    border-radius: 58.57px
}

.features-mobile .text-wrapper-21 {
    margin-top: -.59px;
    font-weight: 500;
    font-size: 8.2px;
    line-height: 9.8px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: #000;
    letter-spacing: 0;
    white-space: nowrap
}

.features-mobile .item-3,.features-mobile .wrap-10 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-10 {
    flex-direction: column;
    align-items: flex-start;
    gap: 3.51px;
    padding: 0 13.14px
}

.features-mobile .item-3 {
    gap: 4.69px;
    align-items: center
}

.features-mobile .frame-wrapper {
    display: flex;
    width: 11.71px;
    height: 11.71px;
    align-items: center;
    justify-content: center;
    gap: 4.88px;
    position: relative;
    background-color: #66d75a;
    border-radius: 2.34px
}

.features-mobile .frame-7 {
    position: relative;
    width: 7.81px;
    height: 7.81px
}

.features-mobile .text-wrapper-22 {
    font-size: 8.2px;
    line-height: 9.8px;
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    letter-spacing: 0;
    text-decoration: line-through
}

.features-mobile .wrap-11 {
    display: inline-flex;
    align-items: center;
    gap: 4.68px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .icon-3 {
    display: flex;
    width: 11.71px;
    height: 11.71px;
    align-items: center;
    justify-content: center;
    gap: 4.88px;
    position: relative;
    border-radius: 2.34px;
    border: .59px solid;
    border-color: #8c8c8c
}

.features-mobile .shape-7 {
    position: relative;
    width: 126.48px;
    height: 6.57px;
    background-color: #e4e4e4;
    border-radius: 249.06px
}

.features-mobile .frame-8 {
    position: relative;
    width: 11.5px;
    height: 11.5px
}

.features-mobile .shape-10,.features-mobile .shape-8,.features-mobile .shape-9 {
    position: relative;
    width: 89.03px;
    height: 5.86px;
    background-color: #e4e4e4;
    border-radius: 249.06px
}

.features-mobile .shape-10,.features-mobile .shape-9 {
    width: 123.59px
}

.features-mobile .shape-10 {
    width: 137.98px;
    height: 5.75px
}

.features-mobile .overlap-group-5 {
    position: relative;
    width: 299px;
    height: 332px;
    top: 24px;
    left: 18px
}

.features-mobile .card-9 {
    display: flex;
    flex-direction: column;
    width: 233px;
    align-items: center;
    justify-content: center;
    gap: 13.39px;
    padding: 13.39px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .img-4 {
    align-self: stretch;
    width: 100%;
    height: 133.87px;
    background-color: var(--neutralgrey-400);
    border-radius: 6.69px;
    position: relative;
    overflow: hidden
}

.features-mobile .img-5 {
    position: absolute;
    width: 206px;
    height: 134px;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-mobile .text-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.69px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-23 {
    position: relative;
    align-self: stretch;
    margin-top: -.84px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 11.7px;
    letter-spacing: 0;
    line-height: 14.1px
}

.features-mobile .img-6 {
    position: relative;
    width: 16.34px;
    height: 16.34px
}

.features-mobile .card-10 {
    display: flex;
    flex-direction: column;
    width: 233px;
    align-items: center;
    justify-content: center;
    gap: 13.39px;
    padding: 13.39px;
    position: absolute;
    top: 88px;
    left: 66px;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .text-wrapper-24 {
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 11.7px;
    letter-spacing: 0;
    line-height: 14.1px;
    white-space: nowrap
}

.features-mobile .wrap-12 {
    display: flex;
    align-items: flex-start;
    gap: 6.81px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .oliviaklimt-a-wrapper {
    display: flex;
    height: 46.35px;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 5.45px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 5.45px;
    overflow: hidden;
    border: .68px solid;
    border-color: var(--primitive-neutral-400);
    box-shadow: 0 .68px .68px #443f3b40
}

.features-mobile .oliviaklimt-a {
    position: relative;
    width: 46.35px;
    height: 46.35px;
    margin: -5.45px;
    object-fit: cover
}

.features-mobile .oliviaklimt-wrapper {
    display: flex;
    height: 46.35px;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 5.45px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 5.45px;
    overflow: hidden;
    border: .68px solid;
    border-color: var(--primitive-neutral-200)
}

.features-mobile .oliviaklimt,.features-mobile .oliviaklimt-2 {
    width: 40.17px;
    height: 42.06px;
    margin: -3.3px -2.36px;
    position: relative;
    object-fit: cover
}

.features-mobile .oliviaklimt-2 {
    width: 46.3px;
    height: 46.3px;
    margin: -5.42px
}

.features-mobile .icon-4 {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 46.35px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 5.45px;
    overflow: hidden;
    border: .68px solid;
    border-color: var(--primitive-neutral-200)
}

.features-mobile .oliviaklimt-a-2 {
    width: 46px;
    height: 46px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.features-mobile .overlap-wrapper {
    width: 335px;
    height: 388.11px;
    background-color: var(--semantic-surface-primary);
    border-radius: 5.45px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap {
    position: relative;
    width: 297px;
    height: 340px;
    top: 22px;
    left: 17px
}

.features-mobile .pexels-emma-bauso {
    position: absolute;
    width: 291px;
    height: 194px;
    top: 82px;
    left: 6px;
    object-fit: cover
}

.features-mobile .card-11 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .text-7,.features-mobile .wrap-13 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-13 {
    align-items: center;
    justify-content: space-between;
    padding: 10.89px;
    align-self: stretch
}

.features-mobile .text-7 {
    align-items: flex-start;
    gap: 5.45px
}

.features-mobile .text-wrapper-25 {
    position: relative;
    align-self: stretch;
    margin-top: -.68px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 10.9px;
    letter-spacing: 0;
    line-height: 13.1px
}

.features-mobile .wrap-14 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.63px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .shape-11,.features-mobile .shape-12 {
    position: relative;
    width: 135.5px;
    height: 5.45px;
    background-color: #e4e4e4;
    border-radius: 289.51px
}

.features-mobile .shape-12 {
    width: 78.3px
}

.features-mobile .text-wrapper-26 {
    position: relative;
    width: fit-content;
    margin-top: -.68px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralblack);
    font-size: 9.5px;
    letter-spacing: 0;
    line-height: 11.4px;
    white-space: nowrap
}

.features-mobile .item-4 {
    display: inline-flex;
    justify-content: center;
    gap: 2.72px;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .frame-9 {
    position: relative;
    width: 10.89px;
    height: 10.89px
}

.features-mobile .text-wrapper-27 {
    width: fit-content;
    margin-top: -.68px;
    font-weight: 400;
    color: #636363;
    font-size: 9.5px;
    line-height: 11.4px;
    white-space: nowrap;
    position: relative;
    font-family: "Inter",Helvetica;
    letter-spacing: 0
}

.features-mobile .img-7 {
    width: 105.27px;
    height: 105.27px;
    background-color: var(--neutralwhite);
    border-radius: 10.89px;
    position: relative;
    overflow: hidden
}

.features-mobile .icon-wrapper {
    position: relative;
    width: 87px;
    height: 105px;
    left: 11px;
    background-image: url(./img/oliviaklimt-91412-3-black-outdoor-string-lights-hanging-from-3d.png);
    background-size: 100% 100%
}

.features-mobile .icon-5 {
    display: flex;
    width: 19.07px;
    height: 19px;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 2.72px;
    position: relative;
    top: 78px;
    left: 67px;
    background-color: #bfbfbf80;
    border-radius: 2.72px
}

.features-mobile .frame-10 {
    position: relative;
    width: 16.34px;
    height: 16.34px;
    margin: -1.36px
}

.features-mobile .card-12 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 235px;
    left: 35px;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .shape-13 {
    position: relative;
    width: 112.35px;
    height: 5.45px;
    background-color: #e4e4e4;
    border-radius: 289.51px
}

.features-mobile .overlap-group-6 {
    position: relative;
    width: 84px;
    height: 105px;
    left: 13px
}

.features-mobile .oliviaklimt-a-3 {
    width: 79px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0
}

.features-mobile .icon-6 {
    display: flex;
    width: 19.07px;
    height: 19px;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 2.72px;
    position: absolute;
    top: 78px;
    left: 65px;
    background-color: #bfbfbf80;
    border-radius: 2.72px
}

.features-mobile .overlap-2 {
    position: relative;
    width: 307px;
    height: 343px;
    top: 18px;
    left: 14px
}

.features-mobile .pexels {
    position: absolute;
    width: 307px;
    height: 205px;
    top: 138px;
    left: 0;
    object-fit: cover
}

.features-mobile .card-13 {
    display: flex;
    flex-direction: column;
    width: 208px;
    align-items: center;
    justify-content: center;
    gap: 10.89px;
    padding: 10.89px;
    position: absolute;
    top: 0;
    left: 91px;
    background-color: var(--neutralwhite);
    border-radius: 8.17px;
    box-shadow: 0 2.45px 5.78px #0000000a,0 5.08px 7.25px #0000000f,0 12.26px 19.75px #0000001a
}

.features-mobile .img-8 {
    align-self: stretch;
    width: 100%;
    height: 157.29px;
    background-color: #bfbfbf;
    border-radius: 5.45px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-7 {
    width: 187px;
    height: 157px;
    background-image: url(./img/pexels-janeski-3636055-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.features-mobile .icon-7 {
    display: flex;
    width: 19.07px;
    height: 19px;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 2.72px;
    position: relative;
    top: 129px;
    left: 159px;
    background-color: #ffffff80;
    border-radius: 2.72px
}

.features-mobile .text-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.45px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-28 {
    position: relative;
    flex: 1;
    align-self: stretch;
    margin-top: -.68px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 9.5px;
    letter-spacing: 0;
    line-height: 11.4px
}

.features-mobile .wrap-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.63px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .shape-14 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 5.45px;
    background-color: #e4e4e4;
    border-radius: 289.51px
}

.features-mobile .button-3 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6.81px;
    padding: 5.45px 16.34px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 5.45px;
    border: .68px solid;
    border-color: var(--primitive-neutral-600)
}

.features-mobile .text-wrapper-29 {
    position: relative;
    width: fit-content;
    margin-top: -.68px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--semantic-text-heading);
    font-size: 9.5px;
    text-align: center;
    letter-spacing: 0;
    line-height: 14.3px;
    white-space: nowrap
}

.features-mobile .section,.features-mobile .wrap-16 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .section {
    align-items: center;
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--primitive-neutral-50)
}

.features-mobile .wrap-16 {
    align-items: flex-start;
    gap: 16px
}

.features-mobile .text-wrapper-30 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.features-mobile .content-3,.features-mobile .content-4 {
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    display: flex;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .content-3 {
    flex-direction: column;
    gap: 40px
}

.features-mobile .content-4 {
    gap: 24px
}

.features-mobile .icon-8 {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 9.09px;
    padding: 7.27px;
    position: relative;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 7.27px;
    border: .91px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: 0 .91px .91px #443f3b40
}

.features-mobile .text-wrapper-31 {
    position: relative;
    width: fit-content;
    margin-top: -5.18px;
    margin-bottom: -3.36px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--primitive-neutral-600);
    font-size: var(--heading-mobile-h5-font-size);
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    white-space: nowrap;
    font-style: var(--heading-mobile-h5-font-style)
}

.features-mobile .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.features-mobile .text-wrapper-32 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h5-font-size);
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    font-style: var(--heading-mobile-h5-font-style)
}

.features-mobile .group-2,.features-mobile .section-2 {
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .section-2 {
    gap: 56px;
    padding: 80px 20px;
    background-color: var(--semantic-surface-tertiary);
    overflow: hidden;
    display: flex;
    align-self: stretch;
    width: 100%
}

.features-mobile .group-2 {
    display: inline-flex;
    gap: 12px;
    margin-left: -407px;
    margin-right: -407px
}

.features-mobile .button-4,.features-mobile .wrap-17 {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .button-4 {
    all: unset;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    background-color: var(--primitive-base-white);
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .text-wrapper-33 {
    position: relative;
    width: fit-content;
    margin-top: -1.5px;
    font-family: var(--heading-mobile-h6-font-family);
    font-weight: var(--heading-mobile-h6-font-weight);
    color: var(--neutralblack);
    font-size: var(--heading-mobile-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h6-letter-spacing);
    line-height: var(--heading-mobile-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-mobile-h6-font-style)
}

.features-mobile .stills-wrapper {
    position: relative;
    align-self: stretch;
    width: 262px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .stills-2 {
    position: absolute;
    width: 262px;
    height: 52px;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-mobile .button-5,.features-mobile .button-6 {
    position: relative;
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .button-5 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    flex: 0 0 auto;
    background-color: var(--primitive-base-white)
}

.features-mobile .button-6 {
    align-self: stretch;
    width: 319px;
    overflow: hidden
}

.features-mobile .micheile-henderson,.features-mobile .stills-3 {
    position: absolute;
    width: 242px;
    height: 56px;
    top: 0;
    left: 76px;
    object-fit: cover
}

.features-mobile .micheile-henderson {
    width: 140px;
    left: 1px
}

.features-mobile .content-5,.features-mobile .section-3 {
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    display: flex
}

.features-mobile .section-3 {
    gap: 48px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-secondary);
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .content-5 {
    align-items: flex-start;
    gap: 24px;
    padding: 20px;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.features-mobile .content-5,.features-mobile .stars {
    position: relative;
    flex: 0 0 auto
}

.features-mobile .avatar {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: var(--2-radius-radius-full);
    background-image: url(./img/avatar-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.features-mobile .contrast-border {
    height: 48px;
    border-radius: var(--2-radius-radius-full);
    border: .75px solid;
    border-color: #00000014
}

.features-mobile .avatar-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.features-mobile .text-9 {
    align-self: stretch;
    color: var(--text-heading, #1C1917);
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.features-mobile .text-10 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.features-mobile .wrap-18 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .arrow-right-alt-wrapper {
    display: flex;
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    transform: rotate(-180deg);
    box-shadow: var(--sm);
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .arrow-right-alt {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px;
    transform: rotate(180deg)
}

.features-mobile .tag-5 {
    display: flex;
    width: 40px;
    height: 40px;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm);
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .arrow-right-alt-2 {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px
}

.features-mobile .container,.features-mobile .cta {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .cta {
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    padding: 80px 20px;
    background-color: var(--semantic-surface-tertiary)
}

.features-mobile .container {
    align-items: center;
    gap: 40px
}

.features-mobile .text-11 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: #535861;
    font-size: var(--paragraph-lg-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.features-mobile .button-7,.features-mobile .wrap-19 {
    display: inline-flex;
    align-items: center;
    position: relative
}

.features-mobile .wrap-19 {
    flex-direction: column;
    gap: 16px;
    flex: 0 0 auto
}

.features-mobile .button-7 {
    all: unset;
    box-sizing: border-box;
    height: 56px;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600)
}

.features-mobile .text-wrapper-34 {
    margin-top: -2.5px;
    margin-bottom: -.5px;
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.features-mobile .button-8 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600);
    box-shadow: inset 0 5px 1px #ffffff1a
}

.features-mobile .text-wrapper-35 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.features-mobile .footer-mobile,.features-mobile .wrap-20 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.features-mobile .wrap-20 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.features-mobile .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.features-mobile .group-wrapper {
    width: 197px;
    height: 40px
}

.features-mobile .group-3 {
    height: 40px
}

.features-mobile .overlap-group-8 {
    position: relative;
    width: 197px;
    height: 40px
}

.features-mobile .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.features-mobile .group-4 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.features-mobile .wrap-21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-36 {
    margin-top: -1px
}

.features-mobile .text-wrapper-36,.features-mobile .text-wrapper-37 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.features-mobile .wrap-22,.features-mobile .wrap-23 {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%
}

.features-mobile .wrap-22 {
    height: 24px;
    justify-content: center;
    gap: 16px
}

.features-mobile .wrap-23 {
    flex-direction: column;
    gap: 32px;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-38 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.features-mobile .text-wrapper-39 {
    text-decoration: underline
}

.features-mobile .text-wrapper-39,.features-mobile .text-wrapper-40 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.features-mobile.features {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.features-mobile .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.features-mobile .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.features-mobile .group-5 {
    width: 118px;
    height: 24px
}

.features-mobile .overlap-group-9 {
    position: relative;
    height: 24px
}

.features-mobile .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.features-mobile .group-6 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.features-mobile .div-7 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-41 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.features-mobile .button-9 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    box-shadow: var(--sm)
}

.features-mobile .text-wrapper-42 {
    margin-top: -1px;
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.features-mobile .content-6,.features-mobile .content-wrapper {
    align-items: center;
    gap: 56px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    position: relative
}

.features-mobile .content-wrapper {
    flex-direction: column;
    padding: 96px 112px;
    background-color: var(--semantic-surface-primary)
}

.features-mobile .content-6 {
    justify-content: center
}

.features-mobile .wrap-24 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.features-mobile .text-wrapper-43 {
    align-self: stretch;
    color: var(--neutral-900, #1C1917);
    /* heading/desktop/h2 */
    font-family: Gambetta;
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 63.8px */
    letter-spacing: -1.16px;
}

.features-mobile .text-wrapper-44 {
    align-self: stretch;
    color: var(--neutral-700, #44403C);
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .img-9 {
    width: 616px;
    height: 526px;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-10 {
    position: relative;
    width: 1023px;
    height: 704px;
    top: 60px;
    left: 30px
}

.features-mobile .new-chat-2 {
    position: absolute;
    width: 990px;
    height: 704px;
    top: 0;
    left: 33px;
    background-color: var(--themes-white-100);
    border-radius: 12px;
    overflow: hidden
}

.features-mobile .frame-11 {
    display: flex;
    flex-direction: column;
    width: 796px;
    height: 704px;
    align-items: center;
    gap: 12.69px;
    padding: 38.5px 38.5px 0;
    position: absolute;
    top: 0;
    left: 194px;
    background-color: #f5f5f5
}

.features-mobile .text-wrapper-45 {
    position: relative;
    align-self: stretch;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 19px;
    letter-spacing: 0;
    line-height: 22.8px
}

.features-mobile .wrap-25 {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .card-14,.features-mobile .text-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.features-mobile .card-14 {
    width: 170.35px;
    justify-content: center;
    gap: 7.11px;
    padding: 11px;
    background-color: #f9ebdc;
    border-radius: 11px
}

.features-mobile .text-12 {
    gap: 2.75px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-46,.features-mobile .text-wrapper-47 {
    position: relative;
    font-family: "Inter",Helvetica;
    color: var(--neutralblack);
    letter-spacing: 0
}

.features-mobile .text-wrapper-46 {
    width: fit-content;
    margin-top: -.44px;
    font-weight: 600;
    font-size: 27.5px;
    line-height: 33px;
    white-space: nowrap
}

.features-mobile .text-wrapper-47 {
    align-self: stretch;
    font-weight: 400;
    font-size: 9.6px;
    text-align: center;
    line-height: 11.5px
}

.features-mobile .card-15,.features-mobile .wrap-26 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .card-15 {
    flex-direction: column;
    width: 170.35px;
    gap: 7.11px;
    padding: 11px;
    background-color: #fbe8ec;
    border-radius: 11px
}

.features-mobile .wrap-26 {
    gap: 11px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-48 {
    margin-top: -.69px;
    font-weight: 400;
    font-size: 9.6px;
    text-align: center;
    line-height: 11.5px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: var(--neutralblack);
    letter-spacing: 0;
    white-space: nowrap
}

.features-mobile .card-16,.features-mobile .card-17 {
    display: flex;
    flex-direction: column;
    width: 170.35px;
    align-items: center;
    justify-content: center;
    gap: 7.11px;
    padding: 11px;
    position: relative;
    background-color: #ebf4fc;
    border-radius: 11px
}

.features-mobile .card-17 {
    background-color: #e9e4fc
}

.features-mobile .text-wrapper-49 {
    position: relative;
    width: 17.19px;
    margin-top: -.44px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 27.5px;
    letter-spacing: 0;
    line-height: 33px
}

.features-mobile .card-18 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12.37px;
    padding: 16.5px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--neutralwhite);
    border-radius: 11px
}

.features-mobile .text-wrapper-50 {
    margin-top: -.44px;
    font-size: 12.4px;
    line-height: 14.8px;
    position: relative;
    align-self: stretch;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    letter-spacing: 0
}

.features-mobile .progress-2,.features-mobile .wrap-27 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%
}

.features-mobile .wrap-27 {
    flex-direction: column;
    align-items: flex-start;
    gap: 5.5px;
    flex: 0 0 auto
}

.features-mobile .progress-2 {
    height: 11px;
    gap: 6.87px;
    border-radius: 68.74px;
    align-items: center;
    background-color: #ececec
}

.features-mobile .rectangle-3 {
    width: 68.74px;
    border-radius: 68.74px;
    position: relative;
    align-self: stretch;
    background-color: #66d75a
}

.features-mobile .text-wrapper-51 {
    margin-top: -.69px;
    font-weight: 500;
    font-size: 9.6px;
    line-height: 11.5px;
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    color: #000;
    letter-spacing: 0;
    white-space: nowrap
}

.features-mobile .item-5,.features-mobile .wrap-28 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-28 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4.12px;
    padding: 0 11px
}

.features-mobile .item-5 {
    gap: 5.5px;
    align-items: center
}

.features-mobile .icon-9 {
    display: flex;
    width: 13.75px;
    height: 13.75px;
    align-items: center;
    justify-content: center;
    gap: 5.73px;
    position: relative;
    background-color: #66d75a;
    border-radius: 2.75px
}

.features-mobile .frame-12 {
    position: relative;
    width: 9.17px;
    height: 9.17px
}

.features-mobile .text-wrapper-52 {
    font-size: 9.6px;
    line-height: 11.5px;
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    letter-spacing: 0;
    text-decoration: line-through
}

.features-mobile .icon-10 {
    display: flex;
    width: 13.75px;
    height: 13.75px;
    align-items: center;
    justify-content: center;
    gap: 5.73px;
    position: relative;
    border-radius: 2.75px;
    border: .69px solid;
    border-color: #000
}

.features-mobile .shape-15 {
    position: relative;
    width: 142.3px;
    height: 6.87px;
    background-color: #e4e4e4;
    border-radius: 292.29px
}

.features-mobile .shape-16,.features-mobile .shape-17,.features-mobile .shape-18 {
    position: relative;
    width: 104.49px;
    height: 6.87px;
    background-color: #e4e4e4;
    border-radius: 292.29px
}

.features-mobile .shape-17,.features-mobile .shape-18 {
    width: 145.05px
}

.features-mobile .shape-18 {
    width: 202.1px;
    margin-right: -13px
}

.features-mobile .card-19 {
    display: flex;
    flex-direction: column;
    width: 170.35px;
    align-items: center;
    gap: 11px;
    padding: 11px;
    position: relative;
    align-self: stretch;
    background-color: var(--neutralwhite);
    border-radius: 11px
}

.features-mobile .item-6,.features-mobile .wrap-29 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-29 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4.12px
}

.features-mobile .item-6 {
    justify-content: center;
    gap: 6.87px;
    align-items: center
}

.features-mobile .img-10 {
    width: 16.5px;
    height: 16.5px;
    background-color: var(--neutralgrey-400);
    border-radius: 68.74px;
    position: relative;
    overflow: hidden
}

.features-mobile .image-8 {
    width: 19px;
    height: 19px;
    top: -14208px;
    position: absolute;
    left: -14547px;
    object-fit: cover
}

.features-mobile .tag-6 {
    display: flex;
    gap: 6.87px;
    padding: 2.75px;
    flex: 1;
    flex-grow: 1;
    background-color: #e3effc;
    border-radius: 2.75px;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-53 {
    position: relative;
    flex: 1;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #0572e0;
    font-size: 9.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 11.5px
}

.features-mobile .image-10,.features-mobile .image-9 {
    width: 16px;
    height: 16px;
    top: -14229px;
    position: absolute;
    left: -14547px;
    object-fit: cover
}

.features-mobile .image-10 {
    top: -14251px
}

.features-mobile .tag-7 {
    display: flex;
    gap: 6.87px;
    padding: 2.75px;
    flex: 1;
    flex-grow: 1;
    background-color: #feeddb;
    border-radius: 2.75px;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-54 {
    position: relative;
    flex: 1;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #ad7805;
    font-size: 9.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 11.5px
}

.features-mobile .image-11 {
    width: 16px;
    height: 16px;
    top: -14273px;
    position: absolute;
    left: -14547px;
    object-fit: cover
}

.features-mobile .tag-8 {
    display: flex;
    gap: 6.87px;
    padding: 2.75px;
    flex: 1;
    flex-grow: 1;
    background-color: #fbe6eb;
    border-radius: 2.75px;
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-55 {
    position: relative;
    flex: 1;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: #a51616;
    font-size: 9.6px;
    text-align: center;
    letter-spacing: 0;
    line-height: 11.5px
}

.features-mobile .image-12,.features-mobile .image-13,.features-mobile .image-14 {
    width: 16px;
    height: 16px;
    top: -14294px;
    position: absolute;
    left: -14547px;
    object-fit: cover
}

.features-mobile .image-13,.features-mobile .image-14 {
    top: -14316px
}

.features-mobile .image-14 {
    top: -14338px
}

.features-mobile .sidebar-2 {
    display: inline-flex;
    flex-direction: column;
    height: 704px;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--themes-white-100);
    border-right-width: .69px;
    border-right-style: solid;
    border-color: var(--themes-black-10)
}

.features-mobile .frame-13 {
    display: flex;
    flex-direction: column;
    width: 193.86px;
    align-items: flex-start;
    gap: 3.17px;
    padding: 19.04px 15.86px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .add-wrapper,.features-mobile .button-10 {
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .button-10 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 162.13px;
    gap: var(--spacing-8);
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-16);
    background-color: var(--themes-primary-brand);
    border-radius: 6.35px
}

.features-mobile .add-wrapper {
    gap: var(--spacing-4);
    display: var(--show-icon-show-icon, inline-flex);
    border-radius: 5.51px
}

.features-mobile .add-2 {
    position: relative;
    width: 13.75px;
    height: 13.75px
}

.features-mobile .text-13 {
    display: var(--show-text-show-text, inline-flex);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 5.51px
}

.features-mobile .text-14 {
    position: relative;
    align-self: stretch;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-white-100);
    font-size: 12.4px;
    text-align: center;
    letter-spacing: 0;
    line-height: 16.5px
}

.features-mobile .content-7,.features-mobile .icon-text-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-radius: 5.51px
}

.features-mobile .content-7 {
    width: 162.13px;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    flex: 0 0 auto
}

.features-mobile .icon-text-2 {
    gap: var(--spacing-12);
    flex: 1;
    flex-grow: 1
}

.features-mobile .icon-set-2 {
    display: var(--show-icon-show-icon, inline-flex);
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 5.51px
}

.features-mobile .chat-text-2 {
    position: relative;
    width: 16.5px;
    height: 16.5px
}

.features-mobile .text-15 {
    position: relative;
    align-self: stretch;
    margin-top: -.69px;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--themes-black-100);
    font-size: 9.6px;
    letter-spacing: 0;
    line-height: 13.7px
}

.features-mobile .frame-14,.features-mobile .text-16 {
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.features-mobile .text-16 {
    display: var(--show-text-show-text, flex);
    justify-content: center;
    flex: 1;
    flex-grow: 1;
    border-radius: 5.51px
}

.features-mobile .frame-14 {
    display: flex;
    width: 193.86px;
    gap: 3.17px;
    padding: 15.86px 13.75px;
    flex: 0 0 auto;
    border-top-width: .69px;
    border-top-style: solid;
    border-color: var(--themes-black-10)
}

.features-mobile .content-8 {
    flex-wrap: wrap;
    width: 166.36px;
    align-items: center;
    gap: var(--spacing-8);
    padding: var(--spacing-12);
    flex: 0 0 auto;
    border-radius: 5.51px;
    display: flex;
    position: relative
}

.features-mobile .sun-2,.features-mobile .trash-2,.features-mobile .user-2 {
    position: relative;
    width: 16.5px;
    height: 16.5px;
    margin-top: -14532.64px;
    margin-left: -13777px
}

.features-mobile .sun-2,.features-mobile .user-2 {
    margin-top: -14568.81px
}

.features-mobile .user-2 {
    margin-top: -14604.98px
}

.features-mobile .arrow-square-out-2,.features-mobile .sign-out-2 {
    position: relative;
    width: 16.5px;
    height: 16.5px;
    margin-top: -14641.15px;
    margin-left: -13777px
}

.features-mobile .sign-out-2 {
    margin-top: -14677.32px
}

.features-mobile .pexels-kampus-2 {
    position: absolute;
    width: 241px;
    height: 232px;
    top: 203px;
    left: 0
}

.features-mobile .header-3 {
    flex-direction: column;
    align-items: center;
    gap: 112px;
    padding: 112px 200px;
    background-color: var(--primitive-base-white);
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-56 {
    width: 448px;
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .text-wrapper-57 {
    align-self: stretch;
    color: var(--text-paragraph, #44403C);
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .img-11 {
    flex: 1;
    flex-grow: 1;
    height: 570px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-11 {
    position: relative;
    width: 463px;
    height: 539px;
    top: 31px;
    left: 29px
}

.features-mobile .pexels-silvia-trigo-2 {
    position: absolute;
    width: 439px;
    height: 323px;
    top: 216px;
    left: 24px;
    object-fit: cover
}

.features-mobile .card-20 {
    display: flex;
    flex-direction: column;
    width: 384px;
    align-items: center;
    justify-content: center;
    gap: 37.17px;
    padding: 24.78px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .chat-4,.features-mobile .wrap-30 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .wrap-30 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12.39px
}

.features-mobile .chat-4 {
    align-items: center;
    gap: 15.49px;
    background-color: #57a5f440;
    border-radius: 24.78px 24.78px 3.1px 24.78px;
    justify-content: center;
    padding: 15.49px
}

.features-mobile .text-wrapper-58 {
    flex: 1 0 0;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 21.683px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.02px */
}

.features-mobile .chat-5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12.39px;
    background-color: #f4f4f4;
    border-radius: 24.78px 24.78px 24.78px 3.1px;
    display: flex;
    justify-content: center;
    padding: 15.49px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .shape-19,.features-mobile .shape-20 {
    position: relative;
    height: 12.39px;
    background-color: #c6c6c6;
    border-radius: 469.66px
}

.features-mobile .shape-19 {
    align-self: stretch;
    width: 100%
}

.features-mobile .shape-20 {
    width: 201.34px
}

.features-mobile .chat-6 {
    flex-direction: column;
    align-items: center;
    gap: 15.49px;
    border-radius: 12.39px;
    border: 1.55px solid;
    border-color: #e4e4e4;
    display: flex;
    justify-content: center;
    padding: 15.49px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-59 {
    align-self: stretch;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 21.683px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.02px */
}

.features-mobile .wrap-31 {
    display: inline-flex;
    align-items: center;
    gap: 9.29px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .frame-15 {
    position: relative;
    width: 24.78px;
    height: 24.78px
}

.features-mobile .overlap-group-12 {
    position: relative;
    width: 424px;
    height: 532px;
    top: 38px;
    left: 33px
}

.features-mobile .stills-4 {
    width: 380px;
    height: 490px;
    top: 42px;
    position: absolute;
    left: 0;
    object-fit: cover
}

.features-mobile .card-21 {
    display: flex;
    flex-direction: column;
    width: 333px;
    align-items: center;
    justify-content: center;
    gap: 15.48px;
    padding: 19.3px;
    position: absolute;
    top: 0;
    left: 91px;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .text-wrapper-60 {
    align-self: stretch;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 19.3px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 23.16px */
}

.features-mobile .progress-3,.features-mobile .wrap-32 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%
}

.features-mobile .wrap-32 {
    flex-direction: column;
    align-items: flex-start;
    gap: 6.88px;
    flex: 0 0 auto
}

.features-mobile .progress-3 {
    height: 13.76px;
    gap: 8.6px;
    border-radius: 86.03px;
    align-items: center;
    background-color: #ececec
}

.features-mobile .rectangle-4 {
    width: 86.03px;
    border-radius: 86.03px;
    position: relative;
    align-self: stretch;
    background-color: #66d75a
}

.features-mobile .text-wrapper-61 {
    color: #000;
    font-family: Inter;
    font-size: 12.044px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.452px */
}

.features-mobile .item-7,.features-mobile .wrap-33 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-33 {
    flex-direction: column;
    align-items: flex-start;
    gap: 5.16px;
    padding: 0 19.3px
}

.features-mobile .item-7 {
    gap: 6.88px;
    align-items: center
}

.features-mobile .icon-11 {
    display: flex;
    width: 17.2px;
    height: 17.2px;
    align-items: center;
    justify-content: center;
    gap: 7.17px;
    position: relative;
    background-color: #66d75a;
    border-radius: 3.44px
}

.features-mobile .frame-16 {
    position: relative;
    width: 11.47px;
    height: 11.47px
}

.features-mobile .text-wrapper-62 {
    flex: 1 0 0;
    color: var(--neutral-grey-900, #1E1E1E);
    font-family: Inter;
    font-size: 12.044px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.452px */
    text-decoration-line:  line-through;
}

.features-mobile .wrap-34 {
    display: inline-flex;
    align-items: center;
    gap: 6.88px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .icon-12 {
    display: flex;
    width: 17.21px;
    height: 17.21px;
    align-items: center;
    justify-content: center;
    gap: 7.17px;
    position: relative;
    border-radius: 3.44px;
    border: .86px solid;
    border-color: #8c8c8c
}

.features-mobile .shape-21 {
    position: relative;
    width: 185.76px;
    height: 9.65px;
    background-color: #e4e4e4;
    border-radius: 365.78px
}

.features-mobile .frame-17 {
    position: relative;
    width: 16.89px;
    height: 16.89px
}

.features-mobile .shape-22,.features-mobile .shape-23,.features-mobile .shape-24 {
    position: relative;
    width: 130.76px;
    height: 8.6px;
    background-color: #e4e4e4;
    border-radius: 365.78px
}

.features-mobile .shape-23,.features-mobile .shape-24 {
    width: 181.51px
}

.features-mobile .shape-24 {
    width: 202.65px;
    height: 8.44px
}

.features-mobile .text-wrapper-63 {
    align-self: stretch;
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .text-wrapper-64 {
    text-align: center;
    color: var(--neutral-white, #FFF);
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.features-mobile .text-wrapper-65 {
    width: 365px;
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .overlap-group-13 {
    position: relative;
    width: 439px;
    height: 487px;
    top: 35px;
    left: 27px
}

.features-mobile .card-22 {
    display: flex;
    flex-direction: column;
    width: 342px;
    align-items: center;
    justify-content: center;
    gap: 19.66px;
    padding: 19.66px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .img-12 {
    align-self: stretch;
    width: 100%;
    height: 196.6px;
    background-color: var(--neutralgrey-400);
    border-radius: 9.83px;
    position: relative;
    overflow: hidden
}

.features-mobile .img-13 {
    position: absolute;
    width: 302px;
    height: 197px;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-mobile .text-17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9.83px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-66 {
    align-self: stretch;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 17.203px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.643px */
}

.features-mobile .card-23 {
    display: flex;
    flex-direction: column;
    width: 342px;
    align-items: center;
    justify-content: center;
    gap: 19.66px;
    padding: 19.66px;
    position: absolute;
    top: 130px;
    left: 97px;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .text-wrapper-67 {
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 17.203px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.643px */
}

.features-mobile .wrap-35 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .icon-13 {
    display: flex;
    height: 68.07px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-400);
    box-shadow: var(--xs)
}

.features-mobile .oliviaklimt-a-4 {
    position: relative;
    width: 68.07px;
    height: 68.07px;
    margin: -8px;
    object-fit: cover
}

.features-mobile .icon-14 {
    display: flex;
    height: 68.07px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200)
}

.features-mobile .oliviaklimt-3,.features-mobile .oliviaklimt-4 {
    position: relative;
    width: 59px;
    height: 62px;
    margin: -4.96px -3.47px -4.97px -3.46px;
    object-fit: cover
}

.features-mobile .oliviaklimt-4 {
    width: 68px;
    height: 68px;
    margin: -7.96px -7.97px -7.97px -7.96px
}

.features-mobile .icon-15 {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 68.07px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200)
}

.features-mobile .oliviaklimt-a-5 {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-mobile .overlap-3 {
    position: relative;
    width: 437px;
    height: 500px;
    top: 32px;
    left: 25px
}

.features-mobile .pexels-emma-bauso-2 {
    position: absolute;
    width: 427px;
    height: 285px;
    top: 121px;
    left: 9px;
    object-fit: cover
}

.features-mobile .card-24 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .text-18,.features-mobile .wrap-36 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .wrap-36 {
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    align-self: stretch
}

.features-mobile .text-18 {
    align-items: flex-start;
    gap: 8px
}

.features-mobile .text-wrapper-68 {
    align-self: stretch;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
}

.features-mobile .wrap-37 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.8px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .shape-25,.features-mobile .shape-26 {
    position: relative;
    width: 199px;
    height: 8px;
    background-color: #e4e4e4;
    border-radius: 425.2px
}

.features-mobile .shape-26 {
    width: 115px
}

.features-mobile .text-wrapper-69 {
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
}

.features-mobile .item-8 {
    display: inline-flex;
    justify-content: center;
    gap: 4px;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .frame-18 {
    position: relative;
    width: 16px;
    height: 16px
}

.features-mobile .text-wrapper-70 {
    color: #646464;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
}

.features-mobile .img-14 {
    width: 154.61px;
    height: 154.61px;
    background-color: var(--neutralwhite);
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-14 {
    position: relative;
    width: 128px;
    height: 155px;
    left: 16px;
    background-image: url(./img/oliviaklimt-91412-3-black-outdoor-string-lights-hanging-from-3d-1.png);
    background-size: 100% 100%
}

.features-mobile .icon-16 {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 4px;
    position: relative;
    top: 115px;
    left: 98px;
    background-color: #bfbfbf80;
    border-radius: 4px
}

.features-mobile .frame-19 {
    position: relative;
    width: 24px;
    height: 24px;
    margin: -2px
}

.features-mobile .card-25 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 345px;
    left: 51px;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .shape-27 {
    position: relative;
    width: 165px;
    height: 8px;
    background-color: #e4e4e4;
    border-radius: 425.2px
}

.features-mobile .overlap-group-15 {
    position: relative;
    width: 123px;
    height: 155px;
    left: 19px
}

.features-mobile .oliviaklimt-a-6 {
    position: absolute;
    width: 116px;
    height: 155px;
    top: 0;
    left: 0
}

.features-mobile .icon-17 {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 4px;
    position: absolute;
    top: 115px;
    left: 95px;
    background-color: #bfbfbf80;
    border-radius: 4px
}

.features-mobile .tag-9 {
    display: inline-flex;
    gap: 16px;
    padding: 4px 16px;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm);
    align-items: center;
    justify-content: center;
    position: relative
}

.features-mobile .text-wrapper-71 {
    width: 388px;
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .tag-10 {
    display: inline-flex;
    gap: 16px;
    padding: 4px 16px;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs);
    background: linear-gradient(180deg,#fff 0,#f5f5f4 100%);
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--primitive-neutral-100)
}

.features-mobile .overlap-4 {
    position: relative;
    width: 451px;
    height: 504px;
    top: 26px;
    left: 21px
}

.features-mobile .pexels-2 {
    position: absolute;
    width: 451px;
    height: 301px;
    top: 203px;
    left: 0;
    object-fit: cover
}

.features-mobile .card-26 {
    display: flex;
    flex-direction: column;
    width: 306px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px;
    position: absolute;
    top: 0;
    left: 133px;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg)
}

.features-mobile .img-15 {
    align-self: stretch;
    width: 100%;
    height: 231px;
    background-color: #bfbfbf;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.features-mobile .overlap-group-16 {
    width: 274px;
    height: 231px;
    background-image: url(./img/pexels-janeski-3636055-1-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.features-mobile .icon-18 {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 4px;
    position: relative;
    top: 190px;
    left: 233px;
    background-color: #ffffff80;
    border-radius: 4px
}

.features-mobile .text-wrapper-72 {
    flex: 1 0 0;
    align-self: stretch;
    color: var(--neutral-black, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}

.features-mobile .wrap-38 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .shape-28 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 8px;
    background-color: #e4e4e4;
    border-radius: 425.2px
}

.features-mobile .button-11 {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600)
}

.features-mobile .text-wrapper-73 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--semantic-text-heading);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap
}

.features-mobile .container-2,.features-mobile .container-wrapper {
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    position: relative
}

.features-mobile .container-wrapper {
    gap: 112px;
    padding: 112px;
    background-color: var(--primitive-neutral-50);
    flex-direction: column;
    align-items: center
}

.features-mobile .container-2 {
    align-items: flex-start;
    gap: 64px
}

.features-mobile .wrap-39 {
    display: flex;
    flex-direction: column;
    width: 400px;
    align-items: flex-start;
    gap: 32px;
    position: relative
}

.features-mobile .text-wrapper-74 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .content-9 {
    flex-direction: column;
    width: 752px;
    align-items: flex-start;
    gap: 40px;
    display: flex;
    position: relative
}

.features-mobile .icon-19 {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    background-color: var(--semantic-surface-tertiary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs)
}

.features-mobile .text-wrapper-75, .features-mobile .text-wrapper-76 {
    align-self:stretch;
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h6 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.features-mobile .text-wrapper-75 {
    width: fit-content;
    margin-top: -4px;
    margin-bottom: -2px;
    color: var(--primitive-neutral-600);
    white-space: nowrap
}

.features-mobile .text-wrapper-76 {
    align-self: stretch;
    margin-top: -1px;
    color: var(--semantic-text-heading)
}

.features-mobile .section-4 {
    gap: 80px;
    padding: 112px 200px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-tertiary);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-77 {
    align-self: stretch;
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .text-19 {
    align-self: stretch;
    color: var(--text-paragraph, #44403C);
    text-align: center;
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .button-12,.features-mobile .group-7 {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .group-7 {
    flex-direction: column;
    gap: 16px;
    margin-left: -336.5px;
    margin-right: -336.5px
}

.features-mobile .button-12 {
    all: unset;
    box-sizing: border-box;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    background-color: var(--primitive-base-white);
    border-radius: 56px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .text-wrapper-78 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h6 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.features-mobile .button-13 {
    position: relative;
    align-self: stretch;
    width: 345px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .stills-5,.features-mobile .stills-6 {
    width: 345px;
    height: 66px;
    top: 0;
    position: absolute;
    left: 0;
    object-fit: cover
}

.features-mobile .stills-6 {
    width: 319px
}

.features-mobile .micheile-henderson-wrapper {
    position: relative;
    width: 319px;
    height: 66px;
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .micheile-henderson-2 {
    position: absolute;
    width: 317px;
    height: 66px;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-mobile .pexels-bohlemedia-wrapper {
    display: flex;
    width: 280px;
    height: 66px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    position: relative;
    background-color: var(--primitive-base-white);
    border-radius: 56px;
    overflow: hidden;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-300);
    box-shadow: var(--md)
}

.features-mobile .pexels-bohlemedia {
    position: relative;
    width: 207px;
    height: 66px;
    margin-top: -16px;
    margin-bottom: -16px;
    margin-left: -31.5px;
    object-fit: cover
}

.features-mobile .section-5 {
    width: 1440px;
    gap: 80px;
    padding: 112px;
    background-color: var(--semantic-surface-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .header-4 {
    align-items: flex-end;
    justify-content: space-between;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.features-mobile .wrap-40 {
    display: flex;
    flex-direction: column;
    width: 720px;
    align-items: flex-start;
    gap: 16px;
    position: relative
}

.features-mobile .text-wrapper-79 {
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.features-mobile .text-wrapper-80 {
    width: 632px;
    color: var(--text-paragraph, #44403C);
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .content-10 {
    flex-direction: column;
    width: 384px;
    align-items: flex-start;
    gap: 24px;
    padding: 32px;
    align-self: stretch;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md);
    display: flex;
    position: relative
}

.features-mobile .text-20 {
    align-self: stretch;
    color: var(--text-inactive, #7A7671);
    /* Text/Regular/Normal */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.features-mobile .content-11 {
    flex-direction: column;
    width: 384px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 32px;
    align-self: stretch;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md);
    display: flex;
    position: relative
}

.features-mobile .avatar-2,.features-mobile .contrast-border-wrapper {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: var(--2-radius-radius-full);
    background-image: url(./img/avatar-2.png);
    background-size: cover;
    background-position: 50% 50%
}

.features-mobile .avatar-2 {
    background-image: url(./img/avatar-3.png)
}

.features-mobile .content-12 {
    flex-direction: column;
    width: 384px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 32px;
    align-self: stretch;
    margin-right: -392px;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md);
    display: flex;
    position: relative
}

.features-mobile .avatar-3 {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: var(--2-radius-radius-full);
    background-image: url(./img/avatar-4.png);
    background-size: cover;
    background-position: 50% 50%
}

.features-mobile .cta-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    padding: 112px 64px 112px 60px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary)
}

.features-mobile .container-3 {
    flex-direction: column;
    width: 720px;
    align-items: center;
    gap: 40px;
    display: flex;
    position: relative
}

.features-mobile .text-21 {
    align-self: stretch;
    color: var(--text-paragraph, #44403C);
    text-align: center;
    /* Text/Medium/Normal */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.features-mobile .button-14,.features-mobile .button-15,.features-mobile .wrap-41 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .button-14, .features-mobile .button-15 {
    display: flex;
    height: 56px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.features-mobile .button-14 {
    background-color: var(--semantic-surface-accent)
}

.features-mobile .button-15 {
    box-shadow: inset 0 5px 1px #ffffff1a
}

.features-mobile .footer,.features-mobile .wrap-42 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.features-mobile .wrap-42 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.features-mobile .logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.features-mobile .wrap-43 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.features-mobile .line-2 {
    margin-top: -1px;
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.features-mobile .div-8 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.features-mobile .text-wrapper-81 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .features-mobile.features {
        display: none!important
    }
}

@media (min-width:1440px) {
    .features-mobile.div {
        display: none!important
    }
}

.pricing-mobile .wrap {
    display: flex;
    align-self: stretch;
    width: 100%
}
    .pricing-mobile .wrap .header {
        color: var(--text-heading, #1C1917);
        text-align: center;
        font-family: Gambetta;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 48px */
        letter-spacing: -0.8px;
    }

.pricing-mobile .text-wrapper {
    margin-top: -1px
}

.pricing-mobile .p {
    text-align: center
}

.pricing-mobile .bg {
    position: absolute;
    width: 375px;
    height: 254px;
    top: 0;
    left: 0;
    background-color: var(--semantic-surface-primary)
}

.pricing-mobile .card,.pricing-mobile .wrap-2 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%
}

.pricing-mobile .card {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, 0.05), 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02);
}

.pricing-mobile .ellipse {
    background-color: var(--primitive-neutral-500)
}

.pricing-mobile .text-wrapper-3,.pricing-mobile .text-wrapper-4 {
    align-self: stretch
}

.pricing-mobile .item {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .text-wrapper-6 {
    margin-top: -1px
}

.pricing-mobile .text-wrapper-7 {
    margin-right: -1px
}

.pricing-mobile .button-2,.pricing-mobile .icon {
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px
}

.pricing-mobile .button-2 {
    display: flex;
    height: 56px;
    align-self: stretch;
    background-color: var(--semantic-surface-accent);
    border-color: var(--semantic-outline-secondary)
}

.pricing-mobile .icon {
    display: inline-flex;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs)
}

.pricing-mobile .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .text-wrapper-8 {
    margin-top: -1px;
    text-align: center
}

.pricing-mobile .supporting-text {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.pricing-mobile .section-3 {
    display: flex;
    padding: 64px 20px;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

.pricing-mobile .text-wrapper-9 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 32px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}

.pricing-mobile .text-wrapper-10 {
    flex: 1
}

.pricing-mobile .supporting-text-3 {
    align-self: stretch;
    position: relative;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .text-wrapper-13 {
    margin-top: -1px
}

.pricing-mobile .text-wrapper-13,.pricing-mobile .text-wrapper-14 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.pricing-mobile .text-wrapper-16 {
    text-decoration: underline
}

.pricing-mobile .text-wrapper-16,.pricing-mobile .text-wrapper-17 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.pricing-mobile.pricing {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.pricing-mobile .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.pricing-mobile .text-wrapper-18 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .button-4 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    padding: 8px 16px;
    flex: 0 0 auto;
    border: 1px solid;
    box-shadow: var(--sm);
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 8px;
    border-color: var(--semantic-outline-secondary)
}

.pricing-mobile .text-wrapper-19,.pricing-mobile .text-wrapper-20 {
    position: relative;
    margin-top: -1px;
    color: var(--semantic-text-heading);
    text-align: center
}

.pricing-mobile .text-wrapper-19 {
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    font-size: var(--paragraph-md-medium-font-size);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    line-height: var(--paragraph-md-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.pricing-mobile .text-wrapper-20 {
    align-self: stretch;
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    font-size: var(--heading-desktop-h2-font-size);
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    font-style: var(--heading-desktop-h2-font-style)
}

.pricing-mobile .text-wrapper-21 {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    align-self: stretch;
    line-height: 150%; /* 27px */
}

.pricing-mobile .section-4 {
    display: flex;
    padding: 112px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
    background: var(--surface-secondary, #FFF);
}

.pricing-mobile .bg-2 {
    position: absolute;
    width: 1440px;
    height: 236px;
    top: 0;
    left: 0;
    background-color: var(--semantic-surface-primary)
}

.pricing-mobile .wrap-12 {
    gap: 32px
}

.pricing-mobile .card-2 {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, 0.05), 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02);
}

.pricing-mobile .text-wrapper-22 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 48px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.96px;
}

.pricing-mobile .text-wrapper-23 {
    color: var(--neutral-500, #7A7671);
    text-align: center;
    /* paragraph/xl/regular */
    align-self: stretch;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.pricing-mobile .card-3 {
    gap: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.pricing-mobile .text-wrapper-24 {
    position: relative;
    width: 296px;
    margin-top: -1px;
    font-family: var(--paragraph-sm-medium-font-family);
    font-weight: var(--paragraph-sm-medium-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-sm-medium-font-size);
    letter-spacing: var(--paragraph-sm-medium-letter-spacing);
    line-height: var(--paragraph-sm-medium-line-height);
    font-style: var(--paragraph-sm-medium-font-style)
}

.pricing-mobile .section-5 {
    display: flex;
    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

.pricing-mobile .text-wrapper-25 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.pricing-mobile .section-6 {
    display: flex;
    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.pricing-mobile .wrap-14 {
    display: flex;
    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.pricing-mobile .text-wrapper-26 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}


.pricing-mobile .item-2 {
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .wrap-17 {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .wrap-18 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.pricing-mobile .text-wrapper-27 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .pricing-mobile.pricing {
        display: none!important
    }
}

@media (min-width:1440px) {
    .pricing-mobile.div {
        display: none!important
    }
}

@media (max-width:1439px) {
    .pricing-mobile.blog-feed {
        display: none!important
    }
}

@media (min-width:1440px) {
    .pricing-mobile.div {
        display: none!important
    }
}

.pricing-mobile.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.pricing-mobile .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.pricing-mobile .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.pricing-mobile .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.pricing-mobile .group {
    width: 99px;
    height: 20px
}

.pricing-mobile .overlap-group {
    position: relative;
    height: 20px
}

.pricing-mobile .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.pricing-mobile .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.pricing-mobile .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary)
}

.pricing-mobile .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.pricing-mobile .div-2,.pricing-mobile .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .header {
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-primary)
}

.pricing-mobile .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.pricing-mobile .insights-strategies {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h2-font-family);
    font-weight: var(--heading-mobile-h2-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h2-letter-spacing);
    line-height: var(--heading-mobile-h2-line-height);
    font-style: var(--heading-mobile-h2-font-style)
}

.pricing-mobile .text-wrapper {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .div-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.pricing-mobile .div-3 {
    gap: 32px
}

.pricing-mobile .wrap {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .wrap {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    margin-right: -452px
}

.pricing-mobile .wrap-2 {
    gap: 32px
}

.pricing-mobile .text-wrapper-2 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 36px;
    align-self: stretch;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 43.2px */
    letter-spacing: -0.72px;
}

.pricing-mobile .text-wrapper-3 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 36px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 43.2px */
    letter-spacing: -0.72px;
}

.pricing-mobile .input,.pricing-mobile .line {
    position: relative;
    align-self: stretch;
    width: 100%
}

.pricing-mobile .line {
    height: 1px;
    object-fit: cover
}

.pricing-mobile .input {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    flex: 0 0 auto;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ccc
}

.pricing-mobile .button-2 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style);
    background: 0 0;
    border: 0;
    padding: 0
}

.pricing-mobile .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

.pricing-mobile .img-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 221.05px;
    background-color: var(--primitive-neutral-400);
    border-radius: 8.53px;
    overflow: hidden
}

.pricing-mobile .img-3 {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
}

.pricing-mobile .tag {
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .wrap-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.pricing-mobile .tag {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 2px 2px 0px rgba(68, 64, 60, 0.15);
}

.pricing-mobile .dot {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    background-color: #ed6586;
    border-radius: 7px;
    border: 3px solid;
    border-color: #ed658640
}

.pricing-mobile .text-wrapper-4 {
    color: var(--neutral-500, #7A7671);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    align-self: stretch;
    line-height: 150%; /* 27px */
}

.pricing-mobile .wrap-4 {
    display: flex;
    padding: 56px 20px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

.pricing-mobile .p {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    align-self: stretch;
}

.pricing-mobile .text {
    position: relative;
    align-self: stretch;
    height: 48px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .dot-2,.pricing-mobile .dot-3 {
    background-color: #ff9e33;
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.pricing-mobile .dot-3 {
    background-color: #9c82f8
}

.pricing-mobile .dot-4 {
    background-color: #57a5f4
}

.pricing-mobile .dot-4,.pricing-mobile .dot-5,.pricing-mobile .ellipse {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.pricing-mobile .ellipse {
    background-color: #96d987;
    border-color: #96da8740
}

.pricing-mobile .dot-5 {
    background-color: #797570
}

.pricing-mobile .wrap-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    object-fit: cover
}

.pricing-mobile .div-4 {
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .wrap-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.pricing-mobile .div-4 {
    display: inline-flex;
    gap: 24px
}

.pricing-mobile .footer-mobile,.pricing-mobile .wrap-7 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.pricing-mobile .wrap-7 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.pricing-mobile .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.pricing-mobile .group-wrapper {
    width: 197px;
    height: 40px
}

.pricing-mobile .overlap-group-wrapper {
    height: 40px
}

.pricing-mobile .overlap-group-2 {
    position: relative;
    width: 197px;
    height: 40px
}

.pricing-mobile .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.pricing-mobile .group-2 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.pricing-mobile .wrap-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .text-wrapper-5 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.pricing-mobile .text-wrapper-6 {
    color: var(--neutral-white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.pricing-mobile .wrap-10,.pricing-mobile .wrap-9 {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%
}

.pricing-mobile .wrap-9 {
    height: 24px;
    justify-content: center;
    gap: 16px
}

.pricing-mobile .wrap-10 {
    flex-direction: column;
    gap: 32px;
    flex: 0 0 auto
}

.pricing-mobile .text-wrapper-7 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    width: 296px;
    line-height: 150%; /* 21px */
}

.pricing-mobile .text-wrapper-8 {
    text-decoration: underline
}

.pricing-mobile .text-wrapper-8 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.pricing-mobile.blog-feed {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.pricing-mobile .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.pricing-mobile .div-wrapper {
    display: flex;
    height: 56px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--outline-secondary, #7A7671);
    background: var(--surface-accent, #171412);
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.pricing-mobile .group-3 {
    width: 118px;
    height: 24px
}

.pricing-mobile .overlap-group-3 {
    position: relative;
    height: 24px
}

.pricing-mobile .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.pricing-mobile .group-4 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.pricing-mobile .div-5 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .text-wrapper-10 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.pricing-mobile .button-3 {
    display: flex;
    height: 56px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--outline-secondary, #7A7671);
    box-shadow: 0px 2px 2px 0px rgba(68, 64, 60, 0.15);
}

.pricing-mobile .wrap-11,.pricing-mobile .wrap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .wrap-wrapper {
    gap: 56px;
    padding: 96px 112px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-primary)
}
    .pricing-mobile .wrap-wrapper .wrap-11 .header {
        color: var(--text-heading, #1C1917);
        text-align: center;
        font-family: Gambetta;
        font-size: 58px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%; /* 63.8px */
        letter-spacing: -1.16px;
    }

.pricing-mobile .wrap-11 {
    width: 720px;
    gap: 32px
}

.pricing-mobile .insights-strategies-2 {
    position: relative;
    width: 552px;
    margin-top: -1px;
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    font-style: var(--heading-desktop-h2-font-style)
}

.pricing-mobile .text-wrapper-11 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}

.pricing-mobile .section-2,.pricing-mobile .wrap-12 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .section-2 {
    display: flex;
    padding: 56px 20px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
    background: var(--neutral-50, #FAFAF9);
}

.pricing-mobile .wrap-12 {
    align-items: flex-end;
    justify-content: space-between
}

.pricing-mobile .wrap-13 {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.pricing-mobile .input-2 {
    display: flex;
    width: 384px;
    align-items: center;
    gap: 8px;
    padding: 16px;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ccc
}

.pricing-mobile .container {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.pricing-mobile .content-2 {
    flex: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative
}

.pricing-mobile .img-4 {
    position: absolute;
    width: 384px;
    height: 221px;
    top: 0;
    left: 0;
    object-fit: cover
}

.pricing-mobile .tag-2 {
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm)
}

.pricing-mobile .tag-2,.pricing-mobile .tag-3 {
    display: inline-flex;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .tag-3 {
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm)
}

.pricing-mobile .footer {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.pricing-mobile .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.pricing-mobile .wrap-15 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.pricing-mobile .logo {
    display: flex;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.pricing-mobile .logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.pricing-mobile .wrap-16 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.pricing-mobile .text-wrapper-12 {
    color: var(--base-base, #171412);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

@media (max-width:1439px) {
    .pricing-mobile.blog-feed {
        display: none!important
    }
}

@media (min-width:1440px) {
    .pricing-mobile.div {
        display: none!important
    }
}
.blogfeed .wrap {
    display: flex;
    align-self: stretch;
    width: 100%
}

    .blogfeed .wrap .header {
        color: var(--text-heading, #1C1917);
        text-align: center;
        font-family: Gambetta;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 48px */
        letter-spacing: -0.8px;
    }

.blogfeed .text-wrapper {
    margin-top: -1px
}


.blogfeed .bg {
    position: absolute;
    width: 375px;
    height: 254px;
    top: 0;
    left: 0;
    background-color: var(--semantic-surface-primary)
}

.blogfeed .card, .blogfeed .wrap-2 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    flex-wrap: wrap;
    padding: 30px 10px;
}

.blogfeed .card {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, 0.05), 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02);
}

.blogfeed .ellipse {
    background-color: var(--primitive-neutral-500)
}

.blogfeed .text-wrapper-3, .blogfeed .text-wrapper-4 {
    align-self: stretch
}

.blogfeed .item {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .text-wrapper-6 {
    margin-top: -1px
}

.blogfeed .text-wrapper-7 {
    margin-right: -1px
}

.blogfeed .button-2, .blogfeed .icon {
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px
}

.blogfeed .button-2 {
    display: flex;
    height: 56px;
    align-self: stretch;
    background-color: var(--semantic-surface-accent);
    border-color: var(--semantic-outline-secondary)
}

.blogfeed .icon {
    display: inline-flex;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--xs)
}

.blogfeed .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .text-wrapper-8 {
    margin-top: -1px;
    text-align: center
}

.blogfeed .supporting-text {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.blogfeed .section-3 {
    display: flex;
    padding: 64px 20px;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

pricing-mobile wrap {
}

.blogfeed .text-wrapper-9 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 32px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}

.blogfeed .text-wrapper-10 {
    flex: 1
}

.blogfeed .supporting-text-3 {
    align-self: stretch;
    position: relative;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .text-wrapper-13 {
    margin-top: -1px
}

.blogfeed .text-wrapper-13, .blogfeed .text-wrapper-14 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blogfeed .text-wrapper-16 {
    text-decoration: underline
}

.blogfeed .text-wrapper-16, .blogfeed .text-wrapper-17 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blogfeed.pricing {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.blogfeed .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.blogfeed .text-wrapper-18 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .button-4 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    padding: 8px 16px;
    flex: 0 0 auto;
    border: 1px solid;
    box-shadow: var(--sm);
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 8px;
    border-color: var(--semantic-outline-secondary)
}

.blogfeed .text-wrapper-19, .blogfeed .text-wrapper-20 {
    position: relative;
    margin-top: -1px;
    color: var(--semantic-text-heading);
    text-align: center
}

.blogfeed .text-wrapper-19 {
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    font-size: var(--paragraph-md-medium-font-size);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    line-height: var(--paragraph-md-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.blogfeed .text-wrapper-20 {
    align-self: stretch;
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    font-size: var(--heading-desktop-h2-font-size);
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    font-style: var(--heading-desktop-h2-font-style)
}

.blogfeed .text-wrapper-21 {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    align-self: stretch;
    line-height: 150%; /* 27px */
}

.blogfeed .section-4 {
    display: flex;
    padding: 112px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
    background: var(--surface-secondary, #FFF);
}

.blogfeed .bg-2 {
    position: absolute;
    width: 1440px;
    height: 236px;
    top: 0;
    left: 0;
    background-color: var(--semantic-surface-primary)
}

.blogfeed .wrap-12 {
    gap: 32px
}

.blogfeed .card-2 {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, 0.05), 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02);
}

.blogfeed .text-wrapper-22 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 48px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.96px;
}

.blogfeed .text-wrapper-23 {
    color: var(--neutral-500, #7A7671);
    text-align: center;
    /* paragraph/xl/regular */
    align-self: stretch;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.blogfeed .card-3 {
    gap: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.blogfeed .text-wrapper-24 {
    position: relative;
    width: 296px;
    margin-top: -1px;
    font-family: var(--paragraph-sm-medium-font-family);
    font-weight: var(--paragraph-sm-medium-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-sm-medium-font-size);
    letter-spacing: var(--paragraph-sm-medium-letter-spacing);
    line-height: var(--paragraph-sm-medium-line-height);
    font-style: var(--paragraph-sm-medium-font-style)
}

.blogfeed .section-5 {
    display: flex;
    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

.blogfeed .text-wrapper-25 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.blogfeed .section-6 {
    display: flex;
    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.blogfeed .wrap-14 {
    display: flex;
    /*    padding: 112px 200px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    align-self: stretch;*/
    gap: 20px;
}

.blogfeed .text-wrapper-26 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}


.blogfeed .item-2 {
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .wrap-17 {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .wrap-18 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.blogfeed .text-wrapper-27 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .blogfeed.pricing {
        display: none !important
    }
}

@media (min-width:1440px) {
    .blogfeed.div {
        display: none !important
    }
}

@media (max-width:1439px) {
    .blogfeed.blog-feed {
        display: none !important
    }
}

@media (min-width:1440px) {
    .blogfeed.div {
        display: none !important
    }
}

.blogfeed.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.blogfeed .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.blogfeed .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.blogfeed .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.blogfeed .group {
    width: 99px;
    height: 20px
}

.blogfeed .overlap-group {
    position: relative;
    height: 20px
}

.blogfeed .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.blogfeed .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.blogfeed .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary)
}

.blogfeed .img-2 {
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 10px;
}

.blogfeed .div-2, .blogfeed .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .header {
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-primary)
}

.blogfeed .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.blogfeed .insights-strategies {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    align-self: stretch;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.blogfeed .text-wrapper {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .div-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    padding: 20px 10px;
}

.blogfeed .section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.blogfeed .div-3 {
    gap: 32px
}

.blogfeed .wrap {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .wrap {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    margin-right: -452px
}

.blogfeed .wrap-2 {
    gap: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.blogfeed .text-wrapper-2 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    /*    font-size: 36px;*/
    align-self: stretch;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 43.2px */
    letter-spacing: -0.72px;
    align-self: center;
}

.blogfeed .text-wrapper-3 {
    color: var(--text-inactive, #7A7671);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    align-self: center;
}

.blogfeed .input, .blogfeed .line {
    position: relative;
    align-self: stretch;
    width: 100%
}

.blogfeed .line {
    height: 1px;
    object-fit: cover
}

.blogfeed .input {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    flex: 0 0 auto;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ccc
}

.blogfeed .button-2 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style);
    background: 0 0;
    border: 0;
    padding: 0
}

.blogfeed .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    padding: 10px;
}

.blogfeed .img-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 300px;
    background-color: var(--primitive-neutral-400);
    border-radius: 8.53px;
    overflow: hidden
}

.blogfeed .img-3 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.blogfeed .tag {
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .wrap-3 {
    /*    display: flex;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.blogfeed .tag {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    box-shadow: 0px 2px 2px 0px rgba(68, 64, 60, 0.15);
}

.blogfeed .dot {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    background-color: #ed6586;
    border-radius: 7px;
    border: 3px solid;
    border-color: #ed658640
}

.blogfeed .text-wrapper-4 {
    color: var(--neutral-500, #7A7671);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    align-self: stretch;
    line-height: 150%; /* 27px */
}

.blogfeed .wrap-4 {
    display: flex;
    padding: 8px 3px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    align-items: self-start;
}

.blogfeed .p {
    color: var(--text-heading, #1C1917);
    /* heading/desktop/h6 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
    text-align: start !important;
}

.blogfeed .text {
    position: relative;
    align-self: stretch;
    height: 48px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .dot-2, .blogfeed .dot-3 {
    background-color: #ff9e33;
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.blogfeed .dot-3 {
    background-color: #9c82f8
}

.blogfeed .dot-4 {
    background-color: #57a5f4
}

.blogfeed .dot-4, .blogfeed .dot-5, .blogfeed .ellipse {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.blogfeed .ellipse {
    background-color: #96d987;
    border-color: #96da8740
}

.blogfeed .dot-5 {
    background-color: #797570
}

.blogfeed .wrap-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    object-fit: cover
}

.blogfeed .div-4 {
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .wrap-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    padding: 20px;
}

.blogfeed .div-4 {
    display: inline-flex;
    gap: 24px
}

.blogfeed .footer-mobile, .blogfeed .wrap-7 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.blogfeed .wrap-7 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.blogfeed .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.blogfeed .group-wrapper {
    width: 197px;
    height: 40px
}

.blogfeed .overlap-group-wrapper {
    height: 40px
}

.blogfeed .overlap-group-2 {
    position: relative;
    width: 197px;
    height: 40px
}

.blogfeed .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.blogfeed .group-2 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.blogfeed .wrap-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .text-wrapper-5 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.blogfeed .text-wrapper-6 {
    color: var(--neutral-white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.blogfeed .wrap-10, .blogfeed .wrap-9 {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%
}

.blogfeed .wrap-9 {
    height: 24px;
    justify-content: center;
    gap: 16px
}

.blogfeed .wrap-10 {
    flex-direction: column;
    gap: 32px;
    flex: 0 0 auto
}

.blogfeed .text-wrapper-7 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    width: 296px;
    line-height: 150%; /* 21px */
}

.blogfeed .text-wrapper-8 {
    text-decoration: underline
}

.blogfeed .text-wrapper-8 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blogfeed.blog-feed {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.blogfeed .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.blogfeed .div-wrapper {
    display: flex;
    height: 56px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1.5px solid var(--outline-secondary, #7A7671);
    background: var(--surface-accent, #171412);
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.blogfeed .group-3 {
    width: 118px;
    height: 24px
}

.blogfeed .overlap-group-3 {
    position: relative;
    height: 24px
}

.blogfeed .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.blogfeed .group-4 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.blogfeed .div-5 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .text-wrapper-10 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blogfeed .button-3 {
    display: flex;
    height: 56px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1.5px solid var(--outline-secondary, #7A7671);
    box-shadow: 0px 2px 2px 0px rgba(68, 64, 60, 0.15);
}

.blogfeed .wrap-11, .blogfeed .wrap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .wrap-wrapper {
    gap: 56px;
    padding: 96px 112px;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-primary)
}

    .blogfeed .wrap-wrapper .wrap-11 .header {
        color: var(--text-heading, #1C1917);
        text-align: center;
        font-family: Gambetta;
        font-size: 58px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%; /* 63.8px */
        letter-spacing: -1.16px;
    }

.blogfeed .wrap-11 {
    width: 720px;
    gap: 32px
}

.blogfeed .insights-strategies-2 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h2 */
    font-family: Gambetta;
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 63.8px */
    width: 552px;
    letter-spacing: -1.16px;
}

.blogfeed .text-wrapper-11 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
}

.blogfeed .section-2, .blogfeed .wrap-12 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .section-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    align-self: stretch;
    background: var(--neutral-50, #FAFAF9);
}

.blogfeed .wrap-12 {
    align-items: flex-end;
    justify-content: space-between
}

.blogfeed .wrap-13 {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.blogfeed .input-2 {
    display: flex;
    width: 384px;
    align-items: center;
    gap: 8px;
    padding: 16px;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ccc
}

.blogfeed .container {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blogfeed .content-2 {
    flex: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative
}

.blogfeed .img-4 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.blogfeed .tag-2 {
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm)
}

.blogfeed .tag-2, .blogfeed .tag-3 {
    display: inline-flex;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .tag-3 {
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm)
}

.blogfeed .footer {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blogfeed .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.blogfeed .wrap-15 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.blogfeed .logo {
    display: flex;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.blogfeed .logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.blogfeed .wrap-16 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.blogfeed .text-wrapper-12 {
    color: var(--base-base, #171412);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}
.blog-post-mobile.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.blog-post-mobile .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.blog-post-mobile .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.blog-post-mobile .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.blog-post-mobile .group {
    width: 99px;
    height: 20px
}

.blog-post-mobile .overlap-group {
    position: relative;
    height: 20px
}

.blog-post-mobile .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.blog-post-mobile .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.blog-post-mobile .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary)
}

.blog-post-mobile .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.blog-post-mobile .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    padding: 56px 16px 0;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.blog-post-mobile .tag,.blog-post-mobile .wrap {
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .wrap {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%
}

.blog-post-mobile .tag {
    display: inline-flex;
    justify-content: center;
    padding: 4px 16px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--sm)
}

.blog-post-mobile .ellipse {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    background-color: #9c82f8;
    border-radius: 7px;
    border: 3px solid;
    border-color: #9c82f840
}

.blog-post-mobile .text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .p,.blog-post-mobile .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--heading-mobile-h2-font-family);
    font-weight: var(--heading-mobile-h2-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h2-letter-spacing);
    line-height: var(--heading-mobile-h2-line-height);
    font-style: var(--heading-mobile-h2-font-style)
}

.blog-post-mobile .text-wrapper-2 {
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .item {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .img-3 {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 56px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    background-image: url(./img/img.svg);
    background-size: cover;
    background-position: 50% 50%;
    background-color: var(--primitive-neutral-400)
}

.blog-post-mobile .wrap-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .text {
    align-self: stretch;
    margin-top: -1px;
    font-weight: var(--paragraph-md-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    font-family: var(--paragraph-md-medium-font-family);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    font-style: var(--paragraph-md-medium-font-style)
}

.blog-post-mobile .text-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    padding: 64px 16px 0;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary);
    overflow: hidden
}

.blog-post-mobile .bg {
    position: absolute;
    width: 1440px;
    height: 236px;
    top: 0;
    left: 0;
    background-color: var(--semantic-surface-primary)
}

.blog-post-mobile .img-4 {
    height: 197.45px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--primitive-neutral-400);
    border-radius: 8px;
    overflow: hidden
}

.blog-post-mobile .img-5 {
    position: absolute;
    width: 343px;
    height: 197px;
    top: 0;
    left: 0;
    object-fit: cover
}

.blog-post-mobile .section-2 {
    gap: 48px;
    padding: 64px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary)
}

.blog-post-mobile .text-3 {
    align-self: stretch;
    margin-top: -1px;
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    line-height: var(--paragraph-lg-regular-line-height);
    position: relative;
    font-family: var(--paragraph-lg-regular-font-family);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    font-style: var(--paragraph-lg-regular-font-style)
}

.blog-post-mobile .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.blog-post-mobile .div-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-3 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h6-font-family);
    font-weight: var(--heading-mobile-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h6-font-size);
    letter-spacing: var(--heading-mobile-h6-letter-spacing);
    line-height: var(--heading-mobile-h6-line-height);
    font-style: var(--heading-mobile-h6-font-style)
}

.blog-post-mobile .wrap-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .al-elmes-wrapper {
    height: 333.47px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--primitive-neutral-400);
    border-radius: 8px;
    overflow: hidden
}

.blog-post-mobile .al-elmes {
    position: absolute;
    width: 343px;
    height: 333px;
    top: 0;
    left: 0
}

.blog-post-mobile .text-4,.blog-post-mobile .text-5 {
    position: relative;
    align-self: stretch;
    color: var(--semantic-text-paragraph)
}

.blog-post-mobile .text-4 {
    font-weight: var(--paragraph-sm-regular-font-weight);
    font-size: var(--paragraph-sm-regular-font-size);
    line-height: var(--paragraph-sm-regular-line-height);
    font-family: var(--paragraph-sm-regular-font-family);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    font-style: var(--paragraph-sm-regular-font-style)
}

.blog-post-mobile .text-5 {
    font-family: "Roboto",Helvetica;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.blog-post-mobile .span {
    font-weight: var(--paragraph-md-medium-font-weight);
    font-family: var(--paragraph-md-medium-font-family);
    font-style: var(--paragraph-md-medium-font-style);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    line-height: var(--paragraph-md-medium-line-height);
    font-size: var(--paragraph-md-medium-font-size)
}

.blog-post-mobile .text-wrapper-4 {
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: #443f3b;
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--primitive-neutral-50);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200)
}

.blog-post-mobile .text-wrapper-5 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h6-font-family);
    font-weight: var(--heading-mobile-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h6-letter-spacing);
    line-height: var(--heading-mobile-h6-line-height);
    font-style: var(--heading-mobile-h6-font-style)
}

.blog-post-mobile .wrap-4 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .text-6,.blog-post-mobile .text-7 {
    width: fit-content;
    white-space: nowrap;
    position: relative
}

.blog-post-mobile .text-6 {
    margin-top: -1px;
    font-weight: var(--paragraph-md-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    font-family: var(--paragraph-md-medium-font-family);
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    font-style: var(--paragraph-md-medium-font-style)
}

.blog-post-mobile .text-7 {
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    line-height: var(--paragraph-md-regular-line-height);
    font-family: var(--paragraph-md-regular-font-family);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .overlap-group-2,.blog-post-mobile .rectangle {
    position: relative;
    width: 344px;
    height: 198px;
    border-radius: 8px
}

.blog-post-mobile .rectangle {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1c181659
}

.blog-post-mobile .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: absolute;
    top: 79px;
    left: 152px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    box-shadow: var(--sm)
}

.blog-post-mobile .section-3,.blog-post-mobile .wrap-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .wrap-wrapper {
    align-items: flex-start;
    gap: 10px;
    padding: 24px;
    background-color: var(--semantic-surface-primary);
    border-radius: 8px;
    overflow: hidden
}

.blog-post-mobile .section-3 {
    gap: 64px;
    padding: 1px 16px 64px;
    align-items: center;
    background-color: var(--semantic-surface-secondary)
}

.blog-post-mobile .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    object-fit: cover
}

.blog-post-mobile .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-6 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.blog-post-mobile .div-wrapper {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    position: relative;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-secondary)
}

.blog-post-mobile .text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--neutralwhite);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.blog-post-mobile .wrap-5,.blog-post-mobile .wrap-6 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .wrap-5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px
}

.blog-post-mobile .wrap-6 {
    align-items: center;
    justify-content: space-between
}

.blog-post-mobile .tag-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--primitive-base-white);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: 0 1px 1px #443f3b40
}

.blog-post-mobile .ellipse-2 {
    background-color: #ed6586;
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.blog-post-mobile .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-sm-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blog-post-mobile .text-wrapper-9 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    font-style: var(--heading-desktop-h6-font-style)
}

.blog-post-mobile .text-8 {
    align-self: stretch;
    height: 48px;
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    line-height: var(--paragraph-md-regular-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    font-family: var(--paragraph-md-regular-font-family);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .ellipse-3 {
    background-color: #ff9e33;
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: -3px;
    border-radius: 7px;
    border: 3px solid
}

.blog-post-mobile .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.blog-post-mobile .div-3,.blog-post-mobile .footer-mobile,.blog-post-mobile .wrap-7 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .wrap-7 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.blog-post-mobile .div-3 {
    align-items: center;
    gap: 24px
}

.blog-post-mobile .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.blog-post-mobile .group-wrapper {
    width: 197px;
    height: 40px
}

.blog-post-mobile .overlap-group-wrapper {
    height: 40px
}

.blog-post-mobile .overlap-group-3 {
    position: relative;
    width: 197px;
    height: 40px
}

.blog-post-mobile .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.blog-post-mobile .group-2 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.blog-post-mobile .wrap-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-10 {
    margin-top: -1px
}

.blog-post-mobile .text-wrapper-10,.blog-post-mobile .text-wrapper-11 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .wrap-10,.blog-post-mobile .wrap-9 {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%
}

.blog-post-mobile .wrap-9 {
    height: 24px;
    justify-content: center;
    gap: 16px
}

.blog-post-mobile .wrap-10 {
    flex-direction: column;
    gap: 32px;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-12 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blog-post-mobile .text-wrapper-13 {
    text-decoration: underline
}

.blog-post-mobile .text-wrapper-13,.blog-post-mobile .text-wrapper-14 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.blog-post-mobile.blog-post {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.blog-post-mobile .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.blog-post-mobile .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.blog-post-mobile .group-3 {
    width: 118px;
    height: 24px
}

.blog-post-mobile .overlap-group-4 {
    position: relative;
    height: 24px
}

.blog-post-mobile .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.blog-post-mobile .group-4 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.blog-post-mobile .div-4 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.blog-post-mobile .button-2 {
    all: unset;
    box-sizing: border-box;
    padding: 8px 16px;
    flex: 0 0 auto;
    border: 1px solid;
    box-shadow: var(--sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 8px;
    border-color: var(--semantic-outline-secondary)
}

.blog-post-mobile .text-wrapper-16 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    line-height: var(--paragraph-md-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.blog-post-mobile .header-2,.blog-post-mobile .wrap-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .header-2 {
    gap: 56px;
    padding: 96px 96px 0;
    align-self: stretch;
    width: 100%;
    background-color: var(--semantic-surface-primary)
}

.blog-post-mobile .wrap-11 {
    width: 720px;
    gap: 32px
}

.blog-post-mobile .text-wrapper-17,.blog-post-mobile .text-wrapper-18 {
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    font-size: var(--heading-desktop-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    position: relative;
    align-self: stretch;
    color: var(--semantic-text-heading);
    font-style: var(--heading-desktop-h2-font-style)
}

.blog-post-mobile .text-wrapper-18 {
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.blog-post-mobile .img-6 {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 56px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    background-image: url(./img/img-1.svg);
    background-size: cover;
    background-position: 50% 50%;
    background-color: var(--primitive-neutral-400)
}

.blog-post-mobile .section-4 {
    gap: 64px;
    padding: 112px 112px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary)
}

.blog-post-mobile .img-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 700px;
    background-color: var(--primitive-neutral-400);
    border-radius: 8px;
    overflow: hidden
}

.blog-post-mobile .stills-bryant {
    position: absolute;
    width: 1216px;
    height: 700px;
    top: 0;
    left: 0;
    object-fit: cover
}

.blog-post-mobile .section-5 {
    gap: 64px;
    padding: 112px 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary)
}

.blog-post-mobile .text-9 {
    width: 720px;
    margin-top: -1px;
    font-weight: var(--paragraph-xl-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-xl-regular-font-size);
    line-height: var(--paragraph-xl-regular-line-height);
    position: relative;
    font-family: var(--paragraph-xl-regular-font-family);
    letter-spacing: var(--paragraph-xl-regular-letter-spacing);
    font-style: var(--paragraph-xl-regular-font-style)
}

.blog-post-mobile .wrap-12 {
    display: flex;
    flex-direction: column;
    width: 720px;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-19 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h6-font-style)
}

.blog-post-mobile .text-10 {
    align-self: stretch;
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    line-height: var(--paragraph-lg-regular-line-height);
    position: relative;
    font-family: var(--paragraph-lg-regular-font-family);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    font-style: var(--paragraph-lg-regular-font-style)
}

.blog-post-mobile .al-elmes-ulhxwqreao {
    position: absolute;
    width: 720px;
    height: 700px;
    top: 0;
    left: 0
}

.blog-post-mobile .text-11 {
    align-self: stretch;
    font-weight: 400;
    color: var(--semantic-text-paragraph);
    font-size: 18px;
    line-height: 27px;
    position: relative;
    font-family: "Roboto",Helvetica;
    letter-spacing: 0
}

.blog-post-mobile .text-wrapper-20 {
    font-weight: var(--paragraph-lg-medium-font-weight);
    font-family: var(--paragraph-lg-medium-font-family);
    font-style: var(--paragraph-lg-medium-font-style);
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    font-size: var(--paragraph-lg-medium-font-size)
}

.blog-post-mobile .text-wrapper-21 {
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: #443f3b;
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.blog-post-mobile .card-2 {
    background-color: var(--primitive-neutral-50);
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8px
}

.blog-post-mobile .text-wrapper-22 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h6-font-family);
    font-weight: var(--heading-desktop-h6-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h6-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h6-letter-spacing);
    line-height: var(--heading-desktop-h6-line-height);
    font-style: var(--heading-desktop-h6-font-style)
}

.blog-post-mobile .img-7 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 414.47px;
    background-color: var(--primitive-neutral-400);
    border-radius: 4.74px;
    overflow: hidden
}

.blog-post-mobile .overlap-group-5 {
    position: relative;
    width: 720px;
    height: 414px;
    background-image: url(./img/pexels-panditwiguna-2788488-1-1.png);
    background-size: cover;
    background-position: 50% 50%
}

.blog-post-mobile .rectangle-2 {
    position: absolute;
    width: 720px;
    height: 414px;
    top: 0;
    left: 0;
    background-color: #1c181659
}

.blog-post-mobile .card-3,.blog-post-mobile .play-arrow-wrapper {
    background-color: var(--semantic-surface-primary);
    gap: 10px;
    border-radius: 8px
}

.blog-post-mobile .play-arrow-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    position: absolute;
    top: 187px;
    left: 340px;
    box-shadow: var(--sm)
}

.blog-post-mobile .card-3 {
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px
}

.blog-post-mobile .card-3,.blog-post-mobile .container-2,.blog-post-mobile .section-6 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.blog-post-mobile .section-6 {
    gap: 112px;
    padding: 1px 112px 112px;
    flex-direction: column;
    align-items: center;
    background-color: var(--semantic-surface-secondary)
}

.blog-post-mobile .container-2 {
    align-items: flex-start;
    gap: 64px
}

.blog-post-mobile .wrap-13 {
    display: flex;
    flex-direction: column;
    width: 400px;
    align-items: flex-start;
    gap: 16px;
    position: relative
}

.blog-post-mobile .text-wrapper-23 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    white-space: nowrap;
    font-style: var(--heading-desktop-h4-font-style)
}

.blog-post-mobile .content,.blog-post-mobile .wrap-14 {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.blog-post-mobile .content {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.blog-post-mobile .img-8 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 207.24px;
    background-color: var(--primitive-neutral-400);
    border-radius: 8px;
    overflow: hidden
}

.blog-post-mobile .img-9 {
    position: absolute;
    width: 360px;
    height: 207px;
    top: 0;
    left: 0;
    object-fit: cover
}

.blog-post-mobile .tag-3 {
    box-shadow: 0 1px 1px #443f3b40;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 4px 16px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-200)
}

.blog-post-mobile .footer,.blog-post-mobile .wrap-15 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.blog-post-mobile .wrap-15 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.blog-post-mobile .logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.blog-post-mobile .wrap-16 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.blog-post-mobile .div-5 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.blog-post-mobile .text-wrapper-24 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .blog-post-mobile.blog-post {
        display: none!important
    }
}

@media (min-width:1440px) {
    .blog-post-mobile.div {
        display: none!important
    }
}

.become-a-partner-LP.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.become-a-partner-LP .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.become-a-partner-LP .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.become-a-partner-LP .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.become-a-partner-LP .group {
    width: 99px;
    height: 20px
}

.become-a-partner-LP .overlap-group {
    position: relative;
    height: 20px
}

.become-a-partner-LP .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.become-a-partner-LP .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.become-a-partner-LP .button {
    padding: 8px;
    flex: 0 0 auto;
    border-color: var(--semantic-outline-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 8px;
    border: 1px solid
}

.become-a-partner-LP .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.become-a-partner-LP .div-2,.become-a-partner-LP .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .header {
    display: flex;
    padding: 56px 20px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background: var(--surface-primary, #ECEBE9);
    align-self: stretch;
}

.become-a-partner-LP .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/mobile/h2 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    align-self: stretch;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.become-a-partner-LP .p {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    /* paragraph/md/regular */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    align-self: stretch;
}

.become-a-partner-LP .div-wrapper {
    display: flex;
    height: 56px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1.5px solid var(--outline-secondary, #7A7671);
    background: var(--surface-accent, #171412);
    gap: 10px;
}

.become-a-partner-LP .text-wrapper-2 {
    color: var(--neutral-white, #FFF);
    text-align: center;
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.become-a-partner-LP .overlap-group-wrapper {
    width: 335px;
    height: 286.055px;
    border-radius: 4.351px;
    background: var(--surface-tertiary, #DDD9D5);
}

.become-a-partner-LP .overlap-group-2 {
    position: relative;
    width: 290px;
    height: 243px;
    top: 20px;
    left: 22px
}

.become-a-partner-LP .pexels-cottonbro {
    position: absolute;
    width: 272px;
    height: 182px;
    top: 61px;
    left: 18px;
    object-fit: cover
}

.become-a-partner-LP .card {
    display: flex;
    flex-direction: column;
    width: 166px;
    align-items: center;
    justify-content: center;
    gap: 8.7px;
    padding: 8.7px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 6.53px;
    box-shadow: 0 1.96px 4.61px #0000000a,0 4.06px 5.79px #0000000f,0 9.79px 15.77px #0000001a
}

.become-a-partner-LP .img-3 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 125.62px;
    border-radius: 4.35px;
    background-image: url(./img/img.svg);
    background-size: cover;
    background-position: 50% 50%
}

.become-a-partner-LP .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.35px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .gather-serve {
    position: relative;
    align-self: stretch;
    margin-top: -.54px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 7.6px;
    letter-spacing: 0;
    line-height: 9.1px
}

.become-a-partner-LP .wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.7px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .shape,.become-a-partner-LP .shape-2 {
    position: relative;
    height: 4.35px;
    background-color: #e4e4e4;
    border-radius: 231.24px
}

.become-a-partner-LP .shape {
    align-self: stretch;
    width: 100%
}

.become-a-partner-LP .shape-2 {
    width: 62.54px
}

.become-a-partner-LP .section {
    display: flex;
    width: 100%;
    padding: 56px 20px;
    flex-direction: column;
    align-items: center;
    gap: 56px;
}

.become-a-partner-LP .wrap-2, .become-a-partner-LP .wrap-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-3 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/mobile/h4 */
    font-family: Gambetta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
    align-self: stretch;
}

.become-a-partner-LP .content,.become-a-partner-LP .content-2 {
    display: flex;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}

.become-a-partner-LP .content-2 {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.become-a-partner-LP .icon {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-tertiary, #DDD9D5);
    /* xs */
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.become-a-partner-LP .img-4 {
    position: relative;
    width: 28px;
    height: 28px
}

.become-a-partner-LP .text-and-supporting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.become-a-partner-LP .text-wrapper-4 {
    color: var(--text-heading, #1C1917);
    /* heading/mobile/h5 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-5 {
    color: var(--text-paragraph, #44403C);
    /* paragraph/md/regular */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    align-self: stretch;
}

.become-a-partner-LP .section-2,.become-a-partner-LP .wrap-4 {
    display: flex;
    flex-direction: column;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .section-2 {
    background-color: var(--semantic-surface-primary);
    align-items: center;
    padding: 56px 20px
}

.become-a-partner-LP .wrap-4 {
    align-items: flex-start
}

.become-a-partner-LP .icon-2 {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    /* xs */
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.become-a-partner-LP .text-wrapper-6 {
    color: var(--neutral-600, #57534E);
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
}

.become-a-partner-LP .text-and-supporting-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-7 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h5-font-family);
    font-weight: var(--heading-mobile-h5-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h5-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h5-letter-spacing);
    line-height: var(--heading-mobile-h5-line-height);
    font-style: var(--heading-mobile-h5-font-style)
}

.become-a-partner-LP .card-2,.become-a-partner-LP .section-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.become-a-partner-LP .section-3 {
    gap: 64px;
    background-color: var(--primitive-neutral-50);
    padding: 56px 20px;
    align-self: stretch;
    width: 100%
}

.become-a-partner-LP .card-2 {
    width: 335px;
    justify-content: center;
    gap: 24px;
    padding: 20px;
    background-color: var(--neutralwhite);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200);
    box-shadow: var(--md)
}

.become-a-partner-LP .stills-wrapper {
    position: relative;
    width: 295px;
    height: 247.9px;
    background-color: var(--primitive-neutral-200);
    border-radius: 8px;
    overflow: hidden
}

.become-a-partner-LP .stills {
    position: absolute;
    width: 295px;
    height: 248px;
    top: 0;
    left: 0;
    object-fit: cover
}


.become-a-partner-LP .div-3, .become-a-partner-LP .wrap-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.become-a-partner-LP .text-2 {
    color: var(--text-heading, #1C1917);
    /* paragraph/md/medium */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    align-self: stretch;
    line-height: 150%; /* 24px */
}

.become-a-partner-LP .text-3 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.become-a-partner-LP .div-4 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.become-a-partner-LP .tag {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--button-light, linear-gradient(180deg, var(--base-white, #FFF) 0%, var(--neutral-100, #F5F5F4) 100%));
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.become-a-partner-LP .arrow-right-alt {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.become-a-partner-LP .tag-2 {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--button-light, linear-gradient(180deg, var(--base-white, #FFF) 0%, var(--neutral-100, #F5F5F4) 100%));
    box-shadow: 0px 1px 1px 0px rgba(68, 64, 60, 0.25);
}

.become-a-partner-LP .arrow-right-alt-2 {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    margin-right: -8px
}

.become-a-partner-LP .container,.become-a-partner-LP .cta,.become-a-partner-LP .div-5 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .cta {
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    padding: 80px 20px;
    background-color: var(--semantic-surface-tertiary)
}

.become-a-partner-LP .container,.become-a-partner-LP .div-5 {
    align-items: center;
    gap: 40px
}

.become-a-partner-LP .div-5 {
    align-items: flex-start;
    gap: 8px
}

.become-a-partner-LP .text-4 {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: #535861;
    font-size: var(--paragraph-lg-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.become-a-partner-LP .button-2 {
    display: flex;
    height: 56px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--neutral-600, #57534E);
    background: var(--surface-accent, #171412);
}

.become-a-partner-LP .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.become-a-partner-LP .footer-mobile,.become-a-partner-LP .wrap-6 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.become-a-partner-LP .wrap-6 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.become-a-partner-LP .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.become-a-partner-LP .group-wrapper {
    width: 197px;
    height: 40px
}

.become-a-partner-LP .group-2 {
    height: 40px
}

.become-a-partner-LP .overlap-group-3 {
    position: relative;
    width: 197px;
    height: 40px
}

.become-a-partner-LP .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.become-a-partner-LP .group-3 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.become-a-partner-LP .wrap-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .text-wrapper-9 {
    margin-top: -1px
}

.become-a-partner-LP .text-wrapper-10,.become-a-partner-LP .text-wrapper-9 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.become-a-partner-LP .wrap-8 {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%
}

.become-a-partner-LP .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.become-a-partner-LP .text-wrapper-11 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.become-a-partner-LP .text-wrapper-12 {
    text-decoration: underline
}

.become-a-partner-LP .text-wrapper-12,.become-a-partner-LP .text-wrapper-13 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.become-a-partner-LP.div-6 {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative;
    background-color: var(--primitive-base-white)
}

.become-a-partner-LP .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.become-a-partner-LP .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.become-a-partner-LP .group-4 {
    width: 118px;
    height: 24px
}

.become-a-partner-LP .overlap-group-4 {
    position: relative;
    height: 24px
}

.become-a-partner-LP .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.become-a-partner-LP .group-5 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.become-a-partner-LP .text-wrapper-14 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.become-a-partner-LP .button-3 {
    all: unset;
    box-sizing: border-box;
    padding: 8px 16px;
    flex: 0 0 auto;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    box-shadow: var(--sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    border-radius: 8px
}

.become-a-partner-LP .text-wrapper-15 {
    margin-top: -1px;
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.become-a-partner-LP .content-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 56px;
    align-self: stretch;
    background: var(--surface-primary, #ECEBE9);
}

.become-a-partner-LP .content-wrapper {
    display: flex;
    padding: 96px 112px;
    flex-direction: column;
    background: var(--surface-primary, #ECEBE9);
    align-items: center;
    gap: 56px;
    align-self: stretch;
}


.become-a-partner-LP .wrap-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}

.become-a-partner-LP .text-wrapper-16 {
    color: var(--neutral-900, #1C1917);
    /* heading/desktop/h2 */
    font-family: Gambetta;
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 63.8px */
    letter-spacing: -1.16px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-17 {
    color: var(--neutral-700, #44403C);
    /* paragraph/lg/regular */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    align-self: stretch;
}

.become-a-partner-LP .img-5 {
    width: 616px;
    height: 526px;
    border-radius: 8px;
    background: var(--surface-tertiary, #DDD9D5);
}

.become-a-partner-LP .overlap-group-5 {
    position: relative;
    width: 534px;
    height: 447px;
    top: 36px;
    left: 41px
}

.become-a-partner-LP .pexels-cottonbro-2 {
    position: absolute;
    width: 501px;
    height: 334px;
    top: 113px;
    left: 33px;
    object-fit: cover
}

.become-a-partner-LP .card-3 {
    flex-direction: column;
    width: 306px;
    gap: 16px;
    padding: 16px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    box-shadow: var(--lg);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--neutralwhite)
}

.become-a-partner-LP .img-6 {
    align-self: stretch;
    width: 100%;
    height: 231px;
    background-image: url(./img/img-1.svg);
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    border-radius: 8px
}

.become-a-partner-LP .gather-serve-2 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: var(--neutralblack);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.8px
}

.become-a-partner-LP .wrap-10 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .shape-3,.become-a-partner-LP .shape-4 {
    position: relative;
    height: 8px;
    background-color: #e4e4e4;
    border-radius: 425.2px
}

.become-a-partner-LP .shape-3 {
    align-self: stretch;
    width: 100%
}

.become-a-partner-LP .shape-4 {
    width: 115px
}

.become-a-partner-LP .container-wrapper {
    display: flex;
    width: 100%;
    padding: 112px;
    flex-direction: column;
    align-items: center;
    gap: 112px;
    background: var(--base-white, #FFF);
}

.become-a-partner-LP .div-7 {
    display: flex;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.become-a-partner-LP .wrap-11 {
    display: flex;
    width: 400px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-18 {
    color: var(--text-heading, #1C1917);
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    align-self: stretch;
    letter-spacing: -0.8px;
}

.become-a-partner-LP .text-5 {
    color: var(--text-paragraph, #44403C);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    align-self: stretch;
    line-height: 150%; /* 27px */
}

.become-a-partner-LP .content-4 {
    display: flex;
    width: 752px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.become-a-partner-LP .text-wrapper-19 {
    color: var(--text-heading, #1C1917);
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    align-self: stretch;
    letter-spacing: -0.48px;
}

.become-a-partner-LP .section-4,.become-a-partner-LP .wrap-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.become-a-partner-LP .section-4 {
    display: flex;
    width: 100%;
    padding: 112px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    background: var(--surface-primary, #ECEBE9);
}

.become-a-partner-LP .wrap-12 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.become-a-partner-LP .text-wrapper-20 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
}

.become-a-partner-LP .text-6 {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    align-self: stretch;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.become-a-partner-LP .content-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

.become-a-partner-LP .text-wrapper-21 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h6 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.48px;
    align-self: stretch;
}

.become-a-partner-LP .supporting-text {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    width: 204px;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.become-a-partner-LP .section-5 {
    display: flex;
    width: 100%;
    height: 800px;
    padding: 96px 104px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    background: var(--neutral-50, #FAFAF9);
}

.become-a-partner-LP .text-wrapper-22 {
    color: var(--text-heading, #1C1917);
    text-align: center;
    /* heading/desktop/h4 */
    font-family: Gambetta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    align-self: stretch;
}

.become-a-partner-LP .wrap-13 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}


.become-a-partner-LP .card-4 {
    display: flex;
    padding: 40px;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #ECEBE9);
    background: var(--surface-secondary, #FFF);
    /* md */
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, 0.05), 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02);
    flex: 1 0 0;
}

.become-a-partner-LP .img-wrapper {
    display: flex;
    height: 400px;
    justify-content: center;
    align-items: center;
    background: var(--neutral-200, #ECEBE9);
}

.become-a-partner-LP .stills-2 {
    width: 620.69px;
    background: lightgray 50% / cover no-repeat;
    height: 414px;
    border-radius:8px;

    aspect-ratio: 620.69/414.00;
}

.become-a-partner-LP .wrap-14 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.become-a-partner-LP .text-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}

.become-a-partner-LP .wrap-14 {
    gap: 20px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.become-a-partner-LP .text-wrapper-23 {
    color: var(--text-heading, #1C1917);
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    align-self: stretch;
    font-weight: 300;
    line-height: 130%; /* 41.6px */
    letter-spacing: -0.64px;
}

.become-a-partner-LP .cta-2 {
    display: flex;
    padding: 112px 64px 112px 60px;
    justify-content: center;
    align-items: center;
    gap: 80px;
    align-self: stretch;
    background: var(--surface-tertiary, #DDD9D5);
}

.become-a-partner-LP .container-2 {
    display: flex;
    width: 720px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.become-a-partner-LP .text-8 {
    color: var(--text-paragraph, #44403C);
    text-align: center;
    /* Text/Medium/Normal */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    align-self: stretch;
}

.become-a-partner-LP .text-wrapper-24 {
    color: var(--neutral-white, #FFF);
    text-align: center;
    /* paragraph/lg/medium */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.become-a-partner-LP .footer,.become-a-partner-LP .wrap-15 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.become-a-partner-LP .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.become-a-partner-LP .wrap-15 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.become-a-partner-LP .logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.become-a-partner-LP .wrap-16 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.become-a-partner-LP .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    object-fit: cover
}

.become-a-partner-LP .div-8 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.become-a-partner-LP .text-wrapper-25 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .become-a-partner-LP.div-6 {
        display: none!important
    }
}

@media (min-width:1440px) {
    .become-a-partner-LP.div {
        display: none!important
    }
}

.contact-default.div {
    display: flex;
    flex-direction: column;
    min-width: 375px;
    align-items: flex-start;
    position: relative
}

.contact-default .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.contact-default .frame {
    display: flex;
    flex-direction: column;
    width: 148px;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

.contact-default .layer {
    position: relative;
    width: 98.72px;
    height: 20px
}

.contact-default .group {
    width: 99px;
    height: 20px
}

.contact-default .overlap-group {
    position: relative;
    height: 20px
}

.contact-default .vector {
    position: absolute;
    width: 16px;
    height: 14px;
    top: 6px;
    left: 83px
}

.contact-default .img {
    position: absolute;
    width: 83px;
    height: 20px;
    top: 0;
    left: 0
}

.contact-default .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary)
}

.contact-default .img-2 {
    position: relative;
    width: 24px;
    height: 24px
}

.contact-default .section {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    padding: 56px 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.contact-default .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.contact-default .div-2 {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h2-font-family);
    font-weight: var(--heading-mobile-h2-font-weight);
    color: var(--neutralblack);
    font-size: var(--heading-mobile-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h2-letter-spacing);
    line-height: var(--heading-mobile-h2-line-height);
    font-style: var(--heading-mobile-h2-font-style)
}

.contact-default .text {
    position: relative;
    align-self: stretch;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    font-style: var(--paragraph-md-regular-font-style)
}

.contact-default .input {
    display: flex;
    flex-direction: column;
    height: 81px;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    align-self: stretch;
    width: 100%
}

.contact-default .button-2 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-medium-font-family);
    font-weight: var(--paragraph-sm-medium-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-sm-medium-font-size);
    letter-spacing: var(--paragraph-sm-medium-letter-spacing);
    line-height: var(--paragraph-sm-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-medium-font-style)
}

.contact-default .input-2,.contact-default .input-3 {
    flex: 0 0 auto;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%
}

.contact-default .input-2 {
    align-items: center;
    gap: 8px;
    padding: 16px;
    background-color: var(--primitive-neutral-50);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primitive-neutral-300)
}

.contact-default .input-3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

.contact-default .button-3 {
    all: unset;
    box-sizing: border-box;
    background: 0 0;
    border: 0;
    padding: 0
}

.contact-default .button-3,.contact-default .p {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-medium-font-family);
    font-weight: var(--paragraph-sm-medium-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-sm-medium-font-size);
    letter-spacing: var(--paragraph-sm-medium-letter-spacing);
    line-height: var(--paragraph-sm-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-medium-font-style)
}

.contact-default .input-4 {
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    flex: 0 0 auto;
    background-color: var(--primitive-neutral-50);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primitive-neutral-300);
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%
}

.contact-default .button-4 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-inactive);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.contact-default .div-3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 0 0 auto;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%
}

.contact-default .item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto
}

.contact-default .icon {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 8.33px;
    position: relative;
    background-color: var(--primitive-neutral-50);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--semantic-outline-primary)
}

.contact-default .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.contact-default .button-wrapper,.contact-default .icon-2 {
    display: flex;
    position: relative;
    border-radius: 4px;
    border: 1px solid
}

.contact-default .button-wrapper {
    flex-direction: column;
    height: 130px;
    align-items: flex-start;
    gap: 8px;
    padding: 16px;
    background-color: var(--primitive-neutral-50);
    border-color: var(--primitive-neutral-300);
    align-self: stretch;
    width: 100%
}

.contact-default .icon-2 {
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 8.33px;
    background-color: #fff;
    border-color: #ccc
}

.contact-default .div-wrapper,.contact-default .wrap {
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto
}

.contact-default .wrap {
    display: flex;
    gap: 24px;
    align-self: stretch;
    width: 100%
}

.contact-default .div-wrapper {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    gap: 10px;
    padding: 14px 24px;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1.5px solid;
    border-color: var(--semantic-outline-secondary)
}

.contact-default .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--neutralwhite);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.contact-default .container-2,.contact-default .cta,.contact-default .wrap-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .cta {
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    padding: 56px 20px;
    background-color: var(--semantic-surface-tertiary)
}

.contact-default .container-2,.contact-default .wrap-2 {
    gap: 40px;
    align-items: center
}

.contact-default .wrap-2 {
    align-items: flex-start;
    gap: 16px
}

.contact-default .text-wrapper-4 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-mobile-h4-font-family);
    font-weight: var(--heading-mobile-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-mobile-h4-font-size);
    text-align: center;
    letter-spacing: var(--heading-mobile-h4-letter-spacing);
    line-height: var(--heading-mobile-h4-line-height);
    font-style: var(--heading-mobile-h4-font-style)
}

.contact-default .button-5 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    background-color: var(--semantic-surface-accent);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--primitive-neutral-600)
}

.contact-default .text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -2.5px;
    margin-bottom: -.5px;
    font-family: var(--paragraph-lg-medium-font-family);
    font-weight: var(--paragraph-lg-medium-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-lg-medium-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-lg-medium-letter-spacing);
    line-height: var(--paragraph-lg-medium-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-lg-medium-font-style)
}

.contact-default .overlap-group-wrapper {
    position: relative;
    width: 335px;
    height: 286.06px;
    background-color: var(--semantic-surface-primary);
    border-radius: 2.18px
}

.contact-default .overlap-group-2 {
    position: relative;
    width: 309px;
    height: 256px;
    top: 12px;
    left: 14px
}

.contact-default .michael-fousert-cgz {
    position: absolute;
    width: 281px;
    height: 188px;
    top: 38px;
    left: 13px;
    object-fit: cover
}

.contact-default .card {
    display: flex;
    flex-direction: column;
    width: 181px;
    align-items: center;
    justify-content: center;
    gap: 8.42px;
    padding: 10.5px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 6.53px;
    box-shadow: 0 1.96px 4.61px #0000000a,0 4.06px 5.79px #0000000f,0 9.79px 15.77px #0000001a
}

.contact-default .text-wrapper-6 {
    position: relative;
    align-self: stretch;
    margin-top: -.3px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 10.5px;
    letter-spacing: 0;
    line-height: 12.6px
}

.contact-default .wrap-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.74px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .progress,.contact-default .rectangle {
    position: relative;
    align-self: stretch;
    border-radius: 46.78px
}

.contact-default .progress {
    display: flex;
    height: 7.49px;
    align-items: center;
    gap: 4.68px;
    width: 100%;
    background-color: #ececec
}

.contact-default .rectangle {
    width: 46.78px;
    background-color: #66d75a
}

.contact-default .wrap-4 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: -.47px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: #000;
    font-size: 6.5px;
    letter-spacing: 0;
    line-height: 7.9px;
    white-space: nowrap
}

.contact-default .item-2,.contact-default .wrap-5 {
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .wrap-5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.81px;
    padding: 0 10.5px
}

.contact-default .item-2 {
    gap: 3.74px;
    align-items: center
}

.contact-default .frame-wrapper {
    display: flex;
    width: 9.35px;
    height: 9.35px;
    align-items: center;
    justify-content: center;
    gap: 3.9px;
    position: relative;
    background-color: #66d75a;
    border-radius: 1.87px
}

.contact-default .frame-2 {
    position: relative;
    width: 6.24px;
    height: 6.24px
}

.contact-default .text-wrapper-8 {
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    font-size: 6.5px;
    letter-spacing: 0;
    line-height: 7.9px;
    text-decoration: line-through
}

.contact-default .div-4,.contact-default .wrap-6 {
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.contact-default .div-4 {
    justify-content: space-between;
    display: flex;
    align-self: stretch;
    width: 100%
}

.contact-default .wrap-6 {
    display: inline-flex;
    gap: 3.74px
}

.contact-default .icon-3 {
    display: flex;
    width: 9.36px;
    height: 9.36px;
    align-items: center;
    justify-content: center;
    gap: 3.9px;
    position: relative;
    border-radius: 1.87px;
    border: .47px solid;
    border-color: #8c8c8c
}

.contact-default .shape {
    position: relative;
    width: 101.02px;
    height: 5.25px;
    background-color: #e4e4e4;
    border-radius: 198.92px
}

.contact-default .frame-3 {
    position: relative;
    width: 9.18px;
    height: 9.18px
}

.contact-default .card-2 {
    display: flex;
    flex-direction: column;
    width: 186px;
    align-items: center;
    justify-content: center;
    gap: 10.69px;
    padding: 10.69px;
    position: absolute;
    top: 179px;
    left: 123px;
    background-color: var(--neutralwhite);
    border-radius: 6.53px;
    box-shadow: 0 1.96px 4.61px #0000000a,0 4.06px 5.79px #0000000f,0 9.79px 15.77px #0000001a
}

.contact-default .text-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.35px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper-9 {
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 9.4px;
    letter-spacing: 0;
    line-height: 11.2px;
    white-space: nowrap
}

.contact-default .stars {
    position: relative;
    width: 13.05px;
    height: 13.05px
}

.contact-default .wrap-7 {
    display: flex;
    align-items: flex-start;
    gap: 5.44px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .mk-digital-products-wrapper {
    display: flex;
    height: 37.02px;
    align-items: center;
    justify-content: center;
    gap: 5.44px;
    padding: 4.35px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 4.35px;
    overflow: hidden;
    border: .54px solid;
    border-color: var(--primitive-neutral-400);
    box-shadow: 0 .54px .54px #443f3b40
}

.contact-default .img-3 {
    position: relative;
    width: 37.02px;
    height: 37.02px;
    margin: -4.35px;
    object-fit: cover
}

.contact-default .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.44px;
    padding: 4.35px
}

.contact-default .img-wrapper,.contact-default .oliviaklimt-a-wrapper {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 37.02px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 4.35px;
    overflow: hidden;
    border: .54px solid;
    border-color: var(--primitive-neutral-200)
}

.contact-default .oliviaklimt-a {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 0;
    left: 0;
    object-fit: cover
}

.contact-default .footer-mobile {
    gap: 64px;
    padding: 64px 20px 40px;
    background-color: var(--primitive-neutral-500);
    align-items: center
}

.contact-default .div-5,.contact-default .footer-mobile,.contact-default .wrap-8 {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .wrap-8 {
    align-items: flex-start;
    justify-content: center;
    gap: 32px
}

.contact-default .div-5 {
    align-items: center;
    gap: 24px
}

.contact-default .layer-wrapper {
    position: relative;
    width: 197.45px;
    height: 40px
}

.contact-default .group-wrapper {
    width: 197px;
    height: 40px
}

.contact-default .group-2 {
    height: 40px
}

.contact-default .overlap-group-3 {
    position: relative;
    width: 197px;
    height: 40px
}

.contact-default .vector-2 {
    position: absolute;
    width: 31px;
    height: 29px;
    top: 11px;
    left: 166px
}

.contact-default .group-3 {
    position: absolute;
    width: 167px;
    height: 40px;
    top: 0;
    left: 0
}

.contact-default .wrap-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper-10 {
    margin-top: -1px
}

.contact-default .text-wrapper-10,.contact-default .text-wrapper-11 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--primitive-base-white);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.contact-default .wrap-10 {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%
}

.contact-default .line {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover
}

.contact-default .wrap-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper-12 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.contact-default .text-wrapper-13 {
    text-decoration: underline
}

.contact-default .text-wrapper-13,.contact-default .text-wrapper-14 {
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

.contact-default.div-6 {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    align-items: flex-start;
    position: relative
}

.contact-default .nav-2 {
    display: flex;
    width: 1440px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 48px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.contact-default .layer-2 {
    position: relative;
    width: 118.47px;
    height: 24px
}

.contact-default .group-4 {
    width: 118px;
    height: 24px
}

.contact-default .overlap-group-4 {
    position: relative;
    height: 24px
}

.contact-default .vector-3 {
    position: absolute;
    width: 19px;
    height: 17px;
    top: 7px;
    left: 100px
}

.contact-default .group-5 {
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0
}

.contact-default .div-7 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.contact-default .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-md-regular-font-family);
    font-weight: var(--paragraph-md-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-md-regular-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-md-regular-letter-spacing);
    line-height: var(--paragraph-md-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-md-regular-font-style)
}

.contact-default .button-6 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--semantic-outline-secondary);
    box-shadow: var(--sm)
}

.contact-default .text-wrapper-16 {
    margin-top: -1px;
    color: var(--semantic-text-heading);
    font-size: var(--paragraph-md-medium-font-size);
    line-height: var(--paragraph-md-medium-line-height);
    position: relative;
    width: fit-content;
    font-family: var(--paragraph-md-medium-font-family);
    font-weight: var(--paragraph-md-medium-font-weight);
    text-align: center;
    letter-spacing: var(--paragraph-md-medium-letter-spacing);
    white-space: nowrap;
    font-style: var(--paragraph-md-medium-font-style)
}

.contact-default .container-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    padding: 112px 360px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-primary)
}

.contact-default .container-3 {
    gap: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.contact-default .text-wrapper-17 {
    position: relative;
    width: 852px;
    margin-top: -1px;
    margin-left: -66px;
    margin-right: -66px;
    font-family: var(--heading-desktop-h2-font-family);
    font-weight: var(--heading-desktop-h2-font-weight);
    color: var(--neutralblack);
    font-size: var(--heading-desktop-h2-font-size);
    text-align: center;
    letter-spacing: var(--heading-desktop-h2-letter-spacing);
    line-height: var(--heading-desktop-h2-line-height);
    font-style: var(--heading-desktop-h2-font-style)
}

.contact-default .text-3 {
    position: relative;
    width: 526px;
    font-family: var(--text-medium-normal-font-family);
    font-weight: var(--text-medium-normal-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--text-medium-normal-font-size);
    text-align: center;
    letter-spacing: var(--text-medium-normal-letter-spacing);
    line-height: var(--text-medium-normal-line-height);
    font-style: var(--text-medium-normal-font-style)
}

.contact-default .input-5,.contact-default .wrap-12 {
    align-items: flex-start;
    display: flex;
    position: relative
}

.contact-default .wrap-12 {
    gap: 24px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .input-5 {
    flex-direction: column;
    gap: 4px;
    flex: 1;
    flex-grow: 1
}

.contact-default .input-6,.contact-default .input-7 {
    align-items: center;
    padding: 16px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--primitive-neutral-25);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primitive-neutral-300);
    display: flex;
    position: relative
}

.contact-default .input-6 {
    gap: 8px
}

.contact-default .input-7 {
    justify-content: space-between
}

.contact-default .wrap-13 {
    display: flex;
    flex-direction: column;
    width: 720px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto
}

.contact-default .card-3,.contact-default .input-8 {
    position: relative;
    align-self: stretch;
    width: 100%;
    display: flex
}

.contact-default .input-8 {
    flex-direction: column;
    height: 130px;
    align-items: flex-start;
    gap: 8px;
    padding: 16px;
    background-color: var(--primitive-neutral-25);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primitive-neutral-300)
}

.contact-default .card-3 {
    gap: 80px;
    padding: 112px 64px;
    flex: 0 0 auto;
    background-color: var(--semantic-surface-tertiary);
    align-items: center
}

.contact-default .container-4 {
    gap: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.contact-default .text-wrapper-18 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--heading-desktop-h4-font-family);
    font-weight: var(--heading-desktop-h4-font-weight);
    color: var(--semantic-text-heading);
    font-size: var(--heading-desktop-h4-font-size);
    letter-spacing: var(--heading-desktop-h4-letter-spacing);
    line-height: var(--heading-desktop-h4-line-height);
    font-style: var(--heading-desktop-h4-font-style)
}

.contact-default .text-4 {
    position: relative;
    width: 513px;
    font-family: var(--paragraph-lg-regular-font-family);
    font-weight: var(--paragraph-lg-regular-font-weight);
    color: var(--semantic-text-paragraph);
    font-size: var(--paragraph-lg-regular-font-size);
    letter-spacing: var(--paragraph-lg-regular-letter-spacing);
    line-height: var(--paragraph-lg-regular-line-height);
    font-style: var(--paragraph-lg-regular-font-style)
}

.contact-default .img-4 {
    position: relative;
    width: 616px;
    height: 526px;
    background-color: var(--semantic-surface-primary);
    border-radius: 4px
}

.contact-default .overlap-group-5 {
    position: relative;
    width: 569px;
    height: 469px;
    top: 22px;
    left: 26px
}

.contact-default .michael-fousert-cgz-2 {
    position: absolute;
    width: 517px;
    height: 345px;
    top: 69px;
    left: 23px;
    object-fit: cover
}

.contact-default .card-4 {
    flex-direction: column;
    width: 333px;
    justify-content: center;
    gap: 15.48px;
    padding: 19.3px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg);
    display: flex;
    align-items: center
}

.contact-default .text-wrapper-19 {
    position: relative;
    align-self: stretch;
    margin-top: -.56px;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 19.3px;
    letter-spacing: 0;
    line-height: 23.2px
}

.contact-default .wrap-14 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.88px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .rectangle-wrapper {
    display: flex;
    height: 13.76px;
    align-items: center;
    gap: 8.6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #ececec;
    border-radius: 86.03px
}

.contact-default .rectangle-2 {
    position: relative;
    align-self: stretch;
    width: 86.03px;
    background-color: #66d75a;
    border-radius: 86.03px
}

.contact-default .text-wrapper-20 {
    position: relative;
    width: fit-content;
    margin-top: -.86px;
    font-family: "Inter",Helvetica;
    font-weight: 500;
    color: #000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14.5px;
    white-space: nowrap
}

.contact-default .item-3,.contact-default .wrap-15 {
    display: flex;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto
}

.contact-default .wrap-15 {
    flex-direction: column;
    align-items: flex-start;
    gap: 5.16px;
    padding: 0 19.3px
}

.contact-default .item-3 {
    gap: 6.88px;
    align-items: center
}

.contact-default .icon-4 {
    display: flex;
    width: 17.2px;
    height: 17.2px;
    align-items: center;
    justify-content: center;
    gap: 7.17px;
    position: relative;
    background-color: #66d75a;
    border-radius: 3.44px
}

.contact-default .frame-4 {
    position: relative;
    width: 11.47px;
    height: 11.47px
}

.contact-default .text-wrapper-21 {
    position: relative;
    flex: 1;
    font-family: "Inter",Helvetica;
    font-weight: 400;
    color: var(--neutralgrey-900);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14.5px;
    text-decoration: line-through
}

.contact-default .wrap-16 {
    display: inline-flex;
    align-items: center;
    gap: 6.88px;
    position: relative;
    flex: 0 0 auto
}

.contact-default .icon-5 {
    display: flex;
    width: 17.21px;
    height: 17.21px;
    align-items: center;
    justify-content: center;
    gap: 7.17px;
    position: relative;
    border-radius: 3.44px;
    border: .86px solid;
    border-color: #8c8c8c
}

.contact-default .shape-2 {
    position: relative;
    width: 185.76px;
    height: 9.65px;
    background-color: #e4e4e4;
    border-radius: 365.78px
}

.contact-default .frame-5 {
    position: relative;
    width: 16.89px;
    height: 16.89px
}

.contact-default .card-5 {
    flex-direction: column;
    width: 342px;
    justify-content: center;
    gap: 19.66px;
    padding: 19.66px;
    position: absolute;
    top: 328px;
    left: 227px;
    background-color: var(--neutralwhite);
    border-radius: 12px;
    box-shadow: var(--lg);
    display: flex;
    align-items: center
}

.contact-default .text-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9.83px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .text-wrapper-22 {
    position: relative;
    width: fit-content;
    font-family: "Inter",Helvetica;
    font-weight: 600;
    color: var(--neutralblack);
    font-size: 17.2px;
    letter-spacing: 0;
    line-height: 20.6px;
    white-space: nowrap
}

.contact-default .wrap-17 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto
}

.contact-default .icon-6 {
    display: flex;
    height: 68.07px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-400);
    box-shadow: var(--xs)
}

.contact-default .img-5 {
    position: relative;
    width: 68.07px;
    height: 68.07px;
    margin: -8px;
    object-fit: cover
}

.contact-default .icon-7 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px
}

.contact-default .icon-7,.contact-default .icon-8 {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 68.07px;
    background-color: var(--semantic-surface-secondary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--primitive-neutral-200)
}

.contact-default .oliviaklimt-a-2 {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 1px;
    left: 0;
    object-fit: cover
}

.contact-default .footer,.contact-default .wrap-18 {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto
}

.contact-default .footer {
    flex-direction: column;
    width: 1440px;
    gap: 80px;
    padding: 80px 48px;
    background-color: var(--primitive-neutral-500)
}

.contact-default .wrap-18 {
    gap: 32px;
    align-self: stretch;
    width: 100%
}

.contact-default .logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.contact-default .wrap-19 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1
}

.contact-default .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    object-fit: cover
}

.contact-default .div-8 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto
}

.contact-default .text-wrapper-23 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--paragraph-sm-regular-font-family);
    font-weight: var(--paragraph-sm-regular-font-weight);
    color: var(--primitive-neutral-25);
    font-size: var(--paragraph-sm-regular-font-size);
    letter-spacing: var(--paragraph-sm-regular-letter-spacing);
    line-height: var(--paragraph-sm-regular-line-height);
    white-space: nowrap;
    font-style: var(--paragraph-sm-regular-font-style)
}

@media (max-width:1439px) {
    .contact-default.div-6 {
        display: none!important
    }
}

@media (min-width:1440px) {
    .contact-default.div {
        display: none!important
    }
}