/*
Theme Name: Quinn Advisory
Text Domain: https://kobzzaa60.sg-host.com
Author: Kobzza
Author URI: https://kobzza.com/
*/

:root {
    --c-white: #FEFEFE;
    --c-black: #000409;
    --c-dark-blue: #1B355E;
    --c-grey: #808080;
    --c-light-grey: #F1F3F5;
    --c-red: #D80000;
    --border-radius-10: 10px;
    --border-radius-30: 30px;

    --box-shadow: 11.398px 7.978px 22.796px 0px rgba(0, 0, 0, 0.08);

    --container-padding-x: 20px;
    --content--small-width: 640px;
    --content--medium-width: 680px;
    --section-gap-y: 50px;

    --font-family-base: 'Inter', sans-serif;
    font-size: .75em;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    height: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: 64px;
}
html.is-lock {
    overflow: hidden;
}
html, body {
    min-height: 100%;
}
:where( h1, h2, h3, h4, h5, h6 ) {
    font-weight: 500;
}
body {
    font-family: var(--font-family-base);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    line-height: 1.3;
    color: var(--c-black);
    background-color: var(--c-white);
    font-size: 18px;
}
.body-page {
    padding-top: 170px;
}
body.scroll-lock {
    overflow: hidden;
}
body,
:where(blockquote, figure):where([class]) {
    margin: 0;
}
a:where([class]),
header a,
footer a,
.contact-info a {
    text-decoration: unset;
}
:where(ul, ol):where([class]) {
    padding-left: 0;
}
:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  dl
):where([class]) {
    margin-block: 0;
}
p {
    margin: 0;
}
:where(dd[class]) {
    margin-left: 0;
}
:where(ul[class]) {
    list-style: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
input,
textarea,
select,
button {
    font: inherit;
}
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: clip;
    max-width: 1600px;
    padding-inline: var(--container-padding-x);
}
.container--small-padding {
    padding: 0 calc(var(--container-padding-x) / 2);
}
div.container-fluid {
    padding: 0;
    max-width: calc(100% - 8px);
}
div.container--right {
    padding-right: 0;
    max-width: 100%;
}
main {
    flex: 1;
}
/* Classes */
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.ws-pl {
    white-space: pre-line;
}
.ws-nw {
    white-space: nowrap;
}
.c-black {
    color: var(--c-black);
}
.c-red {
    color: var(--c-red);
}
.c-grey {
    color: var(--c-grey);
}
.c-white {
    color: var(--c-white);
}
.c-dark-blue {
    color: var(--c-dark-blue);
}
.bg-white {
    background-color: var(--c-white);
}
.bg-dark-blue {
    background-color: var(--c-dark-blue);
}
.bg-black {
    background-color: var(--c-black);
}
.bg-grey {
    background-color: var(--c-grey);
}
.bg-light-grey {
    background-color: var(--c-light-grey);
}
.box-shadow {
    box-shadow: var(--box-shadow);
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.inset-0 {
    inset: 0;
}
.w-fc {
    width: fit-content;
}
.pos-r {
    position: relative;
}
.pos-a {
    position: absolute;
}
.layer-middle {
    z-index: 2;
}
.layer-front {
    z-index: 1;
}
.layer-behind {
    z-index: -1;
}
.layer-behind-deeper {
    z-index: -2;
}
.t-center {
    text-align: center;
}
.t-left {
    text-align: left;
}
.t-right {
    text-align: right;
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.m-i-auto {
    margin-inline: auto;
}
.obj-fit-cover {
    object-fit: cover;
}
.d-flex {
    display: flex;
    flex-wrap: wrap;
}
.d-grid {
    --grid-gap: 1rem;
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    gap: var(--grid-gap);
}
.grid-gap-16 {
    --grid-gap: 1rem;
}
.grid-gap-40 {
    --grid-gap: 2.5rem;
}
.grid-gap-0 {
    --grid-gap: 0;
}
.fw-nowrap {
    flex-wrap: nowrap;
}
.overflow-h {
    overflow: hidden;
}
.f-direction-column {
    flex-direction: column;
}
.fs-0 {
    flex-shrink: 0;
}
.order-first {
    order: -1;
}
.br-30 {
    border-radius: var(--border-radius-30);
}
.br-circle {
    border-radius: 50%;
}
.sz-28 {
    width: 28px;
    height: 28px;
}
.tt-u {
    text-transform: uppercase;
}
.td-u {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.d-inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
}
.fw-nw {
    flex-wrap: nowrap;
}
.flex-1 {
    flex: 1;
}
.d-block {
    display: block;
}
.d-grid {
    display: grid;
}
.d-none {
    display: none;
}
.d-ib {
    display: inline-block;
}
.is-hidden {
    display: none !important;
}
.width-fit-content {
    width: fit-content;
}
.wb-bw {
    word-break: break-word;
}
.d-inline-block {
    display: inline-block;
}
.jc-c {
    justify-content: center;
}
.jc-fe {
    justify-content: flex-end;
}
.jc-fs {
    justify-content: flex-start;
}
.jc-sb {
    justify-content: space-between;
}
.jc-sa {
    justify-content: space-around;
}
.ai-c {
    align-items: center;
}
.ai-fs {
    align-items: flex-start;
}
.ai-fe {
    align-items: flex-end;
}
.as-fe {
    align-self: flex-end;
}
.order-1 {
    order: 1;
}
.br-10 {
    border-radius: 10px;
}
.br-15 {
    border-radius: 15px;
}
.br-20 {
    border-radius: 20px;
}
.br-circle {
    border-radius: 50%;
}
.lh-1 {
    line-height: 1;
}
.lh-11 {
    line-height: 1.1;
}
.lh-12 {
    line-height: 1.2;
}
.lh-13 {
    line-height: 1.3;
}
.lh-15 {
    line-height: 1.5;
}
.lh-16 {
    line-height: 1.6;
}
.lh-2 {
    line-height: 2;
}
.pl-20 {
    padding-left: 1.125rem;
}
.pl-40 {
    padding-left: 2.5rem;
}
.ml-auto {
    margin-left: auto;
}
.ml-14 {
    margin-left: 14px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-auto {
    margin-right: auto;
}
.mb-6 {
    margin-bottom: 6px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-20 {
    margin-bottom: 1.25rem;
}
.mb-24 {
    margin-bottom: 1.5rem;
}
.mb-28 {
    margin-bottom: 1.75rem;
}
.mb-32 {
    margin-bottom: 1.875rem;
}
.mb-40 {
    margin-bottom: 2.5rem;
}
.mb-50 {
    margin-bottom: 3.125rem;
}
.mb-60 {
    margin-bottom: 3.5rem;
}
.mb-72 {
    margin-bottom: 4.5rem;
}
.mb-90 {
    margin-bottom: 5.625rem;
}
.mt-6 {
    margin-top: 6px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-20 {
    margin-top: 1.25rem;
}
.mt-24 {
    margin-top: 1.5rem;
}
.mt-30 {
    margin-top: 1.875rem;
}
.mt-40 {
    margin-top: 2.5rem;
}
.mt-50 {
    margin-top: 3.125rem;
}
.mt-60 {
    margin-top: 3.75rem;
}
.ml-8 {
    margin-left: 8px;
}
.ml-20 {
    margin-left: 20px;
}
.gap-2 {
    gap: 2px;
}
.gap-4 {
    gap: 4px;
}
.gap-8 {
    gap: 8px;
}
.gap-10 {
    gap: 10px;
}
.gap-16 {
    gap: 1rem;
}
.gap-20 {
    gap: 1.25rem;
}
.gap-24 {
    gap: 1.5rem;
}
.gap-30 {
    gap: 1.875rem;
}
.gap-40 {
    gap: 2.5rem;
}
.gap-60 {
    gap: 3.75rem;
}
.gap-y-4 {
    row-gap: 10px;
}
.fz-h1,
.content h1 {
    font-size: 30px;
}
.fz-h2,
.content h2:not([class]) {
    font-size: 24px;
}
.fz-h3,
.content h3 {
    font-size: 18px;
}

.fz-p,
.fz-p1,
.fz-p2,
.fz-h4,
.fz-button,
.content :where(h4, h5, h6) {
    font-size: 14px;
}
.fz-text {
    font-size: 14px;
}
.fz-h1,
.fz-h2,
.fz-h3,
.fz-h4,
.fz-p {
    line-height: 1.3;
}
.paragraph-space p + p {
    margin-top: 1rem;
}
.content p {
    margin: revert;
    line-height: 1.5;
    font-size: 1.125rem;
    color: var(--c-black);
}
.privacy-heading__content p:last-child {
    color: var(--c-light-grey);
}
.content :where( h1, h2, h3, h4, h5, h6 ) {
    color: var(--c-black);
    font-weight: 600;
    margin: revert;
}
.content a:not([class]) {
    color: var(--c-dark-blue);
    text-decoration: unset;
}
.content :where(ul,ol) {
    list-style: revert;
    padding-left: 20px;
    color: var(--c-black);
    font-size: 1.125rem;
}
.content > :first-child:is(h1, h2, h3, h4) {
    margin-top: 0;
}
.content :where(ul,ol) {
    list-style: revert;
    padding-left: 20px;
}
/*.content li:not(:first-child) {*/
/*    margin-top: .55rem;*/
/*}*/
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.wb-bw {
    word-break: break-word;
}
.pointer {
    cursor: pointer;
}
.paragraph-space p + p {
    margin-top: 1.2rem;
}
.border-radius-10 {
    border-radius: var(--border-radius-10);
}
.content--small-width,
.content--medium-width {
    width: 100%;
    margin-inline:  auto;
}
.content--small-width {
    max-width: var(--content--small-width);
}
.content--medium-width {
    max-width: var(--content--medium-width);
}
/* Classes */
.section,
section {
    padding-top: 30px;
    padding-bottom: 30px;
}
section.section--pb-sm {
    padding-bottom: 1.5rem;
}
section.section--p-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.section--margin-offset {
    margin-block: 30px;
}
.section-fill-bg {
    max-width: calc(100% - 8px);
    margin-inline: auto;
}
.section--white {
    background-color: var(--c-white);
}
.section.section--p-0 {
    padding: 0;
}
.section.section--pt-0 {
    padding-top: 0;
}
.section.section--top-0 {
    padding-top: 0;
}
.section.section-bottom-0 {
    padding-bottom: 0;
}
.section-title {
    font-size: 2rem;
    font-weight: 700;
}
.section-text {
    font-size: 1.4rem;
}
header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    transition: all .4s ease-in;
    border-bottom: 1px solid var(--c-grey);
    background-color: var(--c-white);
}
header.is-active .header-menu,
header.is-active .header-promo {
    padding-block: .5rem;
}
.phone-with-icon {
    display: grid;
    grid-template-columns: 16px 1fr;
    grid-template-areas:
        "icon title"
        "icon link";
    gap: 2px 4px;
}
.phone__icon {
    grid-area: icon;
    align-self: flex-end;
    translate: 0 -1px;
}
.phone__title {
    grid-area: title;
}
.phone__link-text {
    grid-area: link;
}
.header__overlay-menu-dialog {
    position: fixed;
    inset: 0;
    flex-direction: column-reverse;
    justify-content: start;
    row-gap: 16px;
    width: 100%;
    height: 100%;
    padding: var(--container-padding-x);
    background-color: var(--c-dark-blue);
    border: none;
    transition: .3s ease-in-out all;
    transition-behavior: allow-discrete;
}
.header__overlay-menu-dialog[open] {
    display: flex;
    @starting-style {
        opacity: 0;
        translate: 50%;
    }
}
.header__overlay-menu-dialog:not([open]) {
    opacity: 0;
    translate: 50%;
}
.burger-menu {
    display: block;
    cursor: pointer;
    user-select: none;
    width: 44px;
    position: relative;
    z-index: 5;
    padding: 8px;
}
.search-form__label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--c-grey);
    background-color: #F6F8F7;
}
.search-form__input {
    border: unset;
    background-color: unset;
    font-size: 14px;
    font-weight: 500;
    color: var(--c-grey);
    padding-right: 24px;
}
.search-form__input:focus {
    outline: unset;
}
.search-form__label:has(.search-form__input:focus) {
    border-color: var(--c-dark-blue);
    box-shadow: 0 0 0 2px rgb(27 53 94 / .4);
}
.search-form__button {
    position: absolute;
    top: 50%;
    right: 4px;
    translate: -50% -50%;
    font-size: 0;
    outline: none;
    border: none;
    background: url('/wp-content/uploads/2025/04/i-arrow-right-blue.svg') no-repeat center / contain;
    width: 20px;
    height: 20px;
}

.burger-menu span {
    display: block;
    height: 2px;
    background-color: var(--c-dark-blue);
    transition: all .35s;
}
.burger-menu span:not(:first-child) {
    margin-top: 5px;
}
.burger-menu.is-active span {
    background-color: var(--c-white);
}
.burger-menu.is-active .mobile-btn-top {
    transform: translateY(9px) translateX(0) rotate(45deg);
}
.burger-menu.is-active .mobile-btn-middle {
    opacity: 0;
}
.burger-menu.is-active .mobile-btn-bottom {
    transform: translateY(-5px) translateX(0) rotate(-45deg);
}
.header-menu {
    padding-block: .5rem;
    transition: .3s ease-in-out padding;
}
.header-menu__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    transition: .3s ease-in-out all;
}
.logo__img {
    max-width: 100px;
    height: auto;
}
.header-menu-burger-text {
    font-size: 12px;
}
.header-menu-burger-button {
    display: block;
    cursor: pointer;
    user-select: none;
    width: 34px;
    position: relative;
}
.header-menu-burger-button__item {
    display: block;
    height: 1.5px;
    transition: all .35s;
}
.header-menu-burger-button__item:not(:first-child) {
    margin-top: 4px;
}
.header-menu .buttons {
    display: flex;
    align-items: center;
}
.header__logo {
    padding: 7px 0;
}
.header__logo-image {
    display: inline-block;
    max-width: 78px;
    width: 100%;
    height: auto;
    transition: max-width .3s ease-in-out;
}
.button-link {
    transition: .3s ease-in-out color;
}
.button-link:hover {
    color: var(--c-grey);
}
.button-link__icon-dark-blue {
    transition: .3s ease-in-out background-color;
}
.button-link:hover .button-link__icon-dark-blue {
    filter: invert(1) brightness(.5) sepia(21%);
}
.button,
.button-wrapper a {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--c-white);
    background-color: var(--c-dark-blue);
    /*border: 1px solid var(--c-dark-blue);*/
    padding: 14px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    cursor: pointer;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, .3s ease-in-out border-color;
    z-index: 1;
}
.form-submit {
    width: 100%;
    font-size: 16px;
    padding: 1rem 1.25rem;
    color: var(--c-black);
    border: none;
    cursor: pointer;
    background-color: transparent;
}
.button-submit-wrap {
    position: relative;
    z-index: 1;
}
.button-submit-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c-white);
    z-index: -2;
}
.button-submit-wrap:hover input {
    color: var(--c-white);
    background-color: transparent;
}
.button::after,
.button-wrapper a::after,
.button-submit-wrap::after {
    --button-border-color: var(--c-grey);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--button-border-color);
    transition: .3s ease-in-out height;
    z-index: -1;
}
.button:hover {
    background-color: transparent;
}
.button:hover::after,
.button-wrapper a:hover:after,
.button-submit-wrap:hover:after {
    height: 100%;
}
.button:active::after,
.button-wrapper a:active:after,
.button-submit-wrap:active:after {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25) inset;
}
.button--white,
.button-wrapper--white a {
    background-color: var(--c-white);
    border-color: white;
    color: var(--c-dark-blue);
}
.button--white:hover,
.button-wrapper--white a:hover {
    color: var(--c-white);
}
.button--white-icon-hover {
    transition: .3s ease-in-out filter;
}
.button--white:hover .button--white-icon-hover {
    filter: brightness(100) saturate(100%) sepia(100%) hue-rotate(180deg) brightness(85%) contrast(105%);
}
.button--corner {
    border-radius: 100px;
    padding: 9px 16px;
}
.button--corner::after,
.button--without-border::after {
    content: unset;
}
.button__icon {
    width: 16px;
    /*transition: .3s ease-in-out filter;*/
}
.button[type="submit"] {
    border: unset;
}
.form-row .button[type="submit"] {
    font-size: 16px;
    padding: 1.25rem 2.5rem;
}
.button--sm {
    font-size: 14px;
    padding: .65rem .75rem;
}
.button:hover {
    background-color: var(--c-dark-blue);
    border-color: var(--c-dark-blue);
    color: var(--c-white);
}
.button:hover .button__icon {
    filter: invert(97%) sepia(93%) saturate(1693%) hue-rotate(3deg) brightness(104%) contrast(106%);
}

