.navbar-right {
    margin-right: 0px;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    vertical-align: middle;
}

.homepage {
    text-align: center;
}

.homepage .portlet {
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 40px 20px;
}

.homepage .portlet.dark {
    background-color: #DDDDDD;
}

.homepage .portlet-small {
    padding: 20px;
}

.homepage .portlet-small .portlet-body {
    padding-top: 0px;
}

.homepage .bg-green-jungle {
    border-top: 1px solid #7B986C !important;
    border-bottom: 1px solid #7B986C !important;
    background-color: #70CA44 !important;
}

.homepage h2 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0px;
}

.homepage .steps {
    border-radius: 400px;
    border: 2px solid gray;
    margin-bottom: 10px;
}

.homepage hr {
    margin: 40px 0;
}

.head-banner {
    background-color: #222222;
    background-size: cover;
    text-align: center;
    color: white;
    font-size: 18px;
    height: 500px;
    padding: 120px 10px 10px;
}

@media (max-width: 768px) {
    .head-banner {
        height: 400px;
        padding-top: 70px;
    }
}

.head-banner h1 {
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
}

.head-banner p {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
    margin-bottom: 25px;
}

.homepage h2 {
    margin-top: 0px;
}

.homepage h4 {
    margin-bottom: 30px;
}

.homepage .text-big {
    font-size: 18px;
    font-weight: 300;
}

.homepage .text-medium {
    font-size: 16px;
    font-weight: 300;
}

.has-tip {
    display: inline;
    border-bottom: 1px dotted #a9b5c0;
    cursor: help;
    display: inline-block;
    font-weight: 300;
    position: relative;
}

#bot-waiting-container {
    margin-top: 15px;
    position: relative;
}

#bot-waiting-img {
    filter: alpha(opacity=20);
    /* IE */
    -moz-opacity: 0.2;
    /* Mozilla */
    opacity: 0.2;
}

.dashboard-stat.white {
    background-color: white;
}

.dashboard-stat.white .visual > i {
    font-size: 55px;
    line-height: 95px;
    margin-left: 0;
    margin-top: -10px;
    opacity: 1;
}

.dashboard-stat .details .number {
    font-size: 31px;
    padding-top: 10px;
}

.modal .large {
    width: 95%;
}

.label-lg {
    font-size: 16px;
}

.border-radius-3 {
    border-radius: 3px;
}

/* Payment Page */
.payment-block .payment-pricing {
    overflow: hidden;
    border: 1px solid #e6e8ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 20, 40, 0.06);
}

.payment-block .payment-pricing-head h3 {
    font-weight: 300;
    color: #ffffff;
    padding: 26px 12px;
    font-size: 32px;
    background: #333333;
    border-bottom: solid 1px #222222;
}

.payment-block .payment-pricing-head h4 {
    color: #132B3F;
    padding: 10px 0 5px;
    font-size: 50px;
    font-weight: 300;
    background: rgba(249, 249, 249, 1);
    border-bottom: solid 1px #f0f2f7;
}

.payment-block .payment-pricing-head h3, .payment-block .payment-pricing-head h4 {
    margin: 0;
    line-height: normal;
}

.payment-block .payment-pricing-head h3 span {
    display: block;
    margin-top: 6px;
    font-size: 15px;
    font-style: italic;
    color: rgba(255, 255, 255, 0.75);
}

.payment-block .payment-pricing-head h4 span.monthly {
    font-size: 14px;
    font-style: normal;
    color: #8a90a0;
}

.payment-block .payment-pricing-head h4 i {
    top: -8px;
    font-size: 30px;
    font-style: normal;
    position: relative;
}

.payment-block .payment-pricing-content {
    margin-bottom: 0;
}

.payment-block .payment-pricing-content li {
    color: #333333;
    font-size: 14px;
    padding: 13px 10px;
    border-bottom: solid 1px #f0f2f7;
}

.payment-block .payment-pricing-content li:last-child {
    border-bottom: none;
}

.payment-block .payment-pricing-content li .fa {
    width: 18px;
    text-align: center;
    color: #8a90a0;
}

.payment-block .payment-pricing-trust {
    display: inline-block;
    margin: 0;
    padding: 14px 16px;
    text-align: left;
}

.payment-block .payment-pricing-trust-wrap {
    border-top: 1px solid #f0f2f7;
    background: #fbfcfe;
    text-align: center;
}

.payment-block .payment-pricing-trust li {
    padding: 4px 0;
    font-size: 12px;
    line-height: 1.4;
    color: #6c757d;
    white-space: nowrap;
}

.payment-block .payment-pricing-trust .fa-check {
    width: 16px;
    margin-right: 4px;
    text-align: center;
    color: #5BBA42;
}

.payment-block .m-portlet {
    overflow: hidden;
    border: 1px solid #e6e8ef;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(20, 20, 40, 0.06);
}

.payment-block .checkout-subtitle {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #9aa0ac;
}

.payment-block .pay-option label {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #575962;
}

.payment-block .pay-option .form-control {
    height: 44px;
}

.payment-block .pay-option .form-text {
    font-size: 12px;
}

.payment-block .method {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 122px;
    padding: 18px 14px;
    cursor: pointer;
    border: 1px solid #e1e5ee;
    border-radius: 10px;
    background-color: #fafbfc;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.payment-block .card-logos {
    text-align: center;
}

.payment-block .card-logos img {
    margin: 5px;
}

.payment-block .radio-input {
    margin-top: 14px;
    font-size: 13px;
}

.payment-block input[type='radio'] {
    display: inline-block;
}

.payment-block label.method:hover {
    border-color: #b8c2d6;
    background-color: #fff;
}

.payment-block .method.blue-border,
.payment-block label.method.blue-border:hover {
    border-color: #3b82f6;
    background-color: #f0f7ff;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15);
}

.payment-block .checkout-alert {
    background: #eef7ff;
    border: 1px solid #b9dcff;
    color: #1769aa;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

.payment-block .checkout-alert strong {
    color: #11578d;
}

.payment-block .discount_code_input .form-group {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.payment-block .discount-code-toggle {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #6c757d;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
}

.payment-block .discount-code-toggle:hover {
    color: #36a3f7;
}

.payment-block .discount-code-fields {
    margin-top: 10px;
    max-width: 340px;
}

.payment-block .pay-creditcard .discount_code_input {
    margin: 5px 0 20px;
}

/* On side-by-side layouts, line the discount column up with the control
   row of the column on its left (44px-tall inputs). */
@media (min-width: 768px) {
    .payment-block .pay-crypto .discount-code-toggle {
        line-height: 44px;
    }

    .payment-block .pay-crypto .discount-code-fields,
    .payment-block .pay-paddle .discount-code-fields {
        margin-top: 0;
    }
}

.payment-block .btn-pay {
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease-in-out;
    letter-spacing: .5px;
    border: none;
    border-radius: 999px;
    padding: 16px 32px;
    color: #fff;
    background: #5BBA42;
    box-shadow: 0 6px 14px rgba(91, 186, 66, 0.25);
}

.payment-block .btn-pay:not([disabled]):hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.payment-block .btn-pay[disabled] {
    opacity: .7;
    cursor: default;
}

.payment-block .pay-trust {
    margin: 14px 0 0;
    font-size: 12px;
    color: #9aa0ac;
}

.payment-block .pay-trust span {
    display: inline-block;
    margin: 0 8px;
    white-space: nowrap;
}

.payment-block .pay-trust .fa {
    margin-right: 3px;
}

.payment-block .label-success {
    background-color: #5BBA42 !important;
    color: white !important;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

@media (max-width: 575px) {
    .homepage .steps {
        margin-top: 20px;
    }

    .border-radius-3 {
        margin-top: 20px;
    }

    #modal-sign-up h2 {
        font-size: 24px;
    }

    #modal-sign-up #form-sign-up .input-group-lg > .form-control,
    #modal-sign-up #form-sign-up .input-group-lg > .input-group-addon,
    #modal-sign-up #form-sign-up .input-group-lg > .input-group-btn > .btn {
        font-size: 14px !important;
    }

    ul[role="tablist"] li a {
        position: relative;
    }

    .payment-block .btn-pay {
        width: 100%;
    }

    .payment-block .checkout-subtitle {
        display: block;
        margin-left: 0;
    }

    .pay-option .margin-top-50 {
        margin-top: 10px !important;
    }

    .pay-option .margin-bottom-20 {
        margin-bottom: 5px !important;
    }

    .pay-option label {
        text-indent: 5px;
    }

    .pay-option select[name="country"] {
        margin-bottom: 10px;
    }

    .pay-option #cardnumber {
        margin-bottom: 10px;
    }

    .user-results .remove-mar-top-mobile {
        margin-top: 0 !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }

    .user-results h2.margin-top-50.margin-bottom-50 {
        margin: 25px 0 !important;
    }

    .user-results hr.margin-top-50.margin-bottom-50 {
        margin: 30px 0 0 !important;
    }

}

