.pagination .page-numbers.current {
    color: #00b4ff !important;
}

.header-section .dropdown-menu,
body {
    background: #15151f
}

a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
label,
li,
p,
select,
span,
textarea {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .4px
}

#partnershipModal .modal-footer,
#partnershipModal .modal-header,
body {
    border: none
}

.header-section .dropdown-menu .menu-item a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin: .5em 0;
    transition: .3s;
    width: 200px
}

.header-section .dropdown-menu .menu-item a:hover {
    transform: translateY(-4px)
}

.header-section .dropdown .btn.show {
    border-color: #ffffff00
}

.header-section {
    /* background-image: url('../images/header-background.png'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.error404 .navbar li a,
.page-template .navbar li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px
}

.error404 .navbar li.current_page_item a,
.page-template .navbar li.current_page_item a {
    font-weight: 700
}

.error404 .navbar li,
.page-template .navbar li {
    transition: .3s;
    margin-left: .5em
}

.error404 .navbar li:hover,
.page-template .navbar li:hover {
    color: #fff;
    transform: translateY(-4px)
}

.navbar-nav #menu-item-25 a {
    font-weight: 400 !important
}

.site-header .login-button {
    display: inline-block;
    border-radius: 53px;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform .25s, box-shadow .25s;
    will-change: transform;
    background: #15151f;
    font-size: 14px;
    padding: .7rem 1.4rem
}

.site-header .login-button.logged-in {
    background: linear-gradient(119.67deg, #3385ff 37.24%, #00b4ff 80.87%)
}

.login-button--wrapper {
    z-index: 0;
    transition: .3s;
    border-radius: 53px
}

.login-button--wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px #3385ff56
}

.login-button--wrapper::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 53px;
    background: linear-gradient(180deg, #3385ff 0, #00b4ff 100%);
    z-index: -1
}

.header-content--first {
    color: #fff;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1
}

.header-content--second {
    background: linear-gradient(272.54deg, #1661d0 3.85%, #22bde0 56.12%, #385dff 104.55%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1
}

.header-content--third {
    border: none;
    font-style: italic;
    color: #fff;
    font-size: 1.4em
}

.footer--banner,
.header-section--cashback {
    background: #1661d0
}

.header-section--cashback h1 {
    color: #fff;
    text-align: center;
    font-size: 1em;
    font-weight: 500
}

.faq-section h5,
.features-section h5 {
    font-size: 1em;
    color: #909090
}

.features-section .features p {
    color: #6c8695;
    font-size: 14px
}

.faq-section .accordion-item {
    border: none;
    background-color: transparent;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 0
}

.faq-section .accordion-header {
    background-color: transparent
}

.faq-section #faqAccordion .accordion-button {
    background: 0 0;
    color: #ffffff;
    font-weight: 600;
    box-shadow: none;
    font-size: .6em
}

.faq-section .accordion-button::after {
    content: "+";
    font-size: 3rem;
    background-image: none !important;
    transform: none !important;
    font-weight: 200;
    margin-top: -40px
}

.faq-section .accordion-button:not(.collapsed)::after {
    content: "−"
}

.faq-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #ffffff
}

.faq-section .accordion-item:last-of-type .accordion-button.collapsed {
    background-color: transparent;
    color: #ffffff
}

.faq-section .accordion-body {
    color: #6c8695;
    font-size: 12px
}

.faq-section .accordion--child .accordion-item {
    border-bottom: 1px solid #ffffff99
}

.footer--banner .footer--banner-button {
    padding: 1em 4.5em;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    transition: .3s
}

.footer--banner .footer--banner-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 180, 255, .3)
}

.faq-section {
    background: #0b0f16db
}

.footer--copyright {
    color: #6c8695
}

.footer--sub-input {
    background: #0f0f19;
    border: 2px solid #0f0f19;
    border-radius: 50px;
    transition: .3s;
    color: #fff !important
}

.footer--sub-input.invalid,
.footer--sub-input.invalid:focus {
    border: 2px solid #dc3545
}

.footer--sub-input:focus {
    background: #0f0f19;
    box-shadow: none;
    border: 2px solid #0f0f19
}

.footer--sub-input::placeholder {
    color: #6c8695
}

.faq-section #faqAccordion .accordion-button--parent {
    font-size: .8em !important;
    font-weight: 600
}

.footer--sub-button {
    background: linear-gradient(95deg, #1e84e4 15%, #1c55a7 68%);
    position: absolute;
    padding: 1em 2em;
    border-radius: 50px;
    top: 13.5%;
    right: 2%;
    transition: .3s;
    box-shadow: -12px -8px 50px 0 #0085ff80;
    cursor: pointer;
    min-width: 140px;
    display: flex;
    justify-content: center
}

.footer--sub-button:hover {
    transform: translateX(-4px)
}

.footer--sub-button.shake {
    animation: .5s ease-in-out shake !important
}

.footer-logo,
.main-logo {
    width: 120px
}

.landing .main-logo {
    width: 165px
}

.footer--payment-methods svg {
    width: 50px
}

.footer--socials svg {
    width: 35px
}

.footer--socials .discord-svg {
    width: 25px
}

.offers-section .tab-toggle::after,
.reward-affiliate::after,
.rewards::after {
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    z-index: -1;
    top: -1px;
    height: calc(100% + 2px);
    content: ""
}

.features h6,
.features p {
    text-align: center
}

.features-section .features .features--bottom .features--end,
.features-section .features .features--bottom .features--middle,
.features-section .features .features--bottom .features--start,
.features-section .features .features--top .features--end,
.features-section .features .features--top .features--middle,
.features-section .features .features--top .features--start {
    border-bottom: 1px solid #ffffff33
}

.features-section .features img {
    width: 20%
}

.reward-affiliate,
.rewards {
    background: linear-gradient(90deg, #131621 0, #18335c 99.95%);
    border-radius: 16px
}

.reward-affiliate::after,
.rewards::after {
    border-radius: 16px;
    background: linear-gradient(174deg, #444445 23.08%, #3385ff 103.14%)
}

.rewards--titles {
    font-weight: 500;
    font-size: 1.6em;
    line-height: .8
}

.reward-affiliate h3 span {
    color: #3385ff;
    font-weight: 600
}

.reward-affiliate svg {
    width: 65px;
    height: 65px
}

.rewards svg {
    width: 90px;
    height: 85px
}

.reward-affiliate h3 {
    font-size: 1.5em;
    text-align: center
}

.rewards--border {
    border-top: 2px solid #dbdbdb1a;
    border-bottom: 2px solid #dbdbdb1a
}

.offers-section .tab-toggle {
    display: flex;
    background: #1b1b1b;
    border-radius: 999px;
    width: fit-content;
    background: linear-gradient(182deg, #1f1f30 2.52%, rgb(21 21 31 / 76%) 97.48%), radial-gradient(101.07% 118.74% at 50.08% 108.9%, rgba(22, 97, 209, .15) 0, rgba(22, 97, 209, 0) 100%);
    position: relative
}

.offers-section .tab-toggle::after {
    border-radius: 999px;
    background: linear-gradient(180deg, #27273c 20%, #1661d0e8 110%)
}

.offers-section .tab-button {
    padding: .6em 1em .5em;
    border-radius: 999px;
    cursor: pointer;
    transition: .2s ease-in-out;
    color: #626262
}

.offers-section .tab-button.active {
    background: #1661d0;
    color: #fff;
    font-weight: 500
}

.offers-section .tab-contents {
    margin-top: 20px;
    text-align: center
}

.offers-section .tab-pane {
    display: none
}

.first-time-hover:hover .custom-tooltip,
.offers-section .tab-pane.active,
.offers-section .tooltip-container:hover .custom-tooltip {
    display: block
}

.first-time-tooltip,
.offers-section .tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.offers-section .custom-tooltip {
    display: none;
    position: absolute;
    top: -90px;
    right: -115px;
    transform: translateX(-50%);
    color: #fff;
    padding: 13px 24px;
    font-size: 12px;
    width: 248px;
    height: 75px;
    cursor: auto;
    background: linear-gradient(139.15deg, #1f1f30 2.52%, rgb(21 21 31) 97.48%);
    z-index: 9;
    border-radius: 6px;
    background-image: url(/wp-content/themes/classic-child/home/assets/images/svgs/hover-container.svg);
    background-size: cover
}

.first-time-tooltip .custom-tooltip {
    top: -172px;
    left: -25px
}

.offers-hover .first-time-tooltip .custom-tooltip {
    top: -176px;
    left: -10px
}

.offer-card {
    background: linear-gradient(140deg, #17435ead 2.52%, #15151f 59.48%), linear-gradient(179deg, #151c77 48.52%, #000 71.48%);
    border-radius: 20px;
    position: relative;
    z-index: 0
}

.offer-card--after {
    position: absolute;
    left: 11px;
    top: -1px;
    width: calc(100% + -22px);
    height: calc(100% + 2px);
    border-radius: 20px;
    background: linear-gradient(180deg, #27273c 0, #1661d1 100%);
    z-index: -4
}

.first-time-checkbox--after,
.offers--review::after {
    left: -1px;
    top: -1px;
    height: calc(100% + 2px);
    z-index: -1
}

.offers--review {
    background: linear-gradient(90deg, #1f1f30 0, #15151f 100%);
    border-radius: 19px
}

.offers--review::after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    border-radius: 20px;
    background: linear-gradient(90deg, #27273c 0, #1661d1 100%)
}

.offers--review-desc {
    color: grey;
    font-size: 1.3em;
    font-weight: 500
}

.offers--review-code {
    color: #fff;
    border: 2px dotted #1661d0;
    background: #1661d05e;
    border-radius: 50px;
    font-size: 2.5em;
    cursor: pointer
}

.first-time-checkbox input[type=checkbox],
.offers--review-code-success,
.page-template-page-landing footer {
    display: none
}

.first-time-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: sans-serif
}

.first-time-checkbox .checkmark {
    width: 27px;
    height: 27px;
    border-radius: 4px;
    position: relative;
    margin-right: 8px;
    box-sizing: border-box;
    background: linear-gradient(139.15deg, #1f1f30 2.52%, rgb(22 25 34) 97.48%)
}

.first-time-checkbox--after {
    position: absolute;
    width: calc(100% + -6px);
    border-radius: 4px;
    background: linear-gradient(180deg, #27273c 0, #1661d1 100%)
}

.cst-klaviyo-form,
.landing--content {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.first-time-checkbox input[type=checkbox]:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    width: 8px;
    height: 13px;
    border: solid #1661d0;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.offers--one-time p {
    font-weight: 400;
    line-height: 1.2;
    font-size: 15px
}

a.offer-card--link {
    background: #1661d0;
    color: #fff;
    border-radius: 31px;
    text-decoration: none;
    font-size: 1em;
    transition: .3s
}

.offers-section--view-all:hover,
a.offer-card--link:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px #3385ff56
}

.offer-card--link img {
    width: 15px;
    height: 12px
}

.offer-card--img {
    height: 60px;
    object-fit: contain;
    max-width: 80%
}

.offer-card--perc {
    line-height: 1;
    font-size: 3em
}

.full-offers .perc-blue {
    color: #4e96ff
}

.full-offers .perc-gray {
    color: #dae9ff
}

.full-offers .offer-card--perc {
    line-height: 1;
    font-size: 4em
}

.full-offers .offer-card--perc-sub {
    font-size: 1em;
    line-height: 1.2
}

.offer-card--first-time-img {
    position: absolute;
    top: -20px;
    left: 30px;
    width: 84%;
    cursor: pointer
}

.offer-card--first-time-img.promo {
    position: absolute;
    top: -37px;
    left: 0;
    width: 101%;
    cursor: pointer
}

.first-time-hover {
    height: 0
}

.review-text {
    margin-top: 2px
}

.full-offers .offer-card--first-time-img {
    position: absolute;
    top: -33px;
    left: 9px;
    width: 96%;
    z-index: 5
}

a.offers-section--view-all {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    font-weight: 600
}

.full-offers .offers--review {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important
}

.full-offers a.offer-card--link {
    margin-right: .8rem !important;
    margin-left: .8rem !important;
    font-size: 1em
}

.full-offers .offers--review-desc {
    font-size: 1.1em;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    height: 4.5em
}

.first-time--shadow::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 21%;
    width: 59%;
    height: 0;
    box-shadow: 0 -30px 37px 19px #1e3a9cf0;
    background: 0 0;
    pointer-events: none;
    border-radius: 1000px
}

.blog-content--button:hover,
.contact .submit-button:hover,
.extension--add-chrome:hover,
.pagination .page-numbers:not(.current):not(.dots):not(.prev):not(.next):hover,
.single-firm--claim-offer:hover {
    box-shadow: 0 8px 20px #3385ff56
}

.full-offers .offer-card--after {
    position: absolute;
    left: 11px;
    top: -1px;
    width: calc(100% + -22px);
    height: calc(100% + 2px);
    border-radius: 20px;
    background: linear-gradient(180deg, #27273c 0, #1661d1 100%);
    z-index: -4
}

.blogs .header-section,
.contact-us .header-section,
.error404 .header-section,
.extension .header-section,
.page-template-page-landing .header-section,
.terms .header-section {
    background-image: none
}

.error-404 img,
.error404 .header-section,
.landing--index,
.shadow-defend {
    z-index: 99;
    position: relative
}

.full-offers .first .offer-card--after {
    position: absolute;
    left: 9px;
    top: -3px;
    width: calc(100% + -18px);
    height: calc(100% + 6px);
    border-radius: 23px;
    background: linear-gradient(180deg, #1661d1 0, #27273c 100%);
    z-index: -4
}

.offers-section h1 a,
.open-partnership {
    color: #1661d0;
    font-weight: 600;
    transition: .3s
}

.offers-section h1 a:hover,
.open-partnership:hover {
    color: #fff
}

.landing--content {
    background-image: url(/wp-content/themes/classic-child/home/assets/images/landing-bg-mobile.png);
    height: 600px
}

.landing--content form {
    background-color: rgb(255 255 255 / 0%) !important;
    height: 92%
}

.cst-klaviyo-form {
    width: 100%;
    background-image: url(/wp-content/themes/classic-child/home/assets/images/box-mobile.png);
    height: 520px;
    padding-top: 5.5em;
    margin-top: -40px
}

.landing--content form input {
    color: #fff !important;
    padding: 36px 30px !important;
    background: linear-gradient(93deg, #1f1f30 58.52%, #15151f45 136.48%) !important;
    border-radius: 20px !important;
    border: 1px solid #ffffff0f !important;
    box-shadow: none !important;
    margin: 0 40px !important;
    outline: 0 !important
}

.landing--content .cst-klaviyo-form form input[type=email]:hover,
.landing--content .cst-klaviyo-form form input[type=text]:hover {
    border-color: #ffffff0f !important
}

.landing--content form input.invalid {
    border: 1px solid #c44040 !important
}

.landing--content form button {
    margin: 1em 6em 0;
    padding: .6em !important;
    border-radius: 50px !important;
    background: linear-gradient(180deg, #1661d0 10.52%, #03a4db 100.48%) !important;
    transition: .3s !important
}

#partnershipForm .submit-button:hover,
.landing--content form button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px #3385ff56
}

.loadingspinner {
    --square: 26px;
    --offset: 30px;
    --duration: 2.4s;
    --delay: 0.2s;
    --timing-function: ease-in-out;
    --in-duration: 0.4s;
    --in-delay: 0.1s;
    --in-timing-function: ease-out;
    width: calc(3 * var(--offset) + var(--square));
    height: calc(2 * var(--offset) + var(--square));
    padding: 0;
    margin: 10px auto 30px;
    position: relative
}

.loadingspinner div {
    display: inline-block;
    background: #1661d0;
    border: none;
    border-radius: 2px;
    width: var(--square);
    height: var(--square);
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 6pt;
    color: #000
}

.blog-content h2 a,
.terms-privacy h1,
.terms-privacy h2,
.terms-privacy h3,
.terms-privacy h4 {
    color: #fff !important
}

.loadingspinner #square1 {
    left: calc(0 * var(--offset));
    top: calc(0 * var(--offset));
    animation: square1 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(1 * var(--in-delay)) var(--in-timing-function) both
}

.loadingspinner #square2 {
    left: calc(0 * var(--offset));
    top: calc(1 * var(--offset));
    animation: square2 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(1 * var(--in-delay)) var(--in-timing-function) both
}

.loadingspinner #square3 {
    left: calc(1 * var(--offset));
    top: calc(1 * var(--offset));
    animation: square3 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(2 * var(--in-delay)) var(--in-timing-function) both
}

.loadingspinner #square4 {
    left: calc(2 * var(--offset));
    top: calc(1 * var(--offset));
    animation: square4 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(3 * var(--in-delay)) var(--in-timing-function) both
}

.loadingspinner #square5 {
    left: calc(3 * var(--offset));
    top: calc(1 * var(--offset));
    animation: square5 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(4 * var(--in-delay)) var(--in-timing-function) both
}

@keyframes square1 {
    0% {
        left: calc(0 * var(--offset));
        top: calc(0 * var(--offset))
    }
    100%,
    8.333% {
        left: calc(0 * var(--offset));
        top: calc(1 * var(--offset))
    }
}

@keyframes square2 {
    0% {
        left: calc(0 * var(--offset));
        top: calc(1 * var(--offset))
    }
    8.333% {
        left: calc(0 * var(--offset));
        top: calc(2 * var(--offset))
    }
    16.67% {
        left: calc(1 * var(--offset));
        top: calc(2 * var(--offset))
    }
    25.00%,
    83.33% {
        left: calc(1 * var(--offset));
        top: calc(1 * var(--offset))
    }
    91.67% {
        left: calc(1 * var(--offset));
        top: calc(0 * var(--offset))
    }
    100% {
        left: calc(0 * var(--offset));
        top: calc(0 * var(--offset))
    }
}

@keyframes square3 {
    0%,
    100%,
    16.67%,
    91.67% {
        left: calc(1 * var(--offset));
        top: calc(1 * var(--offset))
    }
    25.00% {
        left: calc(1 * var(--offset));
        top: calc(0 * var(--offset))
    }
    33.33% {
        left: calc(2 * var(--offset));
        top: calc(0 * var(--offset))
    }
    41.67%,
    66.67% {
        left: calc(2 * var(--offset));
        top: calc(1 * var(--offset))
    }
    75.00% {
        left: calc(2 * var(--offset));
        top: calc(2 * var(--offset))
    }
    83.33% {
        left: calc(1 * var(--offset));
        top: calc(2 * var(--offset))
    }
}

@keyframes square4 {
    0%,
    33.33% {
        left: calc(2 * var(--offset));
        top: calc(1 * var(--offset))
    }
    41.67% {
        left: calc(2 * var(--offset));
        top: calc(2 * var(--offset))
    }
    50.00% {
        left: calc(3 * var(--offset));
        top: calc(2 * var(--offset))
    }
    100%,
    58.33% {
        left: calc(3 * var(--offset));
        top: calc(1 * var(--offset))
    }
}

@keyframes square5 {
    0%,
    50.00% {
        left: calc(3 * var(--offset));
        top: calc(1 * var(--offset))
    }
    58.33% {
        left: calc(3 * var(--offset));
        top: calc(0 * var(--offset))
    }
    66.67% {
        left: calc(2 * var(--offset));
        top: calc(0 * var(--offset))
    }
    100%,
    75.00% {
        left: calc(2 * var(--offset));
        top: calc(1 * var(--offset))
    }
}

@keyframes squarefadein {
    0% {
        transform: scale(.75);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.blogs .header-content,
.blogs .header-section--cashback,
.contact-us .header-content,
.contact-us .header-section--cashback,
.error404 footer,
.extension .header-content,
.extension .header-section--cashback,
.landing,
.page-template-page-contact footer,
.page-template-page-extension footer .footer--banner,
.terms .header-content,
.terms .header-section--cashback {
    display: none
}

.load {
    height: 600px
}

.landing--left-shadow {
    position: absolute;
    top: 56%;
    left: 29%;
    box-shadow: 5px 5px 165px 171px #00bfff38;
    width: 188px;
    height: 0;
    transform: rotate(16deg)
}

.landing--right-shadow {
    position: absolute;
    top: 60%;
    right: 31%;
    box-shadow: 5px 5px 98px 159px #0064f42e;
    width: 170px;
    height: 0;
    transform: rotate(16deg)
}

.error-404--left-shadow,
.error-404--right-shadow {
    position: absolute;
    box-shadow: 4px 5px 242px 237px #fb1f1740;
    width: 220px;
    height: 0
}

.socials img {
    height: 20px;
    width: auto;
    margin: 0 10px
}

.footer--sub-button .btn-spinner {
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: .7s linear infinite spin
}

.landing .copyright p {
    font-size: .6em
}

.landing--footer {
    margin-top: -30px
}

.error-404 img {
    object-fit: scale-down
}

.error-404--left-shadow {
    top: 31%;
    left: 3%;
    transform: rotate(93deg)
}

.error-404--right-shadow {
    top: 68%;
    right: 10%;
    transform: rotate(61deg)
}

.error404 .login-button {
    border: 1px solid #d60700;
    background: 0 0 !important
}

.error404 .login-button--wrapper::after {
    content: none
}

#partnershipModal .modal-content {
    background: linear-gradient(184.49deg, #1f1f30 8.61%, rgb(16 16 24) 92.72%)
}

#partnershipModal .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: none
}

#partnershipForm .submit-button {
    background: #1661d0;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1.3em;
    transition: .3s;
    padding: .8em 3em;
    border: none
}

#partnershipModal input,
#partnershipModal textarea {
    background: linear-gradient(139.15deg, rgba(31, 31, 48, .76) 2.52%, rgba(21, 21, 31, .228) 97.48%);
    color: #fff;
    border: 1px solid #ffffff0d;
    padding: 1.2em;
    border-radius: 18px;
    outline: 0;
    box-shadow: none
}

#partnershipModal input::placeholder,
#partnershipModal textarea::placeholder {
    color: #ffffff45
}

.contact-us .contact {
    background: linear-gradient(180deg, #1e1e30 9.24%, rgb(21 21 31) 100%);
    border-radius: 16px;
    position: relative
}

.contact--input-after,
.contact-us .contact--after {
    position: absolute;
    left: -1px;
    height: calc(100% + 2px);
    z-index: -2;
    top: -1px;
    width: calc(100% + 2px)
}

.contact-us .contact--after {
    border-radius: 20px;
    background: linear-gradient(180deg, #27273c 21.28%, rgba(69, 69, 69, 0) 100%)
}

.contact-us .contact input,
.contact-us .contact textarea {
    border: none;
    border-radius: 16px;
    padding: 1.5em;
    height: auto;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    background: linear-gradient(168deg, #262637 2.52%, #1d1d2b 97.48%);
    width: 100%;
    outline: 0
}

.contact-us .contact input::placeholder,
.contact-us .contact textarea::placeholder {
    color: #ffffff4f
}

.contact--input-after {
    content: "";
    border-radius: 17px;
    background: linear-gradient(180deg, #2a2a40 0, #454545a3 100%)
}

.contact--input-after.textarea {
    height: calc(100% - 4px)
}

.contact .position-relative {
    z-index: 0
}

.contact .submit-button {
    border: 1px solid #fff;
    color: #fff;
    transition: .3s;
    background: 0 0;
    padding: 1em 3em;
    border-radius: 50px;
    font-size: 1.2em;
    font-weight: 600
}

.alert-danger,
.alert-success {
    border-radius: 14px;
    z-index: 99;
    position: relative
}

.contact .submit-button:hover {
    transform: translateY(-4px)
}

.alert-success {
    --bs-alert-color: #e9f0ed;
    --bs-alert-bg: #1661d0;
    --bs-alert-border-color: #1661d0
}

.alert-danger {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #d04854;
    --bs-alert-border-color: #d04854
}

.extension--add-chrome {
    color: #fff !important;
    background: #1661d0;
    border-radius: 50px;
    font-size: 1.5em;
    cursor: pointer;
    padding: 1em 1.5em;
    text-decoration: none;
    transition: .3s;
    position: relative;
    z-index: 99
}

.extension--add-chrome:hover {
    transform: translateY(-4px)
}

.extension--titles {
    font-size: 2.4em;
    line-height: 1.2
}

.extension-ticket {
    background-image: url(/wp-content/themes/classic-child/home/assets/images/extension-tickets.png);
    width: 85%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 360px;
    z-index: 999;
    position: relative
}

.extension--shadow-top {
    position: absolute;
    top: -374px;
    left: 47px;
    height: 0;
    width: 220px;
    box-shadow: 32px 4px 179px 123px #1b7390d6;
    z-index: 10;
    transform: rotateZ(0)
}

.extension--shadow-bottom {
    position: absolute;
    top: -134px;
    left: 50%;
    height: 0;
    width: 50px;
    box-shadow: 32px 4px 215px 171px #225db5cc;
    z-index: 10;
    transform: rotateZ(334deg)
}

.extension--smart-img {
    width: 90%;
    object-fit: cover;
    height: 204px;
    margin-top: 10px;
    z-index: 99;
    position: relative
}

.extension--smart-left-wing {
    object-fit: cover;
    position: absolute;
    left: -1px;
    top: 33px;
    height: 295px;
    width: 29%
}

.extension--smart-right-wing {
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 33px;
    height: 295px;
    width: 29%
}

.extension-share {
    background: #408d9f0a;
    border: 1px solid #32c7ff26;
    border-radius: 8px
}

.extension--coupons-img {
    width: 80%;
    margin-top: -20px
}

.extension--details {
    background: #0b1221;
    border-radius: 16px;
    height: 410px
}

.extension--details::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 16px;
    background: linear-gradient(180deg, #eaf2fd7a -23%, #1661d100 57%);
    z-index: -1
}

.extension--details img {
    width: 125px
}

.extension-details--shadow-left {
    position: absolute;
    top: 43px;
    left: 20px;
    height: 0;
    width: 49px;
    box-shadow: 32px 4px 124px 67px #1b739094;
    z-index: 10;
    transform: rotateZ(0)
}

.extension-details--shadow-right {
    position: absolute;
    top: 54px;
    left: 54%;
    height: 0;
    width: 49px;
    box-shadow: 32px 4px 124px 67px #225db599;
    z-index: 10;
    transform: rotateZ(334deg)
}

.extension--details h3,
.extension-details--svg {
    position: relative;
    z-index: 99
}

.terms-privacy {
    background: linear-gradient(140deg, #1f1f30 100%, #15151f5c 0);
    border-radius: 20px
}

.terms-privacy li,
.terms-privacy p {
    color: #909090 !important
}

.blogs--desc {
    color: #909090
}

.blogs-container {
    background: linear-gradient(180deg, #1f1f30 38%, #171723 59%);
    border-radius: 20px
}

.blog-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px !important
}

.blog-content h2 a {
    font-weight: 500
}

.blog-content--desc {
    color: #909090;
}

.blog-content--button {
    background: linear-gradient(180deg, #1f1f30e8 57.24%, #2c2c39 101.87%);
    padding: 1em 2.5em;
    border-radius: 55px;
    color: #fff !important;
    text-decoration: none;
    transition: .3s;
    display: inline-block
}

.border-left,
.border-right {
    width: 260px;
    border-top: 1px solid #404040a8;
    margin-top: 74px;
    display: none
}

.blog-content--button::after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: calc(100% + 0px);
    height: calc(100% + 2px);
    border-radius: 55px;
    background: linear-gradient(180deg, #5b5c5e -23%, #33363b 57%);
    z-index: -1
}

.blog-content .z-0 {
    z-index: 0
}

.pagination {
    z-index: 0;
    position: relative
}

.pagination .page-numbers:not(.prev):not(.next) {
    color: #fff;
    background: #1a1a27;
    padding: .4em .7em;
    border-radius: 4px;
    margin: 0 .2em;
    position: relative;
    font-size: 1em;
    transition: .3s;
    text-decoration: none
}

.pagination .page-numbers:not(.prev):not(.next)::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 4px;
    background: linear-gradient(180deg, #7b7c7f -23%, #33363b00 57%);
    z-index: -1
}

.pagination .page-numbers.dots {
    padding: .4em .5em !important
}

.pagination .next,
.pagination .prev {
    font-size: 1.5em;
    margin: 0 .5em;
    color: #404040;
    text-decoration: none
}

.blogs .search-input {
    padding: 1em 2em;
    width: 100%;
    background: linear-gradient(177deg, #151e2b, #141b24);
    border-radius: 50px;
    border: 0;
    outline: 0;
    color: #fff
}

.blogs-search--loop {
    position: absolute;
    left: 92%;
    top: 14px
}

.blogs .search-input::placeholder {
    color: #a0aec0
}

.blogs-search--wrapper {
    z-index: 0;
    position: relative;
    background: #15151f;
    width: 100%
}

.blogs-cont--header-item.left::after,
.blogs-search--after {
    left: -1px;
    top: -1px;
    background: linear-gradient(180deg, #7b7c7f -23%, #33363b00 57%);
    z-index: -1
}

.blogs-search--after {
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 55px
}

.blogs-cont--header-item {
    background: linear-gradient(180deg, #1f1f30 38%, #1f1f30 59%);
    border-radius: 20px;
    width: 25%;
    height: 56px
}

.first-time .promo-header,
.promo-header {
    background: #4e96ff;
    border-radius: 50px;
    position: absolute
}

.discount-image--wrapper::after,
.firm-category--wrapper::after,
.single-firm--perc-wrapper::after {
    /* background: linear-gradient(180deg, #7b7c7f -23%, #33363b00 57%) */
}