.page-404-php {
    text-align: center;
    padding-top: 50px;
}
/*Pagination*/
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
}
.navigation.pagination {
    text-align: center;
    padding: 20px 0;
}
.blog-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.blog-pagination .page-numbers li {
    list-style: none;
}
.page-numbers a,
.page-numbers.current {
    font-size: 20px;
    display: inline-block;
    padding: 6px 8px;
    color: var(--c-grey);
    transition: .3s ease-in-out color;
}
a.page-numbers:hover,
.page-numbers.current {
    color: var(--c-black);
}
.page-numbers.prev,
.page-numbers.next {
    background-color: var(--c-dark-blue);
    color: var(--c-white);
    padding: 14px 12px;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
    color: var(--c-white);
}
.page-404-php {
    width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    margin-top: 50px;
}
.page-404-php .content {
    text-align: left;
}
.page-404-php .title {
    font-size: 80px;
    margin-bottom: 0;
}
.page-404-php .text {
    font-size: 28px;
}
.page-404-php .inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.page-404-php img {
    max-width: 350px;
}
.iti.iti--allow-dropdown {
    display: block;
}
.iti .iti__flag {
    background-image: url('assets/img/flags.png');
}
.iti .iti__country {
    color: var(--c-black);
    font-size: 16px;
}
.iti.iti--allow-dropdown .iti__flag-container,
.iti.iti--separate-dial-code .iti__flag-container {
    left: 4px;
}
.iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