@media (max-width: 767px) {
    .payment-block .method {
        margin-bottom: 15px;
    }
}

.pagination-nomargin .pagination {
    margin: 0 !important;
}

@media (min-width: 576px) {
    h1 {
        margin: .67em 0;
        font-size: 64px;
        line-height: 58px;
        font-size: 40px;
        letter-spacing: -1px;
        line-height: 38px;
        font-weight: 800;
    }
}

h1 {
    margin: .67em 0;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 38px;
    font-weight: 800;
}

.uppercase {
    text-transform: uppercase;
}

.homepage-keyword {
    font-size: 2.6rem;
    padding: 10px 10px 10px 20px;
    -webkit-clip-path: polygon(20px 0, 100% 5px, 100% 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 5px, 100% 100%, 0 100%);
    background-color: #F4516C;
    font-weight: 800;
    color: #fff;
    display: inline-block;
}

@media (min-width: 576px) {
    .homepage-keyword {
        font-size: 4rem;
        padding: 10px 20px 10px 40px;
        -webkit-clip-path: polygon(40px 0, 100% 10px, 100% 100%, 0 100%);
        clip-path: polygon(40px 0, 100% 10px, 100% 100%, 0 100%);
    }
}

@media (min-width: 768px) {
    .homepage-keyword {
        font-size: 5rem;
        padding: 20px 20px 20px 40px;
    }
}

@media (min-width: 1024px) {
    .homepage-keyword {
        font-size: 6rem;
    }
}

@media (min-width: 1200px) {
    .homepage-keyword {
        font-size: 7rem;
    }
}

.font-light {
    font-weight: 100;
}

.font-5 {
    font-size: 4rem;
    line-height: 5.4rem;
}

.font-3 {
    font-size: 2.3rem;
    line-height: 3.1rem;
}

.font-2 {
    font-size: 1.3rem;
    line-height: 2rem;
}

.font-1-8 {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.margin-top__sm {
    margin-top: 40px !important;
}

.cta-subtext {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 14px;
}

.bt-container {
    padding: 0 10px;
}

@media (min-width: 576px) {
    .bt-container {
        width: 576px;
        margin: auto;
    }
}

@media (min-width: 768px) {
    .bt-container {
        width: 720px
    }
}

@media (min-width: 1024px) {
    .bt-container {
        width: 940px
    }
}

@media (min-width: 1200px) {
    .bt-container {
        width: 1140px
    }
}

@media (min-width: 1400px) {
    .bt-container {
        width: 1340px
    }
}

@media (min-width: 1600px) {
    .bt-container {
        width: 1540px
    }
}

.m-topbar__username {
    padding-right: 0px !important;
}

/*
.btn-primary {
    cursor: pointer;
    background-color: #f4516c !important;
    border-color: #f4516c !important;
}

.btn-primary:hover {
    background-color: #F22D4E !important;
    border-color: #F22D4E !important;
}
*/

.features-list .feature-icon {
    font-size: 48px;
    float: left;
    padding-top: 10px;
}

.features-list .feature-text {
    padding-left: 70px;
}

.process-step {
    position: relative;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    -webkit-box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
    box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
}

.process-step::after {
    display: none;
    position: absolute;
    content: '';
    width: 154px;
    height: 35px;
    top: -10px;
    right: -31%;
    background: url("/img/process-line.png") no-repeat scroll 0 0/contain;
}

@media (min-width: 768px) {
    .process-step {
        padding: 35px;
        margin-top: 30px;
    }

    .process-step::after {
        display: inline;
    }
}

@media (min-width: 1024px) {
    .process-step::after {
        width: 275px;
        height: 56px;
        top: -40px;
        right: -40%;
        background-size: cover;
    }
}

.process:last-child .process-step:after {
    display: none;
}

.bt-primary-background {
    clip-path: polygon(0 3%, 100% 0, 100% 97%, 0px 100%);
    padding: 8% 0;
    background-color: #f4f6f9;
    color: #4b5563;
}

.bt-primary-background h2,
.bt-primary-background h3 {
    color: #1f2933;
}

.bt-primary-background a:not(.btn) {
    color: #EF5757;
}

@media (min-width: 768px) {
    .bt-primary-background {
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0px 100%);
    }
}

@media (min-width: 1024px) {
    .bt-primary-background {
        clip-path: polygon(0 8%, 100% 0, 100% 92%, 0px 100%);
        padding: 6% 0;
    }
}

.bt-primary-background-footer {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0px 100%);
    padding: 2% 0 1%;
}

.text-alert-button {
    line-height: 31px;
}

.m-tooltip.tooltip .tooltip-inner {
    max-width: 320px !important;
}

.chart, .pie, .bars {
    overflow: hidden;
    height: 300px;
    width: 100%;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
}

.table a:hover {
    text-decoration: none;
}

.nomargin-bottom {
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
        max-width: 900px;
    }
}

@media (min-width: 1400px) {
    .waiting-margin-top {
        margin-top: 50px;

    }
}

.badge-big {
    font-size: 100%;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(81, 77, 92, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(81, 77, 92, 0.08);
}

.thumbnail a > img, .thumbnail > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

/*
Primary: #EF5757
Success: #52E052
Warning: #F4C557
Danger: #EB2D2D
Black: #1F292E
Dark Gray: #415058
Mid Gray: #C8CDD0
Light Gray: #F2F2F3
*/

.btn.btn-brand.active, .btn.btn-brand.focus, .btn.btn-brand:focus, .btn.btn-brand:hover:not(:disabled) {
    color: white !important;
    background-color: #DB1515 !important;
    border-color: #DB1515 !important;
}

.btn-brand, .label-brand, .homepage-keyword, .pricing-head h3 {
    color: white !important;
    background-color: #EF5757 !important;
    border-color: #EF5757 !important;
}

.btn-brand:hover {
    background-color: #EC3232 !important;
    border-color: #EC3232 !important;
}

.btn-outline-brand, .alert.m-alert--outline.alert-brand {
    color: #EF5757 !important;
    border-color: #EF5757 !important;
}

.alert.m-alert--outline.alert-brand .m-alert__icon i {
    color: #EF5757 !important;
}

.btn-outline-brand:hover, .btn-outline-brand:focus {
    color: white !important;
    background-color: #EF5757 !important;
    border-color: #EF5757 !important;
}

.pricing-active {
    border-color: #EF5757 !important;
}

.pricing-head h4, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
    color: #EF5757;
}