.blogs-cont--header-item.right {
    border-bottom-right-radius: 0
}

.blogs-cont--header-item.left {
    border-bottom-left-radius: 0;
    width: 23%;
    height: 56px;
    margin-right: 22px;
    position: relative
}

.blogs-cont--header-item.left::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 4px
}

.blogs .blog-date {
    color: #727272
}

.offer-card--perc-discount {
    font-size: 1.5em;
    opacity: .6;
    position: relative
}

.offer-card--perc-discount::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 15px;
    width: 64px;
    border-bottom: 2px solid red;
    transform: rotate(336deg)
}

.offer-card--perc-discount.cashback::after {
    left: -9px;
    top: 15px;
    width: 55px
}

.promo-header {
    top: -12px;
    padding: .8em 1.8em;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: nowrap
}

.promo-header span {
    font-size: 14px;
    font-weight: 600
}

.first-time .promo-header {
    top: 12px;
    left: 99px;
    padding: .4em .6em;
    z-index: 9
}

.first-time .promo-header h5 {
    font-size: .9em
}

.first-time .promo-header span {
    font-size: 11px;
    font-weight: 600
}

.full-offers .offer-card--perc-discount.cashback {
    opacity: .5;
    color: #4e96ff
}

.full-offers .offer-card--perc-discount {
    opacity: .5;
    font-size: 1.7em;
    color: #dae9ff
}