/* Contact Form 7 */
.form-row {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px 32px;
}
.wpcf7-spinner {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.step-form-stage {
    --padding-form: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-form);
    width: 100%;
}
.step-form-stages-submit-row input {
    background-color: transparent;
    border: unset;
    color: var(--c-white);
    padding: 0;
}
.form-inner {
    --padding-form: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-form);
}
.form-item,
.form-item--50 {
    display: block;
    width: 100%;
}
.form-item--with-icon {
    position: relative;
}
.form-item--with-icon input {
    text-indent: 20px;
}
.form-item__icon {
    position: absolute;
    top: 15px;
    left: 18px;
    z-index: 1;
}
.form-item__text {
    display: block;
    color: var(--c-dark-blue);
    font-weight: 500;
    margin-bottom: 4px;
}
.form-item__text span {
    color: var(--c-red);
    margin-left: 2px;
}
.form-item__text b {
    color: var(--c-red);
}
.form-item__text--white {
    color: var(--c-white);
}
.form-item input {
    width: 100%;
}
.form-item input,
.form-item textarea {
    --c-form-input: var(--c-light-grey);
    font-size: 16px;
    padding: 1rem 1.25rem;
    color: var(--c-black);
    background-color: var(--c-form-input);
    border: 1px solid var(--c-form-input);
}
.form-item input::placeholder,
.form-item textarea::placeholder {
    color: var(--c-grey);
}
.custom-dropdown select.has-error,
.form-item.has-error input {
    border-color: var(--c-red);
}
.form-item--dark input,
.form-item--dark textarea {
    --c-form-input: var(--c-grey);
    color: var(--c-white);
}
.form-item--dark input::placeholder,
.form-item--dark textarea::placeholder {
    color: var(--c-white);
    opacity: .8;
}
.form-item input:focus,
.form-item textarea:focus {
    border-color: var(--c-light-grey);
    outline: unset;
    box-shadow: 0 0 10px rgb(237 242 82 / .5);
}
.form-item input:focus,
.form-item textarea:focus {
    border-color: var(--c-dark-blue);
    outline: unset;
    box-shadow: 0 0 10px rgb(23 38 30 / 20%);
}
/* End Contact Form 7 */
.hero__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero__image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    object-fit: cover;
}
.hero__title-image {
    max-width: 58vw;
}
.hero__text {
    margin: 20px auto;
}
.hero-reviews__rating {
    font-size: 54px;
}
.hero-reviews__count {
    font-size: 14px;
    background-color: var(--c-black);
    width: 100%;
    padding: 5px 10px;
}
.service-slide-post {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.service-slide__excerpt em {
    margin-bottom: 1rem;
    display: block;
}
.service-slide-post__info {
    display: flex;
    flex-direction: column;
}
.service-slide-post {
    text-decoration: none;
}
.service-slide-post__info {
    padding: 10px;
    flex: 1;
}
.service-post-group {
    display: grid;
    grid-template-columns: 100%;
    align-items: flex-start;
    gap: 1.5rem;
}
.contact-main .services-head-row {
    border-bottom: 1px solid var(--c-grey);
    padding-bottom: 20px;
    margin-bottom: 48px;
}
.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;
}
.line-clamp--2 {
    --max-lines: 2;
}
.line-clamp--3 {
    --max-lines: 3;
}
.line-clamp--5 {
    --max-lines: 5;
}
.splide-arrow-external {
    outline: unset;
    background-color: transparent;
    border: unset;
    cursor: pointer;
}
.seo-text__inner {
    max-width: 680px;
    margin-inline: auto;
}
.hero-reviews__link {
    padding-bottom: 2px;
    border-bottom: 1px solid var(--c-black);
}
.hero-reviews {
    width: 330px;
    padding: 17px 34px;
    z-index: 4;
}
.reviews-rating-list__text {
    font-size: 12px;
}
.reviews-rating-list__bg {
    border-radius: 4.274px;
    background: linear-gradient(270deg, #FFE100 0%, #1B355E 65.66%);
    height: 4px;
    width: var(--reviews-rating-width);
}
.close-button {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.close-button::before,
.close-button::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--c-dark-blue);
}
.close-button::before {
    top: 0;
    left: 1px;
    height: 1.5px;
    width: 100%;
    transform: translateY(9px) translateX(0) rotate(45deg);
}
.close-button::after {
    top: 13px;
    left: 1px;
    height: 1.5px;
    width: 100%;
    transform: translateY(-4px) translateX(0) rotate(-45deg);
}