.btn-success, .label-success {
    color: white !important;
    background-color: #2FC72F !important;
    border-color: #2FC72F !important;
}


.btn.btn-success.active, .btn.btn-success.focus, .btn.btn-success:focus, .btn.btn-success:hover:not(:disabled) {
    background-color: #28A628 !important;
    border-color: #28A628 !important;
}

.btn-outline-success, .alert.m-alert--outline.alert-success {
    color: #2FC72F !important;
    border-color: #2FC72F !important;
}

.alert.m-alert--outline.alert-success .m-alert__icon i {
    color: #2FC72F !important;
}

.btn-outline-success:hover, .btn-outline-success:focus {
    color: white !important;
    background-color: #2FC72F !important;
    border-color: #2FC72F !important;
}

.btn-warning, .label-warning {
    color: white !important;
    background-color: #F4C557 !important;
    border-color: #F4C557 !important;
}

.btn.btn-warning.active, .btn.btn-warning.focus, .btn.btn-warning:focus, .btn.btn-warning:hover:not(:disabled) {
    color: white !important;
    background-color: #F2B532 !important;
    border-color: #F2B532 !important;
}

.btn-outline-warning, .alert.m-alert--outline.warning {
    color: #F4C557 !important;
    border-color: #F4C557 !important;
}

.alert.m-alert--outline.alert-warning .m-alert__icon i {
    color: #F4C557 !important;
}

.btn-outline-warning:hover, .btn-outline-warning:focus {
    color: white !important;
    background-color: #F4C557 !important;
    border-color: #F4C557 !important;
}

.btn-danger, .label-danger {
    color: white !important;
    background-color: #EB2D2D !important;
    border-color: #EB2D2D !important;
}


.btn.btn-danger.active, .btn.btn-danger.focus, .btn.btn-danger:focus, .btn.btn-danger:hover:not(:disabled) {
    color: white !important;
    background-color: #DB1515 !important;
    border-color: #DB1515 !important;
}

.btn-outline-danger, .alert.m-alert--outline.alert-danger {
    color: #EB2D2D !important;
    border-color: #EB2D2D !important;
}

.alert.m-alert--outline.danger .m-alert__icon i {
    color: #EB2D2D !important;
}

.btn-outline-danger:hover, .btn-outline-danger:focus {
    color: white !important;
    background-color: #EB2D2D !important;
    border-color: #EB2D2D !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #EF5757 !important;
}

.m-dropdown__header {
    background-color: #EF5757 !important;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name {
    color: white;
}

.footer {
    font-size: 0.9rem;
    font-weight: 400;
    color: #a9a9aa;
}

.footer a {
    color: #6f727d;
    font-weight: 400;
}

.m-footer {
    height: auto;
}

.m-footer__wrapper {
    border-top: 1px solid #F2F3F8;
}

.bot-visits-log {
    width: 99%;
    margin: 5px 5px 0px 0px;
    padding: 10px 15px 10px 10px;
}

.bot-visits-log .badge {
    min-width: 135px;
}

.results-visits {
    height: 160px;
    margin-top: 3px;
    width: 100%;
    line-height: 40px;
}

@media (min-width: 1200px) {
    .results-visits {
        height: 215px;
        margin-top: 33px;
    }
}

@media (min-width: 1400px) {
    .results-visits {
        height: 295px;
        margin-top: 123px;
    }
}

.modal-backdrop.show {
    opacity: 0.8;
}

.btn > i {
    vertical-align: initial !important;
}

.as-h1 {
    margin: .67em 0;
    font-size: 64px;
    line-height: 58px;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 38px;
    font-weight: 800;
}

.homepage-h1-small {
    letter-spacing: 0px;
    font-size: 2.3rem;
    font-weight: 700;
    margin: 0;
}

.modal .modal-content .modal-header .close span {
    display: inline;
}

.modal .modal-content .modal-header .close {
    font-size: medium;
}

.modal .modal-content .modal-header .close::before {
    content: '';
}

.form-control {
    height: initial;
}

.m-timeline-3 .m-timeline-3__item {
    display: table;
    width: 100%;
}

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-time {
    width: 5rem !important;
    text-align: center;
}

.m-timeline-3 .m-timeline-3__item::before {
    height: calc(100% - 20px) !important;
    top: 0;
}

.m-timeline-3__item.m-timeline-3__item--success::before {
    background: #2FC72F !important;
}

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
    line-height: 2em;
}

.help-block {
    width: 100%;
    font-style: italic;
}

@media (max-width: 768px) {
    .owl-theme .owl-dots .owl-dot span {
        padding: 14px;
    }
}

.owl-theme .owl-dots .owl-dot span {
    background: white !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791 !important;
}

.owl-carousel .item {
    margin: 25px;
    padding: 35px;
    box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
}

.review-name {
    margin: .67em 0;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 800;
}

.review-name .company {
    font-size: 40%;
    font-weight: 400;
}

strong {
    font-weight: 500 !important;
}

.faq a, .faq a:hover {
    color: #575962;
}

.fake-link {
    cursor: pointer;
}

.fake-link-color {
    color: #5b9bd1;
}

