@layer theme, base, components, utilities; @layer properties; :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --tw-border-style: solid;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-lg: 0.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --text-2xs: 10px;
    --text-2xs--line-height: 16px;
    --text-17: 17px;
    --text-17--line-height: 24px;
    --text-18: 18px;
    --text-18--line-height: 100%;
    --text-19: 19px;
    --text-19--line-height: 100%;
    --text-22: 22px;
    --text-22--line-height: 100%;
    --text-26: 26px;
    --text-26--line-height: 100%;
    --text-28: 28px;
    --text-28--line-height: 36px;
    --text-30: 30px;
    --text-30--line-height: 95%;
    --text-34: 34px;
    --text-34--line-height: 44px;
    --text-42: 42px;
    --text-42--line-height: 64px;
    --text-43: 43px;
    --text-43--line-height: 52px;
    --text-46: 46px;
    --text-46--line-height: 100%;
    --text-50: 50px;
    --text-50--line-height: 100%;
    --text-95: 95px;
    --text-95--line-height: 100%;
    --color-main-bg: #F1F1F1;
    --color-light-primary: #0D5336;
    --color-primary: #042E1D;
    --color-main-green-dark: #032014;
    --color-main-green-dark-2: #0D5034;
    --color-try-it-out: #27B960;
    --color-error: #E23636;
    --color-web-link: #007AFF;
    --color-for-sale-1: #FB5151;
    --color-for-sale-2: #FF6E6E;
    --color-border-line-white: #E0E6E5;
    --color-main-green: #DAF7E2;
    --color-main-light-green: #0D5034;
    --color-main-black-5: #F5F6F5;
    --color-main-black-15: #E1E3E2;
    --color-main-black-40: #AEB5B2;
    --color-main-black-60: #81988B;
    --color-main-black-80: #5C6A65;
    --color-main-black-100: #35463F;
    --color-main-white-60: #989899;
    --color-main-dark-80: #1F2422CC;
    --color-main-dark: #1F2422;
    --font-bounded: Bounded;
    --font-inter: Inter;
    --icon-size-xs: 12px;
    --icon-size-sm: 14px;
    --icon-size-base: 18px;
    --icon-size-md: 20px;
    --icon-size-xl: 24px;
    --icon-size-27: 27px;
    --icon-size-33: 33px;
    --icon-size-2xl: 35px;
    --icon-size-3xl: 42px;
    --circle-size-8: 8px;
    --circle-size-40: 40px;
    --circle-size-48: 48px;
    --circle-size-54: 54px;
    --circle-size-75: 75px;
    --circle-size-82: 82px;
}

.btn-default[data-btn-color=light-green] {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
    fill: var(--color-main-green);
    color: var(--color-main-green);
}
.btn-default {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 13px 16px;
    font-family: var(--font-bounded);
    font-size: var(--text-xs);
    text-align: center;
    transition: .3s ease-in-out;
    cursor: pointer;
    border: 1px solid transparent;
}

.btn-default {
    justify-content: center;
    border-radius: 12px;
    padding-block: 13px;
    font-size: var(--text-xs);
}

@media (width >= 64rem) {
    .btn-default {
        padding: 18.5px 16px;
        font-size: var(--text-base);
    }
}


.btn-default[data-btn-color=light-green]::before {
    background-color: var(--color-main-light-green);
}

.btn-default::before {
    border-radius: 11px;
}
.badge-sm::before, .btn-default::before {
    position: absolute;
    inset: 1px;
    z-index: -1;
    content: "";
}

