/*
 * Clipping Path Network — Blue / Aqua / Mint brand theme
 * Reference: supplied website screenshot and blue-to-mint quote button.
 * Works with the site's existing Bootstrap 4 and Blade layouts.
 * Deliberately loaded last so it also styles existing page templates.
 */
:root {
    --cpn-navy: #10274b;
    --cpn-heading: #183c60;
    --cpn-text: #42627e;
    --cpn-blue: #168bc9;
    --cpn-aqua: #12adb9;
    --cpn-mint: #25d49f;
    --cpn-mint-dark: #0caa85;
    --cpn-line: #dce9ef;
    --cpn-pale: #f3faff;
    --cpn-gradient: linear-gradient(105deg, #1785c8 0%, #11b7ba 53%, #29dfa0 100%);
    --cpn-gradient-wide: linear-gradient(106deg, #287fb8 0%, #168fac 48%, #3dcf9f 100%);
    --cpn-shadow: 0 9px 24px rgba(18, 91, 133, 0.10);
}

/* Page defaults and keyboard-visible focus */
body { background-color: #fff; color: var(--cpn-text); }
a { color: #148ebd; }
a:hover, a:focus { color: #0dba96; }
h1, h2, h3, h4, h5, h6, .section-title h2,
.section-title-inner .title, .breadcrumb-area .title { color: var(--cpn-navy); }
::selection { color: #fff; background: #128fbc; }
::-moz-selection { color: #fff; background: #128fbc; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, .nav-link:focus-visible {
    outline: 2px solid var(--cpn-aqua);
    outline-offset: 3px;
}

/* Top contact/social bar: same blue-to-green wash as the example */
.support-bar-area {
    background: var(--cpn-gradient-wide);
    border-bottom: none;
    padding: 11px 0;
}
.support-bar-area .support-bar-inner .left-content-area ul li a,
.support-bar-area .support-bar-inner .right-content-area ul li a,
.support-bar-area .support-bar-inner .left-content-area ul li a i,
.support-bar-area .support-bar-inner .right-content-area ul li a i,
.support-bar-area .support-bar-inner .right-content-area ul li a span {
    color: #fff;
}
.support-bar-area .support-bar-inner a:hover,
.support-bar-area .support-bar-inner a:focus {
    color: #e6fff7 !important;
    background: transparent;
}

/* White desktop navbar with a deep blue menu label */
.navbar-area, .navbar-area.nav-fixed {
    background: #fff !important;
    border-bottom: 1px solid #eaf2f6;
    box-shadow: 0 2px 16px rgba(17, 59, 97, 0.055);
}
@media (min-width: 992px) {
    .navbar-area .navbar .collapse.navbar-collapse,
    .navbar-area.nav-fixed .navbar .collapse.navbar-collapse {
        background: #fff !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item > .nav-link,
    .navbar-area.nav-fixed .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item > .nav-link {
        color: var(--cpn-heading) !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item.active > .nav-link,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item:hover > .nav-link,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item > .nav-link:focus {
        color: var(--cpn-blue) !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item.cpn-nav-cta > .nav-link.trail-btn,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item.cpn-nav-cta.active > .nav-link.trail-btn {
        border-radius: 30px !important;
        padding: 9px 13px !important;
        min-height: 38px !important;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    /* Primary action — blue-to-mint, white label */
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-quote-cta > .nav-link.trail-btn,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-quote-cta:hover > .nav-link.trail-btn {
        background: var(--cpn-gradient) !important;
        border: 1px solid transparent !important;
        color: #fff !important;
    }
    /* Secondary actions — lightweight outline variants */
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-trial-cta > .nav-link.trail-btn,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-trial-cta:hover > .nav-link.trail-btn {
        background: #fff !important;
        border: 1px solid var(--cpn-blue) !important;
        color: var(--cpn-blue) !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-order-cta > .nav-link.trail-btn,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-order-cta:hover > .nav-link.trail-btn {
        background: #fff !important;
        border: 1px solid #11bc9b !important;
        color: #108d8a !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item.cpn-nav-cta > .nav-link.trail-btn:hover {
        box-shadow: 0 5px 16px rgba(14, 158, 166, .16) !important;
        transform: translateY(-1px);
    }
    /* The currency control used to be lavender/purple */
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-currency-menu > .cpn-currency-trigger,
    .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-currency-menu:hover > .cpn-currency-trigger {
        background: #fff !important;
        border: 1px solid #c7dce9 !important;
        color: #28577b !important;
        box-shadow: none !important;
    }
}
.navbar-area .navbar .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #365c79;
}
.navbar-area .navbar .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.navbar-area .navbar .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
    color: #08668e;
    background: #eaf9fb;
}
.navbar-area .navbar .collapse.navbar-collapse .navbar-nav .cpn-currency-dropdown .cpn-currency-option:hover,
.navbar-area .navbar .collapse.navbar-collapse .navbar-nav .cpn-currency-dropdown .cpn-currency-option.active {
    color: #127bac !important;
    background: #e8f9f8 !important;
}
.navbar-area .cpn-currency-heading { color: var(--cpn-navy) !important; }
.cpn-promo-slider { background: var(--cpn-gradient-wide) !important; }

/* Header image stays unchanged; only typography and controls are rethemed */
.header-area .single-header-item h1,
.header-area .single-header-item h1 span,
.header-area .single-header-item .subtitle,
.header-area .single-header-item .subtitle p,
.header-area .single-header-item .subtitle div,
.header-area .single-header-item .subtitle span { color: var(--cpn-navy); }
.header-area .carousel-caption { background: rgba(244, 250, 253, .35); }
.carousel-indicators li { background: var(--cpn-aqua); }
.carousel-indicators li.active { background: var(--cpn-mint); }
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
    background: #fff;
    color: #0eaeac;
    box-shadow: 0 5px 20px rgba(22, 109, 137, .12);
}

/* Primary buttons and Bootstrap components across all frontend pages */
.boxed-btn:not(.blank), .submit-btn, button.submit-btn,
.btn-primary, a.btn-primary, .btn-info,
.cpn-action-gradient, .bg-red,
.video-play-btn, .back-to-top {
    background: var(--cpn-gradient);
    color: #fff;
    border-color: transparent;
}
.boxed-btn:not(.blank):hover, .submit-btn:hover,
.btn-primary:hover, .btn-info:hover, .cpn-action-gradient:hover,
.video-play-btn:hover, .back-to-top:hover {
    background: linear-gradient(105deg, #116eab, #0b9eaa 55%, #16b388);
    color: #fff;
    border-color: transparent;
}
.boxed-btn, .submit-btn, .btn-primary, .btn-info { border-radius: 26px; }
.boxed-btn.blank,
.header-area .single-header-item .btn-wrapper .boxed-btn.blank {
    background: #fff;
    color: #137eaf;
    border: 2px solid #1ab8c4;
}
.boxed-btn.blank:hover,
.header-area .single-header-item .btn-wrapper .boxed-btn.blank:hover {
    background: #e7faf7;
    color: #0a7796;
    border-color: #1ab8c4;
}
.header-area .single-header-item .btn-wrapper .boxed-btn:not(.blank) {
    border-color: transparent;
}
.btn-outline-primary { color: #128fbc; border-color: #128fbc; }
.btn-outline-primary:hover { color: #fff; border-color: #128fbc; background: #128fbc; }
.badge-primary, .badge-info, .page-item.active .page-link,
.dropdown-item.active, .dropdown-item:active, .progress-bar {
    background-color: #13a9be;
    border-color: #13a9be;
    color: #fff;
}
.page-link { color: #168bc9; }
.page-link:hover { color: #0d957e; background: #effcf8; }
.form-control:focus, .input-field.borderd:focus,
.form-element .input-field:focus, .custom-select:focus {
    border-color: #18b9bc;
    box-shadow: 0 0 0 3px rgba(24, 185, 188, .12);
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #13acae;
    background-color: #13acae;
}
.alert-success { color: #0d624e; background: #e4faf2; border-color: #bdeedc; }
.c-red, .c-blue, .section-title-inner .subtitle { color: var(--cpn-blue); }
.section-title .separator {
    height: 3px;
    border-radius: 5px;
    background: var(--cpn-gradient);
}

/* Site sections, service cards, pricing and inner page headlines */
.breadcrumb-area .title { color: var(--cpn-navy); }
.breadcrumb-area .subtitle, .breadcrumb-area .subtitle p,
.breadcrumb-area .subtitle div { color: #108caf; }
.call-to-action, .call-to-action.services-page {
    background: var(--cpn-gradient-wide);
}
.call-to-action .call-to-action-inner .right-content-area .btn-wrapper .boxed-btn,
.call-to-action.services-page .call-to-action-inner .right-content-area .btn-wrapper .boxed-btn {
    background: #fff;
    border: 2px solid #fff;
    color: #177eb3;
}
.call-to-action .call-to-action-inner .right-content-area .btn-wrapper .boxed-btn:hover,
.call-to-action.services-page .call-to-action-inner .right-content-area .btn-wrapper .boxed-btn:hover {
    background: rgba(255,255,255,.13);
    border-color: #fff;
    color: #fff;
}
.how-it-works, .news-feed-area, .cpn-home-newsletter {
    background: #f4faff;
}
.single-service-box, .single-how-it-work-box, .single-news-feed-item,
.cpn-service-child-card, .cpn-pricing-card,
.get-in-touch-area .single-get-in-touch-box {
    border-color: var(--cpn-line);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.single-service-box:hover, .single-how-it-work-box:hover,
.single-news-feed-item:hover, .cpn-service-child-card:hover,
.cpn-pricing-card:hover, .get-in-touch-area .single-get-in-touch-box:hover {
    border-color: #a9e8db;
    box-shadow: var(--cpn-shadow);
}
.cpn-pricing-card { border-radius: 12px; overflow: hidden; }
.cpn-pricing-head {
    background: var(--cpn-gradient) !important;
    color: #fff !important;
}
.cpn-pricing-context h2 { color: var(--cpn-navy); }
.cpn-start-price strong { color: #107dab; }
.cpn-action-outline { color: #1387ba; border-color: #1387ba; }
.cpn-action-order { color: #0e9b86; border-color: #12bc99; }
.cpn-action-outline:hover { background: #edfaff; color: #087dac; }
.cpn-action-order:hover { background: #e7fcf5; color: #077d69; }
.cpn-pricing-actions a.cpn-action-gradient { color: #fff; }
.pricing-table-area .pricing-table-inner .single-pricing-table .header,
.pricing-table-area .single-pricing-table .table-heading {
    background: var(--cpn-gradient-wide);
}
.pricing-table-area .single-pricing-table {
    border-radius: 10px;
    box-shadow: var(--cpn-shadow);
}

/* Newsletter: keep its existing Bootstrap layout while adopting this palette */
.cpn-home-newsletter .cpn-newsletter-card {
    background: linear-gradient(110deg, #164f80, #127e9e 56%, #17b88f);
    box-shadow: 0 14px 35px rgba(15, 106, 145, .16);
}
.cpn-home-newsletter .cpn-newsletter-kicker { color: #a9ffdb; }
.cpn-home-newsletter .cpn-newsletter-title { color: #fff; }
.cpn-home-newsletter .cpn-newsletter-description { color: #e1f6fc; }
.cpn-home-newsletter .cpn-newsletter-form .form-control { color: var(--cpn-navy); }

/* Footer: screenshot's light 4-column footer + gradient copyright strip */
.footer-area .footer-top-area {
    background: linear-gradient(180deg, #f8fcff 0%, #f3faff 100%);
    border-top: 1px solid #e5f1f6;
}
.footer-area .footer-top-area .footer-widget .widget-title { margin-bottom: 31px; }
.footer-area .footer-top-area .footer-widget .widget-title .title {
    color: #225682;
    font-size: 21px;
    font-weight: 700;
}
.footer-area .footer-top-area .footer-widget .widget-title::after {
    content: '';
    display: block;
    width: 44px;
    height: 4px;
    margin-top: 11px;
    border-radius: 4px;
    background: var(--cpn-gradient);
}
.footer-area .footer-top-area .footer-widget.pages .widget-body ul li a,
.footer-area .footer-top-area .footer-widget.blog-feeds .widget-body .single-blog-feed-item .content .title,
.footer-area .footer-top-area .footer-widget.blog-feeds .widget-body .single-blog-feed-item .content .date,
.footer-area .footer-top-area .cpn-office-addresses,
.footer-area .footer-top-area .cpn-office-addresses p {
    color: #486c89 !important;
}
.footer-area .footer-top-area .footer-widget.pages .widget-body ul li {
    padding: 6px 0 6px 17px;
    position: relative;
}
.footer-area .footer-top-area .footer-widget.pages .widget-body ul li::before {
    content: '›';
    color: #19bca0;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
}
.footer-area .footer-top-area .footer-widget.pages .widget-body ul li a::after { content: none; }
.footer-area .footer-top-area .footer-widget.pages .widget-body ul li a:hover,
.footer-area .footer-top-area .footer-widget.blog-feeds .widget-body .single-blog-feed-item .content .title:hover {
    color: #109d9f !important;
    padding-left: 0;
}
.footer-area .footer-top-area .footer-widget.subscribe .form-element .input-field {
    background: #fff;
    color: var(--cpn-navy);
    border: 1px solid var(--cpn-line);
    border-radius: 9px;
}
.footer-area .copyright-area {
    background: var(--cpn-gradient-wide);
    color: #fff;
    padding: 23px 0;
}
.footer-area .copyright-area a { color: #e5fff7; }
.footer-area .copyright-area a:hover { color: #fff; }
.back-to-top { box-shadow: 0 7px 25px rgba(10, 149, 162, .23); }

/* Customer dashboard panels, forms, tables and breadcrumb links */
.card, .customer-dashboard .card { border-color: #e3eef3; }
.card-header:not(.bg-danger):not(.bg-warning):not(.bg-success) { color: #244969; }
.table thead th { color: var(--cpn-heading); border-bottom-color: #d8e9ef; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(230, 247, 253, .35); }
.nav-pills .nav-link.active, .list-group-item.active { background: #169ebc; border-color: #169ebc; }

/* Mobile: keep accessible navy drawer, with teal active links and blue/mint Order CTA */
@media (max-width: 991px) {
    .navbar-area .navbar .cpn-menu-toggler {
        background: var(--cpn-gradient) !important;
        border-color: transparent !important;
    }
    .navbar-area .navbar-collapse.cpn-offcanvas-menu,
    .navbar-area .navbar-collapse.cpn-offcanvas-menu.collapse,
    .navbar-area .navbar-collapse.cpn-offcanvas-menu.collapsing {
        background: #123456 !important;
    }
    .navbar-area .cpn-mobile-nav .cpn-native-summary,
    .navbar-area .cpn-mobile-nav .nav-link,
    .navbar-area .cpn-mobile-nav .cpn-native-link {
        color: #f0fbff;
    }
    .navbar-area .cpn-mobile-nav .cpn-native-link:hover,
    .navbar-area .cpn-mobile-nav .cpn-native-link.active,
    .navbar-area .cpn-mobile-nav .nav-item.active > .nav-link {
        color: #70efca !important;
    }
    .navbar-area .navbar .collapse.navbar-collapse .cpn-mobile-nav .cpn-mobile-order .cpn-mobile-order-link,
    .navbar-area .cpn-mobile-nav .cpn-mobile-order-link:hover {
        background: var(--cpn-gradient) !important;
        border-color: transparent !important;
        color: #fff !important;
        border-radius: 24px !important;
        box-shadow: 0 6px 20px rgba(19, 177, 183, .16) !important;
    }
    .navbar-area .cpn-mobile-nav .cpn-mobile-current-currency {
        color: #117ea6 !important;
        background: #effffd !important;
    }
    .header-area .carousel-control-next, .header-area .carousel-control-prev { width: 12%; }
    .footer-area .footer-top-area .footer-widget { margin-bottom: 22px; }
}

@media (max-width: 767px) {
    .support-bar-area { padding: 10px 0; }
    .footer-area .footer-top-area { padding: 48px 0 22px; }
    .footer-area .footer-top-area .footer-widget .widget-title .title { font-size: 19px; }
    .section-title h2 { font-size: 29px; line-height: 1.3; }
    .call-to-action { padding: 40px 0; }
}


/* ---------------------------------------------
   CMS content alignment and list formatting
   Fix: older style.css justified every service <div>/<p> and indented
   its first line by 20px. A pasted service description was therefore
   visibly staggered. Keep CMS body text flush-left on desktop/mobile.
   This section affects content areas only, not header/footer/nav lists.
   --------------------------------------------- */
.service-details-body,
.service-details-body p,
.service-details-body div,
.service-details-body li,
.service-details-body h1,
.service-details-body h2,
.service-details-body h3,
.service-details-body h4,
.service-details-body h5,
.service-details-body h6,
.blog-details-content .single-blog-post .details-container .post-body,
.blog-details-content .single-blog-post .details-container .post-body p {
    text-align: left;
    text-indent: 0;
}

/* Comfortable spacing for user-pasted paragraphs and headings. */
.service-details-body p,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) p {
    margin-top: 0;
    margin-bottom: 14px;
    line-height: 1.75;
    overflow-wrap: break-word;
}
.service-details-body h1,
.service-details-body h2,
.service-details-body h3,
.service-details-body h4,
.service-details-body h5,
.service-details-body h6,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h1,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h2,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h3,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h4,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h5,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
    overflow-wrap: break-word;
}

/* The site's global `ul { list-style: none; padding: 0; }` is right for
   navigation but hides actual CMS bullet points. Restore list styles only
   inside service and article/page text (never social-sharing controls). */
.service-details-body ul,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) ul {
    list-style: disc outside;
    padding-left: 1.5rem;
    margin: 0 0 16px;
}
.service-details-body ol,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) ol {
    list-style: decimal outside;
    padding-left: 1.5rem;
    margin: 0 0 16px;
}
.service-details-body ul ul,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) ul ul {
    list-style-type: circle;
    margin-bottom: 0;
}
.service-details-body li,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) li {
    padding: 0;
    margin-bottom: 6px;
    line-height: 1.65;
    text-indent: 0;
    overflow-wrap: break-word;
}
.service-details-body img,
.blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .service-details-body p,
    .service-details-body li,
    .blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) p,
    .blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) li {
        line-height: 1.65;
    }
    .service-details-body ul,
    .service-details-body ol,
    .blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) ul,
    .blog-details-content .single-blog-post .details-container .post-body > div:not(.post-bottom-content) ol {
        padding-left: 1.25rem;
    }
}


/* Mobile homepage slider controls: compact visuals, comfortable touch targets.
   Scope to the homepage so other carousels keep their original design. */
@media (max-width: 767px) {
    .header-area #headerCarousel .carousel-control-prev,
    .header-area #headerCarousel .carousel-control-next {
        width: 44px;
        min-width: 44px;
        opacity: 1;
    }

    .header-area #headerCarousel .carousel-control-prev-icon,
    .header-area #headerCarousel .carousel-control-next-icon {
        width: 28px;
        height: 28px;
    }

    .header-area #headerCarousel .carousel-control-prev-icon::before,
    .header-area #headerCarousel .carousel-control-next-icon::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 19px;
        padding-right: 0;
        box-shadow: 0 2px 9px rgba(22, 109, 137, .12);
    }

    .header-area #headerCarousel .carousel-indicators {
        bottom: 8px;
        margin-bottom: 0;
        align-items: center;
    }

    .header-area #headerCarousel .carousel-indicators li {
        width: 16px;
        height: 4px;
        flex: 0 0 16px;
        margin: 0 4px;
        padding: 0;
        border: 0; /* Remove Bootstrap's 10px transparent top/bottom borders. */
        border-radius: 4px;
        box-sizing: border-box;
        opacity: .7;
    }

    .header-area #headerCarousel .carousel-indicators li.active {
        opacity: 1;
    }
}

@media (max-width: 374px) {
    .header-area #headerCarousel .carousel-control-prev-icon,
    .header-area #headerCarousel .carousel-control-next-icon {
        width: 26px;
        height: 26px;
    }

    .header-area #headerCarousel .carousel-control-prev-icon::before,
    .header-area #headerCarousel .carousel-control-next-icon::before {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 18px;
    }
}

/* November updates: consistent font weight across navbar items and currency. */
@media (min-width: 992px) {
  .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .nav-item > .nav-link,
  .navbar-area .navbar .collapse.navbar-collapse .cpn-desktop-nav > .cpn-currency-menu > .cpn-currency-trigger { font-weight: 700 !important; }
}
@media (max-width: 991px) {
  .navbar-area .cpn-mobile-nav .nav-link,
  .navbar-area .cpn-mobile-nav .cpn-native-summary { font-weight: 700 !important; }
}
/* Trustpilot testimonials are integrated without large extra panels. */
.cpn-trustpilot-reviews { max-width: 1080px; margin: 0 auto 28px; text-align: center; }
.cpn-trustpilot-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 13px 24px; border: 1px solid #dce8eb; border-radius: 24px; background: #fff; color: #164b65; font-size: 15px; }
.cpn-trustpilot-link:hover { color: #047c87; border-color: #20bba6; }
.cpn-trustpilot-reviews .trustpilot-widget { min-height: 110px; }