@media (max-width: 768px) {
    .footer {
        font-size: 12px;
    }
    .footer .content-links a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.irs--flat .irs-handle > i:first-child {
    background-color: #1252f1 !important;
}

.irs--flat .irs-bar {
    background-color: #1252f1 !important;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #1252f1 !important;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #1252f1 !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.payment-crypto-qrcode img {
    width: 100%;
}

/* =====================================================================
   Modern global design - same language as the Payment page
   (rounded cards, soft borders & shadows, smooth transitions).
   Colors and layout are unchanged.
   ===================================================================== */

/* Header */
.m-header {
    box-shadow: 0 1px 0 0 #eef0f6;
}

/* Cards / portlets */
.m-portlet {
    border: 1px solid #e6e8ef;
    border-radius: 12px;
    background-clip: padding-box;
    box-shadow: 0 8px 24px rgba(20, 20, 40, 0.06);
}

.m-portlet .m-portlet__head {
    border-bottom: 1px solid #f0f2f7;
    border-radius: 12px 12px 0 0;
}

.m-portlet > .m-portlet__body:first-child {
    border-radius: 12px 12px 0 0;
}

.m-portlet > .m-portlet__body:last-child,
.m-portlet > form > .m-portlet__body:last-child {
    border-radius: 0 0 12px 12px;
}

.m-portlet .m-portlet__foot {
    border-top: 1px solid #f0f2f7;
    border-radius: 0 0 12px 12px;
}

/* Alerts */
.alert {
    border-radius: 10px;
}

.alert.m-alert--outline {
    background: #fff;
}

/* Alert-only portlets (top-of-page notices): the portlet was adding a second,
   slightly offset frame around the alert. Neutralize the wrapper so the colored
   alert itself is the single card, and drop the asymmetric bottom margin. */
.m-portlet:has(> .m-portlet__body--no-padding > .alert) {
    border: none;
    box-shadow: none;
    background: transparent;
}

.m-portlet > .m-portlet__body--no-padding > .alert {
    margin-bottom: 0 !important;
    box-shadow: 0 8px 24px rgba(20, 20, 40, 0.06);
}

/* Buttons */
.btn {
    border-radius: 8px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

/* Forms */
.form-control {
    border-radius: 8px;
    border-color: #e1e5ee;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.form-control:hover:not(:focus):not([disabled]) {
    border-color: #b8c2d6;
}

.form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

/* Dropdowns (user menu, header) */
.m-dropdown .m-dropdown__wrapper {
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(20, 20, 40, 0.14);
}

.m-dropdown .m-dropdown__inner {
    border-radius: 12px;
    overflow: hidden;
}

/* Modals */
.modal .modal-content {
    border: 1px solid #e6e8ef;
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(20, 20, 40, 0.18);
}

.modal .modal-content .modal-header {
    border-bottom-color: #f0f2f7;
}

.modal .modal-content .modal-footer {
    border-top-color: #f0f2f7;
}

/* =====================================================================
   Unified soft badges
   ===================================================================== */
.badge {
    padding: 4px 8px;
    font-weight: 500;
    border-radius: 6px;
}

.badge-brand {
    color: #EF5757 !important;
    background-color: #fdecec !important;
}

.badge-primary {
    color: #4a5acb !important;
    background-color: #eef0fc !important;
}

.badge-success {
    color: #1d7a1d !important;
    background-color: #e6f7e6 !important;
}

.badge-info {
    color: #1769aa !important;
    background-color: #eef7ff !important;
}

.badge-warning {
    color: #9a6c00 !important;
    background-color: #fdf3d7 !important;
}

.badge-danger {
    color: #c01818 !important;
    background-color: #fdeaea !important;
}

.badge-default, .badge-secondary {
    color: #6c757d !important;
    background-color: #f2f3f8 !important;
}

/* =====================================================================
   Dashboard
   ===================================================================== */

/* Card titles */
.m-portlet .m-portlet__head-text {
    font-size: 1.25rem;
    font-weight: 600 !important;
}

.m-portlet .m-portlet__head-text small {
    margin-left: 6px;
    font-size: 0.9rem;
    font-weight: 400;
    color: #9aa0ac;
}

/* Chart */
.chart-sm {
    height: 220px;
}

.chart-empty {
    padding: 48px 20px;
    text-align: center;
    color: #8a90a0;
}

.chart-empty > .fa {
    display: block;
    margin: 0 auto 14px;
    font-size: 44px;
    color: #d3d8e5;
}

.chart-empty-title {
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 600;
    color: #575962;
}

.chart-empty .btn {
    margin-top: 8px;
}

/* Projects / campaigns tables */
.projects-table td, .campaigns-table td {
    vertical-align: middle;
    border-top: 1px solid #f0f2f7;
}

.projects-table tr:first-child td, .campaigns-table tr:first-child td {
    border-top: none;
}

.projects-table .col-status {
    width: 110px;
    text-align: right;
    white-space: nowrap;
}

.projects-table .col-actions {
    width: 170px;
    text-align: right;
    white-space: nowrap;
}

/* Last visits / clean tables */
.last-visits thead th, .table-clean thead th {
    font-size: 12px;
    letter-spacing: .5px;
    color: #9aa0ac;
    border-top: none;
}

.last-visits tbody tr:nth-child(odd), .table-clean tbody tr:nth-child(odd) {
    background-color: #fbfcfe;
}

.last-visits.table-hover tbody tr:hover, .table-clean.table-hover tbody tr:hover {
    background-color: #f4f6fb;
}

.last-visits td, .table-clean td {
    border-top: 1px solid #f0f2f7;
}

.last-visits td.log-date {
    font-size: 13px;
    color: #9aa0ac;
    white-space: nowrap;
}

.last-visits .log-source {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 7px;
    font-size: 11px;
    line-height: 1.6;
    color: #8a90a0;
    background: #f2f3f8;
    border-radius: 4px;
}

/* Merge the head-only campaign portlet with the card below it,
   so title + content render as a single card (like Last Visits). */
.m-portlet.nomargin-bottom {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.m-portlet.nomargin-bottom + .m-portlet {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.m-portlet.nomargin-bottom + .m-portlet > .m-portlet__body:first-child {
    border-radius: 0 0 12px 12px;
}

/* Pricing: highlighted plan + reassurance line */
.pricing-popular {
    border-color: #EF5757 !important;
}

.pricing-popular-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    background: #EF5757;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(239, 87, 87, 0.35);
}

.pricing-reassurance {
    margin: 14px 0 0;
    font-size: 13px;
    color: #8a90a0;
}

.pricing-reassurance .fa-check {
    color: #5BBA42;
    margin-right: 3px;
}

/* Legacy portlet section titles (help, waiting list, ...) */
.portlet-title .caption-subject {
    font-size: 1.25rem;
    font-weight: 600;
    color: #575962;
}

/* Soften default table separators site-wide */
.table th, .table td {
    border-top-color: #f0f2f7;
}

.table thead th {
    border-bottom-color: #f0f2f7;
}

/* Last visits date filter */
.log-filter .form-control {
    width: auto;
    height: 34px;
}

.log-filter-sep {
    margin: 0 8px;
    font-size: 13px;
    color: #9aa0ac;
}

.log-filter .btn {
    margin-left: 8px;
}

.log-filter-reset {
    margin-left: 10px;
    font-size: 13px;
    color: #6c757d;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
}

.log-filter-manual {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 12px;
    font-size: 13px;
    font-weight: 400;
    color: #575962;
    cursor: pointer;
    white-space: nowrap;
}

.log-filter-manual input {
    margin-right: 5px;
}

/* ============================================================
   Homepage components
   ============================================================ */

/* Illustration panel so artwork breathes on any background */
.media-panel {
    border-radius: 16px;
    background: #f6f7f9;
    border: 1px solid #eef0f5;
    padding: 22px;
    text-align: center;
}

.media-panel img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 8px;
}

/* Feature icon tiles */
.feature-item__icon {
    float: left;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #fdecec;
    color: #EF5757;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.features-list .feature-item__icon + .feature-text {
    padding-left: 70px;
}

/* Tech spec cards (replaces the hairline table) */
.spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 28px 0;
}

.spec-card {
    border: 1px solid #e6e8ef;
    border-radius: 12px;
    background: #fff;
    padding: 18px 20px;
    box-shadow: 0 6px 18px rgba(20, 20, 40, .04);
}

.spec-card h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2933;
    margin: 0 0 6px;
}

.spec-card h4 .fa {
    color: #EF5757;
    margin-right: 8px;
}

.spec-card p {
    font-size: .92rem;
    line-height: 1.5;
    color: #6b7280;
    margin: 0;
}

@media (max-width: 575px) {
    .spec-grid {
        grid-template-columns: 1fr;
    }
}

/* Numbered steps (How does Babylon Traffic work) */
.bt-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.bt-step {
    text-align: center;
    background: #fff;
    border: 1px solid #e6e8ef;
    border-radius: 16px;
    padding: 32px 24px;
    box-shadow: 0 8px 24px rgba(20, 20, 40, .08);
}

.bt-step__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #EF5757;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 16px;
}

.bt-step h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2933 !important;
    margin: 0 0 8px;
}

.bt-step p {
    font-size: .98rem;
    line-height: 1.55;
    color: #6b7280;
    margin: 0;
}

@media (max-width: 767px) {
    .bt-steps {
        grid-template-columns: 1fr;
    }
}

/* Testimonial cards */
.home-quote {
    height: 100%;
    margin: 6px 10px;
    padding: 30px 26px;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e8ef;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(20, 20, 40, .06);
}

.home-quote__stars {
    color: #F4C557;
    font-size: 1rem;
    margin-bottom: 14px;
}

