* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Inter', sans-serif;
}

button {
    cursor: pointer;
}

.premium-layout {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    background-color: white;
}

@media (max-width: 800px) {
    .premium-layout {
        flex-direction: column;
    }

    .premium-image__img {
        content: url('https://commended.azureedge.net/static/DemopagePremium2_iphone.png');

    }
}

.commended-homepage {
    background-color: white;
}

.commended-navbar {
    height: 5.25rem;
    border-bottom: solid 1px #ECEBF0;
    background-color: white;
    display: flex;
    gap: 3rem;
    position: fixed;
    top: 0;
    width: 100vw;
    max-width: 100%;
    cursor: pointer;
    z-index: 10000;
}

.commended-navbar > * {
    margin: auto 0;
    font-size: 1.125rem;
    text-align: center;
    padding: 0.5rem 0;
}

.commended-navbar .commended-navbar__logo {
    text-align: center;
    font-weight: 700;
    padding-left: 5rem;
    cursor: pointer;
}

.commended-navbar .commended-navbar__logo label:first-child {
    color: black;
}

.commended-navbar .commended-navbar__logo label:last-child {
    color: #1a61db;
}

.commended-navbar .commended-navbar__tab {
    color: #151315;
    font-weight: 400;
    border-bottom: 2px solid white;
}

.commended-navbar .commended-navbar__tab.active:hover,
.commended-navbar .commended-navbar__tab:hover {
    border-bottom: 2px solid lightgray;
}

.commended-navbar .commended-navbar__tab.active {
    border-bottom: 2px solid black;
}

.commended-homepage__content {
    padding-top: 5.25rem;
}

.better-pay-component {
    background: linear-gradient(162.3deg, #D1EFFE 0%, #F0EDE2 70.06%);
}

.better-pay-content {
    max-width: min(1200px, 96vw);
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    padding: 15rem 0;
    position: relative;
}

.better-pay__article {
    max-width: 580px;
}

.better-pay__title,
.register__title,
.get-started__title,
.sign-up__title,
.modern-way__title,
.get-in-touch__article h4 {
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
    color: #151315;
}

.better-pay__body,
.get-started__body,
.modern-way__body {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #3D3D4D;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.modern-way__body p {
    margin: 1rem 0;
}

.better-pay__article .primary-button,
.get-started__article .primary-button {
    margin-left: 2.5rem;
}

.better-pay__aside {
    width: min-content;
}

.better-pay__image-wrapper {
    position: relative;
    height: 22.8rem;
    width: 22.8rem;
}

.better-pay__image-wrapper .image-wrapper__image,
.better-pay__image-wrapper .image-wrapper__shadow {
    width: 20rem;
    height: 20rem;
    border-radius: 1.5rem;
    position: absolute;
    top: 1.4rem;
    left: 1.4rem;
}

.image-wrapper__image {
    z-index: 100;
}

.image-wrapper__shadow {
    background: #DFD6AF;
    transform: matrix(-0.99, -0.15, -0.15, 0.99, 0, 0);
    z-index: 1;
}

.better-pay__image-caption {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #3D3D4D;
}

.open-assignments__title {
}

.open-assignments__title,
.open-assignment__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #151315;
    margin: 6rem 0;
}

.assignment-cards__card {
    max-width: 1030px;
    margin: 1rem auto;
    padding: 1.5rem;
    box-shadow: 2px 10px 16px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    position: relative;
    cursor: pointer;
}

.assignment-cards__card * {
    cursor: pointer;
}

.card__new-indicator {
    position: absolute;
    left: 0.6rem;
    top: 12.5%;
    height: 75%;
    width: 0.3125rem;
    background-color: #FBDC62;
    border-radius: 100px;
}

.assignment-cards__card--new-assignment .card__new-indicator {
    display: block;
}

.assignment-cards__card--old-assignment .card__new-indicator {
    display: none;
}

.assignment-cards__card--new-assignment .card__date-posted-label,
.assignment-cards__card--new-assignment .card__date-posted-text {
    display: none;
}

.assignment-cards__card--old-assignment .card__date-posted-label,
.assignment-cards__card--old-assignment .card__date-posted-text {
    display: block;
}

.assignment-cards__card--new-assignment .card__newly-posted-container {
    display: block;
}