.promo-header.date-not-present {
    top: -12px;
    left: 33%
}

.discount-image--wrapper::after,
.firm-category--wrapper::after,
.single-firm--perc-wrapper::after,
.single-firm--review::after {
    content: "";
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -1
}

.first-time .promo-header.date-not-present {
    top: 16px;
    left: 143px
}

.single-firm .discount-code h5 {
    color: #fff;
    font-weight: 500;
    font-size: 1.5em
}

.single-firm .discount-code .discount-code--btn {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    background: #15469182;
    padding: .3em 1.7em;
    border-radius: 50px;
    font-size: 2.4em;
    border: 2px dashed #1676d0;
    cursor: pointer
}

.discount-image--wrapper {
    position: relative;
    background: linear-gradient(180deg, #131321 34%, #191927 85%);
    border-radius: 16px;
    width: 402px;
    height: 200px;
    padding: 0 1em
}

.discount-image--wrapper::after {
    position: absolute;
    border-radius: 16px
}

.discount-image--wrapper img {
    /* width: 75% */
    width: auto;
    height: 8rem;
    /* margin-top: -3rem; */
}

.single-firm--title {
    font-size: 3.2em
}

.firm-category--wrapper {
    background: linear-gradient(180deg, #121221d9 34%, #262631 85%);
    padding: .6em 2.5em;
    font-size: 2em;
    font-weight: 500;
    color: #fff;
    border-radius: 50px
}

.firm-category--wrapper::after {
    position: absolute;
    border-radius: 50px
}

.discount-image--faq {
    position: absolute;
    top: 25px;
    right: 31px
}

.single-firm--perc-wrapper {
    position: relative;
    background: linear-gradient(180deg, #181827 34%, #191927 85%);
    border-radius: 16px
}

.single-firm--perc-wrapper::after {
    position: absolute;
    border-radius: 16px
}

.single-firm--perc-wrapper h1 {
    font-size: 3em;
    line-height: 1
}

.single-firm--perc-wrapper p {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center
}

.single-firm--perc-wrapper h5 {
    font-size: 1.7em;
    color: #fff
}

.single-firm--desc {
    color: #909090
}

.single-firm--claim-offer,
.single-firm--review {
    color: #fff !important;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none
}

.single-firm--claim-offer {
    background: #216ad7;
    padding: 1em 3em;
    display: inline-block;
    font-size: 1.4em;
    transition: .3s
}

.single-firm--claim-offer:hover {
    transform: translateY(-4px);
    color: #fff
}

.single-firm .faq-section {
    background: #15151f
}

.single-firm--review {
    padding: 1.3em 2.7em;
    background: #00f;
    font-size: 1.2em;
    margin-top: 1.2em;
    background: linear-gradient(38deg, #295fab -9%, #1c2534 75%);
    position: relative
}

.single-firm--review::after {
    position: absolute;
    border-radius: 50px;
    background: linear-gradient(180deg, #7b7c7f -23%, #33363b00 57%)
}

.signle-firm--pagination-title {
    color: #616161;
    text-decoration: none
}

.signle-firm--pagination {
    border-top: 1px solid #404040
}

.signle-firm--pagination a {
    text-decoration: none
}

.signle-firm--pagination-next:hover svg path,
.signle-firm--pagination-prev:hover svg path {
    fill: #1661D0;
    transition: .3s
}

.signle-firm--pagination-next:hover h1,
.signle-firm--pagination-prev:hover h1 {
    transition: .3s;
    color: #fff
}

.signle-firm--pagination-next svg,
.signle-firm--pagination-prev svg {
    width: 30px;
    height: 50px
}

.offers-section--info-svg {
    position: absolute;
    top: 0;
    right: -30px
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.firm-pick {
    background: #007AFF;
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    border-radius: 70px;
    padding: 20px 20px 17px;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 16px 1px #226ae0c9;
}

.firm-pick::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 53px;
    background: linear-gradient(271deg, #22BDE0 78%, #00b4ffa8 94%);
    z-index: -1;
}

.firm-pick svg {
    width: 70px;
    height: 70px;
} 

.firm-picker-progress--sub-title {
    font-size: 11px;
    color: #C8C8C8 !important;
}

.firm-picker-progress--est {
    font-size: 11px;
    color: #C8C8C8 !important;
}

.firm-picker-progress--shadow-1 {
    box-shadow: -6px 6px 16px 19px #0582dc;
    left: 0%;
    top: 89px;
    z-index: 0;
    display: none;
    /* width: auto !important; */
    border-radius: 50%;
    width: 1px;
    height: 1px;
}

.firm-picker-progress--shadow-2 {
    left: 0%;
    top: 90px;
    z-index: 99999;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #80DFFF;
    box-shadow: 0 0 6px 3px #0022ff;
    display: none;
}

.firm-picker-progress--shadow-3 {
    box-shadow: -15px 0px 17px 15px #0533dc;
    left: 0%;
    top: 90px;
    z-index: 9999;
    display: none;
    /* width: auto !important; */
    border-radius: 50%;
    width: 1px;
    height: 1px;
}

.page-template-page-firm-picker .footer--banner {
    display: none;
}

.firm-picker .progress-container {
    width: 100%;
    background-color: #37374D57;
    border-radius: 20px;
    overflow: hidden;
    height: 35px;
    margin: 15px 0;
    border: 1px solid #393939;
}

.firm-picker .progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #00BFFF 3%, #0f0089 100%);
    text-align: center;
    color: white;
    line-height: 25px;
    transition: width 0.3s;
    border-radius: 20px;
    z-index: 99;
    position: relative;
}

.firm-picker-progress--circle-1, .firm-picker-progress--circle-2, .firm-picker-progress--circle-3,
.firm-picker-progress--circle-4, .firm-picker-progress--circle-5, .firm-picker-progress--circle-6 {
    top: 90px;
    left: 20%;
    z-index: 3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.firm-picker-progress--circle-2 {
    left: 40%;
}

.firm-picker-progress--circle-3 {
    left: 60%;
}

.firm-picker-progress--circle-4 {
    left: 80%;
}

.firm-picker-progress--circle-5 {
    left: 83%;
}

.firm-picker-progress--circle-6 {
    left: 85.2%;
}

.crypto .firm-picker-progress--circle-1 {
    left: 25%;
}

.crypto .firm-picker-progress--circle-2 {
    left: 50%;
}

.crypto .firm-picker-progress--circle-3 {
    left: 75%;
}

.step-container {
    background: linear-gradient(139.15deg, #1F1F30 2.52%, rgb(26 26 37 / 82%) 97.48%),
        radial-gradient(89.35% 109.84% at 38.74% 100%, rgba(22, 97, 209, 0.15) 0%, rgba(22, 97, 209, 0) 100%);
    border-radius: 20px;
    /* z-index: 99; */
    position: relative;
}

.active .step-container::after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 21px;
    background: linear-gradient(180deg, #27273C 0%, #1661D1 100%);
    border: 1px solid;
    z-index: -1;
}

.firm-picker--shadow-1 {
    position: absolute;
    top: 28%;
    left: 8%;
    box-shadow: 5px 5px 165px 171px #00bfff38;
    width: 188px;
    height: 0;
    transform: rotate(16deg);
    z-index: -1;
}

.firm-picker--shadow-2 {
    position: absolute;
    bottom: 4%;
    right: 13%;
    box-shadow: 5px 5px 148px 201px #0064f44f;
    width: 170px;
    height: 0;
    transform: rotate(16deg);
    z-index: 0;
}

.step-container--counter {
    color: #D9D9D9 !important;
}

.step-container--question {
    background: linear-gradient(139.15deg, #2a2a3f 40.52%, rgb(43 43 69 / 88%) 64.48%);
    position: relative;
    color: #fff;
    padding: 12px;
    font-size: 1.2em;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #45454587;
    border-top: 2px solid #45454549;
}

.step-container--question.active {
    background: linear-gradient(139.15deg, rgba(0, 100, 244, 0.43) 2.52%, rgba(0, 191, 255, 0.2) 97.48%);
    border: 2px solid #8be2ff59;
    border-top: 2px solid #0069ff91;
}

.step-container--cancel-btn {
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 1em 5em;
    border-radius: 50px;
    z-index: 99;
    font-weight: 600;
    transition: all 0.3s ease;
    width: 215px;
}

.step-container--cancel-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px #3385ff56;
    color: #fff;
}

.step-container--next-btn {
    color: #fff;
    border: 1px solid #1661D0;
    text-decoration: none;
    padding: 1em 2em;
    border-radius: 50px;
    background: #1661D0;
    z-index: 99;
    font-weight: 600;
    transition: all 0.3s ease;
    width: 215px;
}

.step-container--next-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px #3385ff56;
    color: #fff;
}

.step-container--desc {
    color: #929292;
    font-size: 12px;
}

.step-container .step-content {
    height: 100%;
}

.result-head--hr {
    color: #BDBABA;
}

.result-head {
    background: linear-gradient(90deg, #121313 0%, #18233c 100%);
    position: relative;
    padding: 1em;
    border-radius: 7px;
}

.result-head::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 7px;
    background: linear-gradient(180deg, rgb(234 242 253 / 34%) 37.3%, rgb(234 242 253 / 0%) 52.31%);
    /* border: 1px solid; */
    z-index: -1;
}

.result--shadow-1 {
    position: absolute;
    top: 50px;
    left: 8%;
    box-shadow: 5px 5px 165px 171px #00bfff38;
    width: 188px;
    height: 0;
    transform: rotate(16deg);
    z-index: 1;
}

.result--shadow-2 {
    position: absolute;
    top: 125px;
    right: 13%;
    box-shadow: 5px 5px 139px 100px #0064f44f;
    width: 170px;
    height: 0;
    transform: rotate(16deg);
    z-index: 0;
}

.result-body img {
    width: 90%;
    height: 80px;
    object-fit: contain;
}

.result-body--details {
    font-size: 12px;
    color: #A1A0A0;
}

.result-body {
    background: linear-gradient(90deg, #121313 0%, #18233c 100%);
    position: relative;
    border-radius: 7px;
}

.result-body--after {
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 7px;
    background: linear-gradient(180deg, rgb(234 242 253 / 34%) 37.3%, rgb(234 242 253 / 0%) 52.31%);
    z-index: -1;
}

.result-body--col {
    border-right: 1px solid #BBBBBB29;
    height: 65%;
}

.result-body .row {
    height: 105px;
}

.result-body--promo h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 0.7;
}

.result-body--promo p {
    font-size: 14px;
}

.result-body--code {
    background: linear-gradient(133.09deg, #2F82F9 8.9%, rgb(0 41 101 / 81%) 78.45%);
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
    border-radius: 5px;
    width: 150px;
    cursor: pointer;
}

.result-body--code.first-time {
    padding: 18px 15px 4px;
}

.result-body--seperator {
    border-top: 3px solid #ffffff0f;
}

.result-body--action-btn {
    background: linear-gradient(0deg, #272f47, #171f35);
    color: #fff;
    padding: 1.2em;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 120px;
    font-size: 14px;
}

.result-body--action-btn::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 50px;
    background: linear-gradient(180deg, rgb(234 242 253 / 34%) 37.3%, rgb(234 242 253 / 0%) 52.31%);
    /* border: 1px solid; */
    z-index: -1;
}


@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.step-container--next-btn.shake {
  animation: shake 0.4s;
}

.firm-picker-progress.blur {
    filter: blur(5px);
}

.firm-picker .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

.firm-picker .select2-container--default .select2-selection--single {
    border: none !important;
    background: transparent;
}

.firm-picker .select2-container {
    width: 100% !important;
}

.select2-dropdown {
    background: #1F1F30 !important;
    border: 1px solid #434040 !important;
    color: #fff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #434040 !important;
    background: transparent !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #183960 !important;
}

.range-picker {
    width: 100%;
    cursor: pointer;
}

.loader-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader {
    width: 50px; height: 50px;
    border: 5px solid #ddd;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.filter-container {
    position: relative;
    display: inline-block;
    font-family: Inter, sans-serif;
}

.filter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 26px;
}

.filter-dropdown {
    position: absolute;
    top: 100%;
    right: 25%;
    margin-top: 8px;
    background: linear-gradient(318.26deg, rgba(1, 1, 3, 0.86) -40.86%, rgba(26, 26, 39, 0.79) 45.67%),
    linear-gradient(147.5deg, rgba(255, 255, 255, 0) -4.33%, rgba(255, 255, 255, 0.052) 155.64%),
    linear-gradient(34.54deg, rgba(51, 133, 255, 0) 25.78%, rgba(51, 133, 255, 0.12) 109.82%);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    padding: 0;
    min-width: 200px;
    display: none;
    flex-direction: column;
    z-index: 1000;
}

.filter-dropdown .filter-item {
    padding: 20px 10px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.filter-dropdown .custom-filter {
    font-size: 14px;
    opacity: 0.7;
}

.filter-dropdown .sub-dropdown {
    position: absolute;
    top: -10px;
    right: 100%;
    margin-left: 8px;
    background: linear-gradient(318.26deg, rgb(33 44 53) -40.86%, #1b1d2e 45.67%),
    linear-gradient(147.5deg, rgba(255, 255, 255, 0) -4.33%, rgba(255, 255, 255, 0.052) 155.64%),
    linear-gradient(34.54deg, rgba(51, 133, 255, 0) 25.78%, rgba(51, 133, 255, 0.12) 109.82%);
    border-radius: 12px;
    padding: 8px 0;
    display: none;
    flex-direction: column;
    min-width: 150px;
    border: 1px solid #ffffff17;
}

.filter-dropdown .sub-dropdown .sub-dropdown--item {
    padding: 10px;
    color: white;
    font-size: 18px;
    border-bottom: 1px solid #ffffff14;
    cursor: pointer;
    text-align: center;
}

.filter-dropdown .sub-dropdown .sub-dropdown--item.last {
    border-bottom: none;
}

.filter-item--wrapper {
    margin: 0;
}

.filter-item--wrapper.active {
    background: linear-gradient(180deg, rgba(0, 100, 244, 0.34) 0%, rgba(0, 58, 142, 0.376) 100%);
}

.filter-item--wrapper:hover {
    background: linear-gradient(180deg, rgb(0 100 244 / 64%) 0%, rgb(0 66 142 / 44%) 100%);
}

.filter-parent {
    border-bottom: 1px solid #ffffff14;
}

.filter-dropdown .last.filter-parent {
    border-bottom: none;
}

.sub-dropdown--item:hover {
    background: linear-gradient(180deg, rgb(0 100 244 / 64%) 0%, rgb(0 66 142 / 44%) 100%);
}

.sub-dropdown--item.active {
    background: linear-gradient(180deg, rgba(0, 100, 244, 0.34) 0%, rgba(0, 58, 142, 0.376) 100%);
}

.step-container--more-item {
    display: none;
}

.filter--save {
    padding: 10px;
    color: #fff;
    background: #1661D0;
    border-radius: 50px;
    margin: 15px;
    cursor: pointer;
}

.filter--restart {
    padding: 10px;
    color: #fff;
    background: #1661D0;
    border-radius: 50px;
    margin: 15px;
    cursor: pointer;
    text-decoration: none;
}

.page-template-page-firm-picker .header-section {
    background-image: none !important;
}

.result-body--img {
    width: 110px !important;
    height: auto !important;
    object-fit: cover !important;
    position: absolute;
    top: -4px;
    left: 17px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
}

@media (max-width: 768px) {
    .result-body img {
        height: 55px;
    }

    .firm-pick {
        font-size: 1.1em;
        padding: 20px 10px 17px;
        box-shadow: 0px 0px 16px 1px #226ae0c9;
        margin: 0 10px;
    }

    .firm-pick svg {
        width: 35px;
        height: 35px;
    }

    .firm-picker-progress--circle-1, .firm-picker-progress--circle-2, 
    .firm-picker-progress--circle-3, .firm-picker-progress--circle-4,
    .firm-picker-progress--circle-5 {
        top: 84px;
    }

    .firm-picker-progress--shadow-2 {
        top: 84px;
    }

    .firm-picker-progress--shadow-1 {
        top: 85px;
    }

    .active .step-container::after {
        left: -2px;
        top: -2px;
        width: calc(100% + 4px);
        height: calc(100% + 5px);
        border-radius: 22px;
    }

    .result-body--action-btn {
        font-size: 9px;
        margin-right: 11px !important;
        padding: 7px;
        width: 77px;
    }

    .result-body--promo h5 {
        font-size: 17px;
    }

    .result-body--code {
        font-size: 10px;
        padding: 8px 0px;
        width: 130px;
    }

    .result-body--promo p {
        font-size: 11px;
    }

    .result-body img {
        width: 100%;
        object-fit: contain;
        margin-left: 11px;
    }

    .result-body--img {
        margin-left: -8px !important;
    }
}

@media (min-width: 768px) {
    .full-offers .offer-card--perc,
    .header-content--first,
    .header-content--second {
        font-size: 3em;
    }
    .cst-klaviyo-form,
    .landing--content {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .header-content--third {
        font-size: 1.75em;
    }
    .header-section--cashback h1 {
        font-size: 1.6em;
    }
    .features-section .features img {
        width: 15%;
    }
    .rewards svg {
        width: 75px;
        height: 80px;
    }
    .rewards--titles {
        font-size: 1.4em;
    }
    .reward-affiliate h3 {
        font-size: 1.3em;
        text-align: start;
    }
    .reward-affiliate svg {
        width: 50px;
        height: 51px;
    }
    .rewards--border {
        border-left: 2px solid #dbdbdb1a;
        border-right: 2px solid #dbdbdb1a;
        border-top: none;
        border-bottom: none;
    }
    a.offer-card--link {
        font-size: 0.9em;
    }
    .offer-card--first-time-img {
        top: -18px;
        width: 82%;
        left: 30px;
    }
    .full-offers .offer-card--first-time-img {
        top: -18px;
        width: 82%;
        left: 32px;
    }
    .offers--review-desc {
        font-size: 1.1em;
        height: 2.5em;
    }
    .offers--one-time p {
        font-size: 17px;
    }
    .full-offers .offers--review {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .full-offers a.offer-card--link {
        margin-right: 0.8rem !important;
        margin-left: 0.8rem !important;
        font-size: 1em;
    }
    .full-offers .offers--review-desc {
        font-size: 1em;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
        height: 3.5em;
    }
    .landing--content form button {
        margin: 2em 9em 0;
    }
    .landing--content {
        background-image: url(/wp-content/themes/classic-child/home/assets/images/landing-bg.png);
        height: 85vh;
    }
    .landing {
        height: 100vh;
    }
    .cst-klaviyo-form {
        width: 600px;
        background-image: url(/wp-content/themes/classic-child/home/assets/images/box.png);
        height: 450px;
        padding-top: 3em;
        margin-top: 0;
    }
    .extension-ticket {
        width: 80%;
        height: 500px;
    }
    .extension--smart-img {
        width: 80%;
        height: 370px;
        margin-top: -21px;
    }
    .extension--smart-right-wing {
        right: 0;
        top: 33px;
        height: 370px;
        width: 29%;
    }
    .extension--smart-left-wing {
        left: -1px;
        top: 33px;
        height: 370px;
        width: 29%;
    }
    .extension--coupons-img {
        margin-top: -50px;
    }
    .extension--details {
        height: 410px;
    }
    .pagination .page-numbers:not(.prev):not(.next) {
        color: #fff;
        background: #1a1a27;
        padding: 0.7em 1.1em;
        border-radius: 4px;
        margin: 0 0.2em;
        position: relative;
        font-size: 1.4em;
        transition: 0.3s;
        text-decoration: none;
    }
    .pagination .page-numbers.dots {
        padding: 0.7em 0.9em !important;
    }
    .pagination .next,
    .pagination .prev {
        font-size: 2em;
        margin: 0 0.5em;
    }
    .promo-header {
        position: absolute;
        top: -12px;
        left: 12%;
    }
    .offer-card--first-time-img.promo {
        top: -31px;
        width: 105%;
        left: -11px;
    }
    .first-time .promo-header {
        position: absolute;
        top: 16px;
        left: 78px;
    }
    .promo-header.date-not-present {
        top: -12px;
        left: 32%;
    }
    .first-time .promo-header.date-not-present {
        top: 16px;
        left: 125px;
    }
    .offers-section .tab-button {
        padding: 0.6em 3.6em 0.5em;
    }

    .single-firm--perc-wrapper h5 {
        font-size: 1.2em;
    }

    .single-firm--perc-wrapper h1 {
        font-size: 5em;
        line-height: 1;
    }

    .single-firm--perc-wrapper p {
        font-size: 1.5em;
        font-weight: 600;
        text-align: center;
    }
}
@media (min-width: 990px) {
    .features-section .features .features--top .features--end,
    .features-section .features .features--top .features--middle,
    .features-section .features .features--top .features--start {
        border-bottom: 1px solid #ffffff33;
        border-bottom: 1px solid #ffffff33;
    }
    .header-section {
        /* background-image: url('../images/header-background.png'); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .main-logo {
        width: 170px;
    }
    .site-header .login-button {
        font-size: 14px;
        padding: 0.8rem 1.5rem 0.7rem;
    }
    .faq-section h5,
    .features-section h5 {
        font-size: 1.3em;
    }
    .faq-section #faqAccordion .accordion-button--parent {
        font-size: 1em;
    }
    .faq-section #faqAccordion .accordion-button,
    .landing .copyright p {
        font-size: 0.6em;
    }
    .faq-section .accordion-body {
        font-size: 15px;
    }
    .header-content--first,
    .header-content--second {
        font-size: 68px;
    }
    .header-content--third {
        font-size: 36px;
    }
    .header-section--cashback h1 {
        font-size: 2em;
    }
    .footer--payment-methods svg {
        width: 75px;
    }
    .footer--socials svg {
        width: 48px;
    }
    .footer--socials .discord-svg {
        width: 35px;
    }
    .features-section .features p {
        font-size: 13px;
    }
    .features-section .features img {
        width: 60px;
    }
    .features h6,
    .features p {
        text-align: start;
    }
    .features-section .features .features--top .features--middle,
    .features-section .features .features--top .features--start {
        border-right: 1px solid #ffffff33;
    }
    .reward-affiliate h3,
    .rewards--titles {
        font-size: 1.9em;
    }
    .rewards svg {
        width: 118px;
        height: 108px;
    }
    .reward-affiliate svg {
        width: 44px;
        height: 60px;
    }
    a.offer-card--link {
        font-size: 1.2em;
    }
    .offer-card--link img {
        width: 15px;
        height: 15px;
    }
    .full-offers .offer-card--first-time-img,
    .offer-card--first-time-img {
        position: absolute;
        top: -25px;
        left: 48px;
        width: 79%;
    }
    .offers--review-desc {
        font-size: 1.3em;
        height: 2.5em;
        font-weight: 400;
    }
    .offers--one-time {
        position: absolute;
        top: 0;
        right: 0;
    }
    .full-offers .offers--review {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important;
    }
    .full-offers a.offer-card--link {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
        font-size: 1.2em;
    }
    .full-offers .offer-card--perc {
        font-size: 4.5em;
    }
    .full-offers .offer-card--perc-sub {
        font-size: 1.2em;
    }
    .full-offers .offers--review-desc {
        font-size: 1.2em;
        margin-right: 2rem !important;
        margin-left: 2rem !important;
        height: 4.5em;
    }
    .offer-card--perc {
        font-size: 3em;
    }
    .socials img {
        height: 20px;
        width: auto;
        margin: 0 10px;
    }
    .landing--footer {
        margin-top: 0;
    }
    .extension-ticket {
        width: 100%;
        height: 500px;
    }
    .extension--smart-img {
        width: 80%;
        height: 466px;
        margin-top: -21px;
    }
    .extension--smart-right-wing {
        right: 0;
        top: 33px;
        height: 440px;
        width: 29%;
    }
    .extension--smart-left-wing {
        left: -1px;
        top: 33px;
        height: 440px;
        width: 29%;
    }
    .extension--coupons-img {
        margin-top: -50px;
    }
    .extension--details {
        height: 500px;
    }
    .extension--titles {
        font-size: 3.4em;
        line-height: 1.2;
    }
    .terms--title {
        font-size: 3em;
        line-height: 1.3;
    }
    .border-left,
    .border-right {
        width: 130px;
        display: block;
    }
    .blogs-search--wrapper {
        z-index: 0;
        position: relative;
        background: #15151f;
        width: 50%;
    }
    .first-time .promo-header {
        top: 22px;
        left: 143px;
    }
    .promo-header {
        top: -12px;
        left: 21%;
    }
    .promo-header.date-not-present {
        top: -12px;
        left: 37%;
    }
    .first-time .promo-header.date-not-present {
        top: 16px;
        left: 190px;
    }
    .single-firm .discount-code .discount-code--btn {
        padding: 0.3em 1.2em;
        font-size: 2em;
    }

    .single-firm .discount-code h5 {
        font-size: 1.2em;
    }

    .single-firm--perc-wrapper h1 {
        font-size: 7em;
    }

    .single-firm--perc-wrapper p {
        font-size: 2em;
    }

    .single-firm--perc-wrapper h5 {
        font-size: 1.7em;
    }

    .result-body--action-btn {
        padding: 7px;
    }
}
@media (min-width: 1200px) {
    .features-section .features p {
        font-size: 12px;
    }
    a.offer-card--link {
        font-size: 1em;
    }
    .offer-card--first-time-img {
        width: 85%;
        top: -26px;
        left: 29px;
    }
    .full-offers .offer-card--first-time-img {
        width: 90%;
        top: -32px;
        left: 20px;
    }
    .offers--review-desc {
        font-size: 1.1em;
    }
    .full-offers .offers--review {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }
    .full-offers a.offer-card--link {
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: 1.2em;
    }
    .full-offers .offer-card--perc {
        line-height: 1;
        font-size: 3.5em;
    }
    .full-offers .offer-card--perc-sub {
        font-size: 1em;
    }
    .full-offers .offers--review-desc {
        font-size: 1.2em;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
        height: 4.5em;
    }
    .offer-card--perc {
        font-size: 3em;
    }
    .offer-card--perc-sub {
        font-size: 1em;
    }
    .extension--smart-img {
        width: 80%;
        height: 538px;
        margin-top: -90px;
    }
    .extension--coupons-img {
        margin-top: -105px;
    }
    .extension--details {
        height: 440px;
    }
    .border-left,
    .border-right {
        width: 260px;
    }
    .blogs-container .first-three {
        margin-bottom: 4em !important;
        border-bottom: 1px solid #404040;
        padding-bottom: 4em;
    }
    .offer-card--first-time-img.promo {
        width: 96%;
        top: -33px;
        left: 6px;
    }
    .first-time .promo-header {
        top: 16px;
        left: 90px;
        padding: 0.4em 0.6em;
    }
    .promo-header {
        top: -12px;
        left: 14%;
        padding: 0.8em 1.8em;
    }
    .promo-header.date-not-present {
        top: -12px;
        left: 31%;
    }
    .first-time .promo-header.date-not-present {
        top: 16px;
        left: 142px;
    }
    .single-firm .discount-code .discount-code--btn {
        padding: 0.3em 1.7em;
        font-size: 2.4em;
    }

    .single-firm .discount-code h5 {
        font-size: 1.5em;
    }

    .result-body--action-btn {
        padding: 7px;
    }
}

@media (min-width: 1400px) {
    .features-section .features p {
        font-size: 15px;
    }
    .features-section .features img {
        width: 70px;
    }
    a.offer-card--link {
        font-size: 1.2em;
    }
    .offer-card--first-time-img {
        width: 80%;
        top: -30px;
        left: 42px;
    }
    .full-offers .offer-card--first-time-img {
        width: 90%;
        top: -35px;
        left: 22px;
    }
    .full-offers .offer-card--perc {
        line-height: 1;
        font-size: 3.5em;
    }
    .full-offers .offer-card--perc-sub {
        font-size: 1.15em;
    }
    .offers--review-desc {
        font-size: 1.3em;
    }
    .full-offers .offers--review {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }
    .full-offers a.offer-card--link {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .extension--smart-img {
        width: 80%;
        height: 612px;
        margin-top: -90px;
    }
    .offer-card--first-time-img.promo {
        width: 85%;
        top: -32px;
        left: 27px;
    }
    .first-time .promo-header {
        top: 16px;
        left: 119px;
        padding: 0.4em 0.6em;
    }
    .promo-header {
        top: -12px;
        left: 19%;
        padding: 0.8em 1.8em;
    }
    .promo-header.date-not-present {
        top: -12px;
        left: 34%;
        padding: 0.8em 1.8em;
    }
    .first-time .promo-header.date-not-present {
        top: 16px;
        left: 170px;
        padding: 0.4em 0.6em;
    }
}


 /* single-firm.page.css*/

.review-claim-offer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 140px;
    /* margin-left: 40px;
    margin-right: 40px; */
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}

.leave-review-container {
    display: flex;
    justify-content: space-between;
}

.leave-review-icon svg {
      width: 50px;
      height: 50px;
      color: #fff;
}

.leave-review-icon {
    padding: 1rem 1rem;
    border-radius: 50px;
    background: #00f;
    background: rgb(32,33,48);
    box-shadow: 1px -1px 1.5px rgb(113,116,129);
}

.leave-review-text {
    border-radius: 50px;
    padding: 0rem 2rem;
    margin-left: 20px;
    background: #00f;
    font-size: 1.2em;
    background: rgb(32,33,48);
    display: flex;
    align-items: center;
    box-shadow: 1px -1px 1.5px rgb(113,116,129);
}

.claim-offer-container {
    border-radius: 50px;
    padding: 1rem 2rem;
    font-size: 1.2em;
    background: rgb(20,161,255);
    display: flex;
    align-items: center;
}

.claim-offer-container a,
.leave-review-text a {
    color: white;
    font-size: 1.2em;
    text-decoration: none;
}

/* .single-firm-card {
    background-color: rgb(21,23,36);
    border-radius: 20px;
    box-shadow: 1px -1px 1.5px rgb(61,126,219);
    padding: 1rem 0.2rem;
} */

.single-firm-text-card {
    border-radius: 50px;
    padding: 0rem 2rem;
    margin-left: 10px;
    background: #00f;
    font-size: 1.2em;
    background: rgb(32,33,48);
    display: flex;
    align-items: center;
    box-shadow: 1px -1px 1.5px rgb(61,126,219);
}

.country-container {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  border-radius: 50px;
  background: #1a1a2e;
  box-shadow: 1px -1px 1.5px rgb(113,116,129);
  color: white;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
}

.country-container .label {
  color: #aaa; 
  letter-spacing: 0.5px;
  font-size: 10px;
}

.country-container .flag {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}
.country-container .code .ceo-name{
  color: #fff;
  font-size: 10px;
}

.firm-title-container .firm-title {
    font-size: 2.5em;
    color: #fff;
}

.info-top {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  opacity: 0.9;
  margin-bottom: 10px;
}

.details {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #b0b3b8;
}

.trustpilot {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #16d06e;
}

.trustpilot i {
  color: #16d06e;
}

.years-in-op .label,
.date-created .label {
    text-align: end;
    color: #999;
    font-size: 14px;
}

.date-created .value {
    color: white;
    font-size: 14px;
    text-align: end;
}

.years-in-op .label {
    text-transform: uppercase;
    font-size: 16px;
}

.years-in-op .value {
    text-transform: uppercase;
    font-size: 16px;
    color: white;
}

  .rating-left {
      text-align: center;
      margin-right: 1rem;
    }

.rating-left h1 {
  font-size: 6rem;
  font-weight: 700;
  background: linear-gradient(90deg, #ffffff, #4da3ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.3rem;
}


    .stars {
      color: #fff;
      margin-bottom: 0.5rem;
    }

    .stars i {
      color: #4da3ff;
      margin: 0 2px;
    }

    .total-reviews {
      color: #4da3ff;
      font-weight: 500;
    }

    .rating-right {
      width: 50%;
      font-size: 0.9rem;
    }

    .rating-row {
      display: flex;
      align-items: center;
      margin-bottom: 6px;
    }

    .rating-row i {
      color: #4da3ff;
      margin-right: 6px;
    }

    .progress {
      flex: 1;
      height: 6px;
      background-color: #1b1e29;
      margin: 0 8px;
      border-radius: 5px;
    }

    .progress-bar {
      background: linear-gradient(90deg, #4da3ff, #00c6ff);
      border-radius: 5px;
    }

    .rating-number {
      color: #b0b3b8;
      font-weight: 500;
      width: 20px;
      text-align: right;
    }

@media (max-width: 992px) {
    .review-claim-offer-container {
        margin-top: 100px;
        margin-left: 20px;
        margin-right: 20px;
        gap: 0.75rem;
    }

    .leave-review-container {
        gap: 0.5rem;
    }

    .single-firm-card {
        padding: 1rem;
    }

    .single-firm-logo {
        order: -1;
        margin-bottom: 1rem;
    }

    .single-firm-logo .firm-image {
        max-width: 180px;
        height: auto;
    }

    .single-firm-info {
        border-radius: 20px 20px 0 0;
        margin-bottom: 0 !important;
    }

    .single-firm-rating {
        border-radius: 0 0 20px 20px;
        margin-top: 0 !important;
        padding-top: 1.5rem !important;
    }

    .firm-title-container .firm-title {
        font-size: 2.5em;
    }

    .info-top {
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: center;
    }

    .mx-5 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media (max-width: 768px) {
    .review-claim-offer-container {
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
        gap: 0.5rem;
    }

    .leave-review-container {
        gap: 0.4rem;
    }

    .leave-review-icon svg {
        width: 40px;
        height: 40px;
    }

    .leave-review-icon {
        padding: 0.75rem;
    }

    .leave-review-text {
        padding: 0rem 1.2rem;
        font-size: 0.95em;
        margin-left: 10px;
    }

    .claim-offer-container {
        padding: 0.75rem 1.2rem;
        font-size: 0.95em;
    }

    .claim-offer-container a,
    .leave-review-text a {
        font-size: 0.95em;
    }

    .single-firm-logo .firm-image {
        max-width: 150px;
    }

    .firm-title-container .firm-title {
        font-size: 1.8em;
        text-align: center;
    }

    .rating-left {
        text-align: center;
    }

    .rating-left h1 {
        font-size: 3.5rem;
        margin-bottom: 0.5rem;
    }

    .rating-left .stars {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
    }

    .rating-left .stars i {
        font-size: 1.5rem;
    }

    .rating-left .total-reviews {
        font-size: 0.9rem;
        margin-top: 0.5rem;
    }

    .rating-right {
        margin-top: 1.5rem;
        width: 100%;
    }

    .single-firm-rating {
        flex-direction: column;
    }

    .details {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
    }

    .years-in-op,
    .trustpilot {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .mx-5 {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
}

@media (max-width: 576px) {
    .review-claim-offer-container {
        margin-top: 60px;
        margin-left: 10px;
        margin-right: 10px;
        gap: 0.4rem;
    }

    .leave-review-container {
        gap: 0.3rem;
    }

    .leave-review-icon {
        padding: 0.5rem;
    }

    .leave-review-icon svg {
        width: 28px;
        height: 28px;
    }

    .leave-review-text {
        padding: 0rem 0.8rem;
        font-size: 0.8em;
        margin-left: 8px;
    }

    .claim-offer-container {
        padding: 0.5rem 0.8rem;
        font-size: 0.8em;
    }

    .claim-offer-container a,
    .leave-review-text a {
        font-size: 0.8em;
    }

    .single-firm-logo .firm-image {
        max-width: 120px;
    }

    .firm-title-container .firm-title {
        font-size: 1.4em;
        text-align: center;
    }

    .country-container {
        font-size: 9px;
        padding: 6px 8px;
    }

    .country-container .label {
        font-size: 9px;
    }

    .country-container .flag {
        width: 18px;
        height: 18px;
    }

    .country-container .code,
    .country-container .ceo-name {
        font-size: 9px;
    }

    .rating-left h1 {
        font-size: 3rem;
    }

    .rating-left .stars i {
        font-size: 1.25rem;
    }

    .rating-left .total-reviews {
        font-size: 0.85rem;
    }

    .rating-right {
        padding-left: 0;
    }

    .rating-row {
        font-size: 0.8rem;
        gap: 0.5rem;
    }

    .rating-row i {
        font-size: 0.85rem;
    }

    .rating-row .progress {
        height: 5px;
    }

    .details {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .years-in-op,
    .trustpilot {
        justify-content: center;
        font-size: 0.85rem;
    }

    .mx-5 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}

@media (max-width: 400px) {
    .review-claim-offer-container {
        margin-top: 50px;
        margin-left: 8px;
        margin-right: 8px;
        gap: 0.3rem;
    }

    .leave-review-container {
        gap: 0.2rem;
    }

    .leave-review-icon {
        padding: 0.4rem;
    }

    .leave-review-icon svg {
        width: 24px;
        height: 24px;
    }

    .leave-review-text {
        padding: 0rem 0.6rem;
        font-size: 0.7em;
        margin-left: 6px;
    }

    .claim-offer-container {
        padding: 0.4rem 0.6rem;
        font-size: 0.7em;
    }

    .claim-offer-container a,
    .leave-review-text a {
        font-size: 0.7em;
    }

    .single-firm-logo .firm-image {
        max-width: 100px;
    }

    .firm-title-container .firm-title {
        font-size: 1.2em;
    }

    .country-container {
        font-size: 8px;
        padding: 5px 6px;
    }

    .rating-left h1 {
        font-size: 2.5rem;
    }

    .rating-left .stars i {
        font-size: 1.1rem;
    }

    .rating-row {
        font-size: 0.75rem;
    }

    .rating-row i {
        font-size: 0.8rem;
    }
}