@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: #ffff00;
}

.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-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: #FF9900;
}

.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;
}


/* Form
--------------------------------------------- */

: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('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-90deg-right" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.896 2.396a.5.5 0 0 0 0 .708l2.647 2.646-2.647 2.646a.5.5 0 1 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z"/><path fill-rule="evenodd" d="M13.25 5.75a.5.5 0 0 0-.5-.5h-6.5a2.5 2.5 0 0 0-2.5 2.5v5.5a.5.5 0 0 0 1 0v-5.5a1.5 1.5 0 0 1 1.5-1.5h6.5a.5.5 0 0 0 .5-.5z"/></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: 0.75rem;
}

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

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

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

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

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

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

.form__ssl {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background-color: #59c114;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 50em;
}

.form__ssl::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-lock-fill" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9z"/><path fill-rule="evenodd" d="M4.5 4a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z"/></svg>');
    background-repeat: no-repeat;
    background-size: 0.875rem 0.875rem;
    width: 0.875rem;
    height: 0.875rem;
    position: relative;
    top: 2px;
    margin-right: 0.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: 0.5rem;
}

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

.form .form-check-label {
    font-size: 0.875rem;
    color: #1c1c1c;
    font-weight: 400;
    padding: 0.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: 0.75rem;
    color: #897b7b;
    margin-bottom: 0.5rem;
}

.form__legal a {
    font-size: 0.75rem;
    color: #897b7b;
    text-decoration: underline;
    display: block;
    margin-bottom: 0.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: 0.25rem;
    background-color: #28a745;
    border-color: #28a745;
    color: #ffffff;
    display: block;
    width: 100%;
}

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

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

.form__error-info:before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-diamond-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 4a.905.905 0 00-.9.995l.35 3.507a.552.552 0 001.1 0l.35-3.507A.905.905 0 008 4zm.002 6a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"/></svg>');
    background-size: no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    margin-right: 0.5rem;
}

.form__error-info span {
    margin: 0;
    display: inline-block;
    width: auto;
    font-size: 0.875rem;
    color: #ffffff;
    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 + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.form .form-check .field_with_errors .form-check-label {
    background-color: #ffcdd2;
    padding-left: 0.25rem;
    padding-right: 0.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 Query - MD
--------------------------------------------- */

@media (min-width: 576px) {
    .form__header {
        text-align: left;
    }
    .form__image img {
        width: 100px;
        height: 100px;
        min-width: 100px;
    }
    .form__subtitle {
        margin-bottom: 0.5rem;
    }
    .form__price {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    .form__delivery {
        margin-bottom: 0.5rem;
    }
    .form__safe {
        margin-bottom: 0;
    }
    .form .col-md-10 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: none !important;
    }
}


/* Media Query - LG
--------------------------------------------- */

@media (min-width: 992px) {
    .form__image img {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }
    .form .col-form-label {
        text-align: right;
    }
}


/* Media Query - XL
--------------------------------------------- */

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


/* Modal
--------------------------------------------- */

.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: 0.5rem;
}

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

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

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

.site-modal .modal-body .legal__content h5 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.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: 0.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 0.15s ease-in-out, border-color 0.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: 0.5rem;
}

.site-modal .modal-body .legal__content .form-check-label {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.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: 0.75rem;
    margin-bottom: 1rem;
}

.site-modal .modal-body .legal__content .contact__legal a {
    font-size: 0.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("../images/bg-head.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: "➤";
    margin-right: 8px;
    color: #A1DD21;
}

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

.list-b__simple--theme-2::before {
    content: url("../fonts/check2.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: 0.75rem;
    color: #C2C2C2;
}

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

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

.secondary-list-b__simple:nth-child(1)::before {
    content: url("../fonts/gua1.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("../fonts/gua2.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("../fonts/gua3.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 0px -11px 11px -4px rgba(0, 0, 0, 0.15);
}

@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 .chart-b__desc1,
.chart-b .chart-b__desc2,
.chart-b .legend-b__1::before,
.chart-b .legend-b__2::before,
.chart-b .legend-b__3::before {
    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 .chart-b__desc1,
.legend-b .chart-b__desc2,
.legend-b .legend-b__1::before,
.legend-b .legend-b__2::before,
.legend-b .legend-b__3::before {
    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;
}

.ac_footer {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 50px 0;
    color: #6b6b6b;
    font-size: 10px;
}

.ac_footer p {
    text-align: center;
}

@media only screen and (max-width: 1230px) {
    .ac_footer {
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .ac_footer {
        padding: 15px;
        font-size: 11px;
        line-height: 1.2;
    }
}