:root {
    --primary-color: #30ad1c;
    --secondary-color: #1778be;
    --light-blue: #1E73BE0D;
}

.primary-color {
    background-color: var(--light-blue);
}

.light-blue {
    background-color: var(--light-blue);
}

.text-theme {
    color: var(--primary-color);
}

.button-primary {
    color: var(--white-color);
    background-color: var(--primary-color) !important;
}

.button-primary.secondary {
    background-color: var(--secondary-color) !important;
}

.button-primary svg {
    animation: none !important;
}

.button-primary:hover {
    color: var(--white-color) !important;
    background-color: var(--black-color) !important;
}


/* Hero Section */

.hero-section {
    background-image: url(../images/agency-images/banner-intro.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-block: 160px;
}

.hero-section .button-primary {
    padding: 12px 15px !important;
    font-weight: 500 !important;
}

.banner-block {
    background: var(--secondary-color);
    padding: 30px;
    color: #fff;
    margin: -80px 0 0;
    width: 100%;
    max-width: 1080px;
    margin-inline: auto;
    border-radius: 10px;
}

.agency-list-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    counter-reset: section;
    list-style: none;
    padding-left: 40px;
    padding-bottom: 40px;
}

.agency-list-grid li {
    background-color: #6ec1e415;
    padding: 20px 20px;
    position: relative;
    border-radius: 10px;
}

.agency-list-grid li::before {
    counter-increment: section;
    content: counter(section);
    width: 100%;
    max-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #676767;
    font-weight: 600;
    position: absolute;
    inset: 1px auto 0 -40px;
    font-size: 24px;
}

.agency-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.site-link {
    display: block;
}

.site-link h3 {
    font-size: 22px;
}

.cta-form {
    margin: 0 !important;
}

.column-block {
    white-space: nowrap;
}

.site-link,
.site-link:hover {
    color: var(--primary-color);
}

.title {
    color: var(--primary-color-600) !important;
    font-weight: 500;
    font-size: 16px;
    display: block;
}

.rating-box img {
    min-width: 80px;
}

.subtitle {
    font-size: 20px;
    font-weight: 600;
}

.agency_disc {
    margin: 20px 0;
}

.button-block {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding: 20px 20px;
    border: 1px solid #1778be47;
    border-radius: 10px;
}

.button-block .button-primary {
    width: 100%;
    justify-content: center;
    font-weight: 400;
    white-space: nowrap;
}

.service-wrapper {
    border: 1px solid #ddd;
    padding: 30px 20px;
    border-radius: 10px;
}

.service-wrapper ul li a {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    color: #54595F !important;
    transition: all 0.2s;
    font-weight: 600;
}

.service-wrapper ul li a:hover {
    color: var(--secondary-color) !important;
    transition: all 0.2s;
}

.sticky-calc {
    position: sticky;
    top: 150px;
    z-index: 1;
}

.social-wrapper .footer__icon a {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.social-wrapper .footer__icon a:hover {
    color: var(--white-color) !important;
    border: 1px solid var(--primary-color);
}

.left-wrapper-tab {
    background: #eaffe7ab;
    padding: 20px 15px;
}

.left-wrapper-tab ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.left-wrapper-tab ul li a {
    color: #737373 !important;
    font-size: 18px;
    line-height: 28px;
    transition: all 0.3s;
}

.left-wrapper-tab ul li a:hover {
    transition: all 0.3s;
    color: var(--primary-color) !important;
}

.site-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 20px;
}

.site-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px;
    background: #6EC1E421;
    border-radius: 10px;
    color: var(--secondary-color);
    position: relative;
    transition: all 0.3s;
    font-weight: 500;
}

.site-block i {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 20px;
    transform: rotate(140deg);
    transform-origin: center;
    transition: transform .2s;
}

.site-block:hover {
    color: var(--white-color);
    background-color: var(--secondary-color);
    transition: all 0.3s;
}

.site-block:hover i {
    transform: rotate(90deg);
}

.new-faq .accordion-item h2.accordion-header button {
    font-size: 22px;
    white-space: normal;
}

.g-recaptcha iframe {
    transform: scale(0.6) !important;
    transform-origin: left;
}

.service-wrapper .footer__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.service-wrapper .footer__icon a {
    line-height: 35px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1400px) {

    .subtitle {
        font-size: 17px;
    }
}