.home-quote__body {
    font-size: 1.02rem;
    line-height: 1.6;
    color: #3f4753;
    font-weight: 400;
    margin: 0 0 18px;
}

.home-quote__body strong {
    color: #1f2933;
}

.home-quote__name {
    font-weight: 700;
    color: #1f2933;
    margin: 0;
}

.home-quote__role {
    display: block;
    font-size: .9rem;
    font-weight: 400;
    color: #9aa0ac;
}

/* Make owl testimonial slides equal height so the cards line up */
#owl-demo .owl-stage { display: flex; }
#owl-demo .owl-item { display: flex; }
#owl-demo .item { display: flex; width: 100%; }

/* Hero trust strip (own row under the hero) */
.home-trust {
    margin-top: 18px;
}

.home-trust ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-trust li {
    font-size: .95rem;
    color: #5b6472;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.home-trust .fa {
    color: #5BBA42;
}

/* SEO "Read more" disclosure */
.seo-more {
    margin-top: 6px;
}

.seo-more > summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    list-style: none;
    color: #EF5757;
    font-weight: 600;
    font-size: .95rem;
    padding: 4px 0;
}

.seo-more > summary::-webkit-details-marker {
    display: none;
}

.seo-more > summary::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .8em;
    transition: transform .15s ease;
}

.seo-more[open] > summary {
    margin-bottom: 8px;
}

.seo-more[open] > summary::after {
    transform: rotate(180deg);
}

/* FAQ accordion */
.faq-accordion {
    width: 100%;
}

/* Split hero */
.hero2 {
    padding: 44px 0 30px;
}

.hero2__title {
    font-size: 2.4rem;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.5px;
    color: #1f2933;
    margin: 0 0 14px;
}

.hero2__title .accent {
    color: #EF5757;
}

.hero2__sub {
    font-size: 1.12rem;
    line-height: 1.55;
    color: #6b7280;
    margin: 0 0 22px;
    max-width: 32em;
}

.hero2__form {
    max-width: 480px;
}

.hero2__form .form-control,
.hero2__form .input-group-append .btn {
    height: 50px;
    font-size: 1rem;
}

.hero2__form .input-group-append .btn {
    display: inline-flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
}

.hero2__support {
    margin-top: 12px;
    font-size: .9rem;
    color: #8a90a0;
}

.hero2__support strong {
    color: #5b6472;
    font-weight: 600 !important;
}

.hero2__media {
    border-radius: 18px;
    background: linear-gradient(160deg, #ffffff 0%, #f4f6fa 100%);
    border: 1px solid #eef0f5;
    box-shadow: 0 20px 50px rgba(20, 20, 40, .08);
    padding: 20px;
}

.hero2__media img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

@media (min-width: 992px) {
    .hero2__title {
        font-size: 2.9rem;
    }
}

@media (max-width: 991px) {
    .hero2 {
        text-align: center;
    }

    .hero2__sub,
    .hero2__form {
        margin-left: auto;
        margin-right: auto;
    }

    .hero2__media {
        margin-top: 28px;
    }
}

/* Use-case cards */
.usecases {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.usecase {
    background: #fff;
    border: 1px solid #e6e8ef;
    border-radius: 14px;
    padding: 24px 18px;
    text-align: center;
    box-shadow: 0 6px 18px rgba(20, 20, 40, .04);
}

.usecase .fa {
    font-size: 24px;
    color: #EF5757;
    margin-bottom: 12px;
}

.usecase h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2933 !important;
    margin: 0 0 5px;
}

.usecase p {
    font-size: .88rem;
    line-height: 1.45;
    color: #6b7280;
    margin: 0;
}

@media (max-width: 991px) {
    .usecases {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .usecases {
        grid-template-columns: 1fr;
    }
}

/* Static testimonial grid (replaces carousel) */
.testi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .testi-grid {
        grid-template-columns: 1fr;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Pricing teaser */
.pricing-teaser {
    text-align: center;
}

.pricing-teaser .btn + .btn {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .pricing-teaser .btn {
        display: block;
        width: 100%;
    }

    .pricing-teaser .btn + .btn {
        margin-left: 0;
        margin-top: 10px;
    }
}

/* How it works - illustrated alternating rows */
.howto__row {
    margin-top: 44px;
}

.howto__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #EF5757;
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 14px;
}

.howto__text h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1f2933;
    margin: 0 0 10px;
}

.howto__text p {
    font-size: 1.02rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

@media (max-width: 991px) {
    .howto__text {
        text-align: center;
        margin-top: 22px;
    }
}

/* Screenshot slot (shows a tidy placeholder until the image file exists) */
.step-shot {
    padding: 14px;
}

.step-shot img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.step-shot__placeholder {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    color: #9aa0ac;
    border: 2px dashed #d3d8e5;
    border-radius: 8px;
}

.step-shot__placeholder .fa {
    font-size: 34px;
    color: #cdd2dd;
}

.step-shot__placeholder small {
    color: #b3b8c2;
}

/* "Works with your SEO tools" trust strip */
.seo-tools {
    text-align: center;
}

.seo-tools__label {
    font-size: .95rem;
    color: #9aa0ac;
    font-weight: 500;
    margin: 0 0 18px;
}

.seo-tools__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px 40px;
}

.seo-tool {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #5b6472;
}

.seo-tool img {
    width: 26px;
    height: 26px;
}

/* Signup modal */
.signup-modal {
    position: relative;
    border: none;
    border-radius: 16px;
    overflow: hidden;
}

.signup-modal__close {
    position: absolute;
    top: 14px;
    right: 18px;
    z-index: 5;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    opacity: .9;
    cursor: pointer;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}

.signup-modal__close:hover {
    opacity: 1;
}

.signup-modal__aside {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 100%;
}

.signup-modal__aside-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px 30px;
    background: linear-gradient(180deg, rgba(31, 41, 51, 0) 25%, rgba(31, 41, 51, .82) 100%);
    color: #fff;
}

.signup-modal__aside-overlay h3 {
    color: #fff;
    font-weight: 700;
    font-size: 1.35rem;
    margin: 0 0 6px;
}

.signup-modal__aside-overlay p {
    margin: 0;
    font-size: .95rem;
    opacity: .92;
}

.signup-modal .no-gutters > .signup-modal__main {
    padding: 48px 46px;
}

.signup-modal__main h2 {
    margin: 0 0 10px;
    font-weight: 800;
    color: #1f2933;
    font-size: 1.7rem;
}

.signup-modal__sub {
    color: #6b7280;
    font-size: 1.02rem;
    line-height: 1.5;
    margin: 0 0 26px;
}

.signup-modal__main .form-control {
    height: 50px;
    border-radius: 8px;
}

.signup-modal__main .btn-brand {
    height: 50px;
    font-weight: 700;
    letter-spacing: .3px;
}

.signup-modal__trust {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
}

.signup-modal__trust li {
    font-size: .9rem;
    color: #5b6472;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.signup-modal__trust .fa {
    color: #5BBA42;
}

@media (max-width: 767px) {
    .signup-modal__aside {
        min-height: 150px;
    }

    .signup-modal .no-gutters > .signup-modal__main {
        padding: 32px 28px;
    }
}

.faq-item {
    border: 1px solid #e6e8ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(20, 20, 40, .04);
    margin-bottom: 12px;
    overflow: hidden;
}

.faq-item > summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1f2933;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.faq-item > summary::-webkit-details-marker {
    display: none;
}

.faq-item > summary::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .8em;
    color: #9aa0ac;
    flex: 0 0 auto;
}

.faq-item[open] > summary {
    color: #EF5757;
}

