/* Vibrant blue-gold theme for the public website and authentication pages */
:root {
    --public-navy: #03102a;
    --public-blue: #082b61;
    --public-blue-bright: #1679ed;
    --public-gold: #ffc43d;
    --public-text: #dbe8ff;
    --public-muted: #9eb5da;
}

/* Public pages use a clean app-style header. Navigation is provided by the
   page sections and footer links, so the public header stays focused on the
   brand, language and account actions. */
.public-minimal-header {
    position: relative;
    z-index: 20;
}

.public-minimal-nav {
    min-height: 78px;
    gap: 20px;
}

.public-minimal-nav .logo img {
    max-width: 190px;
    max-height: 52px;
    object-fit: contain;
}

.public-header-actions {
    margin-left: auto;
    gap: 16px;
}

.public-header-actions .account-buttons {
    gap: 10px;
}

.public-header-actions .btn {
    min-width: 94px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
}

.public-header-actions .public-header-register {
    border: 1px solid rgba(255, 196, 61, .9) !important;
    background: rgba(3, 16, 42, .28) !important;
}

.public-header-actions .public-header-register .text--gradient {
    color: #ffe477 !important;
    -webkit-text-fill-color: #ffe477 !important;
}

.public-header-actions .language-wrapper {
    min-height: 40px;
    padding: 7px 12px;
    border: 1px solid rgba(94, 173, 255, .42);
    border-radius: 999px;
    background: rgba(3, 16, 42, .32);
}

.public-header-actions .language_text_select {
    color: var(--public-text) !important;
}

.public-header-actions .langList_dropdow {
    z-index: 30;
    min-width: 150px;
    border: 1px solid rgba(94, 173, 255, .5) !important;
    background: #082b61 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .3);
}

html { scroll-behavior: smooth; }

[id] { scroll-margin-top: 92px; }

body {
    background: var(--public-navy);
}

.header:not(.dashboard-header) {
    background:
        radial-gradient(circle at 88% 0%, rgba(22, 121, 237, .24), transparent 34%),
        linear-gradient(135deg, #03102a, #071d40) !important;
    border-bottom: 1px solid rgba(64, 142, 255, .35);
    box-shadow: 0 9px 28px rgba(0, 0, 0, .2);
}

.banner-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 20%, rgba(22, 121, 237, .34), transparent 32%),
        radial-gradient(circle at 12% 65%, rgba(255, 196, 61, .12), transparent 30%),
        linear-gradient(145deg, #03102a 0%, #082b61 58%, #04132e 100%) !important;
}

.banner-section::before {
    position: absolute;
    inset: 0;
    content: "";
    background-image:
        linear-gradient(rgba(73, 145, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(73, 145, 255, .055) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent);
    pointer-events: none;
}

.banner-section .container {
    position: relative;
    z-index: 1;
}

.banner-content__title {
    color: #fff !important;
    text-shadow: 0 0 28px rgba(64, 142, 255, .2);
}

.banner-content__title::first-line {
    color: #fff;
}

.banner-content__desc,
.section-heading__desc,
.about-item__desc {
    color: var(--public-muted) !important;
}

.banner-thumb img {
    width: min(100%, 560px);
    max-height: 540px;
    object-fit: contain;
    filter: drop-shadow(0 25px 38px rgba(0, 74, 190, .32)) drop-shadow(0 0 20px rgba(255, 196, 61, .1));
}

.banner-thumb {
    position: relative;
    isolation: isolate;
}

.banner-thumb::before {
    position: absolute;
    z-index: -1;
    top: 14%;
    right: 8%;
    width: 78%;
    height: 70%;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, rgba(25, 131, 255, .38), transparent 68%);
    filter: blur(12px);
}

.btn--base,
.account .btn-outline--base,
.contact .btn--base {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border-color: var(--public-gold) !important;
    box-shadow: 0 9px 24px rgba(255, 183, 0, .22);
}

.btn--base::before,
.btn--base::after,
.account .btn-outline--base::before,
.account .btn-outline--base::after {
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border-color: var(--public-gold) !important;
}