.badge-sm, .btn-default {
    position: relative;
    z-index: 1;
}
@media (width >= 64rem) {
    .subscribe-btn {
        padding-inline: 33px;
    }
} 
 
 .chats-circle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-primary);
        z-index: 2;
        width: var(--circle-size-54);
        height: var(--circle-size-54);
        flex-shrink: 0;
        border-radius: calc(infinity * 1px);
        position: relative;
    }

    .chats-circles {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-primary);
        width: var(--circle-size-54);
        height: var(--circle-size-54);
        flex-shrink: 0;
        border-radius: calc(infinity * 1px);
    }

    .container-for-chats {
        z-index: -1;
        display: flex;
        --tw-translate-y: calc(var(--spacing) * 12);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
        overflow: hidden;
        transition-property: all;
        --tw-duration: 650ms;
        transition-duration: 650ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
        position: relative;
        max-height: 300px;
        padding-bottom: 60px;
        transform: translateY(0px);
        opacity: 1;
    }

    footer {
        position: relative;
        background-color: #131314;
        padding-top: 74px;
        padding-bottom: calc(var(--spacing) * 20);
        color: #989899;
    }

    @media (width >= 64rem) {
        footer {
            padding-top: 90px;
        }
    }

    footer .simulation--mobile-bottom-edge {
        position: absolute;
        top: calc(var(--spacing) * -12);
        right: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
    }

    footer .simulation--mobile-bottom-edge:first-child {
        z-index: 1;
        height: calc(var(--spacing) * 10);
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
        background-color: #F1F1F1;
    } 

    footer .simulation--mobile-bottom-edge:last-child {
        z-index: 0;
        height: calc(var(--spacing) * 20);
        background-color: #131314;
    }

    footer .layer-up {
        margin-inline: auto;
        max-width: 1920px;
        padding-inline: calc(var(--spacing) * 3); }

    @media (width >= 40rem) {
        footer .layer-up {
            padding-inline: calc(var(--spacing) * 9);
        }
    }

    

    footer .layer-up .container-footer {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: #35463F;
        padding-bottom: calc(var(--spacing) * 12);
    }

    @media (width >= 40rem) {
        footer .layer-up .container-footer {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    @media (width >= 40rem) {
        footer .layer-up .container-footer {
            padding-bottom: 49px;
        }
    }

    @media (width >= 64rem) {
        footer .layer-up .container-footer {
            display: flex;
        }
    }

    @media (width >= 64rem) {
        footer .layer-up .container-footer {
            align-items: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .layer-up .container-footer {
            justify-content: space-between;
        }
    }

    @media (width >= 64rem) {
        footer .layer-up .container-footer {
            gap: calc(var(--spacing) * 10);
        }
    }

    @media (width >= 64rem) {
        footer .layer-up .container-footer {
            padding-bottom: 25px;
        }
    }

    footer .logo {
        height: 71px;
        max-width: 189px;
    }

    footer .new-promotion-newsletter-container {
        margin-top: calc(var(--spacing) * 6);
    }

    :where(footer .new-promotion-newsletter-container > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing) * 4 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 4 * (1 - var(--tw-space-y-reverse)));
    }

    @media (width >= 40rem) {
        footer .new-promotion-newsletter-container {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    :where(.new-promotion-newsletter-container > div:first-child > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing) * 2 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-y-reverse)));
    }

    footer .new-promotion-newsletter-container h2 {
        font-family: var(--font-bounded);
        font-size: var(--text-26);
        line-height: var(--tw-leading, var(--text-26--line-height));
        color: var(--color-white);
    }

    @media (width >= 64rem) {
        footer .new-promotion-newsletter-container h2 {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    footer .new-promotion-newsletter-container p {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    @media (width >= 40rem) {
        footer .new-promotion-newsletter-container p {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    @media (width >= 64rem) {
        footer .new-promotion-newsletter-container p {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    footer .sending-phone-number-container {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: calc(var(--spacing) * 2);
    }

    @media (width >= 40rem) {
        footer .sending-phone-number-container {
            gap: calc(var(--spacing) * 3);
        }
    }

    @media (width >= 64rem) {
        footer .sending-phone-number-container {
            grid-template-columns: 300px 1fr;
        }
    }

    footer .sending-phone-number-container > .input-container {
        position: relative;
    }

    @media (width >= 64rem) {
        footer .sending-phone-number-container > .input-container {
            max-width: 367px;
        }
    }

    footer .sending-phone-number-container input {
        box-sizing: border-box;
        width: 100%;
        border-radius: 12px;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: #454F4D;
        background-color: #1F2322;
        padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);
        font-family: var(--font-inter);
        color: #FCFCFD;
    }

    footer .sending-phone-number-container input:-webkit-autofill,
    footer .sending-phone-number-container input:-webkit-autofill:hover,
    footer .sending-phone-number-container input:-webkit-autofill:focus {
        -webkit-text-fill-color: #FCFCFD;
        outline: 1px solid #1F2322;
        -webkit-box-shadow: 0 0 0px 1000px #1F2322 inset;
    }

    footer .sending-phone-number-container input:focus {
        border-color: #FCFCFD;
    }

    footer .sending-phone-number-container input:focus {
        --tw-outline-style: none;
        outline-style: none;
    }

    @media (width >= 64rem) {
        footer .sending-phone-number-container input {
            padding-block: 17.5px;
        }
    }

    @media (width >= 64rem) {
        footer .sending-phone-number-container input {
            font-size: 16px;
        }
    }

    footer .sending-phone-number-container label {
        position: absolute;
        top: 50%;
        left: calc(var(--spacing) * 3);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        transform: translateY(calc(calc(1/2 * 100%) * -1));
        translate: var(--tw-translate-x) var(--tw-translate-y);
        font-family: var(--font-inter);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: #FCFCFD;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }

    footer .sending-phone-number-container label:is(:where(.peer):focus ~ *) {
        --tw-translate-y: calc(var(--spacing) * -6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: translateY(calc(var(--spacing) * -6));
    }

    footer .sending-phone-number-container label:is(:where(.peer):focus ~ *) {
        background-color: #1F2322;
    }

    footer .sending-phone-number-container label:is(:where(.peer):focus ~ *) {
        padding-inline: calc(var(--spacing) * 0);
    }

    footer .sending-phone-number-container label:is(:where(.peer):focus ~ *) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    footer .sending-phone-number-container label:is(:where(.peer):focus ~ *) {
        color: #FCFCFD;
    }

    footer .sending-phone-number-container label:is(:where(.peer):not(:placeholder-shown) ~ *) {
        --tw-translate-y: calc(var(--spacing) * -6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: translateY(calc(var(--spacing) * -6));
    }

    footer .sending-phone-number-container label:is(:where(.peer):not(:placeholder-shown) ~ *) {
        background-color: #1F2322;
    }

    footer .sending-phone-number-container label:is(:where(.peer):not(:placeholder-shown) ~ *) {
        padding-inline: calc(var(--spacing) * 0);
    }

    footer .sending-phone-number-container label:is(:where(.peer):not(:placeholder-shown) ~ *) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    footer .sending-phone-number-container label:is(:where(.peer):not(:placeholder-shown) ~ *) {
        color: #FCFCFD;
    }

    footer .method-communication-list-container {
        margin: calc(var(--spacing) * 0);
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            margin-top: 64px;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            margin-bottom: 50px;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            display: flex;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            align-items: center;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            justify-content: space-between;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            flex-direction: column;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            align-items: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            justify-content: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            gap: calc(var(--spacing) * 15);
        }
    }

    footer .method-communication-list-container .phone-number-container {
        margin-block: calc(var(--spacing) * 12);
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 4);
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container .phone-number-container {
            margin: calc(var(--spacing) * 0);
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container .phone-number-container {
            gap: calc(var(--spacing) * 8);
        }
    }

    footer .method-communication-list-container span {
        font-family: var(--font-bounded);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        color: var(--color-white);
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container span {
            font-size: var(--text-43);
            line-height: var(--tw-leading, var(--text-43--line-height));
        }
    }

    footer .map-site-container {
        margin-top: calc(var(--spacing) * 10);
        display: grid;
        gap: calc(var(--spacing) * 8);
    }

    @media (width < 64rem) {
        footer .map-site-container {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (width < 40rem) {
        footer .map-site-container {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    @media (width >= 40rem) {
        footer .map-site-container {
            gap: calc(var(--spacing) * 6);
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container {
            margin: calc(var(--spacing) * 0);
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container {
            align-items: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container {
            gap: calc(var(--spacing) * 10);
        }
    }

    :where(footer .map-site-container .map-site > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing) * 4 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 4 * (1 - var(--tw-space-y-reverse)));
    }

    @media (width >= 40rem) {
        :where(footer .map-site-container .map-site > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(var(--spacing) * 6 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 6 * (1 - var(--tw-space-y-reverse)));
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container .map-site:first-child {
            grid-row: span 2/span 2;
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container .map-site:nth-child(3) {
            order: 4;
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container .map-site:last-child {
            order: 3;
        }
    }

    @media (width >= 64rem) {
        footer .map-site-container .map-site:last-child {
            grid-row: span 2/span 2;
        }
    }

    footer .map-site-container h3 {
        font-family: var(--font-bounded);
        font-size: 24px;
        --tw-leading: 32px;
        line-height: 32px;
        color: var(--color-white);
    }

    :where(footer .map-site-container ul > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing) * 2 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-y-reverse)));
    }

    footer .map-site-container ul {
        font-family: var(--font-inter);
        font-size: 16px;
        --tw-leading: 24px;
        line-height: 24px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    @media (width >= 40rem) {
        :where(footer .map-site-container ul > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(var(--spacing) * 3 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 3 * (1 - var(--tw-space-y-reverse)));
        }
    }

    footer .map-site-container ul li:has(.badge-xs) {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 4);
    }

    footer .map-site-container ul li:has([class*=circle-]) {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    footer .map-site-container .map-site:nth-child(4) ul li {
        display: flex;
        max-width: 239px;
        justify-content: space-between;
    }

    footer .layer-down {
        margin-inline: auto;
        max-width: 1920px;
        padding-inline: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 6);
    }

    @media (width >= 40rem) {
        footer .layer-down {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            display: flex;
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            width: 100%;
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            align-items: flex-end;
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            justify-content: space-between;
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            gap: calc(var(--spacing) * 20);
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            padding-inline: calc(var(--spacing) * 25);
        }
    }

    @media (width >= 64rem) {
        footer .layer-down {
            padding-top: 30px;
        }
    }

    footer .layer-down p {
        text-align: justify;
        font-family: var(--font-inter);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        text-wrap: wrap;
    }

    footer .layer-down ul {
        margin-top: calc(var(--spacing) * 6);
    }

    :where(footer .layer-down ul > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing) * 1 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 1 * (1 - var(--tw-space-y-reverse)));
    }

    footer .layer-down ul {
        font-family: var(--font-inter);
        --tw-leading: 24px;
        line-height: 24px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    @media (width >= 40rem) {
        :where(footer .layer-down ul > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(6px * var(--tw-space-y-reverse)); margin-block-end: calc(6px * (1 - var(--tw-space-y-reverse)));
        }
    }

    @media (width >= 64rem) {
        :where(footer .layer-down ul > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(var(--spacing) * 2 * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-y-reverse)));
        }
    }

     footer .method-communication-list-container {
        margin: calc(var(--spacing) * 0);
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            margin-top: 64px;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            margin-bottom: 50px;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            display: flex;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            align-items: center;
        }
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container {
            justify-content: space-between;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            flex-direction: column;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            align-items: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            justify-content: flex-start;
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container {
            gap: calc(var(--spacing) * 15);
        }
    }

    footer .method-communication-list-container .phone-number-container {
        margin-block: calc(var(--spacing) * 12);
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 4);
    }

    @media (width >= 40rem) {
        footer .method-communication-list-container .phone-number-container {
            margin: calc(var(--spacing) * 0);
        }
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container .phone-number-container {
            gap: calc(var(--spacing) * 8);
        }
    }

    footer .method-communication-list-container span {
        font-family: var(--font-bounded);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        color: var(--color-white);
    }

    @media (width >= 64rem) {
        footer .method-communication-list-container span {
            font-size: var(--text-43);
            line-height: var(--tw-leading, var(--text-43--line-height));
        }
    }

    .communication-list {
    list-style: none;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
}

[class*=rectangle-][data-circle-color=dark], [class*=circle-][data-circle-color=dark] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-main-black-100);
}

.communication-list a, .communication-list a span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-48 {
    width: var(--circle-size-48);
    height: var(--circle-size-48);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
}

.phone-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    width: var(--circle-size-75);
    height: var(--circle-size-75);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
}

.phone-circle a {
    max-height: 55%;
}

[class*="rectangle-"][data-circle-color="red"], [class*="circle-"][data-circle-color="red"] {
    background-color: var(--color-error);
}

.circle-red {
    width: var(--circle-size-8);
    height: var(--circle-size-8);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
}

.business-badge {
    animation: pulse-shadow 1.2s linear infinite;
    background: #fcfcfd;
    border-radius: 4.5rem;
    box-shadow: 0 .25rem .875rem 0 hsla(0, 0%, 100%, .24);
    color: #35463f;
    font-size: .75rem;
    letter-spacing: -.01em;
    padding: .25rem .5rem;
}

@keyframes pulse-shadow {
    0% {
    box-shadow: 0 .25rem .875rem 0 hsla(0, 0%, 100%, .24);
}
50% {
    box-shadow: 0 .25rem .875rem 0 hsla(0, 0%, 100%, .48);
}
100% {
    box-shadow: 0 .25rem .875rem 0 hsla(0, 0%, 100%, .24);
}
}

.subscribe-btn {
  border: none;
  background: linear-gradient(180deg, rgba(153, 193, 167, 0.4) 0%, #0D5034 100%) !important;
  outline: none;
}