@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Sora:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);html,body{padding:0;margin:0;font-family:Inter;box-sizing:border-box;max-width:100vw}html{scroll-behavior:smooth}body{position:relative;overflow-x:hidden;width:100vw;h2 {
        margin: 0;
    }

    div {
        &.header {
            position: sticky;
            top: 0;
            height: 96px;
            z-index: 9;
            background: #fff;
            border-bottom: 1px solid #DEE2E6;

            >div {
                max-width: 1208px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            ul {
                display: flex;
                align-items: center;
                gap: 48px;

                li {
                    display: block;

                    a {
                        color: var(--Neutral-Darkest, #212529);
                        font-family: Inter;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        letter-spacing: -0.16px;
                        text-decoration: none;
                        transition: color 235ms;

                        &:hover {
                            color: var(--ew, #C8EB09);
                        }
                    }

                    &.btn {
                        a {
                            color: #CEE107;
                            text-align: center;
                            font-family: Inter;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 24px;
                            display: inline-flex;
                            padding: 11px 25px;
                            align-items: center;
                            gap: var(--Radius-radi-4, 8px);
                            border-radius: 90px;
                            background: var(--Neutral-Darkest, #212529);
                            transition: background 235ms;

                            &:hover {
                                background: #444A51;
                                color: var(--ew, #C8EB09);
                            }
                        }
                    }
                }
            }

            .menuMobile {
                display: none;
            }

            &.blog-header {
                position: relative;

                ul {
                    gap: 16px;
                }
            }

            @media (max-width: 1209px) {
                padding-left: 16px;
                padding-right: 24px;
                height: 70px;

                img {
                    max-width: 100%;
                    height: auto;
                    display: block;
                    max-height: 70px;
                    width: 100%;
                    max-width: 160px;
                }

                &:not(.blog-header) {
                    ul {
                        flex-direction: column;
                        position: absolute;
                        background: #fff;
                        left: 0;
                        right: 0;
                        top: 70px;
                        padding: 16px 0px;
                        gap: 30px;
                        margin: 0;
                        border-bottom: 1px solid #DEE2E6;
                        display: none;

                        &.actived {
                            display: flex;
                        }
                    }
                }

                .menuMobile {
                    display: block;
                }

                &.blog-header {
                    ul {
                        gap: 12px;
                    }
                }

            }
        }

        &.slider {
            div {
                background: #fff;

                img {
                    width: 100%;
                }
            }

            .mainSlider {
                position: relative;

                @media (max-width: 768px) {
                    padding-bottom: 75px;
                }
            }

            .slick-dots {
                display: flex !important;
                gap: 8px;
                padding: 0;
                position: absolute;
                bottom: 70px;
                margin: 0;
                max-width: 1239px;
                justify-content: flex-end;
                left: 50%;
                transform: translatex(-50%);
                width: 100%;
                padding: 0 15px;
                box-sizing: border-box;

                li {
                    display: block;
                    width: 8px;
                    height: 8px;
                    background: #212529;
                    border: 1px solid #212529;
                    border-radius: 8px;
                    transition: 235ms;

                    &.slick-active {
                        background: #C8EB09;
                        width: 16px;
                    }

                    button {
                        font-size: 0;
                        background: transparent;
                        border: none;
                    }
                }

                @media (max-width: 768px) {
                    justify-content: center;
                    bottom: 40px;
                }
            }

            .desktop {
                display: block;
            }

            .mobile {
                display: none;
            }

            @media (max-width: 768px) {

                .desktop {
                    display: none;
                }

                .mobile {
                    display: block;
                }
            }
        }

        &.sobre {
            position: sticky;
            top: 0;

            >div {
                padding: 175px 0;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                background: var(--Neutral-Darkest, #212529);

                h1 {
                    margin: 0;
                    color: var(--ew, #C8EB09);
                    font-family: Inter;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 24px;
                }

                h2 {
                    color: var(--Neutral-White, #FFF);
                    font-family: Sora;
                    font-size: 48px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    margin: 8px 0 16px;

                    @media (max-width: 1060px) {
                        font-size: 32px;
                        text-align: center;
                        max-width: 80%;
                    }
                }

                p {
                    max-width: 800px;
                    text-align: center;
                    color: var(--Neutral-Light, #DEE2E6);
                    text-align: center;
                    font-family: Inter;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 32px;
                    margin: 0;

                    b {
                        color: var(--ew, #C8EB09);
                    }

                    @media (max-width: 1060px) {
                        font-size: 18px;
                    }
                }

                a {
                    border-radius: 90px;
                    border: 1.5px solid var(--Neutral-Darkest, #212529);
                    background: #CEE107;
                    display: flex;
                    height: 54px;
                    padding: 15px 32px;
                    align-items: center;
                    gap: 14.3px;
                    box-sizing: border-box;
                    margin-top: 48px;
                    color: var(--Neutral-Darkest, #212529);
                    font-family: Inter;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    text-transform: capitalize;
                    text-decoration: none;
                    transition: background 235ms;

                    &:after {
                        content: '';
                        width: 25px;
                        height: 25px;
                        display: block;
                        position: relative;
                        background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6499 17.5L17.1499 8' stroke='%23212529' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M7.6499 7.5H17.6499V17.5' stroke='%23212529' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E ");
                    }

                    &:hover {
                        background: #E3F52A;
                    }
                }

                @media (max-width: 1209px) {
                    padding: 80px 0;
                    padding-left: 22px;
                    padding-right: 22px;
                    position: relative;
                }
            }
        }

        &#solucoes {
            height: auto;
            position: relative;
            display: flex;
            background: #fff;

            >div {
                width: 100%;
                max-width: 1209px;
                margin: 0 auto;
                gap: 40px;
                row-gap: 0;
                padding-top: 96px;
                display: grid;
                justify-content: space-between;
                grid-auto-columns: 414px calc(100% - 454px);
                grid-template-areas:
                    "div1 div2"
                    "div3 div3"
                    "div4 div4";

                >div {
                    &:nth-child(1) {
                        min-width: 414px;
                        position: sticky;
                        top: 0;
                        width: 100%;
                        grid-area: div1;

                        >div {
                            position: sticky;
                            top: 96px;

                            >p:nth-child(1) {
                                padding-top: 16px;
                                color: var(--Neutral-Darked, #495057);
                                font-family: Inter;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 24px;
                                margin: 0;

                                @media (max-width: 1060px) {
                                    font-size: 12px;
                                    font-style: normal;
                                    font-weight: 600;
                                    line-height: 32px;
                                    letter-spacing: 1px;
                                }
                            }

                            h2 {
                                color: #18181B;
                                font-family: Inter;
                                font-size: 48px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 67.2px;
                                letter-spacing: -1.25px;

                                @media (max-width: 1060px) {
                                    font-size: 32px;
                                    line-height: 120%;
                                    letter-spacing: -0.32px;
                                }
                            }

                            h3 {
                                margin: 0;
                                color: #18181B;
                                font-family: Inter;
                                font-size: 30px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 140%;
                                letter-spacing: -1.25px;
                                margin-top: 66px;

                                span,
                                em {
                                    position: relative;
                                    font-style: normal;

                                    &::before {
                                        content: '';
                                        background: #DEF950;
                                        display: block;
                                        width: 100%;
                                        position: absolute;
                                        bottom: 4px;
                                        right: 0;
                                        z-index: -1;
                                        height: 20px;
                                    }
                                }

                                @media (max-width: 1060px) {
                                    font-size: 24px;
                                    line-height: 140%;
                                    letter-spacing: -1.25px;
                                    margin-top: 44px;
                                }
                            }

                            >p:nth-child(4) {
                                color: var(--Neutral-Darked, #495057);
                                font-family: Inter;
                                font-size: 18px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 32px;
                                letter-spacing: -0.18px;

                                @media (max-width: 1100px) {
                                    margin-bottom: 0;
                                }
                            }
                        }

                        @media (max-width: 1209px) {
                            min-width: 375px;
                        }

                        @media (max-width: 1100px) {
                            position: relative;
                            min-width: unset;
                        }
                    }

                    &:nth-child(2) {
                        max-width: 100%;
                        padding-top: 64px;
                        grid-area: div2;

                        img {
                            max-width: 100%;
                        }

                        >ul {
                            padding: 0;
                            margin: 0;
                            display: flex;
                            gap: 16px;
                            justify-content: flex-end;
                            margin-bottom: 100px;

                            li {
                                color: var(--Neutral-Darked, #495057);
                                font-family: Roboto;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 140%;
                                display: inline-flex;
                                padding: 11px 24px;
                                align-items: center;
                                gap: var(--Radius-radi-4, 8px);
                                border-radius: 90px;
                                border: 1px solid var(--Neutral-Dark, #868E96);
                                cursor: pointer;

                                &.actived {
                                    background: var(--Neutral-Darkest, #212529);
                                    color: var(--ew, #C8EB09);
                                    border-color: #212529;
                                }

                                @media (max-width: 1209px) {
                                    padding: 10px 15px 8px;
                                    font-size: 14px;
                                }
                            }

                            @media (max-width: 1100px) {
                                display: none;
                            }
                        }
	
                        >div {
                            >div {
                                display: none;

                                &.actived {
                                    display: block;
                                }

                                >div:nth-child(1),
                                .solutionsContent_desktop {
                                    display: flex;
                                    align-items: flex-end;
                                    gap: 16px;
                                    justify-content: center;
                                }

                                >div:nth-child(1),
                                .solutionsContent_mobile,
                                .solutionsContent_desktop {

                                    h2,
                                    h3 {
                                        color: var(--Neutral-Darkest, #212529);
                                        font-family: Inter;
                                        font-size: 24px;
                                        font-style: normal;
                                        font-weight: 700;
                                        line-height: 32px;
                                        letter-spacing: -0.18px;
                                        position: relative;
                                        z-index: 2;
                                        display: inline-block;
                                        margin-bottom: 12px;

                                        &::before {
                                            content: '';
                                            background: #DEF950;
                                            display: block;
                                            width: calc(100%);
                                            position: absolute;
                                            bottom: 4px;
                                            right: 10px;
                                            z-index: -1;
                                            height: 17px;

                                            @media (max-width: 1209px) {
                                                height: 10px;
                                            }
                                        }

                                        @media (max-width: 1209px) {
                                            font-size: 24px;
                                        }

                                    }

                                    p,
                                    h4 {
                                        color: var(--Neutral-Darked, #495057);
                                        font-family: Inter;
                                        font-size: 18px;
                                        font-style: normal;
                                        font-weight: 400;
                                        line-height: 32px;
                                        letter-spacing: -0.18px;
                                        margin: 0;
                                        width: 250px;

                                        b {
                                            color: #212529;
                                        }

                                        @media (max-width: 1209px) {
                                            width: 100%;
                                        }
                                    }

                                    h4 {
                                        color: #212529;
                                        font-weight: 600;
                                        margin-top: 40px;
                                    }
                                }

                                .fully {
                                    width: calc(100% + ((100vw - 1209px) / 2));
                                    gap: 0;
                                    display: block;
                                    margin-bottom: 0;

                                    img {
                                        width: 100%;
                                        display: block;
                                        max-width: 100%;
                                    }

                                    @media (max-width: 1209px) {
                                        width: calc(100% + 15px);
                                    }
                                }

                                @media (max-width: 1209px) {
                                    flex-direction: column;

                                    >div {
                                        width: 100%;
                                    }

                                    img {
                                        margin: 0 auto;
                                        position: relative;
                                        display: block;
                                    }
                                }

                                @media (max-width: 1100px) {
                                    display: block;

                                    .solutionsContent_desktop {
                                        display: none !important;
                                    }

                                    .solutionsContent_mobile {
                                        display: block !important;
                                    }

                                    .solutionsContent_default {
                                        flex-direction: column;
                                    }

                                    &:not(:first-child) {
                                        border-top: 1px solid var(--Neutral-lighted, #F0F1F5);
                                        padding-top: 30px;
                                    }
                                }

                                @media (min-width: 1100px) {
                                    .solutionsContent_desktop {
                                        display: flex !important;
                                    }

                                    .solutionsContent_mobile {
                                        display: none !important;
                                    }
                                }
                            }

                            .items {
                                display: flex;
                                flex-direction: column;
                                gap: 47px;
                                align-items: center;
                                margin-bottom: 105px;
                                margin-top: 100px;

                                >div {
                                    display: flex;
                                    align-items: flex-start;
                                    gap: 16px;
                                    width: 600px;
                                    position: relative;

                                    &:not(:last-child) {
                                        &::after {
                                            content: '';
                                            display: block;
                                            position: absolute;
                                            height: 100%;
                                            width: 1px;
                                            background: #DEE2E6;
                                            left: 32px;
                                            top: 80px;
                                        }
                                    }

                                    >div {
                                        &:nth-child(1) {
                                            min-height: 64px;
                                            min-width: 64px;
                                            background: #DEE2E6;
                                            border-radius: 64px;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            position: relative;

                                            &::before {
                                                content: '';
                                                min-width: 48px;
                                                min-height: 48px;
                                                background: #212529;
                                                border-radius: 48px;
                                                position: relative;
                                                display: block;
                                                z-index: 2;
                                            }

                                            &::after {
                                                content: '';
                                                min-width: 64px;
                                                min-height: 64px;
                                                background: #DEE2E6;
                                                border-radius: 64px;
                                                border: 16px solid #fff;
                                                position: absolute;
                                                z-index: 1;
                                            }

                                            svg {
                                                position: absolute;
                                                z-index: 3;
                                            }
                                        }

                                        &:nth-child(2) {
                                            max-width: 525px;
                                            min-height: 170px;

                                            h3 {
                                                color: var(--Neutral-Darkest, #212529);
                                                font-family: Inter;
                                                font-size: 20px;
                                                font-style: normal;
                                                font-weight: 600;
                                                line-height: 120%;
                                                margin: 0;
                                            }

                                            p {
                                                color: var(--Neutral-Darked, #495057);
                                                font-family: Roboto;
                                                font-size: 18px;
                                                font-style: normal;
                                                font-weight: 400;
                                                line-height: 140%;
                                                margin: 16px 0px 0px;
                                                width: 100%;
                                                word-break: break-word;
                                            }

                                            ul {
                                                padding: 0;
                                                margin: 25px 0px 0;

                                                li {
                                                    color: var(--Neutral-Darked, #495057);
                                                    font-family: Roboto;
                                                    font-size: 18px;
                                                    font-style: normal;
                                                    font-weight: 400;
                                                    line-height: 140%;
                                                    display: flex;
                                                    align-items: center;

                                                    &::before {
                                                        content: '';
                                                        width: 4px;
                                                        height: 4px;
                                                        display: block;
                                                        margin: 0 14px 0px 12px;
                                                        border-radius: 4px;
                                                        background: var(--Neutral-Darked, #495057);
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    @media (max-width: 1100px) {
                                        &:not(:last-child) {
                                            >div:nth-child(2) {
                                                min-height: 144px;
                                            }
                                        }

                                        &:last-child {
                                            >div:nth-child(2) {
                                                min-height: unset;
                                            }
                                        }
                                    }

                                    @media (max-width: 1209px) {
                                        width: 100%;
                                    }
                                }

                                @media (max-width: 1100px) {
                                    margin: 40px 0;
                                }
                            }
                        }

                        @media (max-width: 1209px) {
                            padding-top: 35px;
                        }
                    }

                    &:nth-child(3) {
                        grid-area: div3;
                        position: sticky;
                        top: 6px;
                        background: #DEF950;
                        padding: 120px 0 175px;

                        &::before {
                            content: '';
                            width: 100vw;
                            height: 100%;
                            display: block;
                            position: absolute;
                            left: 50%;
                            background: #DEF950;
                            transform: translatex(-50%);
                            z-index: -1;
                            top: 0;
                            border-top: 1px solid #212529;
                        }

                        h2 {
                            color: var(--Neutral-Darkest, #212529);
                            text-align: center;
                            font-family: Inter;
                            font-size: 32px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 150%;
                            margin-bottom: 88px;

                            @media (max-width: 1209px) {
                                font-size: 24px;
                                margin-bottom: 34px;
                            }
                        }

                        ul {
                            display: flex;
                            flex-wrap: wrap;
                            gap: 40px;
                            justify-content: space-between;
                            row-gap: 80px;
                            padding: 0;
                            margin: 0;

                            li {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                margin: 0 auto;

                                img {
                                    display: block;
                                }

                            }

                            @media (max-width: 1100px) {
                                gap: 16px;
                                row-gap: 32px;

                                li {
                                    flex: 1;

                                    img {
                                        max-width: 125px;
                                        max-height: 40px;
                                    }
                                }
                            }
                        }

                        @media (max-width: 1209px) {
                            padding: 48px 24px 56px;
                            position: relative;
                            margin: 0 -24px;
                        }
                    }

                    &:nth-child(4) {
                        grid-area: div4;
                        background: #fff;
                        position: sticky;
                        top: 7px;
                        padding: 105px 0px 150px;

                        &::before {
                            content: '';
                            width: 100vw;
                            height: 100%;
                            display: block;
                            position: absolute;
                            left: 50%;
                            background: #fff;
                            transform: translatex(-50%);
                            z-index: -1;
                            top: 0;

                        }

                        h2 {
                            color: var(--Neutral-Darked, #495057);
                            font-family: Inter;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 24px;

                            @media (max-width: 1209px) {
                                font-size: 12px;
                                line-height: 32px;
                                letter-spacing: 1px;
                            }

                        }

                        >h3 {
                            color: #18181B;
                            font-family: Inter;
                            font-size: 48px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 67.2px;
                            letter-spacing: -1.25px;
                            margin: 10px 0px 0px;

                            @media (max-width: 1209px) {
                                font-size: 32px;
                                line-height: 120%;
                                letter-spacing: -0.32px;
                            }
                        }

                        @media (max-width: 1100px) {
                            padding: 80px 0px 80px;
                        }
                    }
                }

                @media (max-width: 1209px) {
                    grid-auto-columns: 375px calc(100% - 415px);
                }

                @media (max-width: 1100px) {
                    grid-template-areas:
                        "div1"
                        "div2"
                        "div3"
                        "div4";
                    grid-auto-columns: 100%;
                    padding-top: 40px;
                }
            }

            @media (max-width: 1209px) {
                padding-left: 24px;
                padding-right: 24px;
            }
        }

        &#contato {
            height: auto;
            position: relative;
            display: flex;
            background: var(--Neutral-lightest, #F9F8F8);

            >div {
                width: 100%;
                max-width: 1209px;
                margin: 0 auto;
                gap: 40px;
                padding-top: 96px;
                display: grid;
                justify-content: space-between;
                grid-auto-columns: 414px calc(100% - 454px);
                grid-template-areas:
                    "div1 div2"
                    "div3 div3"
                    "div4 div4";
                row-gap: 0;

                >div {
                    &:nth-child(1) {
                        min-width: 414px;
                        position: sticky;
                        top: 116px;
                        width: 100%;
                        grid-area: div1;
                        z-index: 2;

                        h2 {
                            color: var(--Neutral-Darked, #495057);
                            font-family: Inter;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 24px;

                            @media (max-width: 1209px) {
                                font-size: 12px;
                                line-height: 32px;
                                letter-spacing: 1px;
                            }

                        }

                        h3 {
                            color: var(--Neutral-Darkest, #212529);
                            font-family: Sora;
                            font-size: 38px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 48px;
                            position: relative;
                            margin: 33px 0px;

                            &::before {
                                content: '';
                                background: #DEF950;
                                display: block;
                                width: 97%;
                                position: absolute;
                                bottom: 4px;
                                right: 27px;
                                z-index: -1;
                                height: 70%;
                            }

                            @media (max-width: 1209px) {
                                font-size: 32px;
                                line-height: 120%;
                                letter-spacing: -0.32px;
                                margin: 16px 0px 24px;
                                display: inline-block;
                            }
                        }

                        ul {
                            margin: 0;
                            padding: 0;
                            display: flex;
                            flex-direction: column;
                            gap: 40px;

                            li {
                                &.openSchedule {
                                    display: flex;
                                    gap: 32px;
                                    align-items: center;
                                    padding: 16px 32px;
                                    border-radius: 16px;
                                    cursor: pointer;
                                }

                                &:not(.openSchedule) {
                                    display: flex;
                                    border-radius: 16px;

                                    a {
                                        display: flex;
                                        gap: 32px;
                                        align-items: center;
                                        padding: 16px 32px;
                                        cursor: pointer;
                                        text-decoration: none;
                                    }
                                }

                                p {
                                    margin: 0;
                                    color: var(--Neutral-Darkest, #212529);
                                    font-family: Archivo;
                                    font-size: 18px;
                                    font-style: normal;
                                    font-weight: 600;
                                    line-height: 150%;

                                    span {
                                        font-size: 14px;
                                        font-style: normal;
                                        font-weight: 400;
                                        line-height: 150%;
                                        display: block;
                                    }
                                }

                                @media (hover: hover) {
                                    &:hover {
                                        background: var(--Neutral-Darkest, #212529);

                                        svg {
                                            filter: brightness(0) saturate(100%) invert(89%) sepia(43%) saturate(1636%) hue-rotate(10deg) brightness(95%) contrast(93%);
                                        }

                                        p {
                                            color: #fff;
                                        }
                                    }
                                }

                                @media (max-width: 1100px) {
                                    padding: 16px 8px;
                                    gap: 16px;
                                }
                            }

                            @media (max-width: 1100px) {
                                gap: 16px;
                            }
                        }

                        @media (max-width: 1100px) {
                            min-width: unset;
                            position: relative;
                            top: 0;
                        }
                    }

                    &:nth-child(2) {
                        padding-top: 115px;
                        margin-bottom: 75px;
                        display: flex;
                        justify-content: flex-end;
                        position: relative;

                        form {
                            border-radius: var(--Border-Radius-LG, 24px);
                            background: var(--Neutral-Darkest, #212529);
                            width: 502px;
                            padding: 40px 25px;
                            z-index: 2;

                            >p.title {
                                color: var(--Neutral-White, #FFF);
                                font-family: Inter;
                                font-size: 20px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 48px;
                                margin: 0px 0px 24px;
                            }

                            >p.info {
                                color: var(--Neutral-White, #FFF);
                                font-family: Inter;
                                font-size: 12.5px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 18.75px;
                                margin: 18px 0px 0px;

                                b {
                                    font-weight: 700;
                                }
                            }

                            >div {
                                p {
                                    color: var(--Neutral-White, #FFF);
                                    font-family: Inter;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 500;
                                    line-height: 24px;
                                    margin: 0;
                                }

                                input,
                                textarea {
                                    width: 100%;
                                    padding: 20px 15px;
                                    border-radius: 10px;
                                    background: #fff;
                                    color: #757575;
                                    font-family: Inter;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 400;
                                    line-height: normal;
                                    max-width: 100%;
                                    box-sizing: border-box;
                                    margin-bottom: 24px;
                                    margin-top: 8px;
                                    border: none;
                                    outline: none;

                                    &::placeholder {
                                        color: #757575;
                                        font-family: Inter;
                                        font-size: 16px;
                                        font-style: normal;
                                        font-weight: 400;
                                        line-height: normal;
                                    }
                                }

                                textarea {
                                    min-height: 215px;
                                }
                            }

                            input[type="submit"] {
                                width: 100%;
                                padding: 15px 32px;
                                border-radius: 90px;
                                border: 1.5px solid var(--Neutral-Darkest, #212529);
                                background: #CEE107;
                                color: var(--Neutral-Darkest, #212529);
                                font-family: Inter;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: normal;
                                text-transform: capitalize;
                            }

                            .wpcf7-response-output {
                                max-width: 100%;
                                box-sizing: border-box;
                                color: #fff;
                                font-size: 12px;
                                text-align: center;
                                margin: 15px 0px 0px;
                                padding: 8px;
                            }

                            .wpcf7-not-valid-tip {
                                position: absolute;
                                top: 16px;
                                font-size: 11px;
                                right: 8px;
                            }

                            textarea+.wpcf7-not-valid-tip {
                                top: -32px;
                            }

                            p {
                                position: relative;
                            }

                            .wpcf7-spinner {
                                position: absolute;
                                right: 50%;
                                margin: 0;
                                top: 15px;
                                transform: translatex(50%);
                            }

                            @media (max-width: 1100px) {
                                border-radius: 24px 24px 0 0;
                            }
                        }

                        >div {
                            z-index: 2;
                            max-width: 100%;
                            display: flex;
                        }

                        &::before {
                            content: '';
                            width: 100vw;
                            height: 100%;
                            display: block;
                            position: absolute;
                            left: 0%;
                            z-index: 1;
                            top: 75px;
                            background-image: url(/assets/bg_contato.png);
                            background-size: auto;
                            background-repeat: no-repeat;
                            background-position: right bottom;
                            transform: translatex(calc((-414px - 40px) + (((100vw - 1209px) / 2) * -1)))
                        }

                        @media (max-width: 1100px) {
                            padding-top: 24px;
                            justify-content: center;
                            width: calc(100% + 48px);
                            margin-left: -24px;
                            margin-bottom: 40px;

                            &::before {
                                display: none;
                            }
                        }
                    }

                    &:nth-child(3) {
                        grid-area: div3;
                        position: sticky;
                        top: 6px;
                        background: var(--Neutral-Darkest, #212529);
                        padding: 120px 0 0;
                        z-index: 2;

                        &::before {
                            content: '';
                            width: 100vw;
                            height: 100%;
                            display: block;
                            position: absolute;
                            left: 50%;
                            background: var(--Neutral-Darkest, #212529);
                            transform: translatex(-50%);
                            z-index: -1;
                            top: 0;
                            border-top: 1px solid #212529;
                        }

                        >div {
                            &:nth-child(1) {
                                display: flex;
                                position: relative;
                                padding-bottom: 140px;
                                justify-content: space-between;

                                >div {
                                    &:nth-child(1) {
                                        >p {
                                            color: var(--Neutral-White, #FFF);
                                            font-family: Inter;
                                            font-size: 24px;
                                            font-style: normal;
                                            font-weight: 600;
                                            line-height: 125%;
                                            margin: 0px 0px 24px;

                                            span {
                                                color: var(--Neutral-White, #FFF);
                                                font-family: Inter;
                                                font-size: 16px;
                                                font-style: normal;
                                                font-weight: 400;
                                                line-height: 150%;
                                                display: block;
                                                margin-top: 8px;
                                            }

                                            @media (max-width: 1209px) {
                                                font-size: 20px;

                                                span {
                                                    font-size: 14px;
                                                }
                                            }
                                        }

                                        >div {
                                            /* background: rgba(255, 255, 255, 0.1);
                                            padding: 12px 12px 12px 23px;
                                            border-radius: 80px;
                                            display: flex;
                                            justify-content: space-between;
                                            width: 486px;
                                            box-sizing: border-box; */

                                            input {
                                                &[type="email"] {
                                                    border: none;
                                                    width: 100%;
                                                    border-radius: 80px;
                                                    background: transparent;
                                                    color: var(--Neutral-Medium, #ADB5BD);
                                                    font-family: Archivo;
                                                    font-size: 16px;
                                                    font-style: normal;
                                                    font-weight: 400;
                                                    line-height: 150%;
                                                    outline: none;

                                                    &::placeholder {
                                                        color: var(--Neutral-Medium, #ADB5BD);
                                                        font-family: Archivo;
                                                        font-size: 16px;
                                                        font-style: normal;
                                                        font-weight: 400;
                                                        line-height: 150%;
                                                        opacity: 1;
                                                    }
                                                }

                                                &[type="submit"] {
                                                    border: none;
                                                    padding: 10px 16px;
                                                    color: var(--Neutral-Darkest, #212529);
                                                    font-family: Inter;
                                                    font-size: 14px;
                                                    font-style: normal;
                                                    font-weight: 600;
                                                    line-height: 150%;
                                                    border-radius: 80px;
                                                    background: #CEE107;
                                                    cursor: pointer;
                                                }
                                            }

                                            form {
                                                p {
                                                    background: rgba(255, 255, 255, 0.1);
                                                    padding: 12px 12px 12px 23px;
                                                    border-radius: 80px;
                                                    display: flex;
                                                    justify-content: space-between;
                                                    width: 486px;
                                                    box-sizing: border-box;
                                                    margin: 0;
                                                    position: relative;

                                                    @media (max-width: 768px) {
                                                        max-width: 100%;
                                                    }
                                                }

                                                .wpcf7-form-control-wrap {
                                                    display: flex;
                                                    align-items: center;
                                                }

                                                .wpcf7-not-valid-tip {
                                                    position: absolute;
                                                    top: 60px;
                                                    font-size: 12px;
                                                }

                                                .wpcf7-spinner {
                                                    position: absolute;
                                                    right: 42px;
                                                    margin: 0;
                                                    top: 20px;
                                                }

                                                .wpcf7-response-output {
                                                    max-width: 486px;
                                                    box-sizing: border-box;
                                                    color: #fff;
                                                    font-size: 12px;
                                                    text-align: center;
                                                    margin-top: 3em;
                                                    padding: 8px;
                                                }
                                            }

                                            @media (max-width: 768px) {
                                                box-sizing: border-box;
                                                max-width: 100%;
                                                padding: 0;
                                                width: 100%;
                                            }
                                        }

                                        @media (max-width: 1209px) {
                                            margin-bottom: 20px;
                                        }
                                    }

                                    &:nth-child(2) {
                                        display: flex;
                                        gap: 200px;
                                        justify-content: space-between;

                                        h3 {
                                            color: var(--Neutral-White, #FFF);
                                            font-family: Inter;
                                            font-size: 16px;
                                            font-style: normal;
                                            font-weight: 600;
                                            line-height: 150%;
                                            margin: 0px 0px 24px;
                                        }

                                        ul {
                                            padding: 0;
                                            margin: 0;
                                            display: flex;
                                            flex-direction: column;
                                            gap: 24px;

                                            li {
                                                display: block;

                                                a {
                                                    color: var(--Neutral-White, #FFF);
                                                    font-family: Inter;
                                                    font-size: 16px;
                                                    font-style: normal;
                                                    font-weight: 500;
                                                    line-height: 150%;
                                                    text-decoration: none;
                                                    display: flex;
                                                    align-items: center;
                                                    gap: 8px;
                                                }

                                                &:hover {
                                                    svg {
                                                        path {
                                                            &:not(:nth-child(1)) {
                                                                fill: #C8EB09;
                                                            }
                                                        }
                                                    }

                                                    a {
                                                        color: var(--ew, #C8EB09);
                                                    }
                                                }
                                            }

                                            &:nth-child(2) {
                                                gap: 16px;
                                            }
                                        }

                                        @media (max-width: 1209px) {
                                            gap: 50%;
                                            justify-content: flex-start;
                                        }

                                        @media (max-width: 768px) {
                                            row-gap: 32px;
                                            flex-direction: column;
                                        }
                                    }
                                }

                                >span {
                                    position: absolute;
                                    right: 0;
                                    bottom: 24px;
                                    color: var(--Neutral-White, #FFF);
                                    font-family: Inter;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 600;
                                    line-height: normal;
                                    display: flex;
                                    gap: 10px;
                                    align-items: center;
                                    cursor: pointer;

                                    &::after {
                                        content: '';
                                        background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5638_673)'%3E%3Cpath d='M5.00237 15V2M5.00237 2L1.31006 5.69231M5.00237 2L8.69468 5.69231' stroke='%23C8EB09' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5638_673'%3E%3Crect width='9' height='15' fill='white' transform='translate(0.310059)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
                                        width: 10px;
                                        height: 15px;
                                        display: block;
                                        position: relative;

                                    }

                                    @media (max-width: 1209px) {
                                        position: relative;
                                        bottom: 0;
                                    }
                                }

                                @media (max-width: 1209px) {
                                    flex-direction: column;
                                    padding-bottom: 40px;
                                    row-gap: 32px;
                                }
                            }

                            &:nth-child(2) {
                                display: flex;
                                padding: 18px 0 16px;
                                justify-content: space-between;
                                align-items: center;
                                border-top: 1px solid rgba(173, 181, 189, 0.1);

                                p {
                                    color: var(--Neutral-White, #FFF);
                                    font-family: Inter;
                                    font-size: 14px;
                                    font-style: normal;
                                    font-weight: 400;
                                    line-height: 150%;
                                    margin: 0;

                                    @media (max-width: 1209px) {
                                        margin: 5px 0 5px;
                                    }
                                }

                                @media (max-width: 1209px) {
                                    flex-direction: column;
                                    align-items: flex-start;

                                }
                            }
                        }

                        @media (max-width: 1209px) {
                            padding: 40px 0 0;
                        }
                    }
                }

                @media (max-width: 1100px) {
                    grid-template-areas:
                        "div1"
                        "div2"
                        "div3"
                        "div4";
                    grid-auto-columns: 100%;
                    padding-top: 40px;
                }
            }

            @media (max-width: 1209px) {
                padding-left: 24px;
                padding-right: 24px;
            }
        }
    }

    .sliderNews-container {
        margin-top: 50px;

        ul {
            display: flex;
            padding: 0;
            margin: 0;

            &:not(.sliderNews) {
                gap: 32px;

                li {
                    width: calc(25% - 32px);
                }
            }

            li {
                display: block;
                background: var(--Neutral-lightest, #F9F8F8);
                border: 1px solid #DEE2E6;
                border-radius: 8px;

                >div {

                    &:nth-child(1) {
                        height: 180px;

                        img {
                            display: block;
                            border-radius: 8px 8px 0px 0px;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    &:nth-child(2) {
                        padding: 24px 16px;

                        >a {
                            &:nth-child(1) {
                                display: inline-block;
                                padding: 3.5px 12px;
                                color: var(--ew, #C8EB09);
                                font-family: Roboto;
                                font-size: 12px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 140%;
                                text-decoration: none;
                                background: var(--Neutral-Darkest, #212529);
                                border-radius: 20px;
                            }

                            &:nth-child(5) {
                                color: var(--Neutral-Darkest, #212529);
                                font-family: Roboto;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 140%;
                                text-decoration: none;
                                margin-top: 30px;
                                display: inline-flex;
                                gap: 4px;
                                align-items: center;

                                &::after {
                                    content: '';
                                    width: 18px;
                                    height: 18px;
                                    display: block;
                                    position: relative;
                                    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5638_1100)'%3E%3Cpath d='M6.44238 12.4425L9.87738 9L6.44238 5.5575L7.49988 4.5L11.9999 9L7.49988 13.5L6.44238 12.4425Z' fill='%23212529'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5638_1100'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
                                }
                            }
                        }

                        h3 {
                            color: var(--Neutral-Darkest, #212529);
                            font-family: Inter;
                            font-size: 18px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 120%;
                            margin-top: 24px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            min-height: 43px;

                            a {
                                color: inherit;
                                text-decoration: none;
                            }
                        }

                        >p {
                            &:nth-child(3) {
                                color: var(--Neutral-Dark, #868E96);
                                font-family: Roboto;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 140%;
                                margin: 8px 0;
                            }

                            &:nth-child(4) {
                                color: var(--Neutral-Darked, #495057);
                                font-family: Inter;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 140%;
                                margin: 0;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 3;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                min-height: 58px;
                            }
                        }
                    }
                }
            }
        }

        .slick-slide {
            margin: 0 16px;
        }

        .slick-list {
            margin: 0 -16px;
            overflow-x: hidden;
        }

        .slick-arrow {
            position: absolute;
            display: flex;
            width: 32px;
            height: 32px;
            border: none;
            font-size: 0;
            border-radius: 32px;
            border: 1px solid var(--Neutral-Darkest, #212529);
            background: transparent;
            z-index: 2;
            top: -77px;
            transform: translatey(-50%);
            right: 0;
            cursor: pointer;

            &.slick-prev {
                right: 39px;
                background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52626 0.947388L1.47363 6.00002L6.52626 11.0527' stroke='%23212529' stroke-width='2'/%3E%3C/svg%3E ");
                background-position: center;
                background-repeat: no-repeat;
            }

            &.slick-next {
                background: var(--Neutral-Darkest, #212529);
                background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.47363 0.947388L6.52626 6.00002L1.47363 11.0527' stroke='white' stroke-width='2'/%3E%3C/svg%3E ");
                background-position: center;
                background-repeat: no-repeat;
            }
        }

        @media (max-width: 1100px) {
            .slick-list {
                padding: 0 20% 0 0 !important;
            }

            .slick-slide {
                margin: 0 12px !important;
            }

            .slick-list {
                margin: 0 -12px !important;
                overflow-x: hidden;
            }

            .slick-arrow {
                display: none !important;
            }

            .slick-slider {
                margin-right: -12px;
            }
        }
    }

    &.blog {
        .defaultTitle {
            color: #011224;
            font-family: Inter;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 50.4px;
            position: relative;
            display: inline-block;
            z-index: 1;

            &:before {
                content: '';
                background: #DEF950;
                display: block;
                width: calc(100% + 20px);
                position: absolute;
                bottom: 14px;
                right: -17px;
                z-index: -1;
                height: 20px;
            }

            @media (max-width: 991px) {
                font-size: 32px;
                line-height: 32px;

                &::before {
                    width: calc(100% + 16px);
                    bottom: 4px;
                    right: -12px;
                    height: 16px;
                }
            }
        }

        .info {
            display: flex;
            align-items: center;
            gap: 7px;

            p {
                color: var(--Neutral-Dark, #868E96);
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 21px;
                margin: 0;
            }

            span {
                width: 3px;
                height: 3px;
                background: var(--ew, #C8EB09);
                transform: rotate(90deg);
            }

            @media (max-width: 991px) {
                flex-direction: column;
                align-items: flex-start;
                gap: 0;

                p {
                    font-size: 12px;
                }

                span {
                    display: none;
                }
            }
        }

        .blog-news {
            position: sticky;
            top: 0;
            padding: 0 24px;

            .blog-filter {
                max-width: 1209px;
                margin: 40px auto;

                ul {
                    padding: 0;
                    margin: 0;
                    display: flex;
                    padding: 16px;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 16px;
                    background: var(--Neutral-lightest, #F9F8F8);
                    border-radius: 8px;

                    li {
                        display: block;

                        a {
                            color: #425366;
                            font-family: Inter;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 16.1px;
                            text-decoration: none;
                        }

                        &:first-child {
                            padding-right: 34px;
                            position: relative;

                            a {
                                font-weight: 600;
                                line-height: 21px;
                            }

                            &::before {
                                content: '';
                                width: 1px;
                                background: rgba(218, 230, 242, 1);
                                height: 100%;
                                display: block;
                                position: absolute;
                                right: 9px;
                            }
                        }
                    }
                }
            }

            .blog-highlight {
                max-width: 1209px;
                margin: 0 auto;
                display: flex;
                gap: 100px;
                margin-top: 32px;
                margin-bottom: 60px;

                .main {
                    max-width: 720px;

                    >div {
                        margin-top: 32px;

                        >a {
                            display: flex;
                            max-height: 40vh;
                            object-fit: contain;
                            overflow: hidden;
                            align-items: center;
                            justify-content: center;
                            border-radius: 32px;
                        }

                        >div {

                            >div {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                margin-top: 32px;

                                >a:nth-child(1) {
                                    color: var(--ew, #C8EB09);
                                    font-family: Inter;
                                    font-size: 14px;
                                    font-style: normal;
                                    font-weight: 700;
                                    line-height: 18.9px;
                                    text-decoration: none;
                                    letter-spacing: 0.28px;
                                    text-transform: uppercase;
                                }
                            }
                        }

                        h1 {
                            margin: 20px 0px 0px;
                            max-height: 82px;

                            a {
                                color: var(--Neutral-Darkest, #323339);
                                font-feature-settings: 'clig' off, 'liga' off;
                                font-family: Poppins;
                                font-size: 24px;
                                font-style: normal;
                                font-weight: 700;
                                line-height: 150%;
                                letter-spacing: 0.4px;
                                text-decoration: none;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }
                    }
                }

                .nav {
                    padding-top: 82px;

                    >div {
                        display: grid;
                        grid-template-columns: 104px auto;
                        column-gap: 32px;

                        &:not(:last-child) {
                            padding-bottom: 24px;
                            margin-bottom: 24px;
                            border-bottom: 1px solid rgba(170, 172, 180, 0.2);
                        }

                        >a {
                            display: flex;
                            border-radius: 12px;

                            img {
                                max-width: 100%;
                                height: 104px;
                                display: block;
                            }
                        }

                        >div {
                            >a {
                                color: var(--ew, #C8EB09);
                                font-family: Inter;
                                font-size: 12px;
                                font-style: normal;
                                font-weight: 700;
                                line-height: 16.2px;
                                letter-spacing: 0.24px;
                                text-transform: uppercase;
                                text-decoration: none;
                            }

                            h3 {
                                margin: 4px 0;
                                max-height: 75px;

                                a {
                                    color: var(--Neutral-Darkest, #212529);
                                    font-family: Inter;
                                    font-size: 18px;
                                    font-style: normal;
                                    font-weight: 700;
                                    line-height: 24.3px;
                                    text-decoration: none;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 3;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }
                            }
                        }
                    }
                }
            }

            @media (max-width: 1258px) {
                position: relative;

                .blog-highlight {
                    display: grid;
                    grid-template-columns: 60% auto;
                    column-gap: 45px;

                    .main {
                        img {
                            max-width: 100%;
                        }
                    }
                }

                .blog-filter {
                    ul {
                        padding: 12px;
                        gap: 12px 20px;
                        flex-wrap: wrap;
                    }
                }
            }

            @media (max-width: 991px) {
                .blog-highlight {
                    display: block;

                    .main {
                        img {
                            width: 100%;
                        }
                    }

                    .nav {
                        padding-top: 24px;
                        margin-top: 34px;
                        border-top: 1px solid rgba(170, 172, 180, 0.2);
                    }
                }
            }

            @media (max-width: 768px) {
                padding: 0 15px;

                .blog-highlight {
                    .main {
                        >div {
                            h1 {
                                margin: 6px 0px 0px;
                                line-height: 32px;

                                a {
                                    font-size: 21px;
                                    line-height: 100%;
                                }
                            }
                        }
                    }

                    .nav {
                        margin-top: 34px;
                        ;

                        >div {
                            column-gap: 20px;

                            >div {
                                h3 {
                                    a {
                                        font-size: 15px;
                                        line-height: 16px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .blog-container {
            position: relative;
            display: grid;
            grid-template-columns: auto 300px;
            column-gap: 140px;
            max-width: 1209px;
            margin: 0 auto;
            background: var(--Neutral-lightest, #F9F8F8);
            padding: 80px 24px;
            z-index: 2;

            &::before {
                content: '';
                display: block;
                width: 100vw;
                height: 100%;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                background: var(--Neutral-lightest, #F9F8F8);
                z-index: -1;
                top: 0;
            }

            .main {
                >h2 {
                    margin-bottom: 48px;
                }

                >div:not(.pagination) {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    column-gap: 32px;
                    margin-bottom: 48px;
                    padding-bottom: 48px;
                    border-bottom: 1px solid rgba(134, 142, 150, 0.2);
                    min-height: 330px;

                    >a {
                        display: block;
                        width: auto;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        img {
                            border-radius: 17px;
                            display: block;
                            object-fit: cover;
                            height: 100%;
                            width: 100%;
                        }
                    }

                    >div {
                        >a:nth-child(1) {
                            color: var(--ew, #C8EB09);
                            font-family: Inter;
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 18.9px;
                            letter-spacing: 0.28px;
                            text-transform: uppercase;
                            text-decoration: none;
                        }

                        h3 {
                            margin: 5px 0px;
                            max-height: 63px;

                            a {
                                color: var(--Neutral-Darkest, #323339);
                                font-family: Inter;
                                font-size: 20px;
                                font-style: normal;
                                font-weight: 700;
                                line-height: 150%;
                                letter-spacing: 0.4px;
                                text-decoration: none;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }

                        >p {
                            color: var(--Neutral-Darked, #52545E);
                            font-family: Inter;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 150%;
                            margin: 16px 0 24px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 4;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        >a:last-child {
                            border-radius: 90px;
                            border: 1.5px solid var(--Neutral-Darkest, #212529);
                            background: #CEE107;
                            color: var(--Neutral-Darkest, #212529);
                            font-family: Inter;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: normal;
                            text-transform: capitalize;
                            padding: 8px 16px;
                            text-decoration: none;
                            display: inline-block;
                        }
                    }
                }

                .pagination {
                    display: flex;
                    align-items: center;
                    margin: 56px 0px 0px;
                    min-height: auto;
                    padding-bottom: 0;
                    border: none;
                    gap: 16px;

                    .page-numbers {
                        width: 40px;
                        height: 40px;
                        color: var(--Neutral-Darked, #52545E);
                        text-align: center;
                        font-family: Poppins;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 24px;
                        letter-spacing: -0.2px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-decoration: none;

                        &.current {
                            border-radius: var(--Border-Radius-XL, 32px);
                            background: var(--Neutral-Darkest, #212529);
                            color: var(--ew, #C8EB09);
                        }

                        &.next {
                            font-size: 0;
                            background-position: center;
                            background-repeat: no-repeat;
                            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.707 11.293L8.70697 3.29297L7.29297 4.70697L14.586 12L7.29297 19.293L8.70697 20.707L16.707 12.707C16.894 12.521 17 12.263 17 12C17 11.737 16.894 11.479 16.707 11.293Z' fill='%2352545E'/%3E%3C/svg%3E ");
                        }

                        &.prev {
                            font-size: 0;
                            background-position: center;
                            background-repeat: no-repeat;
                            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7072 4.70697L15.2933 3.29297L7.29325 11.293C6.90225 11.684 6.90225 12.316 7.29325 12.707L15.2933 20.707L16.7072 19.293L9.41425 12L16.7072 4.70697Z' fill='%2352545E'/%3E%3C/svg%3E ");
                        }
                    }
                }
            }

            @media (max-width: 1258px) {
                display: flex;
                flex-direction: column-reverse;
                padding: 50px 24px;

                .main {
                    >div {
                        grid-template-columns: calc(50% - 16px) calc(50% - 16px);
                        margin-bottom: 36px;
                        padding-bottom: 36px;

                        >div {
                            >h3 {
                                a {
                                    font-size: 21px;
                                    line-height: 28px;
                                }
                            }
                        }
                    }
                }
            }

            @media (max-width: 991px) {
                .main {
                    >div {
                        display: flex;
                        flex-direction: column;

                        >a {
                            margin-bottom: 15px;
                        }
                    }
                }
            }

            @media (max-width: 768px) {
                padding: 50px 15px;
            }
        }

        .blog-footer {
            padding: 30px 24px;
            display: flex;
            justify-content: space-between;
            max-width: 1209px;
            margin: -1px auto 0;
            align-items: center;
            border-top: 1px solid rgba(134, 142, 150, 0.2);
            z-index: 2;
            position: relative;

            ul {
                display: flex;
                gap: 40px;
                padding: 0;
                margin: 0;

                li {
                    display: block;

                    a {
                        color: var(--Neutral-Darkest, #323339);
                        font-family: Inter;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 150%;
                        text-decoration: none;
                    }
                }
            }

            p {
                color: var(--Neutral-Darkest, #323339);
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 150%;
                margin: 0;
            }

            @media (max-width: 991px) {
                flex-direction: column;
                justify-content: center;
                gap: 18px;
                padding: 20px 0;

                p {
                    font-size: 13px;
                }

                ul {
                    li {
                        a {
                            font-size: 13px;
                        }
                    }
                }
            }
        }

        .blog-relacionados {
            max-width: 1209px;
            margin: 0 auto;
            padding: 87px 24px 74px;

            h2 {
                color: var(--Neutral-Darkest, #323339);
                font-family: Inter;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
                letter-spacing: 0.4px;
                position: relative;
                display: inline-block;

                &::before {
                    content: '';
                    background: #DEF950;
                    display: block;
                    width: 97%;
                    position: absolute;
                    bottom: 8px;
                    right: 17px;
                    z-index: -1;
                    height: 24px;
                }
            }

            .sliderNews-container {
                ul {

                    li {
                        background: #fff;
                    }
                }
            }

            @media (max-width: 1209px) {
                padding: 50px 24px;
            }

            @media (max-width: 768px) {
                padding: 50px 15px;
            }
        }

        .blog-nav {

            >div {
                position: sticky;
                top: 24px;

                .defaultTitle {
                    font-size: 20px;

                    &:before {
                        height: 11px;
                        width: calc(100% + 6px);
                        right: 1px;
                        bottom: 6px;
                    }
                }

                .news {
                    margin: 14px 0px 42px;

                    >div {
                        display: grid;
                        grid-template-columns: 48px auto;
                        column-gap: 9px;
                        align-items: center;
                        margin-bottom: 18px;

                        img {
                            border-radius: 100%;
                            width: 48px;
                            height: 48px;
                        }

                        h3 {
                            margin: 0px 0px 2px 0px;

                            >a {
                                color: var(--Neutral-Darkest, #323339);
                                font-family: Inter;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 150%;
                                text-decoration: none;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 1;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }

                        .info {
                            p {
                                font-size: 12px;
                            }
                        }
                    }
                }

                h2 {
                    color: var(--Neutral-Darkest, #323339);
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 150%;
                    letter-spacing: 0.4px;
                }

                ul {
                    padding: 0;
                    margin: 24px 0px 0px 0px;
                    display: flex;
                    flex-wrap: wrap;
                    column-gap: 8px;
                    row-gap: 7px;

                    li {
                        display: block;
                        padding: 4px 10px;
                        border-radius: 90px;
                        background: var(--Neutral-Darkest, #212529);

                        a {
                            text-decoration: none;
                            color: var(--ew, #C8EB09);
                            font-feature-settings: 'clig' off, 'liga' off;
                            font-family: Poppins;
                            font-size: 10px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 150%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            gap: 4px;

                            &::before {
                                content: '';
                                width: 4px;
                                height: 4px;
                                display: block;
                                position: relative;
                                border-radius: 4px;
                                background-color: var(--ew, #C8EB09);
                            }
                        }
                    }
                }

                &::before {
                    content: '';
                    width: 1px;
                    height: 100%;
                    display: block;
                    position: absolute;
                    background: rgba(134, 142, 150, 0.2);
                    left: -70px;
                    top: 5px;
                }
            }

            @media (max-width: 1258px) {
                margin-bottom: 48px;

            }
        }

        .blog-post {
            position: relative;
            display: grid;
            grid-template-columns: calc(100% - 300px - 140px) 300px;
            column-gap: 140px;
            max-width: 1209px;
            margin: 0 auto;
            background: var(--Neutral-lightest, #F9F8F8);
            padding: 80px 24px;
            z-index: 2;

            &::before {
                content: '';
                display: block;
                width: 100vw;
                height: 100%;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                background: var(--Neutral-lightest, #F9F8F8);
                z-index: -1;
                top: 0;
            }

            .main {
                img {
                    max-width: 100%;
                    width: auto;
                    height: auto;
                }

                >a:nth-child(1) {
                    color: var(--ew, #C8EB09);
                    font-family: Inter;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 18.9px;
                    letter-spacing: 0.28px;
                    text-transform: uppercase;
                    text-decoration: none;
                }

                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    color: var(--Neutral-Darkest, #323339);
                    font-family: Poppins;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 150%;
                    letter-spacing: 0.4px;
                    margin: 8px 0;
                }

                h1 {
                    font-size: 32px;
                    line-height: 150%;
                }

                .info {
                    margin-bottom: 30px;
                }

                .container {
                    img {
                        &:nth-child(1) {
                            margin-bottom: 15px;
                            display: inline-block;
                            max-width: 100%;
                        }
                    }
                }

                ul li,
                p {
                    color: var(--Neutral-Darked, #52545E);
                    font-family: Inter;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%;
                }

                ul {
                    padding-left: 20px;
                }
            }

            @media (max-width: 1258px) {
                display: flex;
                flex-direction: column;
                padding: 50px 24px;

                .main {
                    h1 {
                        font-size: 32px;
                        line-height: 140%;
                    }

                    >div {
                        grid-template-columns: calc(50% - 16px) calc(50% - 16px);
                        margin-bottom: 36px;

                        >div {
                            >h3 {
                                a {
                                    font-size: 21px;
                                    line-height: 28px;
                                }
                            }
                        }
                    }
                }

                .blog-nav {
                    margin-bottom: 8px;
                }
            }

            @media (max-width: 991px) {

                .main {
                    >div {
                        display: flex;
                        flex-direction: column;

                        >a {
                            margin-bottom: 15px;
                        }
                    }
                }
            }

            @media (max-width: 768px) {
                padding: 50px 15px;
            }
        }

        .blog-breadcrumb {
            max-width: 1209px;
            padding: 15px 24px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 7px;

            p,
            a,
            span {
                margin: 0;
                color: var(--Neutral-Dark, #868E96);
                font-family: Poppins;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 22px;
                text-decoration: none;
            }

            p {
                color: var(--Neutral-Darked, #495057);
                font-weight: 500;
            }
        }
    }
}.calendly-badge-widget,#btn_calendar{display:none!important}.solutionsText div{display:none}.solutionsText .actived{display:block}