.custom-dropdown {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-top: 0;
    flex: 1;
    width: 100%;
    z-index: 1;
}
.custom-dropdown select {
    cursor: pointer;
    outline: var(--c-white);
    width: 100%;
    margin: 0;
    font-size: 16px;
    padding: 1rem 2.5rem 1rem 1.25rem;
    color: var(--c-black);
    background-color: var(--c-light-grey);
    border: 1px solid var(--c-light-grey);
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-dropdown::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 10px;
    border-color: var(--c-dark-blue) transparent transparent transparent;
}

[data-js-step-form-stage]:not([data-js-step-form-stage="is-active"]) {
    display: none;
}

.list-benefits-group {
    display: grid;
    grid-template-columns: 100%;
    gap: 2.5rem 1.5rem;
}
.list-benefits__item {
    padding: 1.5rem;
    aspect-ratio: 424 / 234;
}
.list-benefits__link-text {
    border-bottom: 1px solid;
    transition: .3s ease-in-out border-color;
}
.list-benefits__item::before,
.image-triangle-decor::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 2rem solid transparent;
    border-top: 2rem solid var(--c-dark-blue);
}
.image-triangle-decor::after {
    border-top: 2rem solid var(--c-grey);
}
.list-benefits__title + .list-benefits__text {
    margin-top: 10px;
}
.list-benefits__item > .list-benefits__text:first-child {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
}
.quiz__inner:not(.quiz__inner--without-border) {
    border: 2px solid var(--c-dark-blue);
}
.quiz__inner {
    padding: 1.5rem;
}
.quiz-container {
    gap: 1.5rem;
}

.quiz-count__line {
    width: 10rem;
    height: 1px;
    background-color: var(--c-grey);
}
.quiz-progress-line {
    position: relative;
    height: 20px;
    background-color: var(--c-grey);
    width: 100%;
}
.quiz-progress-line__bar {
    position: absolute;
    height: 100%;
    background-color: var(--c-dark-blue);
    transition: .3s ease-in-out width;
}
.quiz-progress-line__num {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.customer-feedback-slider-item-head {
    display: grid;
    grid-template-columns: 1fr 26px;
    align-items: flex-start;
    gap: 16px;
}
.customer-feedback-slider__image {
    max-width: 40px;
}
.customer-feedback-slider-item-picture {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-areas:
        'icon title'
        'icon text';
    align-items: center;
    gap: 3px 14px;
}
.customer-feedback-slider__image {
    grid-area: icon;
}
.customer-feedback-slider-item__inner {
    padding: 1.75rem 2rem;
    background-color: var(--c-white);
    border: 1px solid var(--c-grey);
    border-radius: 6px;
}

.testimonials-rating {
    display: flex;
    gap: 4px;
}
.customer-feedback-slider-item__link {
    border-bottom: 1px solid;
}
.splide .splide__pagination {
    display: flex;
    gap: 6px;
    margin-top: 20px;
}
.splide__pagination__page {
    aspect-ratio: 1 / 1;
    width: 10px;
    max-width: 10px;
    padding: 0;
    background-color: var(--c-grey);
    border-radius: 50%;
    border: unset;
    cursor: pointer;
    transition: .3s ease-in-out background-color;
}

.splide__pagination__page:hover,
.splide__pagination__page.is-active {
    background-color: var(--c-dark-blue);
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;
}
.seo-block-content.line-clamp::after {
    content: "";
    position: absolute;
    height: 70px;
    width: 100%;
    bottom: 0;
    left: 0;
}
.recent-post-groups {
    display: grid;
    gap: 1.5rem;
}
.recent-post a:hover {
    text-decoration: underline;
}
.recent-post {
    position: relative;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
}
.recent-post-triangle {
    content: "";
    display: inline-block;
    border-left: 12px solid transparent;
    border-top: 12px solid var(--c-dark-blue);
}
.recent-post .recent-post-categories ul {
    margin-top: -6px;
}
.recent-post-categories a {
    display: inline-block;
    color: var(--c-dark-blue);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: .3s ease-in-out color;
}
.recent-post-categories a:hover {
    color: var(--c-grey);
}
.recent-post-meta {
    display: flex;
    flex-direction: column;
}
.steps__inner {
    max-width: 680px;
    margin-inline: auto;
}
.steps-item {
    padding: 1.5rem;
    border: 1px solid var(--c-white);
}
.steps-item__num {
    width: 32px;
    display: flex;
    place-content: center;
    aspect-ratio: 1 / 1;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid var(--c-white);
}
.steps-soc-link {
    display: grid;
    grid-template-areas:
        "icon title"
        "icon text";
    gap: 4px 8px;
}
.steps-soc-link__image {
    grid-area: icon;
    width: 40px;
    padding: 6px;
    border-radius: 50%;
    border: 1px solid var(--c-grey);
}
.steps-soc-link__title {
    grid-area: title;
}
.steps-soc-link__text {
    grid-area: text;
}
.steps-soc-link :where(.steps-soc-link__title, .steps-soc-link__text) {
    transition: .3s ease-in-out color;
}
.steps-soc-link:hover .steps-soc-link__title {
    color: var(--c-white);
}
.steps-soc-link:hover .steps-soc-link__text {
    color: var(--c-grey);
}
.step-form-text a {
    color: var(--c-grey);
    text-decoration: none;
    transition: .3s ease-in-out color;
}
.step-form-text a:hover {
    color: var(--c-white);
}

.about-us__container {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.5rem;
}

.video__play {
    width: 45px;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}

.footer__logo-image {
    max-width: 160px;
    width: 100%;
}
.footer-head {
    padding-top: 30px;
    border-top: 1px solid var(--c-grey);
}
.footer-main-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-main-menu a {
    color: var(--c-white);
    font-size: 14px;
    font-weight: 600;
    transition: .3s ease-in-out color;
}
.footer-main-privacy a {
    transition: .3s ease-in-out color;
}
.footer-main-privacy a:hover,
.footer-main-menu a:not(.button):hover {
    color: var(--c-grey);
}
.footer-working-hours {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.footer-social__logo {
    width: 40px;
    padding: 8px;
    height: auto;
    transition: .3s ease-in-out filter;
}
.footer-copyright p {
    font-size: 1rem;
}
.footer-copyright a {
    line-height: 1;
    display: inline-block;
}
.footer-copyright img {
    max-width: 60px;
    width: 100%;
    margin-top: 4px;
    transition: .3s ease-in-out filter;
}
.footer-copyright img:hover,
.footer-social__logo:hover {
    filter: invert(.4);
}
.footer-main-privacy a {
    color: var(--c-white);
    font-size: 14px;
}
.footer-main-privacy li:not(:first-child)::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: var(--c-white);
    display: inline-block;
    margin: 4px 10px 2px 6px;
}
.footer-main-privacy li {
    display: inline-block;
}
.footer__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.hero-contact {
    padding: 1.5rem;
    width: 100%;
}
.hero-solutions__content {
    width: 100%;
}
.link-wrapper-color a {
    color: var(--c-dark-blue);
    text-decoration: none;
}
.hero-page-links__item {
    padding: 14px 46px 14px 16px;
    border-bottom: 1px solid #DCDCDC;
    transition: .3s ease-in-out border-color;
}
.faq__link-icon,
.hero-page-links__img,
.cards-with-icon__link-icon,
.popup-menu-service-link__arrow {
    transition: ease-in-out .3s translate;
}
.hero-page-links__item:hover {
    border-color: var(--c-dark-blue);
}
.faq__link:hover .faq__link-icon,
.hero-page-links__item:hover .hero-page-links__img,
.cards-with-icon__link:hover .cards-with-icon__link-icon,
.popup-menu-why-link:hover .popup-menu-service-link__arrow {
    translate: 10px;
}
.cards-with-icon__image {
    width: 40px;
}
.cards-with-icon__item {
    padding: 40px 30px;
    height: 100%;
}
.cards-with-icon__link-text {
    border-bottom: 1px solid var(--c-black);
    padding-bottom: 4px;
}

/* FAQ */
.faq-cards,
.faq-arrows-card {
    display: flex;
    flex-direction: column;
}
.faq-cards {
    gap: 18px 30px;
}
.faq-arrows-card {
    gap: 4px 30px;
}
.faq-arrows-card {
    cursor: pointer;
    color: var(--c-grey);
}
.faq-card__title,
.faq-arrows-card__title {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 11px;
    border-bottom: 1px solid transparent;
    transition: .3s ease-in-out border;
}
.faq-card__title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: var(--c-dark-blue);
    transition: .3s ease-in-out opacity;
    opacity: 0;
}
.faq-card.--show .faq-card__title::after {
    opacity: 1;
}
.faq-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    pointer-events: none;
}
.faq-indicator {
    width: 25px;
    height: 25px;
    background: url("/wp-content/themes/quinn-advisor/assets/img/icon/i-arrow-bottom-blue.svg") no-repeat center / contain;
    flex-shrink: 0;
    transition: .3s ease-in-out transform, .3s ease-in-out filter;
}
.faq-card.--show .faq-indicator {
    transform: rotate(180deg);
}
.faq-card__text {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: opacity 0.3s ease-out, max-height 0.3s ease-out, padding .3s ease-out, margin .3s ease-out;
    box-sizing: content-box;
}
.faq-card.--show .faq-card__text {
    opacity: 1;
    margin: 1rem 0 1.2rem;
}
.faq-arrows-card.--show .faq-arrows-card__text {
    opacity: 1;
    margin: 0 0 1rem;
}
.faq-card__text {
    font-size: 1.125rem;
    line-height: 1.5;
}
/* END FAQ */
.our-people-card__meta {
    padding: .6rem;
    border: 1px solid #EAECF0;
    border-top: unset;
    flex: 1;
}
.our-people-card__name {
    font-size: 14px;
}
.our-people-card__meta {
    font-size: 11px;
}
.our-people-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recent-posts-slide__date {
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.blog-post {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    height: 100%;
}
.blog-post-sticky {
    display: grid;
}
.blog-post-sticky-content {
    padding: 20px;
}
.content .blog-post-sticky-title,
.content .blog-post-sticky-title a {
    color: var(--c-white);
}
.content .blog-post-sticky-title a:hover {
    text-decoration: underline;
}
.recent-blog-post-sticky-thumbnail {
    height: 100%;
    object-fit: cover;
}
.content .blog-post-sticky-categories a {
    color: var(--c-white);
}
.email-form-inner .wpcf7-not-valid-tip {
    position: absolute;
}
.email-form-inner {
    display: flex;
    flex-wrap: nowrap;
}
.email-form-inner .form-item {
    max-width: 384px;
    width: 100%;
}
.email-form-button {
    background-color: var(--c-dark-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 34px;
    cursor: pointer;
}
.email-form-button input {
    font-size: 0;
    color: transparent;
    background: transparent;
    padding: 0;
}
.email-form-inner .form-item input {
    border: 1px solid var(--c-dark-blue);
}
.wpcf7-acceptance .wpcf7-list-item {
    display: block;
    margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-acceptance .wpcf7-list-item-label {
    display: block;
    position: relative;
    padding-left: 37px;
    cursor: pointer;
}
.wpcf7-checkbox .wpcf7-list-item-label::before,
.wpcf7-acceptance .wpcf7-list-item-label::before,
.wpcf7-checkbox .wpcf7-list-item-label::after,
.wpcf7-acceptance .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
[data-name="acceptance-checkbox"] {
    display: block;
    margin-bottom: 1.5rem;
}
.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin: 1.35rem 0 0;
}
.wpcf7-form-control [type="checkbox"] {
    display: none;
}
.wpcf7-checkbox .wpcf7-list-item-label::before,
.wpcf7-acceptance .wpcf7-list-item-label::before {
    border: 2px solid var(--c-grey);
    width: 24px;
    height: 24px;
    transition: .3s ease-in-out background-color, .3s ease-in-out border-color;
}
.wpcf7-checkbox .wpcf7-list-item-label::after,
.wpcf7-acceptance .wpcf7-list-item-label::after {
    left: 5px;
    width: 14px;
    height: 15px;
    background: url('/wp-content/themes/quinn-advisor/assets/img/icon/i-check-mark-white.svg') no-repeat center / contain;
    opacity: 0;
    transition: .3s ease-in-out opacity;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.acceptance-checkbox__text {
    font-size: 14px;
    line-height: 1.5;
}
.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after,
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    opacity: 1;
}
.has-error .wpcf7-checkbox .wpcf7-list-item-label::before {
    border-color: var(--c-red);
}
.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background-color: var(--c-dark-blue);
    border-color: var(--c-dark-blue);
}
.steps .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background-color: var(--c-grey);
    border-color: var(--c-grey);
}
.hero-map__iframe {
    aspect-ratio: 1320 / 480;
    width: 100%;
}
.go-directly__head-container {
    padding-block: 1rem;
}