@media only screen and (max-width: 992px) {

    .left-wrapper-tab {
        display: none;
    }

    .service-wrapper.mb-50 {
        margin-bottom: 30px !important;
    }

    .spacer-y {
        padding-block: 60px !important;
    }

    .mobile-view {
        display: none;
    }
}

@media only screen and (max-width: 767px) {

    .agency-list-grid {
        padding: 0;
    }

    .agency-list-grid li {
        padding: 50px 20px 20px;
    }
    
    .agency-list-grid li::before {
        background: var(--secondary-color);
        color: #fff;
        inset: 0;
        border-radius: 10px 0 8px 0;
        font-size: 16px;
    }

    .agency-header {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .site-list-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 20px;
    }

    .site-block {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 500px) {

    .banner-block {
        padding: 20px 15px;
    }

    .button-block {
        gap: 10px;
        padding: 10px;
    }

    .agency-list-grid li {
        padding: 50px 15px 15px;
    }

    .site-block i {
        font-size: 14px;
    }

}

/* Table of Content */

ul#toc {
	list-style: none;
	padding: 0px;
	gap: 0;
}

ul#toc li a.active {
    color: #1778be !IMPORTANT;
}

/* STAR RATING STYLE*/

.rating-box .rating-stars {
    font-size: 22px;
}

[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color: #ff8c00;
  overflow:hidden;
  height:100%;
}

[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}


/* CTA Form */

.cta-form {
    width: 100%;
    height:auto;
    text-align: center;
    background-color:#DFF3FC;
}
.cta-form h3 {
    font-size:22px;
    color: #000000;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 700 !important;
    font-family: var(--header-font-medium) !important;
}
.cta-form a.cta-form-btn {
    font-size:18px;
    color: #222A41;
    font-weight: 500;
    background: #F4F4F5;
    padding: 10px 20px;
    width: 100%;
    display: block;
    border: 1px solid #222A41;
    font-family: var(--header-font-medium) !important;
    transition: all .2s linear;
}
.cta-form a.cta-btn-primary {
    color: #FFF;
    border: 1px solid var(--orange-clr) !important;
    background-color: var(--orange-clr) !important;
}
/* .cta-form a.cta-form-btn:hover {
    background: var(--orange-clr);
    border: 1px solid var(--orange-clr);
    color: #fff;
} */
.blog-active-btn {

}

