.elementor-10 .elementor-element.elementor-element-420f551{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-420f551.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-af14e8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-90ac364{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7d2f757{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-21fd5ad{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d5a5e02{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4857cc0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-a17bcb2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-29725d2{padding:0px 0px 0px 0px;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-538e48d{right:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-538e48d{left:0px;}.elementor-10 .elementor-element.elementor-element-538e48d{bottom:0px;z-index:99999;}.elementor-10 .elementor-element.elementor-element-11618be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b9e8c49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ac121b1{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d026aaf{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-type-html{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-e843ae3{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-420f551{--width:100%;}.elementor-10 .elementor-element.elementor-element-11618be{--width:100%;}.elementor-10 .elementor-element.elementor-element-b9e8c49{--width:100%;}.elementor-10 .elementor-element.elementor-element-d026aaf{--content-width:500px;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-420f551{--padding-top:66px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-420f551{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-6e2c896 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');


:root {

    --vz-primary: #446BA4;

    --vz-secondary: #6484B3;

    --vz-primary-dark: #365B8E;

    --vz-text: #202A36;

    --vz-text-soft: #697583;

    --vz-white: #FFFFFF;

    --vz-offwhite: #F5F8FB;

    --vz-line: rgba(68,107,164,.14);

}


/* ======================================================
   RESET
====================================================== */

.vz-about,
.vz-about * {
    box-sizing: border-box;
}


/* ======================================================
   SECTION
====================================================== */

.vz-about {

    position: relative;

    padding: 135px 0;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 90% 12%,
            rgba(100,132,179,.10),
            transparent 30%
        ),

        #FFFFFF;

}


/* linha decorativa */

.vz-about::before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 1px;

    height: 100%;

    background: rgba(68,107,164,.055);

    pointer-events: none;

}


/* ======================================================
   CONTAINER
====================================================== */

.vz-about__container {

    position: relative;

    z-index: 3;

    width: min(1280px, calc(100% - 70px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: .93fr 1.07fr;

    gap: clamp(65px, 8vw, 125px);

    align-items: center;

}


/* ======================================================
   VISUAL
====================================================== */

.vz-about__visual {

    position: relative;

    padding: 0 0 65px 46px;

}


/* moldura */

.vz-about__visual::before {

    content: "";

    position: absolute;

    left: 0;

    top: 48px;

    width: calc(100% - 48px);

    height: calc(100% - 48px);

    border: 1px solid rgba(68,107,164,.22);

    pointer-events: none;

}


/* ======================================================
   IMAGEM
====================================================== */

.vz-about__image-wrap {

    position: relative;

    height: 620px;

    overflow: hidden;

    background: #E7EDF4;

    box-shadow:

        0 30px 80px rgba(49,82,127,.10),

        0 8px 24px rgba(49,82,127,.06);

}


.vz-about__image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:

        transform 1s cubic-bezier(.16,1,.3,1);

}


.vz-about__image-wrap:hover
.vz-about__image {

    transform: scale(1.045);

}


/* overlay */

.vz-about__image-overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            rgba(68,107,164,.02) 30%,
            rgba(49,82,127,.48) 100%
        );

    pointer-events: none;

}


/* ======================================================
   TAG IMAGEM
====================================================== */

.vz-about__image-tag {

    position: absolute;

    left: 28px;

    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 18px;

    color: #fff;

}


.vz-about__image-tag > span {

    width: 47px;

    height: 47px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.42);

    font-family: "Manrope", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1px;

}


.vz-about__image-tag p {

    margin: 0;

    font-family: "Manrope", sans-serif;

    font-size: 10px;

    font-weight: 600;

    line-height: 1.5;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


/* ======================================================
   ANO
====================================================== */

.vz-about__year {

    position: absolute;

    right: -38px;

    bottom: 0;

    min-width: 205px;

    padding: 27px 30px;

    background: var(--vz-primary);

    color: #fff;

    box-shadow:

        0 18px 45px rgba(68,107,164,.22);

}


.vz-about__year span {

    display: block;

    margin-bottom: 4px;

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: rgba(255,255,255,.67);

}


.vz-about__year strong {

    display: block;

    font-family: "Playfair Display", serif;

    font-size: 49px;

    font-weight: 500;

    font-style: italic;

    line-height: 1;

    letter-spacing: -2px;

}


/* ======================================================
   CONTENT
====================================================== */

.vz-about__content {

    position: relative;

}


/* ======================================================
   EYEBROW
====================================================== */

.vz-about__eyebrow {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 25px;

    font-family: "Manrope", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2.4px;

    text-transform: uppercase;

    color: var(--vz-primary);

}


.vz-about__eyebrow span {

    width: 38px;

    height: 1px;

    background: var(--vz-secondary);

}


/* ======================================================
   TITLE
====================================================== */

.vz-about h2 {

    max-width: 720px;

    margin: 0 0 38px;

    color: var(--vz-text);

    font-family: "Manrope", sans-serif;

    font-size: clamp(46px, 5vw, 70px);

    font-weight: 500;

    line-height: .98;

    letter-spacing: -3.4px;

}


.vz-about h2 em {

    display: block;

    margin-top: 7px;

    color: var(--vz-primary);

    font-family: "Playfair Display", serif;

    font-weight: 500;

    font-style: italic;

    letter-spacing: -2px;

}


/* ======================================================
   TEXT
====================================================== */

.vz-about__text {

    max-width: 625px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 34px;

    margin-bottom: 47px;

}


.vz-about__text p {

    margin: 0;

    color: var(--vz-text-soft);

    font-family: "DM Sans", sans-serif;

    font-size: 14px;

    line-height: 1.8;

}


.vz-about__text
.vz-about__lead {

    color: var(--vz-text);

    font-size: 15px;

    font-weight: 500;

}


/* ======================================================
   FEATURES
====================================================== */

.vz-about__features {

    max-width: 650px;

    margin-bottom: 47px;

    border-top: 1px solid var(--vz-line);

}


.vz-about__feature {

    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 22px;

    padding: 19px 0;

    border-bottom: 1px solid var(--vz-line);

    transition:

        padding-left .35s ease,

        background .35s ease;

}


.vz-about__feature:hover {

    padding-left: 12px;

}


.vz-about__feature-number {

    padding-top: 3px;

    color: var(--vz-secondary);

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.vz-about__feature strong {

    display: block;

    margin-bottom: 4px;

    color: var(--vz-text);

    font-family: "Manrope", sans-serif;

    font-size: 15px;

    font-weight: 600;

}


.vz-about__feature p {

    margin: 0;

    color: var(--vz-text-soft);

    font-family: "DM Sans", sans-serif;

    font-size: 13px;

    line-height: 1.6;

}


/* ======================================================
   CTA
====================================================== */

.vz-about__cta {

    display: inline-flex;

    align-items: center;

    gap: 22px;

    color: var(--vz-primary);

    text-decoration: none;

    font-family: "Manrope", sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .4px;

}


.vz-about__cta-icon {

    position: relative;

    width: 54px;

    height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid rgba(68,107,164,.28);

    overflow: hidden;

    transition:

        transform .4s cubic-bezier(.16,1,.3,1),

        border-color .4s ease;

}


.vz-about__cta-icon::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 50%;

    background:

        linear-gradient(
            135deg,
            var(--vz-primary),
            var(--vz-secondary)
        );

    transform: scale(0);

    transition:

        transform .4s cubic-bezier(.16,1,.3,1);

}


.vz-about__cta-icon svg {

    position: relative;

    z-index: 2;

    width: 18px;

    height: 18px;

    fill: none;

    stroke: var(--vz-primary);

    stroke-width: 1.6;

    transition:

        stroke .35s ease,

        transform .35s ease;

}


.vz-about__cta:hover
.vz-about__cta-icon {

    transform: scale(1.06);

    border-color: transparent;

}


.vz-about__cta:hover
.vz-about__cta-icon::before {

    transform: scale(1);

}


.vz-about__cta:hover
.vz-about__cta-icon svg {

    stroke: #fff;

    transform: translateX(3px);

}


/* ======================================================
   WATERMARK
====================================================== */

.vz-about__watermark {

    position: absolute;

    right: -25px;

    bottom: -38px;

    z-index: 1;

    font-family: "Manrope", sans-serif;

    font-size: clamp(130px, 17vw, 285px);

    font-weight: 700;

    line-height: .8;

    letter-spacing: -14px;

    color: rgba(68,107,164,.025);

    pointer-events: none;

    user-select: none;

}


/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1050px) {

    .vz-about {

        padding: 100px 0;

    }


    .vz-about__container {

        width: calc(100% - 50px);

        grid-template-columns: 1fr 1fr;

        gap: 60px;

    }


    .vz-about__visual {

        padding-left: 25px;

    }


    .vz-about__image-wrap {

        height: 540px;

    }


    .vz-about__year {

        right: -25px;

    }


    .vz-about__text {

        grid-template-columns: 1fr;

        gap: 16px;

    }

}


/* ======================================================
   MOBILE / TABLET
====================================================== */

@media (max-width: 850px) {

    .vz-about {

        padding: 85px 0;

    }


    .vz-about::before {

        display: none;

    }


    .vz-about__container {

        width: calc(100% - 40px);

        grid-template-columns: 1fr;

        gap: 75px;

    }


    .vz-about__visual {

        width: 90%;

        max-width: 560px;

        padding-left: 30px;

    }


    .vz-about__image-wrap {

        height: 520px;

    }


    .vz-about__content {

        max-width: 700px;

    }


    .vz-about__text {

        grid-template-columns: 1fr 1fr;

    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 767px) {

    .vz-about {

        padding: 70px 0 80px;

    }


    .vz-about__container {

        width: calc(100% - 30px);

        gap: 64px;

    }


    /* IMAGEM */

    .vz-about__visual {

        width: calc(100% - 15px);

        padding:

            0
            0
            50px
            18px;

    }


    .vz-about__visual::before {

        top: 25px;

        width: calc(100% - 20px);

    }


    .vz-about__image-wrap {

        height: 440px;

    }


    .vz-about__image-tag {

        left: 20px;

        bottom: 20px;

    }


    .vz-about__image-tag p {

        font-size: 8px;

    }


    .vz-about__image-tag > span {

        width: 40px;

        height: 40px;

    }


    /* YEAR */

    .vz-about__year {

        right: -15px;

        min-width: 160px;

        padding: 20px 22px;

    }


    .vz-about__year strong {

        font-size: 39px;

    }


    /* CONTENT */

    .vz-about__eyebrow {

        font-size: 9px;

        margin-bottom: 18px;

    }


    .vz-about h2 {

        font-size: clamp(38px, 11vw, 49px);

        line-height: 1;

        letter-spacing: -2.2px;

        margin-bottom: 28px;

    }


    .vz-about h2 em {

        letter-spacing: -1.5px;

    }


    .vz-about__text {

        grid-template-columns: 1fr;

        gap: 14px;

        margin-bottom: 35px;

    }


    .vz-about__text p,
    .vz-about__text .vz-about__lead {

        font-size: 14px;

        line-height: 1.7;

    }


    .vz-about__features {

        margin-bottom: 35px;

    }


    .vz-about__feature {

        grid-template-columns: 35px 1fr;

        gap: 13px;

        padding: 16px 0;

    }


    .vz-about__feature:hover {

        padding-left: 0;

    }


    .vz-about__watermark {

        font-size: 120px;

        letter-spacing: -7px;

    }

}


/* ======================================================
   MOBILE PEQUENO
====================================================== */

@media (max-width: 430px) {

    .vz-about__image-wrap {

        height: 390px;

    }


    .vz-about h2 {

        font-size: 39px;

    }


    .vz-about__year {

        min-width: 145px;

    }


    .vz-about__year strong {

        font-size: 35px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29725d2 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root {

    --vz-primary: #446BA4;
    --vz-secondary: #6484B3;

    --vz-primary-dark: #365B8E;

    --vz-white: #FFFFFF;

    --vz-background: #F5F8FC;

    --vz-text: #202A36;

    --vz-text-soft: #6B7785;

    --vz-border: rgba(68,107,164,.13);

}


/* ==================================================
   RESET
================================================== */

.vz-benefits,
.vz-benefits * {
    box-sizing: border-box;
}


/* ==================================================
   SECTION
================================================== */

.vz-benefits {

    position: relative;

    padding: 125px 0 105px;

    background:

        radial-gradient(
            circle at 95% 5%,
            rgba(100,132,179,.13),
            transparent 25%
        ),

        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F5F8FC 100%
        );

    overflow: hidden;

}


/* detalhe decorativo */

.vz-benefits::before {

    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    left: -250px;
    top: 350px;

    border:

        1px solid rgba(68,107,164,.08);

    border-radius: 50%;

}


/* ==================================================
   CONTAINER
================================================== */

.vz-benefits__container {

    width:
        min(1280px, calc(100% - 70px));

    margin: 0 auto;

    position: relative;

    z-index: 2;

}


/* ==================================================
   HEADER
================================================== */

.vz-benefits__header {

    display: grid;

    grid-template-columns:
        1.15fr .65fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 70px;

}


/* ==================================================
   EYEBROW
================================================== */

.vz-benefits__eyebrow {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

    color: var(--vz-primary);

    font-family: "Manrope", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2.3px;

    text-transform: uppercase;

}


.vz-benefits__eyebrow span {

    display: block;

    width: 38px;
    height: 1px;

    background: var(--vz-secondary);

}


/* ==================================================
   TITLE
================================================== */

.vz-benefits h2 {

    margin: 0;

    max-width: 760px;

    font-family: "Manrope", sans-serif;

    font-size: clamp(46px, 5vw, 69px);

    font-weight: 500;

    line-height: .99;

    letter-spacing: -3.2px;

    color: var(--vz-text);

}


.vz-benefits h2 em {

    display: block;

    margin-top: 8px;

    color: var(--vz-primary);

    font-family: "Playfair Display", serif;

    font-weight: 500;

    font-style: italic;

    letter-spacing: -2px;

}


/* ==================================================
   DESCRIÇÃO
================================================== */

.vz-benefits__description {

    padding-left: 28px;

    border-left:
        1px solid var(--vz-border);

}


.vz-benefits__description p {

    margin: 0 0 18px;

    color: var(--vz-text-soft);

    font-family: "DM Sans", sans-serif;

    font-size: 15px;

    line-height: 1.8;

}


.vz-benefits__description > span {

    color: var(--vz-primary);

    font-family: "Manrope", sans-serif;

    font-size: 11px;

    font-weight: 600;

}


/* ==================================================
   GRID
================================================== */

.vz-benefits__grid {

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    border-top:
        1px solid var(--vz-border);

    border-left:
        1px solid var(--vz-border);

}


/* ==================================================
   CARDS
================================================== */

.vz-benefit-card {

    position: relative;

    min-height: 285px;

    padding: 27px 25px 25px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background:

        rgba(255,255,255,.65);

    border-right:
        1px solid var(--vz-border);

    border-bottom:
        1px solid var(--vz-border);

    overflow: hidden;

    transition:

        background .45s ease,

        transform .45s cubic-bezier(.16,1,.3,1),

        box-shadow .45s ease;

}


/* fundo hover */

.vz-benefit-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            145deg,
            #446BA4 0%,
            #6484B3 100%
        );

    opacity: 0;

    transition:
        opacity .4s ease;

}


.vz-benefit-card:hover {

    z-index: 3;

    transform: translateY(-8px);

    box-shadow:

        0 25px 60px
        rgba(49,82,127,.15);

}


.vz-benefit-card:hover::before {

    opacity: 1;

}


/* ==================================================
   CARD TOP
================================================== */

.vz-benefit-card__top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}


/* ICON */

.vz-benefit-card__icon {

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(68,107,164,.07);

    border:
        1px solid rgba(68,107,164,.12);

    transition:
        all .4s ease;

}


.vz-benefit-card__icon svg {

    width: 23px;
    height: 23px;

    fill: none;

    stroke: var(--vz-primary);

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke .4s ease;

}


.vz-benefit-card__top > span {

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1.4px;

    color:
        rgba(68,107,164,.5);

    transition:
        color .4s ease;

}


/* ==================================================
   CONTENT
================================================== */

.vz-benefit-card__content {

    position: relative;

    z-index: 2;

}


.vz-benefit-card h3 {

    margin: 0 0 11px;

    color: var(--vz-text);

    font-family: "Manrope", sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.25;

    letter-spacing: -.5px;

    transition:
        color .4s ease;

}


.vz-benefit-card p {

    margin: 0;

    color: var(--vz-text-soft);

    font-family: "DM Sans", sans-serif;

    font-size: 13px;

    line-height: 1.65;

    transition:
        color .4s ease;

}


/* ==================================================
   HOVER
================================================== */

.vz-benefit-card:hover
.vz-benefit-card__icon {

    border-color:
        rgba(255,255,255,.35);

    background:
        rgba(255,255,255,.10);

}


.vz-benefit-card:hover
.vz-benefit-card__icon svg {

    stroke: #FFFFFF;

}


.vz-benefit-card:hover
.vz-benefit-card__top > span {

    color:
        rgba(255,255,255,.6);

}


.vz-benefit-card:hover h3 {

    color: #FFFFFF;

}


.vz-benefit-card:hover p {

    color:
        rgba(255,255,255,.72);

}


/* ==================================================
   CARD DESTAQUE
================================================== */

.vz-benefit-card--featured {

    background:

        linear-gradient(
            145deg,
            rgba(68,107,164,.06),
            rgba(100,132,179,.11)
        );

}


/* ==================================================
   FOOTER
================================================== */

.vz-benefits__footer {

    margin-top: 38px;

    padding-top: 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.vz-benefits__footer > span {

    color:
        rgba(32,42,54,.38);

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

}


/* CTA */

.vz-benefits__footer a {

    display: inline-flex;

    align-items: center;

    gap: 17px;

    text-decoration: none;

    color: var(--vz-primary);

    font-family: "Manrope", sans-serif;

    font-size: 12px;

    font-weight: 700;

}


.vz-benefits__footer a svg {

    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    transition:
        transform .3s ease;

}


.vz-benefits__footer a:hover svg {

    transform:
        translateX(5px);

}


/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1150px) {

    .vz-benefits__grid {

        grid-template-columns:
            repeat(3, 1fr);

    }


    .vz-benefits__header {

        grid-template-columns:
            1fr .55fr;

        gap: 55px;

    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 850px) {

    .vz-benefits {

        padding:
            90px 0 80px;

    }


    .vz-benefits__container {

        width:
            calc(100% - 40px);

    }


    .vz-benefits__header {

        grid-template-columns:
            1fr;

        gap: 28px;

        margin-bottom: 50px;

    }


    .vz-benefits__description {

        max-width: 600px;

    }


    .vz-benefits__grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

    .vz-benefits {

        padding:
            72px 0 65px;

    }


    .vz-benefits__container {

        width:
            calc(100% - 28px);

    }


    .vz-benefits__header {

        margin-bottom: 37px;

    }


    .vz-benefits__eyebrow {

        margin-bottom: 17px;

        font-size: 9px;

        letter-spacing: 1.8px;

    }


    .vz-benefits h2 {

        font-size:
            clamp(38px, 11vw, 48px);

        letter-spacing: -2px;

    }


    .vz-benefits h2 em {

        letter-spacing: -1.5px;

    }


    .vz-benefits__description {

        padding-left: 19px;

    }


    .vz-benefits__description p {

        font-size: 14px;

        line-height: 1.7;

    }


    /* cards */

    .vz-benefits__grid {

        display: grid;

        grid-template-columns: 1fr;

        border-left: 0;

    }


    .vz-benefit-card {

        min-height: 220px;

        padding: 23px 20px;

        border-left:
            1px solid var(--vz-border);

    }


    .vz-benefit-card:hover {

        transform:
            translateY(-3px);

    }


    .vz-benefit-card__icon {

        width: 46px;
        height: 46px;

    }


    .vz-benefit-card h3 {

        font-size: 17px;

    }


    .vz-benefits__footer {

        margin-top: 30px;

    }


    .vz-benefits__footer > span {

        display: none;

    }


    .vz-benefits__footer a {

        width: 100%;

        justify-content:
            space-between;

        padding-bottom: 12px;

        border-bottom:
            1px solid var(--vz-border);

    }

}/* End custom CSS */