.hero-services__container {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    gap: 24px;
}
.hero-services-slider-wrap {
    padding-top: 32px;
    margin-top: 40px;
    border-top: 1px solid var(--c-light-grey);
}
.hero-services-links__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    aspect-ratio: 2 / 1;
    padding: 2.5rem 1.5rem;
    background-color: var(--c-light-grey);
}
.hero-services-links__item:last-child {
    background-color: var(--c-dark-blue);
    color: var(--c-white);
}
.hero-services-links__people {
    height: 3rem;
    width: auto;
}
.advantages-link-block-groups {
    display: grid;
    grid-template-columns: 100%;
    gap: 24px;
}
.advantages-link-block__item {
    padding: 3rem 2rem;
    min-height: 10rem;
}
.advantages-link-block__item:nth-child(2n) {
    background-color: var(--c-dark-blue);
    color: var(--c-white);
}

.horizontal-tabs-body__item:not(.is-active) {
    display: none;
}
.horizontal-tabs-header__item {
    padding: 20px 0;
    line-height: 1;
    color: var(--c-grey);
    border-bottom: 1px solid var(--c-grey);
    transition: .3s ease-in-out color, .3s ease-in-out border-color, .3s ease-in-out background-color;
    cursor: pointer;
}
.horizontal-tabs-header__item:hover,
.horizontal-tabs-header__item.is-active {
    color: var(--c-dark-blue);
    border-color: var(--c-dark-blue);
}

.customer-feedback-long__item {
    display: grid;
    grid-template-columns: 230px 1fr 240px;
    gap: 2.5rem;
    padding: 2.5rem;
}
.customer-feedback-long__info {
    align-self: flex-end;
}

.radio-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    text-align: center;
    transition: .3s ease-in-out background-color;
}
.radio-item {
    position: relative;
    display: inline-block;
    padding: 4px 2.5rem;
    background-color: var(--c-light-grey);
    color: var(--c-dark-blue);
    border: 1px solid var(--c-dark-blue);
    cursor: pointer;
    transition: .3s ease-in-out background-color, .3s ease-in-out color;
}
.radio-item-box {
    justify-content: flex-start;
}