/* show only 4 categories*/
#data_type > a:nth-child(4) ~ a {
	display: none;
}
#data_type a.show-list {
    display: block !important;
}
.cta-click-icon {
    position: relative;
}
.cta-form-btn:hover {
    background-color: var(--orange-clr)!important;
    box-shadow: 6px 8px 1px #000;
    border: 1px solid var(--orange-clr) !important;
}
.cta-click-icon::after {
    content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.1464 40C34.3527 40 34.5505 39.9181 34.6963 39.7722L39.7723 34.6963C39.9181 34.5504 40.0001 34.3526 40.0001 34.1464C40.0001 33.9401 39.9181 33.7423 39.7723 33.5965L32.5763 26.4005L36.2564 22.7204C36.447 22.5299 36.5253 22.2542 36.4633 21.9919C36.4014 21.7296 36.2081 21.518 35.9524 21.4328L15.6486 14.6649C15.3692 14.5717 15.0611 14.6444 14.8528 14.8527C14.6445 15.061 14.5718 15.3691 14.6649 15.6485L21.4329 35.9523C21.5181 36.208 21.7296 36.4013 21.992 36.4633C22.2543 36.5252 22.5299 36.4469 22.7205 36.2563L26.4006 32.5762L33.5965 39.7722C33.7424 39.9181 33.9402 40 34.1464 40ZM34.1464 38.1225L26.9505 30.9265C26.8046 30.7806 26.6068 30.6987 26.4006 30.6987C26.1943 30.6987 25.9965 30.7806 25.8507 30.9265L22.5105 34.2668L16.6323 16.6322L34.2668 22.5104L30.9266 25.8506C30.7808 25.9964 30.6989 26.1942 30.6989 26.4005C30.6989 26.6067 30.7808 26.8045 30.9266 26.9504L38.1226 34.1464L34.1464 38.1225Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1346 8.7338C15.5641 8.7338 15.9123 8.38562 15.9123 7.95613V0.777671C15.9123 0.348178 15.5641 4.76837e-06 15.1346 4.76837e-06C14.7051 4.76837e-06 14.3569 0.348178 14.3569 0.777671V7.95613C14.3569 8.38562 14.7051 8.7338 15.1346 8.7338Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6086 10.6086C10.9123 10.3049 10.9123 9.81247 10.6086 9.50877L5.53264 4.43281C5.22894 4.12911 4.73655 4.12911 4.43285 4.43281C4.12915 4.7365 4.12915 5.2289 4.43285 5.53259L9.50882 10.6086C9.81252 10.9123 10.3049 10.9123 10.6086 10.6086Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43285 25.8363C4.73655 26.14 5.22894 26.14 5.53264 25.8363L10.6086 20.7604C10.9123 20.4567 10.9123 19.9643 10.6086 19.6606C10.3049 19.3569 9.81252 19.3569 9.50882 19.6606L4.43285 24.7366C4.12915 25.0403 4.12915 25.5326 4.43285 25.8363Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6609 10.6085C19.9646 10.9122 20.457 10.9122 20.7607 10.6085L25.8366 5.53256C26.1403 5.22887 26.1403 4.73647 25.8366 4.43278C25.5329 4.12908 25.0405 4.12908 24.7368 4.43278L19.6609 9.50874C19.3572 9.81244 19.3572 10.3048 19.6609 10.6085Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.1346C0 15.5641 0.348173 15.9122 0.777666 15.9122H7.95612C8.38562 15.9122 8.73379 15.5641 8.73379 15.1346C8.73379 14.7051 8.38562 14.3569 7.95612 14.3569H0.777666C0.348173 14.3569 0 14.7051 0 15.1346Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: -20px;
    /* opacity: 0;
    visibility: hidden; */
    transition: all 0.3s ease;
}
/* .cta-click-icon:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
} */
.hero-form {
    /* max-width: 450px; */
    /* margin-left: auto; */
    border-radius: 15px !important;
    overflow: hidden;
    background: #fff;
    padding: 30px;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card {
    background-color: transparent;
    border: none;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .card-body {
    padding: 0;
    background: transparent !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .card-body .container {
    padding-inline: 0;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form {
    max-width: 100%;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form .row .col-md-6 {
    margin-bottom: 8px !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card .section-free-quote-form .row .col-md-12.text-center.mt-4 {
    text-align: left !important;
    margin-top: 0 !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card form :is(input, textarea) {
    border-bottom: 1px solid #000 !important;
    color: #000 !important;
}
:is(.cta-form, .hero-form) :is(#jx6CL1q7Q5vjU0XrNbspG3LZ2TijEXcnpCa6F8Ve, #X72Op2m2M1Wka6FUosugVhHGYL2aapFdnBbcdmpm) .card form :is(input, textarea)::placeholder {
    color: #000 !important;
}

/* =========================================================
   CONCLUSION + COMPARISON TABLE
   ========================================================= */

.section-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 16px;
    border-radius: 50px;
    background: #e3f6df;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.4;
    text-transform: uppercase;
}

/* Conclusion */
.conclusion-section {
    padding: 10px 0 60px;
}

.conclusion-card {
    margin: 0 auto;
    padding: 40px 48px;
    background: linear-gradient(135deg, #f4f9fe 0%, #ffffff 100%);
    border: 1px solid #e1ecf6;
    border-bottom: 5px solid var(--primary-color);
    border-radius: 18px;
    box-shadow: 0 10px 34px rgba(15, 76, 129, 0.08);
}

.conclusion-card h2 {
    margin-bottom: 16px;
}

.conclusion-card .conclusion-text,
.conclusion-card .conclusion-text p {
    margin: 0;
    line-height: 1.8;
    color: #34475a;
}

/* Heading */
.comparison-section {
    padding: 0 0 70px;
}

.comparison-heading {
    max-width: 720px;
    margin: 0 auto 36px;
}

.comparison-heading h2 {
    margin-bottom: 10px;
}

.comparison-heading p {
    margin: 0;
    color: #5c6b7a;
}

/* Card */
/* .comparison-card {
    padding: 0 10px 10px;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 2px 6px rgba(15, 53, 87, 0.04), 0 20px 50px rgba(15, 53, 87, 0.1);
} */

.comparison-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px 4px;
}

/* Reset theme table styles */
.comparison-section .comparison-table,
.comparison-section .comparison-table th,
.comparison-section .comparison-table td {
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none;
}

.comparison-section .comparison-table {
    width: 100%;
    min-width: 1080px;
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent;
    font-size: 14px;
    line-height: 1.5;
    color: #1d2b3a;
}

/* Column widths */
.comparison-table .col-company  { width: 25%; }
.comparison-table .col-rating   { width: 11%; }
.comparison-table .col-services { width: 18%; }
.comparison-table .col-price    { width: 16%; }
.comparison-table .col-position { width: 11%; text-align: center; }
.comparison-table .col-contact  { width: 19%; text-align: center; }

/* Head */
.comparison-section .comparison-table thead th {
    position: relative;
    padding: 22px 18px 20px;
    background: transparent;
    color: #16212e;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: 0;
    vertical-align: middle;
}

.comparison-section .comparison-table thead th.col-company {
    padding-left: 82px;
    border-radius: 10px 0 0 10px;
}
.comparison-section .comparison-table thead th.col-contact {
    border-radius: 0 10px 10px 0;
}

.comparison-section .comparison-table thead th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    bottom: 25%;
    width: 1px;
    background: #e6edf4;
}

.comparison-section .comparison-table thead tr {
    background: linear-gradient(180deg, #f3f8fd, #fff);
}

/* Body */
.comparison-section .comparison-table tbody td {
    position: relative;
    padding: 18px;
    background: #fff;
    vertical-align: middle;
    border-top: 1px solid #edf2f7 !important;
}

.comparison-section .comparison-table tbody td:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    bottom: 14px;
    width: 1px;
    background: #eef2f6;
}

.comparison-section .comparison-table tbody td.col-company {
    padding-left: 22px;
}

.comparison-section .comparison-table tbody tr.rank-rest:hover td {
    background: #f8fbfe;
}

/* Company */
.company-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.rank-medal-svg {
    flex: 0 0 42px;
    width: 42px;
    height: 54px;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15));
}

.rank-medal-svg text {
    font-family: inherit;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.rank-circle {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin: 0 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef3f8;
    color: #5c6b7a;
    font-size: 15px;
    font-weight: 700;
}

.company-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

.company-name {
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: #16212e;
    word-break: break-word;
}

.company-logo {
    display: block;
    max-width: 170px;
    max-height: 42px;
    width: auto;
    height: auto;
}

.top-badge {
    padding: 3px 12px;
    border-radius: 6px;
    background: var(--primary-color);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.4;
    text-transform: uppercase;
}

.company-tagline {
    color: #5c6b7a;
    font-size: 13px;
    line-height: 1.3;
}

/* Rating */
.rating-cell,
.price-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.rating-num {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #16212e;
}

.comparison-table .rating-stars {
    font-size: 18px;
    line-height: 1;
}

.cell-note {
    color: #7b8a99;
    font-size: 12px;
    line-height: 1.3;
}

/* Services */
.services-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.services-list li {
    position: relative;
    margin: 0;
    padding: 0 0 0 24px;
    font-size: 14px;
    line-height: 1.75;
    color: #34475a;
}

.services-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2330ad1c' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Price */
.price-value {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    color: #16212e;
    white-space: nowrap;
}

/* Position + contact */
.position-cell,
.contact-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.position-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 44px;
    border-radius: 10px;
    background: #eef3f8;
    color: #5c6b7a;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}

.editor-pick {
    padding: 4px 12px;
    border-radius: 6px;
    background: #dcf3d7;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    white-space: nowrap;
}

.comparison-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 230px;
    min-height: 48px;
    padding: 8px 16px;
    border-radius: 10px;
    border: 1.5px solid var(--secondary-color);
    background: #fff;
    color: var(--secondary-color) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;
}

.comparison-btn svg {
    flex: 0 0 16px;
    transition: transform 0.2s;
}

.comparison-btn:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(23, 120, 190, 0.25);
}

.comparison-btn:hover svg {
    transform: translateX(3px);
}

.free-consult {
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 500;
}

/* ---------- Top 3 ---------- */
.comparison-section .comparison-table tbody tr.rank-2 td { background: #f2f7fd; }
.comparison-section .comparison-table tbody tr.rank-3 td { background: #fff7ee; }

.rank-2 .position-badge { background: #dcebfa; color: var(--secondary-color); }
.rank-3 .position-badge { background: #fde4c9; color: #c4691e; }

.rank-2 .comparison-btn,
.rank-3 .comparison-btn {
    border-color: transparent;
    background: linear-gradient(180deg, #1f88d9, #1066b8);
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(23, 120, 190, 0.28);
}

.rank-3 .comparison-btn {
    background: linear-gradient(180deg, #1673c4, #0c519b);
}

.rank-2 .comparison-btn:hover,
.rank-3 .comparison-btn:hover {
    background: #0c519b;
}

/* #1 – raised green card */
.comparison-section .comparison-table tbody tr.rank-1 {
    scale: 1.02;
    position: relative;
    z-index: 2;
}
.comparison-section .comparison-table tbody tr.rank-1 td {
    padding-top: 26px;
    padding-bottom: 26px;
    background: linear-gradient(180deg, #f0fbed 0%, #e4f7df 100%);
    border-top: 2px solid #5cc24a !important;
    border-bottom: 2px solid #5cc24a !important;
}

.comparison-section .comparison-table tbody tr.rank-1 td:first-child {
    border-left: 2px solid #5cc24a !important;
    border-radius: 16px 0 0 16px;
}

.comparison-section .comparison-table tbody tr.rank-1 td:last-child {
    border-right: 2px solid #5cc24a !important;
    border-radius: 0 16px 16px 0;
}

.comparison-section .comparison-table tbody tr.rank-1 td::after {
    background: rgba(48, 173, 28, 0.15);
}

.comparison-section .comparison-table tbody tr.rank-1 + tr td {
    border-top: 0 !important;
}

.rank-1 .company-name {
    font-size: 24px;
    color: var(--primary-color);
}

.rank-1 .position-badge {
    width: 62px;
    height: 50px;
    background: linear-gradient(180deg, #3cbf27, #279a16);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 6px 14px rgba(48, 173, 28, 0.35);
}

.rank-1 .comparison-btn {
    min-height: 52px;
    border-color: transparent;
    background: linear-gradient(180deg, #3cbf27, #279a16);
    color: #fff !important;
    font-size: 15px;
    box-shadow: 0 8px 18px rgba(48, 173, 28, 0.35);
}

.rank-1 .comparison-btn:hover {
    background: #239013;
    box-shadow: 0 10px 22px rgba(48, 173, 28, 0.45);
}

/* ---------- Mobile: cards ---------- */
@media (max-width: 767px) {
    .conclusion-card {
        padding: 26px 22px;
        border-left-width: 4px;
    }

    .comparison-card {
        padding: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .comparison-table-scroll {
        overflow: visible;
        padding: 0;
    }

    .comparison-section .comparison-table,
    .comparison-section .comparison-table tbody {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .comparison-section .comparison-table thead {
        display: none;
    }

    .comparison-section .comparison-table tbody tr {
        display: block;
        margin-bottom: 18px;
        background: #fff;
        border: 1px solid #e1ecf6;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 22px rgba(15, 53, 87, 0.08);
    }

    .comparison-section .comparison-table tbody tr td,
    .comparison-section .comparison-table tbody tr.rank-1 td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        padding: 12px 18px;
        text-align: right;
        border: 0 !important;
        border-top: 1px solid #edf2f7 !important;
        border-radius: 0 !important;
    }

    .comparison-section .comparison-table tbody td::after {
        display: none;
    }

    .comparison-section .comparison-table tbody td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        color: #7b8a99;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.6px;
        text-align: left;
        text-transform: uppercase;
    }

    .comparison-section .comparison-table tbody td.col-company {
        padding: 18px !important;
        text-align: left;
        border-top: 0 !important;
    }

    .comparison-section .comparison-table tbody td.col-company::before,
    .comparison-section .comparison-table tbody td.col-contact::before {
        display: none;
    }

    .comparison-section .comparison-table tbody td.col-services {
        align-items: flex-start;
    }

    .rating-cell,
    .price-cell {
        align-items: flex-end;
    }

    .position-cell {
        flex-direction: row;
    }

    .contact-cell {
        width: 100%;
    }

    .comparison-btn {
        max-width: none;
    }

    .services-list li {
        text-align: left;
    }

    .rank-1 .company-name {
        font-size: 20px;
    }

    .comparison-section .comparison-table tbody tr.rank-1 {
        border: 2px solid #5cc24a;
        box-shadow: 0 12px 28px rgba(48, 173, 28, 0.22);
    }

    .comparison-section .comparison-table tbody tr.rank-1 td {
        background: #f1fbef;
    }

    .comparison-section .comparison-table tbody tr.rank-2 { border-color: #cfe1f4; }
    .comparison-section .comparison-table tbody tr.rank-3 { border-color: #f6d9b8; }
}