.assignment-cards__card--old-assignment .card__newly-posted-container {
    display: none;
}

.card__newly-posted-container {
    font-size: .875rem;
    padding: 7px 16px;
    background-color: #fbdc62;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    color: #3d3d4d;
    text-transform: uppercase;
    margin-left: auto;
}

.card__organisation {
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    color: #3D3D4D;
}

.card__assignment-data-container {
    display: flex;
    justify-content: space-between;
}

.card__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #151315;
    width: 50%;
    align-self: center;
}

.card__assignment-data {
    text-align: right;
}

.card__duration-label,
.card__start-date-label,
.card__date-posted-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #3D3D4D;
}

.card__duration-text,
.card__start-date-text,
.card__date-posted-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #151315;
}

.card__duration-label {

}

.card__duration-text {

}

.card__start-date-label {

}

.card__start-date-text {

}

.card__date-posted-label {

}

.card__date-posted-text {

}

.card__location-scope {
    display: flex;
    margin-top: 0.2rem;
}

.card__location {

}

.card__location-scope-separator {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 100%;
    background-color: #151315;
    margin: auto 0.375rem;
}

.card__scope {

}

.consultant-cases-component {
    max-width: min(1200px, 96vw);
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.consultant-cases__article {
    width: 500px;
}

.consultant-cases__article .medium-heading {
    margin-bottom: 1.5rem;
}

.consultant-cases__article .primary-text--regular,
.consultant-example__text .primary-text--regular {
    line-height: 140%;
}

.consultant-example__text .primary-text--regular {
    margin-bottom: 1rem;
}

.consultant-cases__consultant-example {
    margin-left: auto;
    padding: 1.5rem 2.5rem;
    width: 540px;
    border-radius: 16px;
    display: flex;
    box-shadow: 2px 10px 16px rgba(0, 0, 0, 0.12);
}

.consultant-example__image {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 100%;
    margin-right: 1rem;
}

.consultant-example__name {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #151315;
    margin-top: 1rem;
}

.register-component,
.get-in-touch-component {
    margin: 8rem 0;
    background: linear-gradient(273deg, #D1EFFE 22.15%, #F0EDE2 99.3%);
}

.register__article,
.get-in-touch__article {
    max-width: 50%;
    margin: auto;
    padding: 5rem 0;
    text-align: center;
}

.register__body,
.sign-up__body {
    font-weight: 400;
    width: 85%;
    font-size: 20px;
    line-height: 140%;
    color: #3D3D4D;
    margin: 2rem 7.5%;
}

.open-assignment__gradient {
    height: 12rem;
    background: linear-gradient(178deg, #D1EFFE 0%, #F0EDE2 70.06%);
}

.open-assignment-component {
    padding: 0 10vw;
}

.open-assignment__date {
    display: flex;
    justify-content: end;
    font-size: 1rem;
    font-weight: 500;
    color: #3d3d4dcc;
    margin: 2rem 0 0.5rem;
}

.open-assignment-details {
    border: 1px solid #ECEBF0;
    padding: 1rem;
    border-radius: 20px;
}

.open-assignment-details__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #151315;
}

/* COPIED */
.commended-border {
    background-color: #ecebf0;
    height: 1px;
    width: 100%;
    margin: 16px 0;
}

.info-wrapper__skills-and-experiences {
    display: flex;
    flex-direction: column;
}

.info-wrapper__skills-and-experiences .skills-and-experiences__experience-tags > div,
.info-wrapper__skills-and-experiences .skills-and-experiences__rating-tags > div {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.info-wrapper__skills-and-experiences .skills-and-experiences__experience-tags > div .commended-rating-tag p,
.info-wrapper__skills-and-experiences .skills-and-experiences__rating-tags > div .commended-rating-tag p {
    margin: auto;
}

.commended-text-2 {
    font-size: .875rem;
    font-weight: 500;
    font-family: Inter, sans-serif;
    color: #3d3d4dcc;
    margin: 8px 0;
}

.commended-rating-tag {
    font-size: .875rem;
    font-weight: 500;
    font-family: Inter, sans-serif;
    border-radius: 6px;
    width: max-content;
    max-width: 100%;
    height: 2rem;
    display: flex;
}

@media (min-width: 601px) {
    .commended-rating-tag {
        padding: 0 12px;
    }
}

.commended-rating-tag--expert {
    background-color: #e8f7e3;
    color: #2f560d;
}

.commended-rating-tag--advanced {
    background-color: #e7f6fa;
    color: #174758;
}

.commended-rating-tag--good {
    background-color: #ebedfb;
    color: #423677;
}

.commended-experience-tag {
    padding: 0 0.5rem;
    border-radius: 6px;
    height: 2rem;
    background-color: #f8fbff;
    width: max-content;
    max-width: 100%;
    gap: 0.5rem;
    color: #3d3d4d;
}

.commended-experience-tag img {
    margin: auto;
}

.get-started-component {
    padding: 15rem 0;
    background: linear-gradient(162.3deg, #E6E7F9 0%, #B4D7EC 70.06%);
}

.get-started__content {
    display: flex;
    justify-content: space-evenly;
    max-width: min(1200px, 96vw);
    margin: auto;
    gap: 2rem;
}

.get-started__content .get-started__article {
    max-width: 580px;
}

.get-started__image-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
}

.get-started__image-wrapper .image-wrapper__image {
    max-width: 445px;
    width: 40vw;
}

.customer-cases-component {
    margin: 0 auto;
    max-width: min(1200px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.consultant-cases__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #151315;
    margin: 6rem 0 0;
}

.customer-cases__introduction {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: rgba(61, 61, 77, 0.8);
    max-width: 700px;
    margin: 0 auto 6rem;
}

.sign-up-component {
    margin: 8rem 0 0;
    padding: 0 10vw;
    background: linear-gradient(163.22deg, #E6E7F9 0%, #B4D7EC 88.29%);
}

.sign-up__article {
    margin: 0 auto;
    max-width: 1200px;
    padding: 5rem 0;
    text-align: center;
}

.sign-up__input-fields {
    display: flex;
    flex-direction: column;
    max-width: 465px;
    margin: auto;
}

.sign-up__input-field {
    background: #FFFFFF;
    border-radius: 8px;
    max-width: 475px;
    border: none;
    height: 48px;
    font-weight: 300;
    font-size: 18px;
    color: #3D3D4D;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}

.sign-up__input-field::placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #666666;
}

.commended-footer-component {
    height: 225px;
    background: #151315;
    color: rgba(255, 255, 255, 0.88);
}

.commended-footer__info,
.commended-footer__data {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.commended-footer__data {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.commended-footer__left {

}

.commended-footer__left p {
    margin-top: 1rem;
}

.commended-footer__right {
    display: flex;
    justify-content: space-between;
    gap: min(10rem, 10vw);
}

.commended-footer-component .commended-footer__logo {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.commended-footer-component .commended-footer__logo label:first-child {
    color: rgba(255, 255, 255, 0.88);
}

.commended-footer-component .commended-footer__logo label:last-child {
    color: #1a61db;
}

.commended-footer__contact,
.commended-footer__linkedin {
    display: flex;
    flex-direction: column;
}

.commended-footer__contact > label,
.commended-footer__linkedin > label {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.64);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.commended-footer__contact > a,
.commended-footer__linkedin > a {
    color: white;
    gap: 0.5rem;
    display: flex;
}

.commended-footer__linkedin > img {
    padding-right: 0.5rem;
}

.commended-footer__info {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid white;
}

.commended-footer__info > p {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: rgba(255, 255, 255, 0.4);
}

.commended-footer__info > article > a {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: rgba(255, 255, 255, 0.8);
}

.commended-footer__info > article {
    display: flex;
    gap: 2rem;
}

.info-wrapper__assignment-description * {
    padding: revert;
    margin: revert;
}

.assignment-questions {
    margin-top: 1.75rem;
    border: 1px solid #ECEBF0;
    padding: 1rem;
    border-radius: 20px;
}

.assignment-questions__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 1rem;
}

.assignment-questions__body {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    color: #3D3D4D;
}

.assignment-questions__anchor {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    color: #1A61DB;
}

.ai-box {
    background-image: linear-gradient(135deg, #F7EEFA 0%, #EDF2FC 70.06%);
    border-radius: 0.5rem;
    border: 0px solid white;
    padding: 1.5rem;
}

.apply-box {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #ECEBF0;
    padding: 1.5rem;
}

.apply-box__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #151315;
}

.apply-box__customer-logo {
    max-width: 100%;
    max-height: 2rem;
}

.apply-box__caption {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #3D3D4D;
    margin: 8px 0;
}

.apply-box__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #151315;
    margin: 8px 0;
}

.apply-box a,
.apply-box span {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.apply-box a {
    color: #1A61DB;
}

.apply-box span {
    color: #3D3D4D;
}

.apply-box .primary-button {
    width: 100%;
    margin-bottom: 1rem;
}

.open-assignment-components {
    display: flex;
    justify-content: space-between;
}

.open-assignment-components > section {
    width: 65%;
}

.open-assignment-components > aside {
    width: calc(35% - 2rem);
}

.assignment-details-view .other-open-assignments-component {
    margin-bottom: 10rem;
}

.latest-assignments-section {
    padding: 0 2vw;
}

.modern-way-component {
    background: linear-gradient(162.3deg, #D1EFFE 0%, #F0EDE2 70.06%);
}

@media (min-width: 951px) {
    .modern-way-content {
        justify-content: space-between;
        padding: 15rem 0;
        gap: 2rem;
    }

    .modern-way__article {
        max-width: 45vw;
    }
}

@media (max-width: 950px) {
    .modern-way-content {
        flex-direction: column;
        padding: 5rem 0;
    }

    .modern-way__article,
    .modern-way__aside .image-wrapper__image {
        width: 85vw;
    }
}

.modern-way-content {
    max-width: min(1200px, 96vw);
    margin: auto;
    display: flex;
}

.modern-way__article {
    margin: auto;
}

.modern-way__aside {
    display: flex;
}

.modern-way__aside .image-wrapper__image {
    max-width: 500px;
    margin: auto;
}

.better-market-component {
    max-width: 50%;
    margin: auto;
}

.better-market-component h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #151315;
    margin: 6rem 0 2rem;
}

.better-market-component p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: rgba(61, 61, 77, 0.8);
    max-width: 700px;
    margin: 0 auto 6rem;
}

.our-network-component {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
    padding: 0 2vw;
    gap: 1rem;
}

.text-button-section {
    max-width: 550px;
}

.text-button-section .primary-text--regular {
    line-height: 140%;
    margin: 1rem 0 2rem;
}

.text-button-section__button-container {
    display: flex;
    gap: 2.5rem
}

.our-network-component aside img {
    max-width: 450px;
}

.why-created-component {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 5rem auto;
    padding: 0 2vw;
    gap: 1rem;
}

.why-created-component section {
    max-width: 550px;
}

.why-created-component .primary-text--regular {
    line-height: 140%;
    margin: 1rem 0 2rem;
}

.why-created-component aside {
    position: relative;
}

.why-created-component aside img,
.why-created-component aside div {
    position: absolute;
    width: 450px;
    right: 1rem;
    top: 6rem;
    border-radius: 24px;
}

@media (max-width: 1100px) {
    .why-created-component section {
        max-width: 80%;
    }

    .why-created-component aside {
        display: none;
    }
}

.why-created-component aside img {
    z-index: 100;
}

.why-created-component aside div {
    background: #D1EFFE;
    transform: matrix(-0.99, -0.15, -0.15, 0.99, 0, 0);
    z-index: 1;
    height: 338px;
}

.case-card {
    background: linear-gradient(181.55deg, #D1EFFE 2.64%, #F0EDE2 81.01%);
    box-shadow: 2px 10px 16px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 2rem;
    width: 600px;
}

.case-card__customer {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.case-card__customer img {
    max-width: 80px;
    max-height: 80px;
}

.case-card__customer p {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #3D3D4D;
    margin-bottom: 1rem;
}

.case-card__customer span {
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    color: #151315;
}

.case-card__timeline {
    display: flex;
    position: relative;
    height: 220px;
}

.case-card__timeline > div {
    width: 116px;
    display: flex;
    justify-content: center;
}

.case-card__timeline > div:first-child {
    margin-left: auto;
}

.case-card__timeline > div:last-child {
    margin-right: auto;
}

.case-card__timeline span {
    position: absolute;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #3D3D4D;
}

.case-card__timeline > div:nth-child(1) span,
.case-card__timeline > div:nth-child(3) span,
.case-card__timeline > div:nth-child(5) span {
    top: 134px;
}

.case-card__timeline > div:nth-child(2) span,
.case-card__timeline > div:nth-child(4) span {
    bottom: 130px;
}

.timeline__stat-bubble {
    padding: 1rem;
    background: #FFFFFF;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    position: absolute;
    max-width: 105px;
}

.case-card__timeline > div:nth-child(1) .timeline__stat-bubble,
.case-card__timeline > div:nth-child(3) .timeline__stat-bubble,
.case-card__timeline > div:nth-child(5) .timeline__stat-bubble {
    bottom: 130px;
}

.case-card__timeline > div:nth-child(2) .timeline__stat-bubble,
.case-card__timeline > div:nth-child(4) .timeline__stat-bubble {
    top: 134px;
}

.timeline__stat-bubble label {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1A61DB;
}

.timeline__stat-bubble p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #3D3D4D;
}

.timeline__ball {
    width: 16px;
    height: 16px;
    background: #1A61DB;
    border-radius: 100%;
    position: absolute;
    top: 108px;
}

.case-card__timeline > div:nth-child(1) .timeline__ball {
    left: 50px;
}

.case-card__timeline > div:nth-child(2) .timeline__ball {
    left: 166px;
}

.case-card__timeline > div:nth-child(3) .timeline__ball {
    left: 282px;
}

.case-card__timeline > div:nth-child(4) .timeline__ball {
    left: 398px;
}

.case-card__timeline > div:nth-child(5) .timeline__ball {
    left: 514px;
}

.case-card__timeline > div:nth-child(1) .timeline__ball::after,
.case-card__timeline > div:nth-child(2) .timeline__ball::after,
.case-card__timeline > div:nth-child(3) .timeline__ball::after,
.case-card__timeline > div:nth-child(4) .timeline__ball::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 16px;
    width: 100px;
    border-top: 2px solid rgba(26, 97, 219, 0.4);
}

.case-study {
    margin-bottom: 4rem;
}

.case-study p {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #151315;
    margin: 1rem 0;
}

.case-study__content {
    display: flex;
    gap: 1rem;
}

.case-study__data > section > div {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.case-study__data > section > div p {
    margin: auto;
}

.case-study__data label {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #3D3D4D;
    margin-top: 1rem;
}

.case-study__data label:first-child {
    margin-top: 0;
}

.case-study__data > p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #151315;
}

.case-studies-component {
    max-width: 1200px;
    margin: auto;
    padding: 0 2vw;
}

.case-studies-component .medium-heading {
    margin: 3rem 0;
}

.get-in-touch__article span,
.get-in-touch__article a {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
}

.get-in-touch__article span {
    color: #3D3D4D;
}

.get-in-touch__article a {
    color: #1a61db;
}

.get-in-touch__article div {
    max-width: 550px;
    margin: 1rem auto 0;
}

a {
    text-decoration: none;
}

.card__organisation-and-badges {
    display: flex;
    gap: 1rem;
}

.assignment-badge {
    height: 1.5rem;
    border-radius: 100px;
    padding: 0 12px;
    width: max-content;
    margin: auto 0;
}

.assignment-badge > p {
    font-size: calc(1rem * 12 / 16);
    font-weight: 500;
    font-family: Inter, sans-serif;
    margin: auto;
    color: #FFFFFF;
    line-height: 1.5rem;
}

.assignment-badge__first-to-apply {
    background-color: #2DBF9B;
}

.assignment-badge__rare-skills {
    background-color: #992DBF;
}

.gdpr-wrapper,
.terms-wrapper {
    margin: 0 auto;
    padding: 3rem 0;
    max-width: min(1200px, 96vw);
}

.gdpr-wrapper .medium-heading {
    margin: 1.5rem 0;
}

.gdpr-wrapper .primary-text--bold {
    margin: 1rem 0;
}

.gdpr-wrapper .large-heading {
    margin: 2rem 0;
}

.ai-button {
    background: #7c20ea;
    background-image: linear-gradient(301deg, #7c20ea 0%, #1a61db 94%);
    border-radius: 8px;
    border: none;
    color: white;
    font-family: Inter, sans-serif;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 22px;
    padding: 1rem 2rem;
    cursor: pointer;
}