.radio-item:hover,
.radio-item:has(.radio-input:checked) {
    background-color: var(--c-dark-blue);
    color: var(--c-white);
}
.radio-container .radio-input {
    display: none;
}

.quiz-container-book .form-item:not(.has-error) input {
    border-color: var(--c-dark-blue);
}
.quiz-container-book {
    display: grid;
    grid-template-columns: 100%;
    gap: 2rem;
}
.quiz-container-book__wrap {
    padding: 2rem 4rem;
}
.quiz-container-book__wrap-circle {
    width: 80%;
    --circle-delay: 0.7s;
}
.quiz-container-book__wrap-circle,
.quiz-container-book__wrap-circle::before,
.quiz-container-book__wrap-circle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 1px solid var(--c-dark-blue);
}
.quiz-container-book__wrap-circle::before {
    content: "";
    width: 60%;
    --circle-delay: 0.3s;
}
.quiz-container-book__wrap-circle::after {
    content: "";
    width: 80%;
    --circle-delay: 0.6s;
}
.quiz-container-book__image {
    margin-top: 8rem;
}
.quiz-container-book__wrap-circle.is-animated {
    animation: borderColorIn 0.9s linear;
    transition-delay: var(--circle-delay, 0s);
}
.quiz-container-book__wrap-circle.is-animated::before,
.quiz-container-book__wrap-circle.is-animated::after {
    animation: scaleIn 0.5s ease-out;
    transition-delay: var(--circle-delay, 0s);
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes borderColorIn {
    0%, 50% {
        border-color: transparent;
    }
    100% {
       border-color: var(--c-dark-blue);
    }
}

.blog-post-list {
    grid-row-gap: 44px;
}
.recent-post-categories .post-categories {
    list-style: unset;
    padding-left: 0;
}
.recent-post-categories .post-categories li {
    list-style: none;
}
.blog-pagination {
    grid-column: 1 / -1;
}
.share-buttons__link {
    width: 40px;
    padding: 8px;
}
.contact-info-block {
    border: 1px solid rgba(128, 128, 128, .5);
    padding: 1.25rem;
}
.contact-info-block a {
    transition: .3s ease-in-out color;
}
.contact-info-block a:hover {
    color: var(--c-grey);
}

.privacy-content-toc {
    padding: 1rem;
}
.privacy-content-body :where(h2, h3, h4) {
    scroll-margin-top: 90px;
}

.toc :where(ul, li) {
    list-style-type: none;
    margin: revert;
}
.toc ul {
    padding-left: 8px;
}
.toc li:not(:first-child) {
    margin-top: .85rem;
}
.privacy-content-body {
    padding: 1.25rem;
    border: 2px solid var(--c-dark-blue);
    background-color: var(--c-light-grey);
    line-height: 1.5;
}
.privacy-content-body,
.privacy-content-body p,
.privacy-content-body li {
    color: var(--c-grey);
}
.privacy-content-body strong {
    color: var(--c-black);
    font-size: 1.25rem;
    font-weight: 600;
}
.privacy-content-body :where(h2, h3, h4) {
    line-height: 1.3;
    color: vaR(--c-black);
}
.privacy-content-body :where(h2, h3):first-child {
    margin-top: 0;
}
.popup-menu__inner {
    border-top: 1px solid rgba(128, 128, 128, .5);
}
.popup-menu-service__inner {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 38% 38% 24%;
}
.popup-menu-col {
    padding-block: 2.5rem;
}
.popup-menu-col:first-child {
    padding-right: 2.5rem;
}
.popup-menu-col--border:last-child {
    padding-left: 2.5rem;
}
.popup-menu-col--border:nth-child(2) {
    border-left: 1px solid rgba(128, 128, 128, .5);
    border-right: 1px solid rgba(128, 128, 128, .5);
}
.popup-menu-col.popup-menu-col--without-padding {
    padding: 0;
}
.popup-menu-why-link-group {
    column-gap: 4rem;
    row-gap: 0;
}
.popup-menu-why-link {
    padding: 1.4rem;
    height: 100%;
}
.popup-menu-why-link:nth-child(odd)::after {
    content: "";
    position: absolute;
    right: -2rem;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(128, 128, 128, .5);
}

.popup-menu {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    z-index: 4;
    background: var(--c-white);
    box-shadow: 10px 10px 15px rgba(0,0,0,.1);
}
.popup-menu-overlay {
    position: fixed;
    z-index: 2;
    background: var(--c-white);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup-menu-service-link {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(128, 128, 128, .5);
    transition: .3s ease-in-out color, .3s ease-in-out border-color;
}
.popup-menu-service-link__arrow {
    width: 26px;
    height: 26px;
    transition: .3s ease-in-out translate;
}
.popup-menu-service-link:hover {
    color: var(--c-dark-blue);
    border-color: var(--c-dark-blue);
}
.popup-menu-service-link:hover .popup-menu-service-link__arrow {
    translate: 5px 0;
}
.popup-menu-why-link__image {
    width: 40px;
}

.search-results__item {
    border-bottom: 1px solid rgba(128, 128, 128, .5);
    padding: 1.25rem 0;
}
.search-results__item :where(h2, h3) {
    margin-top: 0;
    margin-bottom: 0;
}
.search-results__item h2 + .excerpt:not(:empty) {
    margin-top: 1rem;
}

.breadcrumbs a {
    color: var(--c-dark-blue);
}

@media (min-width: 541px) and (max-width: 1023px) {
    .cards-with-icon__item:nth-child(odd)::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #DCDCDC;
    }
    .cards-with-icon__item:not(:nth-last-child(-n+2))::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #DCDCDC;
    }
}
@media (max-width: 1023px) {
    .header-menu li:not(:first-child) {
        margin-top: 1.5rem;
    }
    .header-menu li:not(.button-wrapper) a {
        color: var(--c-light-grey);
        font-size: 16px;
        transition: .3s ease-in-out color;
        font-weight: 700;
    }
    .menu-item-has-children {
        cursor: pointer;
    }
    .menu-item-has-children > a {
        position: relative;
    }
    .menu-item-has-children > a:after {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-50%);
        right: -34px;
        width: 20px;
        height: 20px;
        background: url('/wp-content/uploads/2025/01/arrow-left-circle-i.svg') no-repeat center / contain;
        z-index: -1;
    }
    .menu-item-has-children .sub-menu {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: none;
        background: var(--c-white);
        visibility: hidden;
        overflow: auto;
        padding-bottom: 16px;
        opacity: 0;
        z-index: 5;
    }
    .menu-item-has-children .sub-menu.--open {
        display: block;
        visibility: visible;
        opacity: 1;
        z-index: 5;
    }
    .header-menu ul a:hover,
    .header-menu ul a[aria-current=page]:not([href^="/#"]) {
        color: var(--c-light-grey);
    }
    .menu-header-container {
        margin-block: 1rem;
    }
    .mobile_menu_close {
        padding: 5px 10px;
        outline: none;
        user-select: none;
        position: fixed;
        top: 20px;
        right: 10px;
        cursor: pointer;
        z-index: -1;
        opacity: 0;
    }
    .header-menu.--open .mobile_menu_close {
        width: 46px;
        height: 46px;
        z-index: 3;
        opacity: 1;
        color: #666;
        transition: opacity 0.3s;
    }
    .mobile_menu_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        opacity: 0;
        visibility: hidden;
        background-color: #87acd0;
    }
    .header-menu.--open .mobile_menu_overlay {
        z-index: 1;
        opacity: 0.8;
        visibility: visible;
        transition: opacity 0.3s;
    }
    .header__button {
        margin-top: 30px;
    }
    .header-phone__img {
        display: none;
    }
    .sub-menu li {
        margin-top: 10px;
    }
    .header-menu .sub-menu a {
        font-size: 18px;
    }
    .header-button {
        margin-top: 1.5rem;
    }
    .d-inline-flex-md {
        display: inline-flex;
    }
    .d-inline-block-md {
        display: inline-block;
    }
    .d-flex-lg {
        display: flex;
    }
    .d-block-md {
        display: block;
    }
    .d-grid-md {
        display: grid;
    }
    .flex-1-md {
        flex: 1;
    }
    .d-none-md {
        display: none;
    }
    .header-phone {
        order: -1;
        margin: 16px 0 0;
    }
    .header__overlay-menu-dialog {
        padding: 4.5rem 2rem 3rem;
    }
    .order-1-lg {
        order: 1;
    }
    .hero-solutions-inner {
        display: contents;
    }
    .hero-contact {
        margin-top: 1rem;
    }
    .customer-feedback-long__item {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "photo info"
            "text text";
    }
    .customer-feedback-long__image {
        grid-area: photo;
    }
    .customer-feedback-long__main-content {
        grid-area: text;
    }
    .customer-feedback-long__info {
        grid-area: info;
    }
    .order-first-lg {
        order: -1;
    }
    .phone__icon {
        filter: invert(1) brightness(100);
    }
    .phone__title,
    .phone__link-text {
        color: var(--c-white);
    }
    .header__phone {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px) {
    .page-404-php .inner {
        flex-direction: column;
    }
    .order-1-md {
        order: 1;
    }
    .order-first-md {
        order: -1;
    }
    .d-flex-md {
        display: flex;
    }
    .footer-working-hours__day,
    .footer-working-hours__time {
        max-width: calc(50% - 22px);
        width: 100%;
    }
    .footer-working-hours {
        margin-top: 24px;
    }
    .hero__image {
        width: 100%;
        opacity: 0;
        display: none;
    }
    .hero__text {
        font-size: 1.5rem;
    }
    .hero-reviews__arrow {
        max-width: 26px;
        margin: 0 26px 3px auto;
    }
    .hero__container {
        padding-block: 40px;
    }
    .w-100-md {
        width: 100%;
    }
    .quiz-container {
        flex-direction: column;
    }
    .quiz-count__line {
        flex: 1;
    }
    .horizontal-tabs-header {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 14px;
    }
    .horizontal-tabs-header::-webkit-scrollbar {
        width: 5px;
        height: 7px;
    }
    .horizontal-tabs-header::-webkit-scrollbar {
        height: 9px;
        background-color: var(--c-light-grey);
        border-radius: 5px;
    }
    .horizontal-tabs-header::-webkit-scrollbar-thumb {
        background: var(--c-dark-blue);
        border-radius: 5px;
    }

    .horizontal-tabs-header__item {
        padding: 12px 16px;
        flex-shrink: 0;
        border: 1px solid var(--c-grey);
        background-color: var(--c-white);
        color: var(--c-grey);
    }
    .horizontal-tabs-header__item.is-active {
        border: 1px solid var(--c-dark-blue);
        background-color: var(--c-dark-blue);
        color: var(--c-white);
    }
    .radio-container .radio-item {
        width: 100%;
    }
    div.ready-to-join__container {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 540px) {
    .page-404-php {
        padding-bottom: 25px;
    }
    .page-404-php .content {
        text-align: center;
    }
    .page-404-php .title {
        font-size: 60px;
    }
    .page-404-php img {
        display: none;
    }
    .w-100-xs {
        width: 100%;
    }
    body {
        font-size: 14px;
    }
    .gap-10-xs {
        gap: 10px;
    }
    .gap-6-xs {
        gap: 6px;
    }
    .w-100-xs {
        width: 100%;
    }
    .cards-with-icon__item:not(:last-child)::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #DCDCDC;
    }
    .customer-feedback-long__item {
        grid-template-columns: 100%;
        grid-template-areas: none;
    }
    .customer-feedback-long__info,
    .customer-feedback-long__image,
    .customer-feedback-long__main-content {
        grid-area: auto;
    }
    .blog-post-sticky {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 1.25rem;
    }
    .blog-post-sticky-content {
        display: contents;
    }
    .order-1-xs {
        order: 1;
    }
}
@media (min-width: 541px) {
    .container {
        padding-inline: 2rem;
    }
    .list-benefits-group {
        grid-template-columns: repeat(2, 1fr);
    }
    .recent-post-groups {
        grid-template-columns: 2fr 2fr;
        grid-template-areas:
            "post1 post2"
            "post1 post3"
            "post4 post5";
    }
    .recent-post:nth-child(1) {
        grid-area: post1;
        background-color: var(--c-dark-blue);
        padding: 0;
        display: grid;
        grid-template-rows: auto 1fr calc(50% - .75rem);
    }
    .recent-post:nth-child(1) .recent-post-categories-group {
        padding: 1.5rem 1.5rem 0;
    }
    .recent-post:nth-child(1) .recent-post-title {
        margin: 0;
        flex: 1;
    }
    .recent-post:nth-child(1) .recent-post-meta {
        padding: 0 1.5rem 1.5rem;
        display: flex;
        flex-direction: column;
    }
    .recent-post:nth-child(1) .recent-post-date,
    .recent-post:nth-child(1) .recent-post-title,
    .recent-post:nth-child(1) .recent-post__link {
        color: var(--c-white);
    }
    .recent-post:nth-child(1) .post-categories a {
        color: var(--c-grey);
    }
    .recent-post:nth-child(1) .post-categories a:hover {
        color: var(--c-white);
    }
    .recent-post:nth-child(1) .recent-post-thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
        order: 1;
    }
    .recent-post:nth-child(1) .recent-post-categories-group {
        flex: unset;
    }
    .recent-post:nth-child(1) .recent-post-triangle {
        background-color: var(--c-white);
    }
    .recent-post:nth-child(2) {
        grid-area: post2;
    }
    .recent-post:nth-child(3) {
        grid-area: post3;
    }
    .recent-post:nth-child(4) {
        grid-area: post4;
    }
    .recent-post:nth-child(5) {
        grid-area: post5;
    }
    .service-post-group {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-column-2,
    .grid-column-3,
    .grid-column-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .hero-services-links__item {
        aspect-ratio: 1 / 1;
    }
    .hero-services-slider-wrap {
        grid-template-columns: calc(80% - 24px) 20%;
    }
    .blog-post-sticky {
        grid-column: 1 / -1;
        grid-template-columns: 50% 50%;
    }
    .blog-post-sticky-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-post-sticky-content .button {
        margin-top: auto;
    }
    .contact-info-block {
        max-width: 428px;
    }
    .contact-info-block :where(h2, h3) {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    :root {
        font-size: .875em;
    }
    .fz-h1 {
        font-size: 64px;
    }
    .fz-h2,
    .content h2:not([class]) {
        font-size: 40px;
    }
    .fz-h3,
    .content h3 {
        font-size: 20px;
    }
    .fz-h4,
    .content h4 {
        font-size: 1.5rem;
    }
    .fz-p1,
    .fz-button,
    .content h5,
    .content h6 {
        font-size: 16px;
    }
    .fz-p2 {
        font-size: 1.125rem;
    }
    .ws-pl-md {
        white-space: pre-line;
    }
    .flex-1-sm {
        flex: 1;
    }
    .form-item--w50,
    .form-item--w33 {
        max-width: calc(50% - var(--padding-form) / 2);
    }
    .footer-main-menu a {
        font-size: 1.25rem;
    }
    .footer-working-hours__day {
        width: 114px;
    }
    .about-us__container {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        'video title'
        'video text';
    }
    .about-us__video {
        grid-area: video;
    }
    .about-us__title {
        grid-area: title;
        align-self: flex-end;
    }
    .about-us__text {
        grid-area: text;
        align-self: flex-start;
    }
    .hero-reviews-wrap {
        position: absolute;
        right: 40px;
        bottom: -100px;
    }
    .hero__text {
        margin: 20px 0 0 calc(50% + 30px);
    }
    .hero__container {
        min-height: calc(100vh - 180px - var(--section-gap-y) * 2);
    }
    .quiz-container:not(.quiz-container-book) {
        gap: 7rem;
    }
    .quiz__inner {
        padding: 2.5rem;
    }
    .service-post-group {
        grid-template-columns: repeat(3, 1fr);
    }
    .cards-with-icon__title,
    .video-section__video {
        max-width: 776px;
        width: 100%;
        margin-inline: auto;
    }
    .grid-column-4 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-column-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .cards-with-icon-group.grid-column-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .advantages-link-block-groups {
        grid-template-columns: 1fr 1fr;
    }
    .advantages-link-block__item {
        min-height: 17rem;
    }
    .fw-nowrap-tablet {
        flex-wrap: nowrap;
    }
    .gap-60-tablet {
        gap: 60px;
    }
    .share-content {
        position: sticky;
        top: 120px;
    }
    .flex-1-laptop {
        flex: 1;
    }
    .privacy-content-body {
        padding: 2.5rem;
    }
    .toc ul {
        padding-left: 20px;
    }
    .hero-page__image {
        aspect-ratio: 1.15 / 1;
        object-fit: cover;
    }
}

@media (min-width: 1024px) {
    html {
        scroll-padding-top: 140px;
    }
    .header-menu {
        padding-block: 0;
    }
    .header__logo-image {
        max-width: 150px;
    }
    .section,
    section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .flex-1-desktop {
        flex: 1;
    }
    .header-menu-burger {
        display: none;
    }
    .mobile_menu_btn, .mobile_menu_close, .mobile_menu_overlay {
        display: none;
    }
    .header-menu .header-button {
        margin: 0 1.75rem 0 auto;
    }
    .header-top .container {
        gap: 24px;
    }
    .menu-header {
        display: flex;
        justify-content: center;
        gap: 4px;
    }
    .header-menu__container {
        display: grid;
        grid-template-areas:
            'logo header-top phone search'
            'header-bottom header-bottom header-bottom header-bottom';
        grid-template-columns: auto 1fr auto auto;
        grid-template-rows: auto auto auto;
        gap: 0 6px;
    }
    .header__logo-image {
        grid-area: logo;
    }
    .header-top {
        grid-area: header-top;
    }
    .header-bottom {
        grid-area: header-bottom;
    }
    .header-search {
        grid-area: search;
    }
    .header__phone {
        grid-area: phone;
        margin-right: 10px;
    }
    .menu-header > li {
        position: relative;
        text-align: center;
    }
    .menu-header-bottom .button-wrapper a {
        margin-left: 1.5rem;
    }
    .menu-header > li:not(.button-wrapper) > a {
        font-size: 14px;
        text-transform: capitalize;
        display: block;
        color: var(--c-black);
        padding: 12px 9px;
        transition: .3s all ease-in;
        border-radius: 6px;
        border: 1px solid transparent;
        font-weight: 500;
    }
    .menu-header-bottom > li:not(.button-wrapper) > a {
        color: var(--c-white);
    }
    .menu-header-bottom {
        align-items: center;
        justify-content: flex-end;
    }
    .menu-header > li.menu-item-has-children > a {
        padding-right: 1rem;
    }
    .menu-header > li:not(.button-wrapper) > a:hover,
    .menu-header > li:not(.button-wrapper) > a[aria-current=page],
    .menu-item-has-children:not(.button-wrapper):hover > a {
        text-decoration: underline;
    }
    .menu-header .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        height: 0;
        background-color: #fff;
        /*box-shadow: 0 0 10px rgba(0,0,0,.15);*/
        background-image: linear-gradient(33deg, #D9DBE1, #d9dbe100);
        border-radius: 4px;
        box-shadow: 5px 5px 14px rgba(0, 0, 0, .25);
        transition: opacity .3s;
        text-align: left;
        padding: 6px 0;
    }
    .header-menu .menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        height: auto;
        overflow: auto;
        max-height: calc(100vh - 70px);
        min-width: 255px;
    }
    .header-menu .menu-item-has-children:hover .sub-menu a {
        font-size: 16px;
        display: block;
        padding: 6px 14px;
        color: var(--c-black)
    }
    .header-menu .menu-item-has-children:hover .sub-menu a:hover {
        color: var(--c-light-grey);
        background-clip: text;
        text-fill-color: transparent;
    }
    /*.header-menu .header-menu__container {*/
    /*    gap: 0;*/
    /*}*/
    .header-menu {
        background: linear-gradient(to bottom, #fff 0 54%, var(--c-dark-blue) 54% 100%);
    }
    .header .header-bottom {
        max-height: 84px;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        overflow: hidden;
    }

    .header.is-active .header-bottom {
        max-height: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
    }
    .header.is-active .header-menu {
        background: var(--c-white);
    }
    .header__logo {
        padding: 13px 0;
    }
    .header-bottom {
        padding: 14px 0;
    }
    .header-menu .last-dropdown-item {
        border-top: 1px solid var(--c-light-grey);
    }
    .menu-item-has-children > a:after {
        right: 0;
        height: 10px;
        width: 10px;
        z-index: 1;
    }
    .menu-item-has-children:hover > a:after {
        transform: rotate(180deg) translateY(4px);
    }
    :root {
        font-size: .9em;
    }
    .burger-menu {
        display: none;
    }
    .header__overlay-menu-dialog {
        display: contents;
    }
    .list-benefits-group {
        grid-template-columns: repeat(3, 1fr);
    }
    .recent-post-groups {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-areas:
        "post1 post2 post3"
        "post1 post4 post5";
    }
    .service-post-group {
        grid-template-columns: repeat(4, 1fr);
    }
    .mt--70-md {
        margin-top: -4.375rem;
    }
    .hero-contact {
        padding: 2.5rem;
        max-width: 400px;
    }
    .hero-solutions__content {
        max-width: 640px;
    }
    .cards-with-icon-group.grid-column-4,
    .grid-column-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .cards-with-icon__item:not(:last-child)::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #DCDCDC;
    }
    .go-directly-resources__container {
        grid-template-columns: 386px 583px;
    }
    .fw-nowrap-laptop {
        flex-wrap: nowrap;
    }
    .hero-services__container {
        grid-template-columns: 50% 50%;
    }
    .advantages-link-block-groups {
        grid-template-columns: 25% 25% 1fr;
    }
    .quiz-container-book {
        grid-template-columns: 1fr 40%;
    }
    .privacy-content {
        grid-template-columns: 25rem 1fr;
    }
    .privacy-content-toc {
        position: sticky;
        top: 120px;
    }
}
@media (min-width: 1201px) {

}
@media (min-width: 1368px) {
    :root {
        font-size: 1em;
    }
    .container {
        padding-inline: 4.375rem;
    }
}
@media (min-width: 1401px) {
}
@media (min-width: 1601px) {
}