.faq-item[open] > summary::after {
    content: "\f068";
    color: #EF5757;
}

.faq-item__body {
    padding: 0 22px 20px;
    color: #5b6472;
    line-height: 1.65;
}

.faq-item__body a {
    color: #EF5757;
}

/* =====================================================================
   Homepage 2026 redesign (header, hero, sections, cards, final CTA)
   ===================================================================== */

:root {
    --bt-red: #EF5757;
    --bt-red-dark: #EC3232;
    --bt-purple: #EF5757; /* purple retired - all accents now brand red */
    --bt-ink: #1f2933;
    --bt-muted: #6b7280;
    --bt-light: #f4f6f9;
    --bt-dark-1: #2b2622; /* warm charcoal final CTA (no purple cast) */
    --bt-dark-2: #1a1613;
}

/* ---------- Header: clean white + thin purple top strip + bigger logo ---------- */
.m-header {
    background: #fff !important;
    border-top: 4px solid var(--bt-purple);
    box-shadow: 0 1px 0 0 #eef0f6, 0 6px 18px rgba(20, 20, 40, .04);
}

.m-header .m-header__top,
.m-header .m-header__bottom {
    background: #fff !important;
}

/* Bigger logo */
.bt-logo {
    height: 42px !important;
    width: auto !important;
    max-height: 42px !important;
}

@media (max-width: 768px) {
    .bt-logo { height: 36px !important; max-height: 36px !important; }
}

/* Nav links: larger, readable, dark on white */
.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #3f4753 !important;
    font-size: 1.02rem;
    font-weight: 600;
}
.m-header-menu .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: var(--bt-red) !important;
}

/* Nav CTA button */
.nav-cta {
    font-weight: 600 !important;
    padding: 9px 20px !important;
}

/* Sign-in link a touch larger */
.m-topbar__nav .m-topbar__welcome { font-size: 1rem; }

/* ---------- Section system: only white / light / dark ---------- */
.hsec {
    padding: 84px 0;
}
.hsec--light {
    background: var(--bt-light);
}
.hsec--hero {
    padding: 70px 0 64px;
}
.hsec--dark {
    background: linear-gradient(135deg, var(--bt-dark-1) 0%, var(--bt-dark-2) 100%);
}

@media (max-width: 991px) {
    .hsec { padding: 56px 0; }
    .hsec--hero { padding: 40px 0 48px; }
}

.hsec__head {
    max-width: 820px;
    margin: 0 auto 46px;
}
.hsec__title {
    font-size: 2.1rem;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.4px;
    color: var(--bt-ink) !important;
    margin: 0 0 14px;
}
.hsec__sub {
    font-size: 1.12rem;
    line-height: 1.6;
    color: var(--bt-muted);
    margin: 0 auto;
    max-width: 720px;
    font-weight: 400;
}
@media (min-width: 992px) {
    .hsec__title { font-size: 2.5rem; }
}

/* ---------- Hero overrides (bigger headline, closer CTA, bigger media) ---------- */
.hero2__grid { row-gap: 28px; }

.hero2__title {
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
    margin: 0 0 18px !important;
}
@media (min-width: 992px) {
    .hero2__title { font-size: 3.4rem !important; }
}
.hero2__sub {
    font-size: 1.18rem !important;
    margin: 0 0 24px !important;
    max-width: 34em !important;
}
.hero2__form { max-width: 520px; }
.hero2__form .form-control,
.hero2__form .input-group-append .btn {
    height: 56px !important;
    font-size: 1.05rem !important;
}
.hero2__form .input-group-append .btn {
    font-weight: 600 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}
.hero2__links {
    margin: 4px 0 0;
    font-size: 1rem;
}
.hero2__links a {
    color: var(--bt-purple);
    font-weight: 600;
    text-decoration: none;
}
.hero2__links a:hover { text-decoration: underline; }
.hero2__links-sep { color: #c8cdd6; margin: 0 8px; }

.hero2__trust {
    margin-top: 16px;
    font-size: .98rem;
    color: #5b6472;
    font-weight: 500;
}

/* Bigger dashboard card */
.hero2__media {
    border-radius: 18px;
    background: linear-gradient(160deg, #ffffff 0%, #eef1f7 100%);
    border: 1px solid #e7eaf1;
    box-shadow: 0 30px 70px rgba(20, 20, 40, .14);
    padding: 14px;
}
.hero2__media img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}
@media (min-width: 992px) {
    .hero2__media {
        margin-left: 18px;
        transform: scale(1.04);
        transform-origin: left center;
    }
}

/* ---------- Inline trust strip ---------- */
.home-trust--inline {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 34px;
    margin: 0 0 44px;
    padding: 0;
}
.home-trust--inline li {
    color: #4b5563;
    font-size: 1rem;
    font-weight: 500;
}
.home-trust--inline .fa { color: var(--bt-red); margin-right: 7px; }
.home-trust--inline strong { color: var(--bt-ink); }

/* ---------- Use-case cards: taller, bigger icons ---------- */
.usecases {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.usecase {
    background: #fff;
    border: 0;
    border-radius: 16px;
    padding: 36px 28px;
    text-align: left;
    box-shadow: 0 10px 30px rgba(20, 20, 40, .06);
    min-height: 230px;
}
.usecase__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: #fdecec;
    margin-bottom: 18px;
}
.usecase__icon .fa {
    font-size: 28px;
    color: var(--bt-red);
}
.usecase h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bt-ink) !important;
    margin: 0 0 8px;
}
.usecase p {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--bt-muted);
    margin: 0;
}
@media (max-width: 991px) {
    .usecases { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .usecases { grid-template-columns: 1fr; }
}

/* ---------- How it works: 3 cards (no zigzag) ---------- */
.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.step-card {
    background: #fff;
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(20, 20, 40, .08);
    display: flex;
    flex-direction: column;
}
.step-card__shot {
    background: #f1f3f8;
    border-bottom: 1px solid #eceef4;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.step-card__shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.step-card__body {
    padding: 26px 26px 30px;
}
.step-card__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--bt-red);
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 14px;
}
.step-card__body h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--bt-ink);
    margin: 0 0 9px;
}
.step-card__body p {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--bt-muted);
    margin: 0;
}
@media (max-width: 991px) {
    .steps { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
}

/* ---------- Feature cards: bigger ---------- */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.feature-card {
    background: #fff;
    border: 0;
    border-radius: 16px;
    padding: 34px 28px;
    box-shadow: 0 10px 30px rgba(20, 20, 40, .06);
}
.feature-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: #fdecec;
    margin-bottom: 16px;
}
.feature-card__icon .fa {
    font-size: 26px;
    color: var(--bt-red);
}
.feature-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--bt-ink);
    margin: 0 0 8px;
}
.feature-card p {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--bt-muted);
    margin: 0;
}
@media (max-width: 991px) {
    .feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .feature-grid { grid-template-columns: 1fr; }
}