.breadcrumb.bg-img {
    background-color: #061a3a !important;
    background-image:
        radial-gradient(circle at 83% 10%, rgba(25, 123, 247, .32), transparent 35%),
        linear-gradient(135deg, #03102a, #092653) !important;
    border-bottom: 1px solid rgba(64, 142, 255, .42);
}

.breadcrumb.bg-img::before {
    background: linear-gradient(90deg, rgba(3, 16, 42, .45), rgba(3, 16, 42, .15)) !important;
}

.breadcrumb__title {
    color: #fff !important;
    text-shadow: 0 0 24px rgba(64, 142, 255, .3);
}

.about,
.contact {
    background:
        radial-gradient(circle at 90% 12%, rgba(22, 121, 237, .17), transparent 27%),
        linear-gradient(180deg, #04132e, #061a3a) !important;
}

.about-item,
.contact-item {
    background: linear-gradient(145deg, #0b3269, #061b3e) !important;
    border: 1px solid rgba(70, 157, 255, .5) !important;
    border-radius: 17px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.about-item__icon,
.contact-item__icon {
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    box-shadow: 0 0 22px rgba(255, 183, 0, .24);
}

.about-item__title,
.contact-item__title,
.contact-form__title,
.section-heading__title {
    color: #fff !important;
}

.contact-item__desc,
.contact-item__desc a {
    color: var(--public-muted) !important;
}

.contact .contact-form {
    background:
        radial-gradient(circle at 90% 5%, rgba(34, 128, 255, .18), transparent 30%),
        linear-gradient(145deg, #0b3269, #061b3e) !important;
    border: 1px solid rgba(70, 157, 255, .52) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24);
}

.account {
    min-height: 100vh;
    background-color: var(--public-navy) !important;
    background-image:
        radial-gradient(circle at 85% 8%, rgba(22, 121, 237, .32), transparent 32%),
        radial-gradient(circle at 8% 55%, rgba(255, 196, 61, .11), transparent 27%),
        linear-gradient(155deg, #03102a, #082b61 58%, #04132e) !important;
}

.account::before {
    background: transparent !important;
}

.account-form {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(35, 132, 255, .2), transparent 32%),
        linear-gradient(145deg, rgba(11, 50, 105, .97), rgba(5, 27, 62, .98)) !important;
    border: 1px solid rgba(70, 157, 255, .58) !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .3), inset 0 0 28px rgba(42, 126, 255, .04);
}

.account-form::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, transparent, var(--public-gold), #4aa4ff, transparent);
}

.account-form__title,
.account .form--label,
.account .form-check-label {
    color: #fff !important;
}

.account .form--control,
.account .form-control,
.contact .form--control,
.contact .form-control,
.account .select2-selection {
    color: #fff !important;
    background: rgba(3, 16, 42, .82) !important;
    border: 1px solid rgba(94, 173, 255, .48) !important;
    border-radius: 11px !important;
}

.account .form--control:focus,
.account .form-control:focus,
.contact .form--control:focus {
    border-color: #51a8ff !important;
    box-shadow: 0 0 0 3px rgba(64, 156, 255, .14) !important;
}

.account .input-icon,
.account .password-show-hide {
    color: #7fa9df !important;
}

.account .text--gradient,
.account .have-account__link,
.account .forgot-password,
.account .text--base {
    color: var(--public-gold) !important;
    -webkit-text-fill-color: var(--public-gold) !important;
}

.account .btn-outline--base .text--gradient {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
}

/* Replace remaining legacy charcoal/brown public cards */
.pricing, .faq, .calculator, .how-work, .service, .subscribe {
    background-color: var(--public-navy) !important;
}

.pricing-item {
    overflow: hidden;
    background: radial-gradient(circle at 90% 0%, rgba(30, 129, 255, .18), transparent 35%), linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .52) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .24) !important;
}

