@charset "UTF-8";

.ff-arial-b {
    font-family: Arial, "sans-serif"
}

.ff-poppins-b {
    font-family: Poppins, sans-serif
}

.ff-roboto-b {
    font-family: Roboto, sans-serif
}

mark {
    background-color: #ff0
}

.sec-9-title-b {
    color: #d05700;
    background-color: #ffe5d1;
    border: 1px solid #EAA675
}

.text-sec-9-b {
    color: #d05700
}

.text-sec-17-b {
    color: #8491b2
}

.text-sec-18-b {
    color: #d17f4f
}

.text-sec-19-b {
    color: #2aaabb
}

.text-sec-20-b {
    color: #a8b900
}

.text-pr-1-b {
    color: #56aa41
}

.text-pr-6-b {
    color: #d23737
}

.text-pr-7-b {
    color: #56aa41
}

.text-pr-5-b {
    color: #263c67
}

.text-pr-9-b {
    color: #8ac83b
}

.text-pr-10-b {
    color: #4b4b4b
}

.bg-pr-1-b {
    background-color: #56aa41
}

.bg-pr-4-b {
    background-color: #c31822
}

.bg-pr-11-b {
    background-color: #2597d8
}

.bg-pr-12-b {
    background-color: #839e18
}

.bg-sec-21-b {
    background-color: #e2e7f5
}

.bg-sec-8-b {
    background-color: #e9fade
}

.bg-sec-16-b {
    background-color: #56aa41
}

.bg-danger-b {
    background-color: #ffe8e8
}

.bg-success-b {
    background-color: #f2ffe1
}

.bg-warning-b {
    background-color: #f90
}

