:root {
    --hoverBlue: #215833;
    --graanoBlue: #4CB270;
    --additionalBlack: #12322B;
    --headline: #12322B;
    --platinum: #4CB270;
    --writer: #495565;
    --overtone: #4C5B6C;
    --placeGrey: #606D7F;
    --tagGrey: #7B8896;
    --decorGrey: #8A97A4;
    --symbol: #B4C0CC;
    --inactive: #BECAD4;
    --frameGrey: #4CB270;
    --watermark: #F2F0EB;
    --lightGrey: #F0F4F8;
    --detached: #F2F0EB;
    --white: #FFFFFF;
    --hoverOptionTagFilter: #E8F5FF;
    --backgroundTagFilter: #BDE0FF;
    --borderTagFilter: #8DC2FF;
    --borderHoverTagFilter: #67A5FF;
    --dodgerBlue: #398AFF;
    --ocean: #007CA4;
    --irisBlue: #00B6DD;
    --caribeanSea: #5CD5EE;
    --blueLagoon: #96EAFD;
    --aquaBlue: #E2FAFF;
    --tagPurple: #7B4EF3;
    --lightPurple: #907EFF;
    --pinkSonhatorio: #F556E9;
    --hoverRuby: #CB034B;
    --ruby: #EC105F;
    --lightRuby: #FB467C;
    --martianDirt: #E3740D;
    --selectiveYellow: #F9B300;
    --sunny: #FFD818;
    --babyPink: #FFB8C9;
    --cottonCandy: #FFE9EA;
    --butterYellow: #FFFAE6;
    --tropicalForest: #127646;
    --pigmentGreen: #00AD58;
    --seaweed: #16D075;
    --dragonFly: #45E194;
    --secretLake: #96F6C7;
    --oneMintDrop: #D2FFE9;
    --lightMint: #E9FFF4;
    --lavander: #F5D8F3;
    --blueGradient: linear-gradient(180deg,#5CD5EE 0%,#4CB270 100%);
    --blueGradient2: linear-gradient(90deg,#67A5FF 0%,#4CB270 100%);
    --intenseGradient: linear-gradient(90deg,#4CB270 0%,#215833 100%);
    --darkGradient: linear-gradient(180deg,#606D7F 0%,#495565 100%);
    --lightGradient: linear-gradient(180deg,#F0F4F8 0%,rgba(255,255,255,0) 100%);
    --primaryFont: 'Poppins',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica",sans-serif;
    --secondaryFont: 'Inter',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica",sans-serif;
}

/*!sc*/
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/*!sc*/
html {
    -webkit-scroll-behavior: smooth;
    -moz-scroll-behavior: smooth;
    -ms-scroll-behavior: smooth;
    scroll-behavior: smooth;
    overflow-y: scroll;
}

/*!sc*/
html, body {
    -webkit-scrollbar-width: thin;
    -moz-scrollbar-width: thin;
    -ms-scrollbar-width: thin;
    scrollbar-width: thin;
    -webkit-scroll-behavior: smooth;
    -moz-scroll-behavior: smooth;
    -ms-scroll-behavior: smooth;
    scroll-behavior: smooth;
    -webkit-scrollbar-base-color: var(--frameGrey);
    -moz-scrollbar-base-color: var(--frameGrey);
    -ms-scrollbar-base-color: var(--frameGrey);
    scrollbar-base-color: var(--frameGrey);
    -webkit-scrollbar-face-color: var(--frameGrey);
    -moz-scrollbar-face-color: var(--frameGrey);
    -ms-scrollbar-face-color: var(--frameGrey);
    scrollbar-face-color: var(--frameGrey);
    -webkit-scrollbar-3dlight-color: transparent;
    -moz-scrollbar-3dlight-color: transparent;
    -ms-scrollbar-3dlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    -webkit-scrollbar-highlight-color: var(--frameGrey);
    -moz-scrollbar-highlight-color: var(--frameGrey);
    -ms-scrollbar-highlight-color: var(--frameGrey);
    scrollbar-highlight-color: var(--frameGrey);
    -webkit-scrollbar-track-color: var(--frameGrey);
    -moz-scrollbar-track-color: var(--frameGrey);
    -ms-scrollbar-track-color: var(--frameGrey);
    scrollbar-track-color: var(--frameGrey);
    -webkit-scrollbar-arrow-color: var(--frameGrey);
    -moz-scrollbar-arrow-color: var(--frameGrey);
    -ms-scrollbar-arrow-color: var(--frameGrey);
    scrollbar-arrow-color: var(--frameGrey);
    -webkit-scrollbar-shadow-color: var(--frameGrey);
    -moz-scrollbar-shadow-color: var(--frameGrey);
    -ms-scrollbar-shadow-color: var(--frameGrey);
    scrollbar-shadow-color: var(--frameGrey);
}

    /*!sc*/
    html::-webkit-scrollbar, body::-webkit-scrollbar {
        height: 7px;
        width: 7px;
        background: transparent;
        z-index: 12;
        overflow: visible;
    }

    /*!sc*/
    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
        background-color: var(--decorGrey);
        border-radius: 10px;
        z-index: 12;
        border: 1px solid rgba(0,0,0,0);
        background-clip: padding-box;
        -webkit-transition: background-color 0.32s ease-in-out;
        transition: background-color 0.32s ease-in-out;
    }

    /*!sc*/
    html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
        background-color: var(--frameGrey);
        border-radius: 5px;
    }

    /*!sc*/
    html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
        border-radius: 0;
    }

/*!sc*/
html, body, textarea, select, input {
    font-family: var(--secondaryFont);
    background: var(--white);
    font-size: 16px;
}

/*!sc*/
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!sc*/
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!sc*/
.grecaptcha-badge {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    z-index: -999 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    pointer-events: none !important;
}

/*!sc*/
data-styled.g1[id="sc-global-hrIxEs1"] {
    content: "sc-global-hrIxEs1,"
}

/*!sc*/


.graano-des-green {
    color: #4CB270 !important;
    -webkit-text-fill-color: unset !important;
}



[data-aos][data-aos][data-aos-delay="300"] {
    transition-delay: 0;
}

body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    scrollbar-width: thin;
    scroll-behavior: smooth;
}

    body::-webkit-scrollbar {
        height: 7px;
        width: 7px;
        background: transparent;
        z-index: 12;
        overflow: visible;
    }

    body::-webkit-scrollbar-thumb {
        background-color: var(--decorGrey);
        border-radius: 10px;
        z-index: 12;
        border: 1px solid rgba(0, 0, 0, 0);
        background-clip: padding-box;
        transition: background-color 0.32s ease-in-out;
    }

    body::-webkit-scrollbar-track {
        background-color: var(--frameGrey);
        border-radius: 5px;
    }

    body::-webkit-scrollbar-track {
        border-radius: 0px;
    }

body,
textarea {
    font-family: var(--secondaryFont);
    background: var(--white);
    font-size: 16px;
}

.grecaptcha-badge {
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
    opacity: 0 !important;
    z-index: -999 !important;
    user-select: none !important;
    pointer-events: none !important;
}

@media (min-width: 0px) {
    .kIZSQs {
        max-height: 120px;
        overflow: hidden;
        padding: 8px 24px;
        background: var(--platinum);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 6px;
        transition: 0.2s;
        display: flex;
    }
}

@media (min-width: 768px) {
    .kIZSQs {
        flex-direction: row;
        gap: 20px;
    }
}

@media (min-width: 960px) {
    .kIZSQs {
        max-height: none;
        padding: 8px 24px;
    }
}

@media (min-width: 0px) {
    .iOIcBk {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
    }
}

@media (min-width: 0px) {
    .fQoprs {
        width: 1px;
        height: 20px;
        background: var(--white);
        display: none;
    }
}

@media (min-width: 768px) {
    .fQoprs {
        display: block;
    }
}

@media (min-width: 0px) {
    .dlHcpp {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: underline;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        background: none;
        color: var(--white);
    }
}

@media (min-width: 0px) {

    .dlHcpp > div:nth-child(1),
    .dlHcpp > div:nth-child(1) svg {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 0px) {
    .fUXLfS {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .fUXLfS svg [fill="var(--white)"] {
        fill: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cViDDo {
        width: 100%;
        position: sticky;
        top: 0px;
        padding: 16px;
        height: 70px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        background: var(--white);
        z-index: 999999;
        border-bottom: none;
        display: flex;
    }
}

@media (min-width: 960px) {
    .cViDDo {
        position: sticky;
        padding: 0px 80px;
        height: 78px;
        border-bottom: 1px solid var(--frameGrey);
    }
}

@media (min-width: 0px) {
    .cViDDo::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        user-select: none;
        pointer-events: none;
        z-index: 99;
        box-shadow: rgba(36, 42, 50, 0.2) 0px 1px 2px 1px;
    }
}

@media (min-width: 960px) {
    .cViDDo::before {
        top: 100%;
        width: 100%;
        height: calc(-72px + 100vh);
        backdrop-filter: blur(4px);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: none;
        z-index: 1;
        transition: 0.2s;
        opacity: 0;
    }
}

@media (min-width: 0px) {
    .bKcrsb {
        -webkit-box-align: center;
        align-items: center;
        gap: 24px;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 960px) {
    .bKcrsb {
        gap: 48px;
    }
}

@media (min-width: 0px) {
    .gTBVFk {
        display: none;
    }
}

@media (min-width: 960px) {
    .gTBVFk {
        display: block;
    }
}

@media (min-width: 0px) {
    .hQNgAm {
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 38px;
        height: 38px;
        cursor: pointer;
        transition: 0.4s;
    }
}

@media (min-width: 960px) {
    .hQNgAm {
        display: none;
    }
}

@media (min-width: 960px) {
    .hQNgAm svg [fill="var(--additionalBlack)"] {
        fill: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dyhAUj {
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .dyhAUj {
        display: none;
    }
}

@media (min-width: 0px) {
    .dyhAUj {
        user-select: none;
    }
}

@media (min-width: 0px) {
    .iDJBcI {
        position: fixed;
        top: 70px;
        left: -100vw;
        background: var(--white);
        height: calc(-70px + 100dvh);
        min-width: calc(60vw);
        transition: 0.2s;
        z-index: 2;
    }
}

@media (min-width: 960px) {
    .iDJBcI {
        position: relative;
        top: auto;
        left: auto;
        height: 13px;
        min-width: 0px;
    }
}

@media (min-width: 0px) {
    .hwkiMs {
        height: calc(-70px + 100dvh);
        overflow: auto;
        padding: 24px;
        gap: 16px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hwkiMs {
        height: auto;
        overflow: visible;
        padding: 0px;
        gap: 32px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hwkiMs::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        user-select: none;
        pointer-events: none;
        z-index: 2;
        box-shadow: rgba(36, 42, 50, 0.16) 0px 4px 6px 0px;
    }

    .hwkiMs::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 100%;
        width: 200vw;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(4px);
        user-select: none;
        pointer-events: none;
        opacity: 0;
    }
}

@media (min-width: 960px) {

    .hwkiMs::before,
    .hwkiMs::after {
        display: none;
    }
}

@media (min-width: 0px) {
    .ipUwmh {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        gap: 6px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 960px) {
    .ipUwmh::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        background: var(--additionalBlack);
        transform: translateX(-50%);
        margin-top: 2px;
        width: 0px;
        height: 2px;
        transition: 0.2s;
    }

    .ipUwmh:hover::before {
        width: 8px;
    }
}

@media (min-width: 0px) {
    .dkwOEv {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .fMtflo {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 960px) {
    .fMtflo::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        background: var(--additionalBlack);
        transform: translateX(-50%);
        margin-top: 2px;
        width: 0px;
        height: 2px;
        transition: 0.2s;
    }

    .fMtflo::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        height: 0px;
    }

    .fMtflo [data-arrow] svg {
        transition: 0.2s;
    }

    .fMtflo:hover::before {
        width: 8px;
    }

    .fMtflo:hover [data-arrow] svg {
        margin-top: 4px;
    }
}

@media (min-width: 0px) {
    .hjnCBl {
        gap: 6px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gKXUDY {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        cursor: pointer;
    }
}

@media (min-width: 0px) {
    .hqiisQ {
        width: 8px;
        height: 8px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jmNoOW {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .jmNoOW svg [fill="var(--additionalBlack)"] {
        fill: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .iWlDPI {
        border-radius: 0px;
        background: var(--white);
        position: static;
        top: 70px;
        right: -100vw;
        border: none;
        overflow: hidden;
        flex-direction: column;
        transition: 0.2s;
        padding: 8px 16px;
        gap: 16px;
        width: 255px;
        margin-top: 0px;
        margin-right: 0px;
        opacity: 0;
        max-height: 0px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iWlDPI {
        border-radius: 10px;
        position: absolute;
        top: 100%;
        right: 0px;
        border: 0 solid var(--watermark);
        padding: 0px 24px;
        margin-top: 0px;
        margin-right: -24px;
    }
}

@media (min-width: 0px) {
    .hywCTk {
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hywCTk:hover h3 {
        color: var(--pinkSonhatorio);
    }

    .hywCTk:hover span {
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .bgTxZU {
        font-family: var(--primaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .emVEdS {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--tagGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .eBqjXs {
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gOjJmj {
        padding: 10px 16px;
        border: none;
        position: relative;
        z-index: 1;
        overflow: hidden;
        color: var(--writer);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
        background: var(--intenseGradient) !important;
    }
}

@media (min-width: 960px) {
    .gOjJmj:hover > [data-hover] {
        opacity: 1;
    }
}

@media (min-width: 0px) {
    .idVDPj {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -2;
        opacity: 0;
        transition: 0.6s;
        transform: rotateY(-180deg);
        background: var(--intenseGradient);
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .idVDPj:hover {
            opacity: 1;
        }
    }
}

@media (min-width: 960px) {
    .idVDPj {
        animation: 1.5s linear 0s infinite normal none running spinButton;
    }
}

@media (min-width: 0px) {
    .iHQarS {
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        z-index: -1;
        border-radius: 5px;
        background: var(--white);
    }
}

@media (min-width: 0px) {
    .irqELh {
        position: relative;
        max-width: 100vw;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .gBYldP {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: var(--white);
        z-index: 9999999;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        transition: 0.2s;
        opacity: 0;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gBYldP {
        user-select: none;
        pointer-events: none;
    }

        .gBYldP::before {
            content: "";
            position: absolute;
            top: 0px;
            right: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: linear-gradient(230deg, rgb(162, 168, 255) -30%, rgb(252, 150, 227) 10%, rgba(245, 86, 233, 0.1) 35%, rgba(245, 86, 233, 0) 100%);
        }
}

@media (min-width: 0px) {
    .eCvKaJ {
        position: relative;
        z-index: 2;
    }
}

@media (min-width: 0px) {
    .WWArG {
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        background-color: var(--detached);
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .knrROv {
        width: 100%;
        padding: 32px 16px 0px;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        gap: 32px;
        position: relative;
        z-index: 99;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .knrROv {
        width: 1060px;
        padding: 75px 0px 0px;
    }
}

@media (min-width: 0px) {
    .eeQPkI {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        border: 1px solid rgba(123, 136, 150, 0.65);
        height: auto;
        border-radius: 30px;
        padding: 6px 24px;
        gap: 0px;
        position: relative;
        background: var(--detached);
        display: flex;
    }
}

@media (min-width: 768px) {
    .eeQPkI {
        flex-direction: row;
        height: 36px;
        padding: 0px 12px;
        gap: 6px;
    }
}

@media (min-width: 960px) {
    .eeQPkI svg [stroke] {
        transition: 0.2s;
    }

    .eeQPkI:hover {
        border: 1px solid transparent;
        background: transparent;
    }

        .eeQPkI:hover [data-gradient] {
            opacity: 1;
        }

        .eeQPkI:hover svg [stroke] {
            stroke: var(--white);
        }

        .eeQPkI:hover span {
            color: var(--white);
        }
}

@media (min-width: 0px) {
    .jtJukY {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 13px;
        line-height: 1.5rem;
        color: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .ggDpwg {
        font-family: var(--primaryFont);
        font-weight: 400;
        font-size: 13px;
        line-height: 1.5rem;
        color: var(--additionalBlack);
        transition: 0.2s;
        text-align: center;
    }
}

@media (min-width: 0px) {
    .kmjcHI {
        display: none;
        font-size: 0px;
    }
}

@media (min-width: 768px) {
    .kmjcHI {
        display: block;
    }
}

@media (min-width: 0px) {
    .ktaNcG {
        position: absolute;
        inset: -1px;
        border-radius: 5px;
        background: var(--blueGradient2);
        z-index: -1;
        overflow: hidden;
        opacity: 0;
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .hzmGis {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

@media (min-width: 960px) {
    .hzmGis {
        animation: 2s ease 0s infinite normal none running slide;
    }
}

@media (min-width: 0px) {
    .emQSey {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .emQSey {
        width: 820px;
    }
}

@media (min-width: 1140px) {
    .emQSey {
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .jVZHzQ {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .jVZHzQ {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media (min-width: 0px) {
    .bEZKop {
        background-clip: text;
        /*-webkit-text-fill-color: transparent;*/
    }
}

@media (min-width: 0px) {
    .dtsCat {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--additionalBlack);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .dtsCat {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 0px) {
    .szOZy {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 24px;
        position: relative;
        z-index: 99;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 768px) {
    .szOZy {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .cjnJPZ {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cjnJPZ:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .bcZpUy {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .bcZpUy svg [stroke="var(--white)"] {
        stroke: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .jXNuGs {
        -webkit-box-align: center;
        align-items: center;
        gap: 12px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ghcklD {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bttWUB {
        border-radius: 50%;
        width: 44px;
        height: 44px;
        border: 2px solid var(--white);
        position: relative;
        z-index: 0;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bttWUB > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .jtNWN {
        border-radius: 50%;
        width: 44px;
        height: 44px;
        border: 2px solid var(--white);
        margin-left: -22px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jtNWN > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .jffwnq {
        border-radius: 50%;
        width: 44px;
        height: 44px;
        border: 2px solid var(--white);
        margin-left: -22px;
        position: relative;
        z-index: 2;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jffwnq > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .knfnNz {
        border-radius: 50%;
        width: 44px;
        height: 44px;
        border: 2px solid var(--white);
        margin-left: -22px;
        position: relative;
        z-index: 3;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .knfnNz > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .ka-DOLo {
        border-radius: 50%;
        width: 44px;
        height: 44px;
        border: 2px solid var(--white);
        margin-left: -22px;
        position: relative;
        z-index: 4;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ka-DOLo > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .kkflSy {
        flex-direction: column;
        gap: 4px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ljAjsA {
        display: flex;
    }
}

@media (min-width: 0px) {
    .htzyXC {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .htzyXC svg [fill="var(--selectiveYellow)"] {
        fill: var(--selectiveYellow);
        transition: 0.2s;
    }

    .htzyXC svg [stroke="var(--selectiveYellow)"] {
        stroke: var(--selectiveYellow);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dBGVtY {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .biZCRw {
        margin-top: 32px;
        overflow: hidden;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 48px;
        position: relative;
        z-index: 2;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .biZCRw {
        margin-top: 64px;
    }
}

@media (min-width: 0px) {
    .biZCRw img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 1140px) {
    .biZCRw::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -50vw;
        width: calc(-624px + 50vw);
        height: 100%;
        z-index: 99;
        /*background: linear-gradient(90deg, var(--white) calc((100vw - 1448px) / 2), rgba(255, 255, 255, 0) 100%);*/
    }

    .biZCRw::after {
        content: "";
        position: absolute;
        top: 0px;
        right: 50%;
        margin-right: -50vw;
        width: calc(-624px + 50vw);
        height: 100%;
        z-index: 99;
        /*background: linear-gradient(-90deg, var(--white) calc((100vw - 1448px) / 2), rgba(255, 255, 255, 0) 100%);*/
    }

    .biZCRw img {
        width: auto;
        height: auto;
    }
}

@media (min-width: 0px) {
    .hTJLNH {
        display: none;
        overflow: hidden;
        border-radius: 0px 30px 0px 0px;
        flex: 0 0 auto;
    }
}

@media (min-width: 960px) {
    .hTJLNH {
        display: block;
    }
}

@media (min-width: 0px) {
    .fLljHA {
        overflow: hidden;
        border-radius: 15px 15px 0px 0px;
        flex: 1 1 0%;
        margin: 0px 16px;
        max-width: 796px;
    }
}

@media (min-width: 768px) {
    .fLljHA {
        border-radius: 30px 30px 0px 0px;
    }
}

@media (min-width: 960px) {
    .fLljHA {
        flex: 0 0 auto;
        margin: 0px;
    }
}

@media (min-width: 0px) {
    .fLljHA img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .gnwFsf {
        display: none;
        overflow: hidden;
        border-radius: 30px 0px 0px;
        flex: 0 0 auto;
    }
}

@media (min-width: 960px) {
    .gnwFsf {
        display: block;
    }
}

@media (min-width: 0px) {
    .cHiWLt {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100px;
        z-index: 99;
        background: linear-gradient(0deg, var(--white) 20%, rgba(255, 255, 255, 0) 100%);
    }
}

@media (min-width: 0px) {
    .dtshFO {
        display: none;
        position: absolute;
        top: 164px;
        left: 0px;
        margin-left: -456px;
        width: 747px;
        height: 624px;
        border-radius: 300px;
        opacity: 0.35;
        z-index: 1;
        background: radial-gradient(circle, rgb(76, 178, 112) -15%, rgb(165, 211, 179) 35%, rgba(242, 240, 235, 0.1) 75%, rgba(242, 240, 235, 0) 100%);
    }
}

@media (min-width: 960px) {
    .dtshFO {
        display: block;
    }
}

@media (min-width: 1680px) {
    .dtshFO {
        z-index: 3;
    }
}

@media (min-width: 0px) {
    .dtshFO {
        filter: blur(30px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .elhtvD {
        position: absolute;
        top: -80px;
        right: 0px;
        margin-right: 254px;
        width: 508px;
        height: 425px;
        border-radius: 500px;
        opacity: 0.35;
        z-index: 1;
        background: radial-gradient(circle, rgb(76, 178, 112) -15%, rgb(165, 211, 179) 35%, rgba(242, 240, 235, 0.1) 75%, rgba(242, 240, 235, 0) 100%);
    }
}

@media (min-width: 960px) {
    .elhtvD {
        margin-right: -508px;
        width: 1017px;
        height: 850px;
    }
}

@media (min-width: 1680px) {
    .elhtvD {
        z-index: 3;
    }
}

@media (min-width: 0px) {
    .elhtvD {
        filter: blur(62px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .hiyDul {
        padding: 32px 16px 16px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hiyDul {
        padding: 80px 0px;
    }
}

@media (min-width: 0px) {
    .divDaC {
        flex-direction: column;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .divDaC {
        width: 980px;
    }
}

@media (min-width: 0px) {
    .ekPIRK {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .ekPIRK {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 0px) {
    .ejPzMU {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        gap: 4px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .ejPzMU {
        gap: 24px;
    }
}

@media (min-width: 1140px) {
    .ejPzMU {
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}

@media (min-width: 0px) {
    .EVDEK {
        flex: 0 0 auto;
        transform: scale(0.75);
    }
}

@media (min-width: 960px) {
    .EVDEK {
        transform: scale(1);
    }
}

@media (min-width: 0px) {
    .EVDEK > svg [fill="#404040"] {
        fill: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .hebkmB {
        padding: 16px 16px 32px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hebkmB {
        padding: 0px 0px 80px;
    }
}

@media (min-width: 0px) {
    .iqfftY {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iqfftY {
        width: 1104px;
    }
}

@media (min-width: 0px) {
    .lpjdJz {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .lpjdJz {
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .wTBBx {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 24px;
        line-height: 1.5rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 1140px) {
    .wTBBx {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .bJkhDU {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .bJkhDU {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 0px) {
    .dCedrY {
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        gap: 16px;
        margin-top: 0px;
        overflow: hidden;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .dCedrY {
        gap: 32px;
        margin-top: 16px;
    }
}

@media (min-width: 0px) {
    .jAnqYe {
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: 999999px;
        gap: 16px;
        transition: 0.4s;
        margin-left: calc(0px + 0vw);
        display: flex;
    }
}

@media (min-width: 960px) {
    .jAnqYe {
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        gap: 32px;
        margin-left: auto;
    }
}

@media (min-width: 0px) {
    .eigUVC {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .eigUVC {
        display: none;
    }
}

@media (min-width: 0px) {
    .eeTokh {
        width: 32px;
        height: 4px;
        background: var(--graanoBlue);
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .eeTokh::before {
        content: "";
        width: 100%;
        height: 32px;
    }
}

@media (min-width: 0px) {
    .iTogGd {
        width: 32px;
        height: 4px;
        background: var(--writer);
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .iTogGd::before {
        content: "";
        width: 100%;
        height: 32px;
    }
}

@media (min-width: 0px) {
    .gOKBjC {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 24px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .gOKBjC {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .kmNlqv {
        width: 100%;
        background: var(--headline);
        overflow: hidden;
        position: relative;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        padding: 32px 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fIqvKL {
        width: 100%;
        flex-direction: column;
        padding-bottom: 0px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fIqvKL {
        width: 1140px;
        padding-bottom: 32px;
    }
}

@media (min-width: 0px) {
    .iDzcIO {
        padding: 0px 0px 24px;
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iDzcIO {
        padding: 80px 0px;
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .kuzCMZ {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--white);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .kuzCMZ {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .cHEzgy {
        color: var(--pinkSonhatorio);
    }
}

@media (min-width: 0px) {
    .ktUNRO {
        position: relative;
        margin-left: -16px;
        width: 100vw;
        overflow: hidden;
/*        border-bottom: 1px solid var(--platinum);*/
        color: var(--placeGrey);
        -webkit-box-pack: justify;
        justify-content: space-between;
        z-index: 2;
    }
}

@media (min-width: 960px) {
    .ktUNRO {
        margin-left: 0px;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .ktUNRO > span:first-of-type {
        background: linear-gradient(83deg, rgb(36, 42, 50) 0%, rgba(36, 42, 50, 0) 100%);
    }

    .ktUNRO > span:last-of-type {
        background: linear-gradient(83deg, rgba(36, 42, 50, 0) 0%, rgb(36, 42, 50) 100%);
    }
}

@media (min-width: 0px) {
    .dJMRmU {
        position: absolute;
        bottom: 3px;
        left: 0px;
        width: 32px;
        height: calc(100% - 3px);
        background: linear-gradient(83deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        display: block;
    }
}

@media (min-width: 960px) {
    .dJMRmU {
        display: none;
    }
}

@media (min-width: 0px) {
    .bJMPrQ {
        position: absolute;
        bottom: 3px;
        right: 0px;
        width: 32px;
        height: calc(100% - 3px);
        background: linear-gradient(83deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        z-index: 2;
        display: block;
    }
}

@media (min-width: 960px) {
    .bJMPrQ {
        display: none;
    }
}

@media (min-width: 0px) {
    .bbLOCx {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        overflow: auto;
        -webkit-box-pack: justify;
        justify-content: space-between;
/*        border-bottom: 1px solid var(--platinum);*/
        display: flex;
    }
}

@media (min-width: 0px) {
    .bbLOCx::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 0px) {
    .jXLMh {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 0px;
        height: 47px;
        -webkit-box-pack: center;
        justify-content: center;
        flex: 0 0 auto;
        background: transparent;
        border: none;
        position: relative;
        width: auto !important;
    }
}

@media (min-width: 0px) {
    .jXLMh::after {
        content: "";
        background: var(--tagPurple);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        transform: scaleX(1);
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media (min-width: 0px) {
    .huKnTk {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        height: 47px;
        padding: 0px 24px;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .huKnTk:hover {
            color: var(--white);
        }
    }
}

@media (min-width: 0px) {
    .fmIrtI {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 0px;
        height: 47px;
        -webkit-box-pack: center;
        justify-content: center;
        flex: 0 0 auto;
        background: transparent;
        border: none;
        position: relative;
        width: auto !important;
    }
}

@media (min-width: 0px) {
    .fmIrtI::after {
        content: "";
        background: var(--tagPurple);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        transform: scaleX(0);
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media (min-width: 0px) {
    .hCejej {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--placeGrey);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        height: 47px;
        padding: 0px 24px;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hCejej:hover {
            color: var(--white);
        }
    }
}

@media (min-width: 0px) {
    .dUiVOM {
        width: 100%;
        height: auto;
        position: relative;
        -webkit-box-align: stretch;
        align-items: stretch;
        z-index: 1;
        padding-top: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dUiVOM {
        height: 500px;
    }
}

@media (min-width: 960px) {
    .dUiVOM::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 100%;
        width: calc(-570px + 50vw);
        height: 100%;
        background: linear-gradient(90deg, var(--headline) 0%, rgba(36, 42, 50, 0) 100%);
        user-select: none;
        pointer-events: none;
        z-index: 99;
    }

    .dUiVOM::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 100%;
        width: calc(-570px + 50vw);
        height: 100%;
        background: linear-gradient(90deg, rgba(36, 42, 50, 0) 0%, var(--headline) 100%);
        user-select: none;
        pointer-events: none;
        z-index: 99;
    }
}

@media (min-width: 0px) {
    .jBmule {
        flex: 0 0 auto;
        width: calc(400%);
        margin-left: calc(0% + 0px);
        -webkit-box-align: stretch;
        align-items: stretch;
        transition: 0.4s;
        gap: 128px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fmrfkc {
        width: calc(25%);
        -webkit-box-pack: center;
        justify-content: center;
        align-items: flex-start;
        flex: 0 0 auto;
        transition: 0.4s;
        opacity: 1;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fmrfkc {
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) {
    .lmPPoE {
        display: none;
    }
}

@media (min-width: 1140px) {
    .lmPPoE {
        display: block;
    }
}

@media (min-width: 0px) {
    .hkpEys {
        position: relative;
        width: 594px;
        height: 579px;
    }
}

@media (min-width: 0px) {
    .bBXfHh {
        position: absolute;
        top: 96px;
        right: 26px;
        z-index: 2;
    }
}

@media (min-width: 0px) {
    .LhsnE {
        position: absolute;
        top: 293px;
        left: 208px;
        z-index: 2;
    }
}

@media (min-width: 0px) {
    .bCVmfE {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .bCVmfE {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .bCVmfE {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .bCVmfE {
        width: 480px;
    }
}

@media (min-width: 0px) {
    .gMidde {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gLCqay {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1rem;
        line-height: 2rem;
        color: var(--white);
        display: none;
    }
}

@media (min-width: 960px) {
    .gLCqay {
        font-size: 1.5rem;
        display: block;
    }
}

@media (min-width: 0px) {
    .fkYlyu {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
    }
}

@media (min-width: 0px) {
    .iQxhRC {
        padding: 16px 24px;
        border: none;
        color: var(--additionalBlack);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        background: var(--white);
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iQxhRC:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 960px) {
    .iQxhRC:hover {
        background: var(--white);
        color: var(--pinkSonhatorio);
    }

        .iQxhRC:hover svg [stroke] {
            stroke: var(--pinkSonhatorio);
        }
}

@media (min-width: 0px) {
    .UDJiq {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .UDJiq svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .KtBct {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dqToMX {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .fgtgMj {
        width: calc(25%);
        -webkit-box-pack: center;
        justify-content: center;
        align-items: flex-start;
        flex: 0 0 auto;
        transition: 0.4s;
        opacity: 0.2;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fgtgMj {
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) {
    .jrQDMI {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jrQDMI {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .jrQDMI {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .jrQDMI {
        width: 400px;
    }
}

@media (min-width: 0px) {
    .alVlD {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .alVlD {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .alVlD {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .alVlD {
        width: 430px;
    }
}

@media (min-width: 0px) {
    .Hhctt {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .Hhctt {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .Hhctt {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .Hhctt {
        width: 450px;
    }
}

@media (min-width: 0px) {
    .hdZvhx {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 750px;
        height: 200px;
        border-radius: 1000px;
        opacity: 0.18;
        z-index: 999;
        background: radial-gradient(circle, rgb(66, 71, 217) 0%, rgba(0, 0, 0, 0) 75%);
    }
}

@media (min-width: 768px) {
    .hdZvhx {
        width: 1536px;
        height: 512px;
    }
}

@media (min-width: 960px) {
    .hdZvhx {
        top: -240px;
        left: -475px;
    }
}

@media (min-width: 0px) {
    .hdZvhx {
        filter: blur(62px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .omGhb {
        width: 100%;
        padding: 32px 16px;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .omGhb {
        padding: 80px 0px;
    }
}

@media (min-width: 0px) {
    .kricAQ {
        width: 100%;
        flex-direction: column;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kricAQ {
        width: 1174px;
        gap: 80px;
    }
}

@media (min-width: 0px) {
    .chCTps {
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .chCTps {
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .gNWiUO {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--headline);
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .gNWiUO {
        width: 600px;
    }
}

@media (min-width: 960px) {
    .gNWiUO {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .ddLhxk {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .ddLhxk {
        width: 800px;
    }
}

@media (min-width: 960px) {
    .ddLhxk {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 0px) {
    .eTSXIs {
        width: 100%;
        position: relative;
        padding: 24px 0px;
        z-index: 200;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .eTSXIs {
        padding: 70px 0px;
    }
}

@media (min-width: 0px) {
    .hFYUWQ {
        width: 100%;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 24px;
        align-items: flex-start;
        flex-direction: column-reverse;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hFYUWQ {
        width: 1190px;
        gap: 80px;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hKWPDf {
        flex: 0 0 auto;
        position: relative;
    }
}

@media (min-width: 0px) {
    .hKWPDf img {
        max-width: 75%;
        height: auto;
    }
}

@media (min-width: 960px) {
    .hKWPDf img {
        max-width: none;
        height: auto;
    }
}

@media (min-width: 0px) {
    .fuexSw {
        position: absolute;
        top: -20px;
        right: 33px;
        width: 120px;
        height: 120px;
        transform: rotate(10deg);
        background: var(--aquaBlue);
        border-radius: 32px 32px 32px 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 960px) {
    .fuexSw {
        top: -40px;
        right: -33px;
    }
}

@media (min-width: 0px) {
    .ePPYHJ {
        animation-name: spin;
        animation-duration: 15000ms;
        animation-direction: reverse;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

        .ePPYHJ svg [fill] {
            fill: var(--additionalBlack);
        }
}

@media (min-width: 0px) {
    .eeXFxI {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 48px;
        height: 48px;
        cursor: default;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-10deg);
    }
}

@media (min-width: 960px) {
    .eeXFxI svg [fill="var(--additionalBlack)"] {
        fill: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dKntQQ {
        flex-direction: column;
        gap: 24px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .dKntQQ {
        gap: 40px;
    }
}

@media (min-width: 1140px) {
    .dKntQQ {
        width: 668px;
    }
}

@media (min-width: 0px) {
    .cAcLWX {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--headline);
    }
}

@media (min-width: 960px) {
    .cAcLWX {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .kgDEnB {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 960px) {
    .kgDEnB {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 0px) {
    .kCzfmN {
        list-style: none;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
}

@media (min-width: 0px) {
    .gbDnUx {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 10px;
    }
}

@media (min-width: 960px) {
    .gbDnUx {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 0px) {
    .fPjQTS {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .fPjQTS svg [fill="var(--lightPurple)"] {
        fill: var(--lightPurple);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .fTMxpX {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        align-self: flex-start;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .fTMxpX:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .cHiSHX {
        position: absolute;
        left: -191px;
        bottom: 0px;
        border-radius: 1000px;
        opacity: 0.65;
        background: conic-gradient(from 90deg at 50% 50%, rgba(76, 178, 112, 0.6) 0deg, rgba(165, 211, 179, 0.6) 180deg, rgba(242, 240, 235, 0.6) 360deg);
        width: 322px;
        height: 477px;
    }
}

@media (min-width: 0px) {
    .cHiSHX {
        filter: blur(86px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .bOBWUD {
        width: 100%;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 24px;
        align-items: flex-start;
        flex-direction: column;
        z-index: 2;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .bOBWUD {
        width: 1190px;
        gap: 80px;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .fsPags {
        position: absolute;
        right: -191px;
        bottom: -135px;
        border-radius: 1000px;
        opacity: 0.65;
        background: conic-gradient(from 90deg at 50% 50%, rgba(76, 178, 112, 0.6) 0deg, rgba(165, 211, 179, 0.6) 180deg, rgba(242, 240, 235, 0.6) 360deg);
        width: 573px;
        height: 847px;
    }
}

@media (min-width: 0px) {
    .fsPags {
        filter: blur(86px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .eDUpcY {
        width: 100%;
        position: relative;
        padding: 24px 0px 0px;
        z-index: 200;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .eDUpcY {
        padding: 70px 0px 0px;
    }
}

@media (min-width: 0px) {
    .jvkXxC {
        width: 100%;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 24px;
        align-items: flex-start;
        flex-direction: column-reverse;
        z-index: 2;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jvkXxC {
        width: 1190px;
        gap: 80px;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .dkrMIO {
        position: absolute;
        top: -30px;
        right: -33px;
        width: 120px;
        height: 120px;
        transform: rotate(-10deg);
        background: var(--aquaBlue);
        border-radius: 32px 32px 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: none;
        left: -50px;
    }
}

@media (min-width: 960px) {
    .dkrMIO {
        display: flex;
    }
}

@media (min-width: 0px) {
    .dkrMIO [data-logo] {
        transform: translate(-50%, -50%) rotate(10deg);
    }
}

@media (min-width: 0px) {
    .hVvvcQ {
        flex-direction: column;
        gap: 24px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hVvvcQ {
        gap: 40px;
        width: 668px;
    }
}

@media (min-width: 0px) {
    .jRmRFU {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        text-align: center;
    }
}

@media (min-width: 960px) {
    .jRmRFU {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 0px) {
    .htSCOw {
        position: relative;
        width: 548px;
        height: 493px;
    }
}

@media (min-width: 0px) {
    .djHKYb {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .djHKYb {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .djHKYb {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .djHKYb {
        width: 520px;
    }
}

@media (min-width: 0px) {
    .gnirRZ {
        padding: 32px 16px 16px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .gnirRZ {
        padding: 80px 0px;
    }
}

@media (min-width: 0px) {
    .bShruF {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 24px;
        position: relative;
        z-index: 2;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .bShruF {
        width: 1140px;
        gap: 80px;
    }
}

@media (min-width: 0px) {
    .fpsceR {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 1140px) {
    .fpsceR {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .fpsceR br {
        content: " ";
        display: inline;
    }

        .fpsceR br::before {
            content: " ";
        }
}

@media (min-width: 768px) {
    .fpsceR br {
        content: normal;
    }

        .fpsceR br::before {
            content: normal;
        }
}

@media (min-width: 0px) {
    .emntGj {
        flex-direction: column;
        gap: 32px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .esDTxN {
        width: calc(100% + 32px);
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 16px;
        margin-left: -16px;
        position: relative;
        overflow: auto;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .esDTxN {
        width: 100%;
        margin-left: auto;
        overflow: visible;
    }
}

@media (min-width: 0px) {
    .ffiDqE {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 16px;
        width: auto;
        padding: 0px 16px;
        margin-left: auto;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ffiDqE {
        gap: 32px;
        width: 999999px;
        padding: 0px;
        transition: 0.4s;
        margin-left: calc(0px);
    }
}

@media (min-width: 0px) {
    .hZOqIg {
        display: none;
        width: calc(-570px + 50vw);
        opacity: 1;
        height: 150%;
        position: absolute;
        top: -25%;
        right: 100%;
        transition: 0.4s;
        background: linear-gradient(90deg, var(--detached) 0%, rgba(248, 250, 252, 0) 100%);
    }
}

@media (min-width: 1140px) {
    .hZOqIg {
        display: block;
    }
}

@media (min-width: 0px) {
    .hZOqIg {
        filter: blur(15px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .TYsHp {
        display: none;
        width: calc(-570px + 50vw);
        opacity: 1;
        height: 150%;
        position: absolute;
        top: -25%;
        left: 100%;
        transition: 0.4s;
        background: linear-gradient(-90deg, var(--detached) 0%, rgba(248, 250, 252, 0) 100%);
    }
}

@media (min-width: 1140px) {
    .TYsHp {
        display: block;
    }
}

@media (min-width: 0px) {
    .TYsHp {
        filter: blur(15px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .iTdtSw {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 24px;
        display: none;
    }
}

@media (min-width: 1140px) {
    .iTdtSw {
        display: flex;
    }
}

@media (min-width: 0px) {
    .dXjsFJ {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dXjsFJ {
        user-select: none;
    }
}

@media (min-width: 1140px) {
    .dXjsFJ svg {
        transition: 0.2s;
    }

    .dXjsFJ:hover svg {
        margin-left: -12px;
    }
}

@media (min-width: 0px) {
    .ghYwAZ {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
}

@media (min-width: 0px) {
    .ghYwAZ {
        user-select: none;
    }
}

@media (min-width: 1140px) {
    .ghYwAZ svg {
        transition: 0.2s;
    }

    .ghYwAZ:hover svg {
        margin-right: -12px;
    }
}

@media (min-width: 0px) {
    .hoBxUU {
        position: absolute;
        bottom: -80px;
        left: 50%;
        transform: translateX(-75%);
        width: 744px;
        height: 269px;
        border-radius: 1000px;
        opacity: 0.4;
        z-index: 1;
        background: none;
    }
}

@media (min-width: 768px) {
    .hoBxUU {
        background: radial-gradient(circle, rgb(76, 178, 112) -15%, rgb(165, 211, 179) 35%, rgba(242, 240, 235, 0.1) 75%, rgba(242, 240, 235, 0) 100%);
    }
}

@media (min-width: 0px) {
    .hoBxUU {
        filter: blur(62px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .jejDjt {
        width: 100%;
        padding: 16px 16px 0px;
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jejDjt {
        padding: 60px 0px;
    }
}

@media (min-width: 0px) {
    .domNoW {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        gap: 24px;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .domNoW {
        width: 1220px;
        gap: 80px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .gViNIi {
        max-width: 100%;
    }
}

@media (min-width: 0px) {
    .gViNIi img {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1140px) {
    .gViNIi img {
        max-width: none;
    }
}

@media (min-width: 0px) {
    .dpyfFg {
        flex-direction: column;
        gap: 24px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dpyfFg {
        gap: 40px;
        width: 668px;
    }
}

@media (min-width: 0px) {
    .dRzSTb {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dRzSTb {
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .jQZPHD {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--headline);
    }
}

@media (min-width: 1140px) {
    .jQZPHD {conic-gradient(from 90deg at 50% 50%, rgba(76, 178, 112, 0.6) 0deg, rgba(165, 211, 179, 0.6) 180deg, rgba(242, 240, 235, 0.6) 360deg);
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .kVWrGV {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 1140px) {
    .kVWrGV {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 0px) {
    .eBCPYz {
        position: absolute;
        top: 120px;
        left: -191px;
        width: 322px;
        height: 477px;
        transform: rotate(-27deg);
        opacity: 0.65;
        background: conic-gradient(from 90deg at 50% 50%, rgba(76, 178, 112, 0.6) 0deg, rgba(165, 211, 179, 0.6) 180deg, rgba(242, 240, 235, 0.6) 360deg);
    }
}

@media (min-width: 0px) {
    .eBCPYz {
        filter: blur(86px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .jMoYSI {
        padding: 0px 16px 16px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jMoYSI {
        padding: 80px 0px;
    }
}

@media (min-width: 0px) {
    .cAbqfQ {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .cAbqfQ {
        width: 1220px;
        flex-direction: row;
        gap: 150px;
    }
}

@media (min-width: 0px) {
    .kXyzvH {
        flex-direction: column;
        gap: 16px;
        width: 100%;
        align-items: flex-start;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kXyzvH {
        gap: 32px;
        width: 290px;
    }
}

@media (min-width: 0px) {
    .gXrmDe {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: var(--additionalBlack);
    }
}

@media (min-width: 1140px) {
    .gXrmDe {
        font-size: 32px;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .eteyan {
        width: 100vw;
        position: relative;
        flex: 1 1 0%;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .eteyan {
        width: calc(780px);
    }
}

@media (min-width: 0px) {
    .ivZkLr {
        width: 100%;
        height: 334px;
        overflow: auto;
        position: relative;
        padding: 0px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ivZkLr {
        height: auto;
        overflow: hidden;
        padding: 0px 2px;
    }
}

@media (min-width: 0px) {
    .ivZkLr::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 0px) {
    .iEtxBV {
        width: auto;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 16px;
        padding: 0px 16px;
        transition: 0.4s;
        margin-left: auto;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iEtxBV {
        width: 999999px;
        gap: 32px;
        padding: 0px;
        margin-left: calc(0px);
    }
}

@media (min-width: 0px) {
    .erupCO {
        flex-direction: column;
        border-radius: 10px;
        overflow: hidden;
        width: 255px;
        height: 330px;
        border: 1px solid var(--frameGrey);
        display: flex;
    }
}

@media (min-width: 1140px) {
    .erupCO {
        width: 335px;
        height: auto;
    }
}

@media (min-width: 0px) {
    .erupCO:first-child {
        border-top-left-radius: 30px;
    }

    .erupCO:last-child {
        border-top-right-radius: 30px;
    }
}

@media (min-width: 0px) {
    .ejsPmm {
        display: none;
        background: linear-gradient(90deg, rgb(255, 255, 255) 48.67%, transparent 88.33%);
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        width: 0px;
        height: 100%;
        transition: 0.4s;
    }
}

@media (min-width: 1140px) {
    .ejsPmm {
        display: block;
    }
}

@media (min-width: 0px) {
    .ejsPmm {
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .cFsUin {
        display: none;
        background: linear-gradient(-90deg, rgb(255, 255, 255) 48.67%, transparent 88.33%);
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 1;
        width: 225px;
        height: 100%;
        transition: 0.4s;
    }
}

@media (min-width: 1140px) {
    .cFsUin {
        display: block;
    }
}

@media (min-width: 0px) {
    .cFsUin {
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .kNfLIp {
        flex: 0 0 auto;
        display: none;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        position: absolute;
        left: -48px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        transition: 0.2s;
        opacity: 0;
    }
}

@media (min-width: 1140px) {
    .kNfLIp {
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kNfLIp svg {
        transition: 0.2s;
    }

    .kNfLIp:hover svg {
        margin-left: -12px;
    }
}

@media (min-width: 0px) {
    .dfyAfw {
        flex: 0 0 auto;
        display: none;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
    }
}

@media (min-width: 1140px) {
    .dfyAfw {
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dfyAfw svg {
        transition: 0.2s;
    }

    .dfyAfw:hover svg {
        margin-right: -12px;
    }
}

@media (min-width: 0px) {
    .bfSHqB {
        padding: 32px 16px;
        width: 100%;
        position: relative;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .bfSHqB {
        padding: 48px 0px 80px;
    }
}

@media (min-width: 0px) {
    .hxpYNl {
        width: 100%;
        border-radius: 32px;
        background: var(--additionalBlack);
        padding: 24px 16px;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hxpYNl {
        width: 1054px;
        padding: 48px;
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .kpqbBG {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: var(--white);
        text-align: center;
        position: relative;
        z-index: 3;
    }
}

@media (min-width: 1140px) {
    .kpqbBG {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

@media (min-width: 0px) {
    .jCsbf {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        max-width: 696px;
        position: relative;
        z-index: 3;
        text-align: center;
    }
}

@media (min-width: 0px) {
    .golzYJ {
        padding: 16px 24px;
        border: none;
        color: var(--additionalBlack);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        background: var(--white);
        z-index: 3;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .golzYJ:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 960px) {
    .golzYJ:hover {
        background: var(--white);
        color: var(--pinkSonhatorio);
    }

        .golzYJ:hover svg [stroke] {
            stroke: var(--pinkSonhatorio);
        }
}

@media (min-width: 0px) {
    .cqWirc {
        position: absolute;
        top: -45px;
        right: -33px;
        width: 120px;
        height: 120px;
        transform: rotate(10deg);
        background: var(--aquaBlue);
        border-radius: 32px 32px 32px 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: none;
    }
}

@media (min-width: 1140px) {
    .cqWirc {
        display: flex;
    }
}

@media (min-width: 0px) {
    .ga-dnZW {
        position: absolute;
        bottom: 50px;
        right: 50%;
        margin-right: -70px;
        opacity: 0.65;
        width: 744px;
        height: 270px;
        z-index: 2;
background: conic-gradient(from 90deg at 50% 50%, rgba(76, 178, 112, 0.6) 0deg, rgba(165, 211, 179, 0.6) 180deg, rgba(242, 240, 235, 0.6) 360deg);
    }
}

@media (min-width: 0px) {
    .ga-dnZW {
        filter: blur(86px);
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .bvEPgj {
        width: 100%;
    }
}

@media (min-width: 0px) {
    .eocLqa {
        width: 100%;
        background: var(--additionalBlack);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 24px 16px;
        display: block;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .eocLqa {
        padding: 24px 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gXBLwX {
        width: 100%;
        max-width: 100vw;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .gXBLwX {
        max-width: 1400px;
        padding: 0px 16px;
        margin: 0px auto;
    }
}

@media (min-width: 960px) {
    .gXBLwX {
        padding: 0px 24px;
    }
}

@media (min-width: 0px) {
    .cQVmSI {
        width: 42px;
        height: 42px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gUkirC {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        list-style: none;
        gap: 0px 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .GPgRO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .GPgRO:hover {
            opacity: 0.8;
        }
    }
}

@media (min-width: 960px) {
    .GPgRO svg [fill="var(--white)"] {
        fill: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .FojRy {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .FojRy:hover {
            opacity: 0.8;
        }
    }
}

@media (min-width: 960px) {
    .FojRy svg [fill="var(--white)"] {
        fill: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .fnNFWu {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .fnNFWu:hover {
            opacity: 0.8;
        }
    }
}

@media (min-width: 960px) {
    .fnNFWu svg [fill="var(--white)"] {
        fill: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cpWQDB {
        background: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .cIcibM {
        width: 100%;
        padding: 24px 16px;
        margin: auto;
        gap: 24px;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }
}

@media (min-width: 768px) {
    .cIcibM {
        padding: 60px 16px;
        max-width: 1400px;
        margin: 0px auto;
        gap: 40px;
    }
}

@media (min-width: 960px) {
    .cIcibM {
        padding: 60px 24px;
    }
}

@media (min-width: 0px) {
    .bpbZyz {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        display: grid;
    }
}

@media (min-width: 768px) {
    .bpbZyz {
        gap: 30px;
    }
}

@media (min-width: 960px) {
    .bpbZyz {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 0px) {
    .hUahnM {
        flex: 1 1 0%;
        display: flex;
        min-width: auto;
        flex-direction: column;
        gap: 8px;
    }
}

@media (min-width: 768px) {
    .hUahnM {
        max-width: 263px;
        min-width: 228px;
        gap: 8px;
    }
}

@media (min-width: 0px) {
    .fkcWpu {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        margin-bottom: 8px;
    }
}

@media (min-width: 0px) {
    .cWBxbB {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cWBxbB:hover {
            color: var(--pinkSonhatorio);
        }
    }
}

@media (min-width: 0px) {
    .beGJvl {
        background: var(--detached);
    }
}

@media (min-width: 0px) {
    .jSfJju {
        padding: 24px 16px;
        align-items: flex-start;
        margin: auto;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jSfJju {
        padding: 40px 16px;
        max-width: 1400px;
        margin: 0px auto;
        gap: 40px;
    }
}

@media (min-width: 960px) {
    .jSfJju {
        padding: 40px 24px;
    }
}

@media (min-width: 0px) {
    .jbOtfT {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100vw;
        margin: auto;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jbOtfT {
        max-width: 1400px;
        margin: 0px auto;
    }
}

@media (min-width: 0px) {
    .hAeSWo {
        order: 3;
    }
}

@media (min-width: 768px) {
    .hAeSWo {
        order: 1;
    }
}

@media (min-width: 0px) {
    .eQMxzh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 22px;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .eQMxzh {
        order: 1;
    }
}

@media (min-width: 768px) {
    .eQMxzh {
        order: 2;
    }
}

@media (min-width: 0px) {
    .ihWDxT {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 22px;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .ihWDxT {
        order: 2;
    }
}

@media (min-width: 768px) {
    .ihWDxT {
        order: 3;
    }
}

@media (min-width: 0px) {
    .ghOxwA {
        background: var(--detached);
        padding: 24px 16px;
    }
}

@media (min-width: 768px) {
    .ghOxwA {
        padding: 40px 0px;
    }
}

@media (min-width: 0px) {
    .hlaWTX {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0px;
        margin: 0px;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .hlaWTX {
        max-width: 1400px;
        padding: 0px 16px;
        margin: 0px auto;
    }
}

@media (min-width: 960px) {
    .hlaWTX {
        padding: 0px 24px;
    }
}

@media (min-width: 1140px) {
    .hlaWTX {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hHWBsh {
        width: 100%;
        text-align: center;
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) {
    .hHWBsh {
        width: auto;
    }
}

@media (min-width: 0px) {
    .bsYWzG {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .BDBzh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .BDBzh {
        display: none;
    }
}

@media (min-width: 0px) {
    .kajifh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        display: none;
    }
}

@media (min-width: 768px) {
    .kajifh {
        display: inline-block;
    }
}

@media (min-width: 0px) {
    .hOdOdH {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .dhCxpe {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 24px;
        gap: 32px;
        list-style: none;
        display: flex;
    }
}

@media (min-width: 768px) {
    .dhCxpe {
        width: auto;
        padding-top: 0px;
    }
}

@media (min-width: 0px) {
    .hgXBMu {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px 16px;
        background: var(--white);
        width: 100%;
        position: relative;
    }
}

@media (min-width: 768px) {
    .hgXBMu {
        padding: 24px;
    }
}

@media (min-width: 960px) {
    .hgXBMu {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gslDjn {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .kHmppx {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .cFprms {
        padding: 10px 16px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cFprms:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .bnBLNW {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-block;
        flex-direction: row;
        gap: 0px;
        border: none;
        outline: none;
        background: none;
        color: var(--graanoBlue);
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .bnBLNW:hover {
            text-decoration: underline;
        }
    }
}

@media (min-width: 0px) {
    .ekAXfJ {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        top: 16px;
        right: 16px;
    }
}

@media (min-width: 960px) {
    .ekAXfJ svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }

    .ekAXfJ:hover svg [stroke="var(--additionalBlack)"] {
        stroke: var(--hoverRuby);
    }
}

@media (min-width: 0px) {
    .glooqo {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .glooqo:hover {
            text-decoration: underline;
        }
    }
}

@media (min-width: 0px) {
    .hUUnrm {
        display: flex;
        grid-template-areas: none;
        gap: 0px;
        grid-template-columns: none;
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0px;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid var(--frameGrey);
        width: 100%;
        flex-flow: column wrap;
        transition: all;
        background: var(--white);
    }
}

@media (min-width: 768px) {
    .hUUnrm {
        display: flex;
        grid-template-areas: none;
        gap: 0px;
        grid-template-columns: none;
        -webkit-box-align: stretch;
        align-items: stretch;
        padding: 0px;
        flex-direction: column;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hUUnrm:hover {
            background: var(--lightGrey);
        }
    }
}

@media (min-width: 0px) {
    .DfDHM {
        display: flex;
        gap: 16px;
        width: 100%;
        padding: 24px;
        background: var(--detached);
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .DfDHM {
        display: flex;
        width: 100%;
        padding: 24px;
        background: var(--detached);
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .ewTuhD {
        width: 100%;
        gap: 16px;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 768px) {
    .ewTuhD {
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .idcEAe {
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 8px;
        width: calc(100% - 64px);
        flex: 0 0 auto;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bpChfR {
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .chfQET {
        display: none;
    }
}

@media (min-width: 768px) {
    .chfQET {
        display: none;
    }
}

@media (min-width: 0px) {
    .gMLpDc {
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jzccpK {
        width: 100%;
        gap: 16px;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: none;
        grid-area: MI;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .jzccpK {
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: none;
    }
}

@media (min-width: 0px) {
    .jPQhTG {
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 8px;
        display: none;
        grid-area: PF;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .jPQhTG {
        display: none;
    }
}

@media (min-width: 0px) {
    .kUKhXQ {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid var(--frameGrey);
        padding: 24px 24px 12px;
    }
}

@media (min-width: 768px) {
    .kUKhXQ {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid var(--frameGrey);
        padding: 24px 24px 12px;
    }
}

@media (min-width: 0px) {
    .eKLjAq {
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        align-self: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 24px 24px;
    }
}

@media (min-width: 768px) {
    .eKLjAq {
        display: flex;
        width: 100%;
        padding: 12px 24px;
    }
}

@media (min-width: 0px) {
    .ciwHup {
        grid-area: DT;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        align-self: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 24px 24px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .ciwHup {
        width: 100%;
        padding: 12px 24px;
    }
}

@media (min-width: 0px) {
    .ckfxlf {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 768px) {
    .ckfxlf {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .hrkQlj {
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        align-self: stretch;
        border-bottom: 1px solid var(--frameGrey);
        padding: 12px 24px 24px;
    }
}

@media (min-width: 768px) {
    .hrkQlj {
        display: flex;
        width: 100%;
        border-bottom: 1px solid var(--frameGrey);
        padding: 12px 24px 24px;
    }
}

@media (min-width: 0px) {
    .cUOBgp {
        grid-area: ST;
        flex-direction: column;
        width: 100%;
        align-self: stretch;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 8px;
        padding: 24px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .cUOBgp {
        width: 100%;
        padding: 24px;
    }
}

@media (min-width: 0px) {
    .gLfaI {
        flex: 0 0 auto;
        display: block;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .cWEqCo {
        position: relative;
        background: var(--frameGrey);
        border-radius: 5px;
        height: 10px;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .hzlPLy {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 16px;
        line-height: 21px;
        text-decoration: none;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hzlPLy:hover {
            text-decoration: underline;
        }
    }
}

@media (min-width: 0px) {
    .goBKdd {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
        display: flex;
        flex: 0 0 auto;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .goBKdd:hover {
            text-decoration: none;
        }
    }
}

@media (min-width: 0px) {
    .fJMgd {
        width: 222px;
        background: linear-gradient(145deg, rgb(39, 46, 66) 36.4%, rgb(44, 33, 53) 89.99%), rgb(51, 61, 74);
        padding: 24px;
        border-radius: 30px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .fJMgd {
        width: calc(348px);
    }
}

@media (min-width: 1140px) {
    .fJMgd {
        padding: 32px 24px 24px;
    }
}

@media (min-width: 960px) {
    .fJMgd:hover p {
        color: var(--pinkSonhatorio);
    }

    .fJMgd:hover [data-button] {
        background: var(--white);
        border-color: var(--white);
        color: var(--pinkSonhatorio);
    }
}

@media (min-width: 0px) {
    .ksWrJb {
        flex-direction: column;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .egcSyH {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: var(--white);
        overflow: hidden;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .egcSyH > img {
        object-fit: scale-down;
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .gDCNrQ {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.175rem;
        color: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 1140px) {
    .gDCNrQ {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 0px) {
    .gDCNrQ {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 0px) {
    .dPejNn {
        padding: 8px 14px;
        background: transparent;
        border: 2px solid var(--white);
        color: var(--white);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .dPejNn:hover {
            background: var(--hoverBlue);
            border: 2px solid var(--hoverBlue);
            color: var(--white);
        }
    }
}

@media (min-width: 0px) {
    .hnOchO {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
        display: flex;
        height: 330px;
        flex-direction: column;
    }
}

@media (min-width: 1140px) {
    .hnOchO {
        height: auto;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hnOchO:hover {
            text-decoration: none;
        }
    }
}

@media (min-width: 0px) {
    .fWVIsX {
        flex: 1 1 0%;
        padding: 16px;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fWVIsX {
        padding: 24px;
    }
}

@media (min-width: 0px) {
    .jsGSTw {
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jsGSTw {
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .fhuGX {
        position: fixed;
        bottom: 16px;
        right: 16px;
        z-index: 8888;
        padding: 8px;
        border-radius: 16px;
        background: rgba(0, 0, 0, 0.05);
        transition: 0.2s;
        width: 446px;
        max-width: calc(-32px + 100vw);
    }
}

@media (min-width: 768px) {
    .fhuGX {
        bottom: 24px;
        right: 24px;
        max-width: calc(-48px + 100vw);
    }
}

@media (min-width: 960px) {
    .fhuGX {
        bottom: 32px;
        right: 32px;
    }
}

@media (min-width: 0px) {
    .fhuGX {
        backdrop-filter: blur(4px);
    }
}

@media (min-width: 0px) {
    .kZomzM {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        height: 100px;
        background: var(--inactive);
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kZomzM {
        height: 133px;
    }
}

@media (min-width: 0px) {
    .kZomzM img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 0px) {
    .jukYRy {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: var(--headline);
        overflow: hidden;
    }
}

@media (min-width: 1140px) {
    .jukYRy {
        font-size: 1rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 0px) {
    .jukYRy {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 0px) {
    .bETphK {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.175rem;
        color: var(--writer);
    }
}

@media (min-width: 1140px) {
    .bETphK {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 0px) {
    .bETphK {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .jjKhjT {
        padding: 8px 14px;
        background: transparent;
        border: 2px solid var(--graanoBlue);
        color: var(--graanoBlue);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        align-self: flex-start;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .jjKhjT:hover {
            background: var(--hoverBlue);
            border: 2px solid var(--hoverBlue);
            color: var(--white);
        }
    }
}

@media (min-width: 0px) {
    .bnHOTs {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
        width: calc(-32px + 100vw);
        display: block;
    }
}

@media (min-width: 1140px) {
    .bnHOTs {
        width: calc(33% - 18px);
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .bnHOTs:hover {
            text-decoration: none;
        }
    }
}

@media (min-width: 0px) {
    .eEgCay {
        width: 48px;
        height: 48px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: none;
        flex: 0 0 auto;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .lnkSPh {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .lnkSPh {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .fMqvKO {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .fMqvKO {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .eWINCw {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .dbwrBi {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--pigmentGreen);
        text-align: right;
    }
}

@media (min-width: 0px) {
    .gLoDtz {
        display: inline-block;
        background-color: var(--oneMintDrop);
        padding: 6px 8px;
        border-radius: 6px;
        text-transform: none;
        color: var(--additionalBlack);
        line-height: 0.75rem;
        font-size: 0.75rem;
        font-weight: 600;
        font-family: var(--secondaryFont);
    }
}

@media (min-width: 0px) {
    .gLoDtz {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .kVhFtG {
        display: inline-block;
        background-color: var(--aquaBlue);
        padding: 6px 8px;
        border-radius: 6px;
        text-transform: none;
        color: var(--additionalBlack);
        line-height: 0.75rem;
        font-size: 0.75rem;
        font-weight: 600;
        font-family: var(--secondaryFont);
    }
}

@media (min-width: 0px) {
    .kVhFtG {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .iYMuCn {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
        display: block;
    }
}

@media (min-width: 768px) {
    .iYMuCn {
        display: block;
    }
}

@media (min-width: 0px) {
    .dgzUYD {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
        text-align: right;
    }
}

@media (min-width: 0px) {
    .mZUQF {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .eoUjqI {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 16px;
        padding: 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dPSPyr {
        width: 22.28%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 5px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg, var(--lightPurple) 0%, var(--tagPurple) 100%);
    }
}

@media (min-width: 0px) {
    .dPSPyr::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

@media (min-width: 0px) {
    .kNBahx {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        flex: 0 0 auto;
    }
}

@media (min-width: 0px) {
    .biLSvR {
        width: 86.39%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 5px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg, var(--lightPurple) 0%, var(--tagPurple) 100%);
    }
}

@media (min-width: 0px) {
    .biLSvR::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

@media (min-width: 0px) {
    .kFJbij {
        width: 17.01%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 5px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg, var(--lightPurple) 0%, var(--tagPurple) 100%);
    }
}

@media (min-width: 0px) {
    .kFJbij::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

.iGVWOG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--graanoBlue);
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}

/*! CSS Used keyframes */
@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .bCVmfE {
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .bCVmfE {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .bCVmfE {
        gap: 80px;
    }
}

@media (min-width: 1140px) {
    .bCVmfE {
        width: 480px;
    }
}

@media (min-width: 0px) {
    .gMidde {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gLCqay {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 1rem;
        line-height: 2rem;
        color: var(--white);
        display: none;
    }
}

@media (min-width: 960px) {
    .gLCqay {
        font-size: 1.5rem;
        display: block;
    }
}

@media (min-width: 0px) {
    .fkYlyu {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
    }
}

@media (min-width: 0px) {
    .iQxhRC {
        padding: 16px 24px;
        border: none;
        color: var(--additionalBlack);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        background: var(--white);
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iQxhRC:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 960px) {
    .iQxhRC:hover {
        background: var(--white);
        color: var(--pinkSonhatorio);
    }

        .iQxhRC:hover svg [stroke] {
            stroke: var(--pinkSonhatorio);
        }
}

@media (min-width: 0px) {
    .UDJiq {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .UDJiq svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .KtBct {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dqToMX {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
    }
}


/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .bKcrsb {
        -webkit-box-align: center;
        align-items: center;
        gap: 24px;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 960px) {
    .bKcrsb {
        gap: 48px;
    }
}

@media (min-width: 0px) {
    .gTBVFk {
        display: none;
    }
}

@media (min-width: 960px) {
    .gTBVFk {
        display: block;
    }
}

@media (min-width: 0px) {
    .hQNgAm {
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 38px;
        height: 38px;
        cursor: pointer;
        transition: 0.4s;
    }
}

@media (min-width: 960px) {
    .hQNgAm {
        display: none;
    }
}

@media (min-width: 960px) {
    .hQNgAm svg [fill="var(--additionalBlack)"] {
        fill: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dyhAUj {
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .dyhAUj {
        display: none;
    }
}

@media (min-width: 0px) {
    .dyhAUj {
        user-select: none;
    }
}

@media (min-width: 0px) {
    .iDJBcI {
        position: fixed;
        top: 70px;
        left: -100vw;
        background: var(--white);
        height: calc(-70px + 100dvh);
        min-width: calc(60vw);
        transition: 0.2s;
        z-index: 2;
    }
}

@media (min-width: 960px) {
    .iDJBcI {
        position: relative;
        top: auto;
        left: auto;
        height: 13px;
        min-width: 0px;
    }
}

@media (min-width: 0px) {
    .hwkiMs {
        height: calc(-70px + 100dvh);
        overflow: auto;
        padding: 24px;
        gap: 16px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hwkiMs {
        height: auto;
        overflow: visible;
        padding: 0px;
        gap: 32px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hwkiMs::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        user-select: none;
        pointer-events: none;
        z-index: 2;
        box-shadow: rgba(36, 42, 50, 0.16) 0px 4px 6px 0px;
    }

    .hwkiMs::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 100%;
        width: 200vw;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(4px);
        user-select: none;
        pointer-events: none;
        opacity: 0;
    }
}

@media (min-width: 960px) {
    .hwkiMs::before, .hwkiMs::after {
        display: none;
    }
}

@media (min-width: 0px) {
    .ipUwmh {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        gap: 6px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 960px) {
    .ipUwmh::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        background: var(--additionalBlack);
        transform: translateX(-50%);
        margin-top: 2px;
        width: 0px;
        height: 2px;
        transition: 0.2s;
    }

    .ipUwmh:hover::before {
        width: 8px;
    }
}

@media (min-width: 0px) {
    .dkwOEv {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .hjnCBl {
        gap: 6px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gKXUDY {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        cursor: pointer;
    }
}

@media (min-width: 0px) {
    .hqiisQ {
        width: 8px;
        height: 8px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jmNoOW {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .jmNoOW svg [fill="var(--additionalBlack)"] {
        fill: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .hywCTk {
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hywCTk:hover h3 {
        color: var(--pinkSonhatorio);
    }

    .hywCTk:hover span {
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .bgTxZU {
        font-family: var(--primaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .emVEdS {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--tagGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .eBqjXs {
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gOjJmj {
        padding: 10px 16px;
        border: none;
        position: relative;
        z-index: 1;
        overflow: hidden;
        color: var(--writer);
        border-radius: 5px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
        background: var(--intenseGradient) !important;
    }
}

@media (min-width: 960px) {
    .gOjJmj:hover > [data-hover] {
        opacity: 1;
    }
}

@media (min-width: 0px) {
    .idVDPj {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -2;
        opacity: 0;
        transition: 0.6s;
        transform: rotateY(-180deg);
        background: var(--intenseGradient);
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .idVDPj:hover {
            opacity: 1;
        }
    }
}

@media (min-width: 960px) {
    .idVDPj {
        animation: 1.5s linear 0s infinite normal none running spinButton;
    }
}

@media (min-width: 0px) {
    .iHQarS {
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        z-index: -1;
        border-radius: 5px;
        background: var(--white);
    }
}

@media (min-width: 0px) {
    .glooqo {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .glooqo:hover {
            text-decoration: underline;
        }
    }
}

@media (min-width: 0px) {
    .jgklLX {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 960px) {
    .jgklLX::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        background: var(--additionalBlack);
        transform: translateX(-50%);
        margin-top: 2px;
        width: 0px;
        height: 2px;
        transition: 0.2s;
    }

    .jgklLX::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        height: 16px;
    }

    .jgklLX [data-arrow] svg {
        transition: 0.2s;
    }

    .jgklLX:hover::before {
        width: 8px;
    }

    .jgklLX:hover [data-arrow] svg {
        margin-top: 4px;
    }
}

@media (min-width: 0px) {
    .bfcoII {
        border-radius: 0px;
        background: var(--white);
        position: static;
        top: 70px;
        right: 0px;
        border: none;
        overflow: hidden;
        flex-direction: column;
        transition: 0.2s;
        padding: 8px 16px;
        gap: 16px;
        width: 255px;
        margin-top: 0px;
        margin-right: 0px;
        opacity: 1;
        max-height: 1000px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .bfcoII {
        border-radius: 10px;
        position: absolute;
        top: 100%;
        right: 0px;
        border: 1px solid var(--watermark);
        padding: 24px;
        margin-top: 8px;
        margin-right: -24px;
    }
}

@media (min-width: 0px) {
    .dTKjOZ {
        width: 100%;
        position: sticky;
        top: 0px;
        padding: 16px;
        height: 70px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        background: var(--white);
        z-index: 999999;
        border-bottom: none;
        display: flex;
    }
}

@media (min-width: 960px) {
    .dTKjOZ {
        position: sticky;
        padding: 0px 80px;
        height: 78px;
        border-bottom: 1px solid var(--frameGrey);
    }
}

@media (min-width: 0px) {
    .dTKjOZ::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        user-select: none;
        pointer-events: none;
        z-index: 99;
        box-shadow: rgba(36, 42, 50, 0.2) 0px 1px 2px 1px;
    }
}

@media (min-width: 960px) {
    .dTKjOZ::before {
        top: 100%;
        width: 100%;
        height: calc(-72px + 100vh);
        backdrop-filter: blur(4px);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: none;
        z-index: 1;
        transition: 0.2s;
        opacity: 1;
    }
}

.iGVWOG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--graanoBlue);
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}

@media (min-width: 0px) {
    .fEPmlk {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 52px;
        color: var(--writer);
    }
}



.data-checkbox-icon {
    fill: none;
    stroke: #4cb270;
    stroke-miterlimit: 10;
    stroke-width: 4px;
}



@media (min-width: 0px) {
    .dbhryW {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

        .dbhryW svg [fill="var(--tagGrey)"] {
            fill: var(--tagGrey);
            transition: 0.2s;
        }

    .dbhryW svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }
}








@media (min-width: 0px) {
    .XDyWM {
        font-size: 12px;
        font-family: var(--secondaryFont);
        font-weight: 400;
        line-height: 14px;
        color: var(--placeGrey);
        position: absolute;
        top: 0px;
        left: 8.5px;
        transform: translateY(-50%);
        background-color: var(--white);
        padding: 0px 4px;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        cursor: not-allowed;
    }
}

@media (min-width: 0px) {
    .XDyWM {
        transform-origin: left bottom;
        user-select: none;
    }
}




button.inactive {
    pointer-events: none; /* Impede clique */
    opacity: 0.6; /* Visualmente desabilitado */
}


/*EDITADOS*/
.banner-home {
    height: 75vh;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


.cta {
    display: inline-flex;
    align-items: center;
    background-color: #4cb270;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
}

.cta a {
    color: white;
    text-decoration: none;
    padding: 5px 15px;
    transition: all 0.3s ease-in-out;
}

.cta a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.divider {
    width: 1px;
    height: 20px;
    background-color: white;
    margin: 0 10px;
}

/* Estilização do botão flutuante */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

    .whatsapp-button:hover {
        background-color: #1ebe57;
        transform: scale(1.1);
    }

/* Animação de entrada */
.fade-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.card-cookie {
    border-radius: 10px;
    background-color: #f8f9fa;
    transition: transform 0.3s;
}

.card-cookie:hover {
    transform: scale(1.05);
}