/* ---------- Pricing preview cards ---------- */
.plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
    max-width: 980px;
    margin: 0 auto;
}
.plan-card {
    position: relative;
    background: #fff;
    border: 1px solid #e9ebf2;
    border-radius: 16px;
    padding: 34px 28px;
    box-shadow: 0 10px 30px rgba(20, 20, 40, .05);
    text-align: center;
    display: flex;
    flex-direction: column;
}
.plan-card--featured {
    border: 2px solid var(--bt-red);
    box-shadow: 0 18px 44px rgba(239, 87, 87, .18);
}
.plan-card__badge {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bt-red);
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 999px;
}
.plan-card__name {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--bt-ink);
    margin: 0 0 6px;
}
.plan-card__desc {
    font-size: .98rem;
    color: var(--bt-muted);
    margin: 0 0 18px;
    min-height: 44px;
}
.plan-card__price {
    font-size: 1rem;
    color: var(--bt-muted);
    margin: 0 0 22px;
}
.plan-card__price strong {
    font-size: 2.1rem;
    color: var(--bt-ink);
    font-weight: 800;
}
.plan-card__price span { font-size: .95rem; }
.plan-card .btn { margin-top: auto; font-weight: 600; }
.plan-grid__cta { margin-top: 40px; }
.plan-grid__cta .btn { margin: 6px; }
@media (max-width: 767px) {
    .plan-grid { grid-template-columns: 1fr; max-width: 420px; }
}

/* ---------- SEO content: visually separated, muted ---------- */
.seo-content .seo-content__overline {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: .8rem;
    font-weight: 700;
    color: #9aa0b3;
    margin: 0 0 14px;
}
.seo-content .seo-article {
    max-width: 1040px;
    margin: 0 auto;
    color: #5b6472;
}
.seo-content .seo-article h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--bt-ink);
    margin: 0 0 12px;
}
.seo-content .seo-article p {
    font-size: 1rem;
    line-height: 1.7;
    color: #5b6472;
}
.seo-content .seo-article a { color: var(--bt-red); }

/* ---------- Final CTA (dark purple) ---------- */
.final-cta { color: #fff; }
.final-cta__title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #fff !important;
    margin: 0 0 14px;
    letter-spacing: -.4px;
}
@media (min-width: 992px) {
    .final-cta__title { font-size: 2.7rem; }
}
.final-cta__sub {
    font-size: 1.18rem;
    color: #c7c4e6;
    margin: 0 auto 30px;
    max-width: 620px;
}
.final-cta__actions .btn { margin: 6px; font-weight: 600; }
.btn-ghost-light {
    color: #fff !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .55) !important;
}
.btn-ghost-light:hover,
.btn-ghost-light:focus {
    background: rgba(255, 255, 255, .12) !important;
    border-color: #fff !important;
    color: #fff !important;
}

/* Larger, lighter section subtitles reused by spec/testi blocks inside hsec */
.hsec .testi-grid { margin-top: 8px; }
.hsec .seo-tools { margin-top: 56px; }

/* =====================================================================
   Homepage 2026 - refinement pass (testimonials, cards, guide, polish)
   ===================================================================== */

:root { --bt-blue: #3b82f6; }

/* ---------- Header: tinted nav sub-bar (instead of second white bar) ---------- */
.m-header .m-header__bottom {
    background: #f6f7fb !important;
    border-top: 1px solid #e9ebf2;
    border-bottom: 1px solid #e9ebf2;
}
.m-header .m-header__bottom .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ---------- Global polish: tighter sections, taller buttons, hover ---------- */
.hsec { padding: 72px 0; }
@media (max-width: 991px) { .hsec { padding: 52px 0; } }
.hsec__head { margin-bottom: 40px; }
.hsec__title { font-size: 2.2rem; }
@media (min-width: 992px) { .hsec__title { font-size: 2.6rem; } }
.hsec__sub { font-size: 1.14rem; }

/* Buttons: consistent ~48px height + hover lift on homepage */
.hsec .btn,
.nav-cta {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hsec .btn-brand:hover { box-shadow: 0 8px 20px rgba(239, 87, 87, .28); transform: translateY(-1px); }
.plan-card .btn { width: 100%; }

/* Card hover states (red accent stays for CTAs/icons only) */
.usecase, .feature-card, .step-card, .plan-card {
    transition: transform .18s ease, box-shadow .18s ease;
}
.usecase:hover, .feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(20, 20, 40, .10);
}
.step-card:hover { transform: translateY(-4px); box-shadow: 0 20px 46px rgba(20, 20, 40, .12); }
.plan-card:not(.plan-card--featured):hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(20, 20, 40, .10); }