.pricing-item__thumb {
    margin: 14px !important;
    background: radial-gradient(circle, rgba(28, 118, 235, .23), transparent 62%), linear-gradient(145deg, #092957, #061a3b) !important;
    border: 1px solid rgba(72, 160, 255, .26) !important;
    border-radius: 15px !important;
}

.pricing-item__title, .pricing-item__body, .pricing-item__body p, .pricing-item__body li {
    color: #fff !important;
}

.pricing-item__price, .pricing-item__price .price, .pricing-item__price .dollar {
    color: var(--public-gold) !important;
    -webkit-text-fill-color: var(--public-gold) !important;
}

.pricing-item__footer .btn-outline--base {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
    text-shadow: none !important;
    background-color: #ffc43d !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border-color: var(--public-gold) !important;
    box-shadow: 0 8px 22px rgba(255, 183, 0, .2);
}

.pricing-item__footer .btn-outline--base::before,
.pricing-item__footer .btn-outline--base::after {
    display: none !important;
}

.pricing-item__footer .btn-outline--base .text--gradient {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
}

.custom--accordion .accordion-item {
    overflow: hidden;
    margin-bottom: 12px;
    background: linear-gradient(145deg, #0a2e62, #051a3b) !important;
    border: 1px solid rgba(72, 160, 255, .45) !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
}

.custom--accordion .accordion-button, .custom--accordion .accordion-button.collapsed {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.custom--accordion .accordion-button:not(.collapsed),
.custom--accordion .accordion-button:not(.collapsed) .text {
    color: var(--public-gold) !important;
    -webkit-text-fill-color: var(--public-gold) !important;
}

.custom--accordion .accordion-body {
    color: var(--public-muted) !important;
    background: rgba(3, 16, 42, .45) !important;
    border-top: 1px solid rgba(72, 160, 255, .22);
}

.calculator-content {
    background: radial-gradient(circle at 90% 0%, rgba(30, 129, 255, .2), transparent 36%), linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .52) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .25) !important;
}

.calculator-content::before {
    background: linear-gradient(145deg, #1279ed, #064291) !important;
    opacity: .72;
}

.calculator-content__title, .calculator-content .form--label,
.calculator-content__revenue, .calculator-content__revenue h2 {
    color: #fff !important;
}

.calculator-content .form--control {
    color: #fff !important;
    background: rgba(3, 16, 42, .78) !important;
    border: 1px solid rgba(91, 174, 255, .46) !important;
    border-radius: 11px !important;
}

.how-work-item__content {
    background: radial-gradient(circle at 90% 0%, rgba(30, 129, 255, .15), transparent 38%), linear-gradient(145deg, #0a2e62, #051a3b) !important;
    border: 1px solid rgba(72, 160, 255, .42) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.how-work-item {
    display: block !important;
    height: 100%;
}

.how-work-item__number {
    position: relative !important;
    width: 78px !important;
    height: 78px !important;
    margin: 0 auto 16px !important;
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border: 3px solid #ffc43d !important;
    border-radius: 22px !important;
    box-shadow: 0 0 24px rgba(255, 183, 0, .24) !important;
}

.how-work-item__number::before,
.how-work-item__number::after,
.how-work-item__hexagon {
    display: none !important;
}

.how-work-item__number .text {
    color: #07162f !important;
    font-size: 2rem !important;
}

.how-work-item__content::before { border-bottom-color: #0a2e62 !important; }
.how-work-item__title { color: #fff !important; }
.how-work-item__desc { color: var(--public-muted) !important; }

.service-item {
    height: 100%;
    background: radial-gradient(circle at 85% 0%, rgba(30, 129, 255, .16), transparent 36%), linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .48) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .22);
}

.service-item__icon {
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    box-shadow: 0 0 24px rgba(255, 183, 0, .22);
}

.service-item__title { color: #fff !important; }
.service-item__desc { color: var(--public-muted) !important; }

.support-coin {
    background: linear-gradient(180deg, #081f47, #03102a) !important;
}

.support-coin-item {
    min-height: 82px;
    padding: 12px 16px !important;
    background: linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(255, 196, 61, .65) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.support-coin-item__title { color: #fff !important; }

/* Give every supported coin its own recognizable mark instead of reusing the
   single image stored in the legacy support_coin records. */
.support-coin-item__icon.coin-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid rgba(255, 224, 122, .9);
    color: #07162f !important;
    box-shadow: 0 0 18px rgba(255, 196, 61, .35), inset 0 0 0 3px rgba(255, 255, 255, .16);
}

.support-coin-item__icon.coin-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coin-logo__symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #07162f;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}

.coin-logo--bitcoin { background: linear-gradient(145deg, #ffe47a, #d88b00) !important; }
.coin-logo--litecoin { background: linear-gradient(145deg, #f5f7ff, #aab7d0) !important; }
.coin-logo--ethereum { background: linear-gradient(145deg, #b7c5ff, #6679d8) !important; }
.coin-logo--ripple { background: linear-gradient(145deg, #d4f5ff, #4fa7d4) !important; }
.coin-logo--cardano { background: linear-gradient(145deg, #b8d8ff, #4e76d2) !important; }
.coin-logo--bitcoin .coin-logo__symbol,
.coin-logo--litecoin .coin-logo__symbol,
.coin-logo--ethereum .coin-logo__symbol { font-size: 2rem; }
.coin-logo--ripple .coin-logo__symbol,
.coin-logo--cardano .coin-logo__symbol { font-size: .78rem; letter-spacing: .02em; }

.footer-area {
    color: var(--public-text) !important;
    background: linear-gradient(180deg, #03102a, #061a3a) !important;
    border-top: 1px solid rgba(72, 160, 255, .3);
}

.footer-item__title,
.footer-item__desc,
.footer-menu__link,
.footer-contact-menu__item .text,
.bottom-footer__text {
    color: var(--public-text) !important;
}

.footer-menu__link:hover { color: var(--public-gold) !important; }

.footer-item__title::before,
.footer-item__title::after { background: var(--public-gold) !important; }

.bottom-footer {
    background: rgba(3, 16, 42, .7) !important;
    border-top: 1px solid rgba(72, 160, 255, .22);
}

.cta-section,
.call-to-action,
.choose-plan {
    background: linear-gradient(145deg, #061a3a, #082b61) !important;
}

.cta {
    background: radial-gradient(circle at 85% 0%, rgba(30, 129, 255, .2), transparent 35%), linear-gradient(145deg, #0b3269, #051a3d) !important;
    border-block: 1px solid rgba(72, 160, 255, .3);
}

.cta-content__title { color: #fff !important; }
.cta-content__desc { color: var(--public-muted) !important; }

.feature-section {
    background: linear-gradient(180deg, #03102a, #061a3a) !important;
}

.feature-item {
    padding: 18px !important;
    background: linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .42) !important;
    border-radius: 16px !important;
}

.feature-item__icon {
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
}

.feature-item__title { color: #fff !important; }
.feature-item__desc { color: var(--public-muted) !important; }

.cookies-card {
    width: min(430px, calc(100vw - 30px)) !important;
    padding: 24px !important;
    color: var(--public-text) !important;
    background: linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .55) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .38), 0 0 28px rgba(25, 123, 247, .12) !important;
}

.cookies-card__icon {
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    box-shadow: 0 0 22px rgba(255, 183, 0, .25);
}

.cookies-card p { color: var(--public-text) !important; }
.cookies-card p a { color: var(--public-gold) !important; }

.cookies-card .cookies-btn,
.cookies-card .btn,
.cookies-card__btn a {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border: 1px solid var(--public-gold) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(255, 183, 0, .2);
}

.subscribe {
    background: radial-gradient(circle at 82% 20%, rgba(30, 129, 255, .22), transparent 35%), linear-gradient(135deg, #061a3a, #092b5c) !important;
    border-block: 1px solid rgba(72, 160, 255, .25);
}

.subscribe__inner { background: transparent !important; }
.subscribe-form__title { color: #fff !important; }

.subscribe-form .form--control {
    color: #fff !important;
    background: rgba(3, 16, 42, .82) !important;
    border: 1px solid rgba(72, 160, 255, .5) !important;
}

.subscribe-form .btn {
    color: #07162f !important;
    background: linear-gradient(145deg, #ffe477, #e89b00) !important;
    border-color: var(--public-gold) !important;
}

@media screen and (max-width: 767px) {
    .header:not(.dashboard-header) {
        padding-block: 10px;
    }

    .public-minimal-nav {
        min-height: 58px;
        gap: 8px;
    }

    .public-minimal-nav .logo img {
        max-width: 145px;
        max-height: 42px;
    }

    .public-header-actions {
        gap: 7px;
    }

    .public-header-actions .language-wrapper {
        min-height: 34px;
        padding: 5px 8px;
    }

    .public-header-actions .language_text_select {
        font-size: 12px;
    }

    .public-header-actions .public-header-register {
        display: none;
    }

    .public-header-actions .btn {
        min-width: 66px;
        padding: 7px 11px;
        font-size: 12px;
    }

    .banner-section {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .banner-content__title {
        font-size: clamp(2rem, 9vw, 2.75rem);
        line-height: 1.22;
    }

    .banner-content__desc {
        font-size: 1rem;
        line-height: 1.7;
    }

    .banner-thumb {
        padding: 12px 6px 0;
    }

    .banner-thumb img {
        width: min(100%, 330px);
        max-height: 360px;
    }

    .breadcrumb {
        padding: 52px 0 34px;
    }

    .breadcrumb__title {
        font-size: 1.8rem;
    }

    .about,
    .contact {
        padding-top: 42px !important;
        padding-bottom: 55px !important;
    }

    .about-item,
    .contact-item {
        padding: 18px 16px;
    }

    .account {
        padding: 42px 0 60px !important;
    }

    .account-form {
        padding: 26px 20px !important;
        margin: 0 4px;
    }

    .account-form__logo img {
        max-width: 210px;
    }

    .account-form__title {
        margin-top: 25px;
        font-size: 1.35rem;
    }

    .account .form--control,
    .account .form-control {
        min-height: 56px;
    }

    .contact .contact-form {
        padding: 24px 18px !important;
    }

    .pricing-item { border-radius: 17px !important; }
    .pricing-item__thumb { margin: 10px !important; }
    .calculator-content { padding: 26px 18px !important; border-radius: 18px !important; }
    .how-work-item__content, .service-item { border-radius: 15px !important; }

    .cookies-card {
        width: calc(100vw - 24px) !important;
        left: 12px !important;
        bottom: 12px !important;
        padding: 18px 14px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
    }
}

/* Final public mockup polish: consistent spacing, cobalt surfaces and gold
   interaction states across every homepage section. */
.section-heading {
    max-width: 760px;
}

.section-heading__title {
    letter-spacing: .01em;
    text-shadow: 0 0 22px rgba(82, 166, 255, .15);
}

.section-heading__title::after {
    background: linear-gradient(90deg, var(--public-gold), #4aa4ff) !important;
}

.about-content__thumb img,
.faq-thumb img,
.feature-thumb img,
.subscribe__thumb,
.banner-thumb img {
    border-radius: 22px;
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, .28));
}

.about-content__thumb img,
.faq-thumb img,
.feature-thumb img {
    background: radial-gradient(circle, rgba(23, 121, 237, .2), transparent 68%);
}

.testimonials {
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 196, 61, .1), transparent 25%),
        linear-gradient(180deg, #061a3a, #03102a) !important;
}

.testimonails-card {
    height: 100%;
    padding: 26px !important;
    background: linear-gradient(145deg, #0b3269, #051a3d) !important;
    border: 1px solid rgba(72, 160, 255, .46) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .23);
}

.testimonial-item {
    gap: 20px;
}

.testimonial-item__thumb {
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    overflow: hidden;
    border: 2px solid var(--public-gold);
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(255, 196, 61, .2);
}

.testimonial-item__name,
.testimonial-item__designation,
.testimonial-item__desc {
    color: var(--public-text) !important;
}

.testimonial-item__name { color: #fff !important; }

.pricing .section-heading,
.faq .section-heading,
.feature-section .section-heading,
.service .section-heading,
.support-coin .section-heading {
    margin-bottom: 38px;
}

.pricing-item__footer { padding-top: 22px !important; }

.pricing-item__footer .btn-outline--base:hover,
.subscribe-form .btn:hover,
.public-header-actions .btn--base:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(255, 183, 0, .35) !important;
}

.feature-item,
.service-item,
.support-coin-item,
.about-item,
.contact-item,
.testimonails-card {
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.feature-item:hover,
.service-item:hover,
.support-coin-item:hover,
.about-item:hover,
.contact-item:hover,
.testimonails-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 196, 61, .85) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28), 0 0 24px rgba(22, 121, 237, .1);
}

.footer-area .footer-item__logo img {
    max-width: 210px;
    max-height: 58px;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .section-heading__title { font-size: clamp(1.55rem, 7vw, 2.15rem); }

    .testimonails-card { padding: 20px !important; }

    .testimonial-item { align-items: flex-start; }

    .testimonial-item__thumb {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .pricing .section-heading,
    .faq .section-heading,
    .feature-section .section-heading,
    .service .section-heading,
    .support-coin .section-heading {
        margin-bottom: 25px;
    }
}