.gradient-sec-1-b {
    background-image: linear-gradient(102.91deg, #2B8E1B 1.36%, #79B72A 98.77%)
}

.fs-lighten-b {
    font-size: 14px
}

.fs-light-b {
    font-size: 15px !important
}

.fs-medium-b {
    font-size: 1.125rem
}

.fw-800-b {
    font-weight: 800
}

.rounded-bottom-0-b {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.warning-alert-b {
    background-color: #f46802
}

.pr-btn-b {
    min-width: 270px;
    line-height: 1.2;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    background-image: linear-gradient(180deg, #A1DD21 0%, #6A9D29 100%)
}

.break-spaces-b {
    white-space: break-spaces !important
}

:target:before {
    content: "";
    display: block;
    height: 4rem;
    margin-top: -4rem
}

.form {
    margin-top: 4rem
}

.form__header {
    text-align: center;
    margin-bottom: 1rem
}

.form__title {
    display: inline-block;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #1c1c1c
}

.form__title:after {
    display: inline-block;
    content: "";
    background-image: url("../img/646a6d8c71b9dd687d75ec6adf8fb2271e1bab5c.svg");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(90deg);
    position: relative;
    top: 4px
}

.form__details {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 1rem;
    border: 1px solid #dddde1;
    padding: .75rem
}

.form__image img {
    margin: 0 .75rem 0 0;
    display: block;
    width: 80px;
    height: 80px;
    min-width: 80px
}

.form__subtitle {
    font-size: 1rem;
    display: block;
    margin-bottom: .25rem;
    line-height: 1.2;
    color: #1c1c1c
}

.form__price {
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .25rem;
    margin-right: .25rem;
    color: #1c1c1c
}

.form__delivery {
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .25rem;
    border-radius: 50em;
    padding: .25rem .5rem;
    background-color: #c9e8ea;
    color: #1c1c1c
}

.form__security {
    display: block;
    margin-bottom: 0
}

.form__safe {
    display: inline-block;
    font-size: .75rem;
    margin-bottom: .25rem;
    margin-right: .25rem;
    color: #1c1c1c
}

.form__ssl {
    display: inline-block;
    padding: .25rem .5rem;
    background-color: #59c114;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    border-radius: 50em
}

.form__ssl:before {
    display: inline-block;
    content: "";
    background-image: url("");
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    width: .875rem;
    height: .875rem;
    position: relative;
    top: 2px;
    margin-right: .25rem
}

.form .form-control {
    border-color: #9d9d9d;
    border-width: 2px;
    color: #1c1c1c;
    font-weight: 500
}

.form .form-control:focus {
    border-color: #383838;
    box-shadow: none;
    color: #1c1c1c
}

.form .form-control::placeholder {
    color: #9d9d9d
}

.form .form-check:not(:last-child) {
    margin-bottom: .5rem
}

.form .col-form-label {
    color: #1c1c1c
}

.form .form-check-label {
    font-size: .875rem;
    color: #1c1c1c;
    font-weight: 400;
    padding: .25rem 0rem;
    width: 100%;
    cursor: pointer
}

.form .form-check-label a {
    color: #1c1c1c;
    text-decoration: underline
}

.form input[type=radio].form-check-input {
    margin-top: 8px
}

.form input[type=checkbox].form-check-input {
    margin-top: 4px
}

.form__legal {
    font-size: .75rem;
    color: #897b7b;
    margin-bottom: .5rem
}

.form__legal a {
    font-size: .75rem;
    color: #897b7b;
    text-decoration: underline;
    display: block;
    margin-bottom: .5rem
}

.form__submit {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.form__submit .btn {
    font-size: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0 auto;
    font-weight: 700;
    border-radius: .25rem;
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    display: block;
    width: 100%
}

.form__footer p {
    font-size: .875rem !important;
    font-weight: 400;
    color: #897b7b;
    margin-bottom: 0
}

.form__error-info {
    border: 1px solid #ff4949;
    background-color: #ff4949;
    border-radius: .25rem;
    padding: .5rem;
    margin-bottom: 1rem
}

.form__error-info:before {
    content: "";
    display: inline-block;
    background-image: url("");
    background-size: no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    margin-right: .5rem
}

.form__error-info span {
    margin: 0;
    display: inline-block;
    width: auto;
    font-size: .875rem;
    color: #fff;
    font-weight: 700
}

.form .field_with_errors .form-control {
    border-color: #ff4949;
    box-shadow: none
}

.form .field_with_errors:not(.field_with_errors--no-icon) .form-control {
    padding-right: calc(1.5em + .75rem);
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form .error {
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    font-weight: 700;
    color: #ff4949;
    display: block
}

.form .form-check .field_with_errors .form-check-label {
    background-color: #ffcdd2;
    padding-left: .25rem;
    padding-right: .25rem;
    position: relative
}

.form .form-check .field_with_errors .form-check-label:before {
    background-color: #ffcdd2;
    position: absolute;
    width: 1.25rem;
    height: 100%;
    display: block;
    content: "";
    top: 0;
    left: -1.25rem
}

@media (min-width: 576px) {
    .form__header {
        text-align: left
    }

    .form__image img {
        width: 100px;
        height: 100px;
        min-width: 100px
    }

    .form__subtitle {
        margin-bottom: .5rem
    }

    .form__price {
        font-size: 1rem;
        margin-bottom: .5rem
    }

    .form__delivery {
        margin-bottom: .5rem
    }

    .form__safe {
        margin-bottom: 0
    }

    .form .col-md-10 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: none !important
    }
}

@media (min-width: 992px) {
    .form__image img {
        width: 80px;
        height: 80px;
        min-width: 80px
    }

    .form .col-form-label {
        text-align: right
    }
}

@media (min-width: 1200px) {
    .form__image img {
        width: 100px;
        height: 100px;
        min-width: 100px
    }
}

.site-modal .modal-title {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1
}

.site-modal .modal-body__title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content h2 {
    font-size: 1.355rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content h5 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content b,
.site-modal .modal-body .legal__content strong {
    font-weight: 700
}

.site-modal .modal-body .legal__content p {
    margin-bottom: 1rem
}

.site-modal .modal-body .legal__content p,
.site-modal .modal-body .legal__content li {
    font-size: .875rem
}

.site-modal .modal-body .legal__content ol,
.site-modal .modal-body .legal__content ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem
}

.site-modal .modal-body .legal__content ol ol,
.site-modal .modal-body .legal__content ol ul,
.site-modal .modal-body .legal__content ul ol,
.site-modal .modal-body .legal__content ul ul {
    margin-bottom: 0
}

.site-modal .modal-body .legal__content a {
    transition: color .15s ease-in-out, border-color .15s ease-in-out;
    color: inherit
}

.site-modal .modal-body .legal__content .form-control {
    margin-bottom: 1rem
}

.site-modal .modal-body .legal__content .form-control:focus {
    box-shadow: none
}

.site-modal .modal-body .legal__content .form-check:not(:last-child) {
    margin-bottom: .5rem
}

.site-modal .modal-body .legal__content .form-check-label {
    font-size: .875rem;
    font-weight: 500;
    padding: .25rem 0rem;
    cursor: pointer
}

.site-modal .modal-body .legal__content input[type=checkbox].form-check-input {
    margin-top: 8px
}

.site-modal .modal-body .legal__content .contact__legal {
    font-size: .75rem;
    margin-bottom: 1rem
}

.site-modal .modal-body .legal__content .contact__legal a {
    font-size: .75rem;
    text-decoration: underline
}

.thank-you {
    padding: 4rem 0
}

.thank-you h2 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #d05700;
    font-weight: 700
}

.thank-you p {
    text-align: center;
    margin-bottom: 0
}

html {
    font-size: 14px
}

@media (min-width: 992px) {
    html {
        font-size: 16px
    }
}

body {
    color: #262626;
    font-family: Roboto, sans-serif;
    background-color: #b2b9bf
}

@media (min-width: 1200px) {
    .container {
        max-width: 970px !important
    }
}

.wrapper-b {
    margin: 0 auto;
    max-width: 1320px
}

.header-b {
    margin-bottom: 140px;
    font-family: Fira Sans, sans-serif;
    line-height: 1.2;
    background-image: linear-gradient(112.65deg, #253B88 22.72%, #0F1F57 88.01%);
    background-repeat: no-repeat
}

@media (min-width: 992px) {
    .header-b {
        margin-bottom: 0;
        background-image: url("../img/bg-head-fac52062.png")
    }
}

.header-b__main-content {
    max-width: 450px
}

@media (max-width: 991px) {
    .header-b__main-content {
        padding-bottom: 180px
    }
}

@media (max-width: 991px) {
    .header-b__img-container {
        position: absolute;
        top: 100%;
        left: 0;
        transform: translateY(-50%)
    }
}

.benefits-list-b__simple:before {
    content: "\27a4";
    margin-right: 8px;
    color: #a1dd21
}

.list-b__simple:before {
    margin-right: 12px;
    content: url("../img/check-4849bf2b.svg");
    line-height: 1;
    width: 30px;
    height: 30px
}

.list-b__simple--theme-2:before {
    content: url("../img/check2-79aea566.svg")
}

@media (min-width: 768px) {
    .list-b--grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px 55px
    }
}

.case-study-box-b {
    margin: 0 auto;
    max-width: 850px;
    border: 1px solid #235BC6;
    background-color: #eef4fa
}

.footer-b {
    font-family: Poppins, sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
    font-size: .75rem;
    color: #c2c2c2
}

.comments-b__simple:before {
    margin-right: 15px;
    content: url("../img/user-d6d8e8b0.png");
    flex-shrink: 0
}

.check-list-b__simple:before {
    margin-right: 20px;
    content: url("../img/check3-32d64b68.svg")
}

.secondary-list-b__simple:nth-child(1):before {
    content: url("../img/gua1-b79bf6bf.svg")
}

@media (min-width: 768px) {
    .secondary-list-b__simple:nth-child(1):before {
        margin-right: 20px
    }
}

.secondary-list-b__simple:nth-child(2):before {
    content: url("../img/gua2-d0ec68e0.svg")
}

@media (min-width: 768px) {
    .secondary-list-b__simple:nth-child(2):before {
        margin-right: 20px
    }
}

.secondary-list-b__simple:nth-child(3):before {
    content: url("../img/gua3-7aa06f79.svg")
}

@media (min-width: 768px) {
    .secondary-list-b__simple:nth-child(3):before {
        margin-right: 20px
    }
}

.pr-btn-b {
    max-width: 280px;
    background-image: linear-gradient(180deg, #92D240 0%, #6A9D29 100%);
    box-shadow: inset 0 -11px 11px -4px #00000026
}

@media (min-width: 768px) {
    .cta-b {
        max-height: 193px
    }
}

@media (min-width: 768px) {
    .cta-b__cta-content-container {
        padding-right: 80px
    }
}

.chart-b {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center
}

.chart-b .gl,
.chart-b .legend-b__3:before,
.chart-b .legend-b__2:before,
.chart-b .legend-b__1:before,
.chart-b .chart-b__desc2,
.chart-b .chart-b__desc1 {
    font-size: 12px;
    font-weight: 400;
    font-family: Inter, sans-serif;
    letter-spacing: 3px
}

.chart-b__desc1 {
    top: 55px;
    left: 12px;
    grid-column: 1/2;
    transform: rotate(-90deg);
    width: 30px
}

@media (max-width: 991px) {
    .chart-b__desc1 {
        left: -2px
    }
}

.chart-b__img {
    grid-column: 2/3;
    justify-self: end
}

@media (max-width: 991px) {
    .chart-b__img {
        width: 100%
    }
}

.chart-b__desc2 {
    grid-column: 1/3
}

.legend-b {
    font-size: 12px
}

.legend-b .gl,
.legend-b .legend-b__3:before,
.legend-b .legend-b__2:before,
.legend-b .legend-b__1:before,
.legend-b .chart-b__desc1,
.legend-b .chart-b__desc2 {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    font-family: Inter, sans-serif
}

.legend-b__1:before {
    background-color: #a8b900
}

.legend-b__2:before {
    background-color: #d17f4f
}

.legend-b__3:before {
    background-color: #2aaabb
}

.input-form,
.js-select {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid gray;
    font-size: 0.875rem;
    line-height: 1.25rem;
    appearance: none;
    background-color: rgb(255, 255, 255);
    padding: 0.5rem 0.75rem;
    margin-bottom: 20px;
}
.submit-form {
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
    background-color: #16a34a;
    appearance: button;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.submit-form:hover {
    background-color: #15803d;
}