/* ---------- Use-case cards: bigger icons, color split, stronger hierarchy ---------- */
.usecases { gap: 26px; }
.usecase { padding: 40px 30px; min-height: 248px; }
.usecase__icon { width: 72px; height: 72px; border-radius: 18px; margin-bottom: 20px; }
.usecase__icon .fa { font-size: 31px; }
.usecase__icon--red { background: #fdecec; }
.usecase__icon--red .fa { color: var(--bt-red); }
.usecase__icon--purple { background: #fdecec; }
.usecase__icon--purple .fa { color: var(--bt-red); }
.usecase h3 { font-size: 1.32rem; font-weight: 800; }
.usecase p { font-size: 1.02rem; }

/* ---------- Feature cards: a touch more weight ---------- */
.feature-card { padding: 36px 30px; }
.feature-card__icon { width: 64px; height: 64px; }
.feature-card__icon .fa { font-size: 28px; }
.feature-card h3 { font-size: 1.24rem; font-weight: 800; }

/* ---------- Testimonials: avatars + roles, equal heights ---------- */
.home-quote { display: flex; flex-direction: column; }
.home-quote__body { flex: 1 1 auto; font-size: 1.05rem; }
.home-quote__person {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #eef0f5;
}
.home-quote__avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .98rem;
    color: #fff;
    flex: 0 0 auto;
    letter-spacing: .5px;
}
.home-quote__avatar--red,
.home-quote__avatar--purple,
.home-quote__avatar--blue { background: linear-gradient(135deg, #f86d6d, #e23c3c); }
.home-quote__meta { display: flex; flex-direction: column; line-height: 1.3; }
.home-quote__name { font-weight: 700; color: #1f2933; font-size: 1.02rem; }
.home-quote__role { font-size: .9rem; color: #6b7280; }

/* ---------- Tool logos: readable, not tiny ---------- */
.seo-tools__logos { gap: 16px 26px; }
.seo-tools .seo-tool {
    font-size: 1.02rem;
    color: #4b5563;
    font-weight: 500;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #e9ebf2;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(20, 20, 40, .04);
}
.seo-tools .seo-tool img { width: 24px; height: 24px; margin-right: 9px; }
.seo-tools__label { font-size: 1rem; }

/* ---------- SEO content as a clean "Guide" white card ---------- */
.seo-content { }
.seo-guide {
    background: #fff;
    border: 1px solid #eceef4;
    border-radius: 20px;
    box-shadow: 0 16px 44px rgba(20, 20, 40, .06);
    padding: 52px;
    max-width: none;
    margin: 0;
}
.seo-guide__head { text-align: center; max-width: 760px; margin: 0 auto 6px; }
.seo-guide__badge {
    display: inline-block;
    background: #fdecec;
    color: var(--bt-red);
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 999px;
    margin-bottom: 16px;
}
.seo-guide__title { font-size: 1.9rem; font-weight: 800; color: var(--bt-ink); margin: 0 0 14px; }
.seo-guide__intro { font-size: 1.06rem; color: var(--bt-muted); line-height: 1.65; margin: 0; }
/* Lighter article weight inside the guide */
.seo-content .seo-article h3 { font-size: 1.22rem; font-weight: 700; }
.seo-content .seo-article p { font-size: .98rem; line-height: 1.7; }
.seo-content .media-panel { box-shadow: 0 8px 24px rgba(20, 20, 40, .07); }
@media (max-width: 767px) { .seo-guide { padding: 30px 22px; } }

/* ---------- Final CTA: bigger ---------- */
.final-cta { padding: 100px 0; }
.final-cta__title { font-size: 2.5rem; }
@media (min-width: 992px) { .final-cta__title { font-size: 3.1rem; } }
.final-cta__sub { font-size: 1.24rem; margin-bottom: 34px; }
.final-cta__actions .btn { min-height: 54px; padding-left: 34px; padding-right: 34px; font-size: 1.08rem; }

/* =====================================================================
   Homepage 2026 - red-only accents + hero trust + testimonial polish
   ===================================================================== */

/* Hero trust line: integrated row of red check items */
.hero2__trust {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    padding: 0;
    margin: 18px 0 0;
}
.hero2__trust li {
    display: inline-flex;
    align-items: center;
    font-size: .96rem;
    font-weight: 500;
    color: #5b6472;
}
.hero2__trust li .fa {
    color: var(--bt-red);
    margin-right: 8px;
    font-size: 1rem;
}
@media (max-width: 991px) {
    .hero2__trust { justify-content: center; }
}

/* Hero links: clearly red */
.hero2__links a { color: var(--bt-red); }

/* Testimonials: left-aligned, cleaner, subtle red quote accent */
.home-quote {
    position: relative;
    text-align: left;
    padding: 32px 28px;
    overflow: hidden;
}
.home-quote::after {
    content: "\201D";
    position: absolute;
    top: 8px;
    right: 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4rem;
    line-height: 1;
    color: #fbe3e3;
    pointer-events: none;
}
.home-quote__stars {
    text-align: left;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}
.home-quote__body {
    position: relative;
    z-index: 1;
    color: #3f4753;
}

/* =====================================================================
   Homepage 2026 - stats band + differentiation note
   ===================================================================== */

/* Differentiation note under a section subtitle */
.hsec__note {
    margin: 10px auto 0;
    max-width: 720px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--bt-red);
}

/* Stats band (bold numbers strip at top of social proof) */
.stats-band {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 920px;
    margin: 0 auto 50px;
}
.stat {
    text-align: center;
    padding: 6px 10px;
    position: relative;
}
.stat + .stat::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    width: 1px;
    background: #e1e5ee;
}
.stat__num {
    display: block;
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.5px;
    color: var(--bt-ink);
}
.stat__label {
    display: block;
    margin-top: 6px;
    font-size: .96rem;
    color: var(--bt-muted);
    font-weight: 500;
}
@media (max-width: 767px) {
    .stats-band { grid-template-columns: repeat(2, 1fr); gap: 26px 18px; max-width: 460px; }
    .stat:nth-child(odd)::before,
    .stat + .stat::before { display: none; }
    .stat__num { font-size: 1.9rem; }
}

/* =====================================================================
   Dashboard - "Last Visits" table refinement
   ===================================================================== */

/* Card header */
.lv-title { font-weight: 600 !important; }
.lv-count {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}

/* Filter labels */
.log-filter-label {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    margin: 0 6px 0 0;
}
.log-filter .form-control + .log-filter-label { margin-left: 12px; }

/* Denser, cleaner rows (dashed separators, no zebra) */
.last-visits tbody tr:nth-child(odd) { background-color: transparent; }
.last-visits td {
    padding: 7px 12px;
    vertical-align: middle;
    border-top: none;
    border-bottom: 1px dashed #e6e8ef;
}
.lv-row { cursor: pointer; }
.last-visits tbody tr:last-child td { border-bottom: none; }
.last-visits thead th {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .6px;
    color: #6b7280;
    border-top: none;
    border-bottom: 1px solid #e6e8ef;
    padding: 6px 12px 10px;
}
.last-visits.table-hover tbody tr:hover { background-color: #f7f9fc; }

/* Date cell */
.last-visits td.log-date { white-space: nowrap; }
.lv-date { display: block; font-size: 13.5px; font-weight: 600; color: #3f4753; }
.lv-time { display: block; font-size: 12px; color: #9aa0ac; margin-top: 1px; }
.lv-type { color: #6b7280; font-weight: 500; }

/* Project / Campaign cell */
.lv-project {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #2b3038;
}
a.lv-project:hover { color: #EF5757; }
.lv-campaign {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    color: #6b7280;
}
.lv-campaign-label { color: #6b7280; }
.lv-campaign .badge { margin-left: 3px; font-size: 12px; padding: 4px 9px; font-weight: 600; }
.lv-deleted { color: #b3b8c2; font-style: italic; font-weight: 400; }

/* Footer */
.last-visits tfoot td { border-bottom: none; border-top: 1px solid #eef0f5; padding-top: 16px; }
.lv-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.lv-foot__count { font-size: 13px; color: #8a90a0; }
.lv-foot__pager { margin-left: auto; }
.lv-foot__pager .pagination { margin: 0; }

/* Result action button + soft "light" button variants */
.lv-action { font-weight: 700; }
.lv-action .fa { margin-right: 5px; }

.btn-light-primary { color: #4a5acb !important; background-color: #eef0fc !important; border-color: #eef0fc !important; }
.btn-light-primary:hover, .btn-light-primary:focus { color: #fff !important; background-color: #4a5acb !important; border-color: #4a5acb !important; }
.btn-light-success { color: #1d7a1d !important; background-color: #e6f7e6 !important; border-color: #e6f7e6 !important; }
.btn-light-success:hover, .btn-light-success:focus { color: #fff !important; background-color: #2FC72F !important; border-color: #2FC72F !important; }
.btn-light-warning { color: #9a6c00 !important; background-color: #fdf3d7 !important; border-color: #fdf3d7 !important; }
.btn-light-warning:hover, .btn-light-warning:focus { color: #fff !important; background-color: #F4C557 !important; border-color: #F4C557 !important; }
.btn-light-danger { color: #c01818 !important; background-color: #fdeaea !important; border-color: #fdeaea !important; }
.btn-light-danger:hover, .btn-light-danger:focus { color: #fff !important; background-color: #EB2D2D !important; border-color: #EB2D2D !important; }
.btn-light-secondary { color: #5b6472 !important; background-color: #eef0f4 !important; border-color: #eef0f4 !important; }
.btn-light-secondary:hover, .btn-light-secondary:focus { color: #2b3038 !important; background-color: #e2e5ec !important; border-color: #e2e5ec !important; }
.btn-light-info { color: #1769aa !important; background-color: #eef7ff !important; border-color: #eef7ff !important; }
.btn-light-info:hover, .btn-light-info:focus { color: #fff !important; background-color: #36a3f7 !important; border-color: #36a3f7 !important; }

@media (max-width: 767px) {
    .lv-foot { justify-content: center; }
    .lv-foot__pager { margin-left: 0; }
}

/* =====================================================================
   Features page - alternating feature rows
   ===================================================================== */
.feat-row { row-gap: 30px; }
.media-panel img.full-width,
.feat-media-col .media-panel img { width: 100%; height: auto; border-radius: 10px; display: block; }
.feat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: #fdecec;
    margin-bottom: 18px;
}
.feat-icon .fa { font-size: 27px; color: var(--bt-red); }
.feat-title {
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -.3px;
    color: var(--bt-ink) !important;
    margin: 0 0 14px;
}
@media (min-width: 992px) { .feat-title { font-size: 2.1rem; } }
.feat-text {
    font-size: 1.08rem;
    line-height: 1.65;
    color: var(--bt-muted);
    margin: 0 0 16px;
}
.feat-text a { color: var(--bt-red); }
.feat-list {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--bt-muted);
    margin: 0 0 18px;
    padding-left: 20px;
}
.feat-list li { margin-bottom: 6px; }
@media (max-width: 991px) {
    .feat-text-col { text-align: center; margin-top: 8px; }
    .feat-list { display: inline-block; text-align: left; }
}