html {
    color: rgba(0, 0, 0, .87)
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

iframe,
img,
svg {
    vertical-align: middle
}

textarea {
    resize: vertical
}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body,
html {
    width: 100%
}

body {
    min-height: 100%
}

[hidden] {
    display: none !important
}

body,
html {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0
}

h1 {
    font-size: 56px;
    line-height: 1.35;
    letter-spacing: -.02em;
    margin: 24px 0
}

h1,
h2 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400
}

h2 {
    font-size: 45px;
    line-height: 48px
}

h2,
h3 {
    margin: 24px 0
}

h3 {
    font-size: 34px;
    line-height: 40px
}

h3,
h4 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin: 24px 0 16px
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

h5,
h6 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    margin: 24px 0 16px
}

h6 {
    font-size: 16px;
    letter-spacing: .04em
}

h6,
p {
    font-weight: 400;
    line-height: 24px
}

p {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 16px
}

a {
    color: #ff4081;
    font-weight: 500
}

blockquote {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: .08em
}

blockquote:before {
    position: absolute;
    left: -.5em;
    content: "\201C"
}

blockquote:after {
    content: "\201D";
    margin-left: -.05em
}

ol,
ul {
    font-weight: 400;
    letter-spacing: 0
}

ol,
ul {
    font-size: 14px;
    line-height: 24px
}

@keyframes a {
    0% {
        left: 0;
        width: 0
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        left: 100%;
        width: 0
    }
}

@keyframes b {

    0%,
    50% {
        left: 0;
        width: 0
    }

    75% {
        left: 0;
        width: 25%
    }

    to {
        left: 100%;
        width: 0
    }
}

@keyframes c {
    to {
        transform: rotate(1turn)
    }
}

@keyframes d {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(3turn)
    }
}

@keyframes e {

    0%,
    25% {
        opacity: .99
    }

    26%,
    89% {
        opacity: 0
    }

    90%,
    to {
        opacity: .99
    }
}

@keyframes f {

    0%,
    15% {
        opacity: 0
    }

    25%,
    50% {
        opacity: .99
    }

    51% {
        opacity: 0
    }
}

@keyframes g {

    0%,
    40% {
        opacity: 0
    }

    50%,
    75% {
        opacity: .99
    }

    76% {
        opacity: 0
    }
}

@keyframes h {

    0%,
    65% {
        opacity: 0
    }

    75%,
    90% {
        opacity: .99
    }

    to {
        opacity: 0
    }
}

@keyframes i {
    0% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@keyframes j {
    0% {
        transform: rotate(-130deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

@keyframes k {
    0% {
        opacity: 0;
        width: 0
    }

    to {
        opacity: 1;
        width: 100%
    }
}

@keyframes l {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(.99)
    }

    to {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

footer,
header,
menu,
nav {
    display: block
}

[hidden] {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
pre {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0;
    text-align: left
}

@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

a {
    color: #337ab7
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 360px
    }
}

@media (min-width:992px) {
    .container {
        width: 552px
    }
}

@media (min-width:1200px) {
    .container {
        width: 744px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.dropdown {
    position: relative
}

.open>a {
    outline: 0
}

@keyframes m {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.hidden {
    display: none !important
}

@-ms-viewport {
    width: device-width
}

@font-face {
    font-family: Inter;
    font-weight: 400;
    src: url(fonts/Inter-Regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-weight: 300;
    src: url(fonts/Inter-Light.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: url(fonts/Inter-SemiBold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Reckless;
    font-weight: 400;
    src: url(fonts/Reckless-Regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Reckless;
    font-weight: 300;
    src: url(fonts/Reckless-Light.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Reckless;
    font-weight: 600;
    src: url(fonts/Reckless-SemiBold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Reckless;
    font-weight: 700;
    src: url(fonts/Reckless-Bold.woff2) format("woff2");
    font-display: swap
}

body,
html {
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #161d1a
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Reckless, serif;
    font-weight: 600;
    margin: 0 0 24px
}

h1 {
    font-size: 60px;
    line-height: 1.05;
    letter-spacing: -.01em
}

h1.size-l {
    font-size: 96px;
    line-height: 1.05;
    letter-spacing: -.02em
}

h1.size-s {
    font-size: 76px;
    line-height: 1.05;
    letter-spacing: -.015em
}

h2 {
    font-size: 48px;
    line-height: 1.1
}

h2,
h3 {
    letter-spacing: -.01em
}

h3 {
    font-size: 40px;
    line-height: 1.05
}

h4 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -.01em;
    margin-bottom: .6em
}

h5 {
    font-size: 24px;
    margin-bottom: .75em
}

h5,
h6 {
    line-height: 1.3;
    letter-spacing: -.01em
}

h6 {
    font-size: 22px
}

p {
    letter-spacing: .005em;
    margin: 0 0 1em;
    font-size: 16px
}

p,
p.size-l {
    line-height: 1.5
}

p.size-l {
    font-size: 20px;
    letter-spacing: -.015em
}

p.size-l a.text-btn {
    margin-left: 8px
}

p.size-s {
    font-size: 14px
}

p.size-s {
    line-height: 1.5;
    letter-spacing: .0025em
}

a {
    text-decoration: none;
    font-weight: inherit;
    text-underline-offset: .2em
}

a,
a:visited {
    color: #0e5d8b
}

a:visited {
    text-decoration: none
}

a:hover {
    color: #0e5d8b;
    text-decoration: underline
}

.links-list a,
.links-list a:visited,
a.subtle,
a.subtle:visited {
    color: #161d1a
}

.links-list a:hover,
a.subtle:hover {
    color: #0e5d8b
}

.links-list a:has(h1, h2, h3, h4, h5, h6),
a.subtle:has(h1, h2, h3, h4, h5, h6) {
    color: #161d1a
}

.links-list a:has(h1, h2, h3, h4, h5, h6):visited,
a.subtle:has(h1, h2, h3, h4, h5, h6):visited {
    color: #161d1a
}

.links-list a:has(h1, h2, h3, h4, h5, h6):hover,
a.subtle:has(h1, h2, h3, h4, h5, h6):hover {
    color: #3d4842;
    text-decoration: none
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 1em
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

pre {
    display: block
}

code,
pre {
    font-family: monospace
}

code {
    padding: 4px;
    font-size: 20px;
    color: #b82525;
    background-color: #f2f2f2;
    border: 1px solid #d1d1d1;
    border-radius: 4px
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 1.5em;
    font-size: 16px;
    border-left: 5px solid #d1d1d1;
    line-height: 1.5
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote footer {
    display: block;
    font-size: 20px;
    color: #3d4842;
    padding-top: 8px
}

blockquote footer:before {
    content: "\2014   \A0"
}

@media (max-width:1199px) {
    h1.size-l {
        font-size: 50px
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 32px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 16px
    }

    h5 {
        font-size: 14px
    }

    p.size-l,
    p.size-l a.text-btn {
        font-size: 16px
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 20px
    }

    h3 {
        font-size: 18px
    }

    h4 {
        font-size: 16px
    }

    h5,
    p {
        font-size: 14px
    }

    p.size-l,
    p.size-l a.text-btn {
        font-size: 16px
    }
}

.pwa-invisible {
    display: none !important
}

.pwa-styled-scrollbar {
    overflow-y: scroll;
    scrollbar-color: #b8b8b8 transparent;
    scrollbar-width: thin
}

.pwa-styled-scrollbar * {
    scrollbar-width: inherit;
    scrollbar-color: inherit
}

.pwa-styled-scrollbar::-webkit-scrollbar,
.pwa-styled-scrollbar ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
    height: 12px
}

.pwa-styled-scrollbar::-webkit-scrollbar-button,
.pwa-styled-scrollbar ::-webkit-scrollbar-button {
    display: none
}

.pwa-styled-scrollbar::-webkit-scrollbar-track,
.pwa-styled-scrollbar ::-webkit-scrollbar-track {
    background: transparent
}

.pwa-styled-scrollbar::-webkit-scrollbar-thumb,
.pwa-styled-scrollbar ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 99px;
    border: 4px solid transparent;
    background-clip: content-box
}

.pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover,
.pwa-styled-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: #9fa2a1;
    border-radius: 99px;
    border: 4px solid transparent;
    background-clip: content-box
}

.pwa-styled-scrollbar::-webkit-scrollbar-corner,
.pwa-styled-scrollbar ::-webkit-scrollbar-corner {
    background: transparent
}

.input {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    width: 100%
}

.input input,
.input select,
.input textarea {
    box-sizing: border-box;
    display: block;
    font-family: Inter, sans-serif;
    color: #161d1a;
    flex: 1 1 auto;
    border: none;
    background-color: transparent;
    position: relative;
    border-radius: 6px;
    min-width: 0;
    margin: 1px;
    font-size: inherit;
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    box-shadow: none !important
}

.input input:focus-visible,
.input select:focus-visible,
.input textarea:focus-visible {
    outline: none
}

.input input:active:not(:disabled)~.input-fake-border,
.input input:focus:not(:disabled)~.input-fake-border,
.input select:active:not(:disabled)~.input-fake-border,
.input select:focus:not(:disabled)~.input-fake-border,
.input textarea:active:not(:disabled)~.input-fake-border,
.input textarea:focus:not(:disabled)~.input-fake-border {
    height: 100%;
    border-radius: 10px;
    border: 2px solid #3d4842;
    transition: border-color .3s ease;
    outline-offset: 2px;
    outline: 2px solid #0e5d8b
}

.input input:disabled~.input-fake-border,
.input select:disabled~.input-fake-border,
.input textarea:disabled~.input-fake-border {
    background-color: #f2f2f2 !important;
    border: 1px solid #d1d1d1 !important
}

.input input:disabled::placeholder,
.input select:disabled::placeholder,
.input textarea:disabled::placeholder {
    color: #6d7972 !important
}

.input .input-fake-border {
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 48px;
    z-index: -1
}

.input button {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    display: inline-flex
}

.input.size-s input {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 11px
}

.input.size-s .input-fake-border {
    height: 32px
}

.input.size-m input {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 11px
}

.input.size-m .input-fake-border {
    height: 40px
}

.input.size-l input {
    font-size: 20px;
    height: 54px;
    line-height: 54px
}

.input.size-l .input-fake-border {
    height: 56px
}

.input.error input:not(:disabled) {
    border: 2px solid #b82525;
    outline: 3px solid #b82525
}

.input.error input:focus:not(:disabled)~.input-fake-border {
    border: 0;
    outline: none
}

.textarea {
    display: block;
    font-size: 16px;
    height: 100px
}

.textarea textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 11px 15px;
    font-size: inherit;
    line-height: 1.5em;
    font-family: Inter, sans-serif;
    color: #161d1a;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d1d1d1
}

.textarea textarea:focus:not(:disabled) {
    outline: none;
    border: 2px solid #161d1a;
    padding: 10px 14px;
    transition: border-color .3s ease
}

.textarea textarea:disabled {
    background-color: #f2f2f2 !important;
    border-color: #d1d1d1 !important
}

.textarea textarea:disabled::placeholder {
    color: #6d7972 !important
}

.textarea.size-s {
    font-size: 14px;
    height: 60px
}

.textarea.size-s textarea {
    padding: 12px 11px
}

.textarea.size-l {
    font-size: 20px;
    height: 140px
}

.textarea.error textarea,
.textarea.error textarea:focus {
    border-color: #b82525
}

.controls-group>.pwa-btn {
    margin-right: -1px !important;
    border-radius: 0 !important
}

.controls-group>.pwa-btn:first-child {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important
}

.controls-group>.pwa-btn:last-child {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    margin-right: 0 !important
}

.pwa-checkbox {
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    align-items: flex-start;
    font-weight: 400
}

.pwa-checkbox>:not(.pwa-invisible)+* {
    margin-left: 8px
}

.pwa-checkbox>input {
    display: none
}

.pwa-checkbox>input~* {
    cursor: pointer
}

.pwa-checkbox>.pwa-checkbox-label {
    display: inline-flex
}

.pwa-checkbox svg {
    height: 16px;
    margin-top: .3em;
    flex: 0 0 auto;
    overflow: visible
}

.pwa-checkbox svg rect {
    height: 23px
}

.pwa-checkbox svg path {
    transition: transform .1s cubic-bezier(.38, -1.26, .12, 2.13);
    transform-origin: center
}

.pwa-checkbox input:not([disabled])~.pwa-checkbox-label {
    color: #161d1a
}

.pwa-checkbox input:not(:checked):not([disabled])~svg rect {
    fill: #fff;
    fill-opacity: 1;
    stroke: #161d1a
}

.pwa-checkbox input:not(:checked):not([disabled])~svg path {
    transform: scale(0);
    stroke: #161d1a
}

.pwa-checkbox input:checked:not([disabled])~svg rect {
    fill: #161d1a;
    fill-opacity: 1;
    stroke: #fff
}

.pwa-checkbox input:checked:not([disabled])~svg path {
    stroke: #fff;
    transform: scale(1)
}

.pwa-checkbox.any-color input:not([disabled])~.pwa-checkbox-label {
    color: #161d1a
}

.pwa-checkbox.any-color input:not(:checked):not([disabled])~svg rect {
    fill: #fff;
    fill-opacity: .05;
    stroke: currentColor
}

.pwa-checkbox.any-color input:not(:checked):not([disabled])~svg path {
    transform: scale(0);
    stroke: currentColor
}

.pwa-checkbox.any-color input:checked:not([disabled])~svg rect {
    fill: currentColor;
    fill-opacity: .05;
    stroke: currentColor
}

.pwa-checkbox.any-color input:checked:not([disabled])~svg path {
    stroke: currentColor;
    transform: scale(1)
}

.pwa-checkbox.size-s {
    font-size: 12px
}

.pwa-checkbox.wide {
    display: flex
}

.pwa-spinning-loader-indicator {
    display: inline-flex;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box
}

.pwa-spinning-loader-indicator.size-l {
    width: 56px;
    height: 56px
}

.pwa-spinning-loader-indicator.size-m {
    width: 40px;
    height: 40px
}

.pwa-spinning-loader-indicator.size-s {
    width: 24px;
    height: 24px
}

.pwa-spinning-loader-indicator.main-color {
    color: #161d1a
}

.pwa-spinning-loader-indicator.white-color {
    color: #f7ebe4
}

.pwa-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    width: 100%;
    height: 48px;
    cursor: pointer;
    padding: 0 40px 0 16px;
    box-sizing: border-box;
    font-size: 16px;
    color: #161d1a;
    text-overflow: ellipsis;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) 50%
}

.pwa-select::-ms-expand {
    display: none
}

.pwa-select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 126, 255, .15);
    border-color: #161d1a;
    transition: border-color .3s ease
}

.pwa-select.size-s {
    font-size: 14px;
    height: 32px;
    padding: 0 40px 0 16px
}

.pwa-select.size-l {
    font-size: 18px;
    height: 56px;
    padding: 0 40px 0 16px
}

.pwa-select-with-icon {
    position: relative
}

.pwa-select-with-icon__icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.pwa-select-with-icon .pwa-select {
    padding-left: 44px
}

.dark-background .pwa-btn:not(.never-invert-color).primary {
    color: #161d1a;
    background-color: #fef9f6;
    border-color: transparent
}

.dark-background .pwa-btn:not(.never-invert-color).primary:hover:not(.disabled):not(:disabled) {
    background-color: #f7ebe4
}

.dark-background .pwa-btn:not(.never-invert-color).primary:active:not(.disabled):not(:disabled) {
    background-color: #eddcd1
}

.dark-background .pwa-btn:not(.never-invert-color).secondary {
    background-color: transparent;
    border-color: #f7ebe4;
    color: #f7ebe4
}

.dark-background .pwa-btn:not(.never-invert-color).secondary:hover:not(.disabled):not(:disabled) {
    background-color: #27302b
}

.dark-background .pwa-btn:not(.never-invert-color).secondary:active:not(.disabled):not(:disabled) {
    background-color: #3d4842;
    border-color: #f7ebe4;
    color: #f7ebe4
}

.dark-background .pwa-btn:not(.never-invert-color).tertiary {
    background-color: transparent;
    color: #fff
}

.dark-background .pwa-btn:not(.never-invert-color).tertiary:hover:not(.disabled):not(:disabled) {
    background-color: #27302b
}

.dark-background .pwa-btn:not(.never-invert-color).tertiary:active:not(.disabled):not(:disabled) {
    background-color: #3d4842
}

.dark-background .pwa-btn:not(.never-invert-color).text-btn {
    background-color: transparent;
    border-color: transparent;
    color: #0e5d8b
}

.dark-background .pwa-btn:not(.never-invert-color).text-btn:active:not(.loading),
.dark-background .pwa-btn:not(.never-invert-color).text-btn:hover:not(.loading) {
    background: transparent;
    color: #0e5d8b
}

.dark-background .pwa-btn:not(.never-invert-color).text-btn .pwa-icon,
.dark-background .pwa-btn:not(.never-invert-color).text-btn .pwa-icon:hover {
    color: #0e5d8b
}

.dark-background .pwa-btn:not(.never-invert-color).text-btn.icon:hover {
    background: transparent
}

.pwa-btn {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 24px;
    height: 40px;
    line-height: 20px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid transparent;
    background-color: #161d1a;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    overflow: visible;
    white-space: nowrap;
    letter-spacing: .02em;
    color: #fff;
    text-decoration: none
}

.pwa-btn:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #27302b
}

.pwa-btn:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #3d4842
}

.pwa-btn.disabled,
.pwa-btn:disabled {
    cursor: default;
    background-color: #e8e8e8;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.pwa-btn.disabled .pwa-icon,
.pwa-btn:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.pwa-btn.primary {
    color: #fff;
    text-decoration: none
}

.pwa-btn.primary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #27302b
}

.pwa-btn.primary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #3d4842
}

.pwa-btn.primary.disabled,
.pwa-btn.primary:disabled {
    cursor: default;
    background-color: #e8e8e8;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.pwa-btn.primary.disabled .pwa-icon,
.pwa-btn.primary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.pwa-btn.secondary {
    color: #161d1a;
    background-color: transparent;
    border: 2px solid #161d1a;
    text-decoration: none
}

.pwa-btn.secondary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #f7ebe4;
    border: 2px solid #56625b
}

.pwa-btn.secondary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #eddcd1;
    border: 2px solid #56625b
}

.pwa-btn.secondary.disabled,
.pwa-btn.secondary:disabled {
    cursor: default;
    background-color: transparent;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.pwa-btn.secondary.disabled .pwa-icon,
.pwa-btn.secondary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.pwa-btn.tertiary {
    background-color: transparent;
    text-decoration: none;
    color: #161d1a
}

.pwa-btn.tertiary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #f7ebe4
}

.pwa-btn.tertiary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #eddcd1
}

.pwa-btn.tertiary.disabled,
.pwa-btn.tertiary:disabled {
    cursor: default;
    background-color: transparent;
    color: #9fa2a1 !important
}

.pwa-btn.tertiary.disabled .pwa-icon,
.pwa-btn.tertiary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.pwa-btn .pwa-icon svg {
    width: 24px;
    height: 24px
}

.pwa-btn:focus:not(.disabled):not(.loading):not(.text-btn),
.pwa-btn:focus:not(:disabled):not(.loading):not(.text-btn) {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 126, 255, .15);
    transition: border-color .3s ease
}

.pwa-btn.text-btn {
    background-color: transparent;
    border-color: transparent;
    color: #161d1a;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none
}

.pwa-btn.text-btn:hover:not(.loading):not(.disabled):not(:disabled) {
    text-decoration: underline;
    background-color: transparent
}

.pwa-btn.text-btn:active:not(.loading):not(.disabled):not(:disabled) {
    color: #0e5d8b;
    text-decoration: underline
}

.pwa-btn.text-btn .pwa-icon {
    color: #0e5d8b
}

.pwa-btn.text-btn .pwa-icon:hover {
    background: transparent;
    color: #3d4842
}

.pwa-btn.text-btn:focus {
    box-shadow: none
}

.pwa-btn.text-btn.size-l,
.pwa-btn.text-btn.size-m,
.pwa-btn.text-btn.size-s {
    padding-left: 0;
    padding-right: 0
}

.pwa-btn.text-btn.height-auto {
    height: auto
}

.pwa-btn.text-btn.font-weight-normal {
    font-weight: 400
}

.pwa-btn.text-btn.disabled,
.pwa-btn.text-btn:disabled {
    background-color: transparent !important;
    color: #9fa2a1 !important;
    cursor: default;
    border: none !important
}

.pwa-btn.text-btn.disabled:hover u:after,
.pwa-btn.text-btn:disabled:hover u:after {
    display: block
}

.pwa-btn.text-btn .clicked,
.pwa-btn.text-btn[clicked] {
    background-color: transparent !important;
    cursor: default;
    border: none !important
}

.pwa-btn.text-btn .clicked:hover,
.pwa-btn.text-btn[clicked]:hover {
    opacity: 1
}

.pwa-btn.text-btn .clicked:hover u:after,
.pwa-btn.text-btn[clicked]:hover u:after {
    display: none
}

.pwa-btn.text-btn {
    color: #0e5d8b;
    text-underline-offset: .2em
}

.pwa-btn.size-s {
    height: 32px;
    padding: 0 16px
}

.pwa-btn.size-s.secondary {
    padding: 0 15px
}

.pwa-btn.size-s .pwa-btn-icon+.pwa-btn-text,
.pwa-btn.size-s .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.pwa-btn.size-s .pwa-icon svg {
    width: 16px;
    height: 16px
}

.pwa-btn.size-l {
    height: 48px;
    line-height: 22px;
    padding: 0 32px;
    font-size: 16px
}

.pwa-btn.size-l.secondary {
    line-height: 22px;
    padding: 0 31px
}

.pwa-btn.size-l .pwa-btn-icon+.pwa-btn-text,
.pwa-btn.size-l .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.pwa-btn.wide {
    display: block;
    width: 100%;
    white-space: normal;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 32px
}

.pwa-btn.wide.secondary {
    padding-top: 11px;
    padding-bottom: 11px
}

.pwa-btn.wide.size-s {
    height: 32px;
    padding-top: 6px;
    padding-bottom: 6px
}

.pwa-btn.wide.size-s.secondary {
    padding-top: 5px;
    padding-bottom: 5px
}

.pwa-btn.wide.size-l {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 22px;
    min-height: 40px
}

.pwa-btn.wide.size-l.secondary {
    padding-top: 15px;
    padding-bottom: 15px
}

.pwa-btn.word,
.pwa-btn.word:active,
.pwa-btn.word:hover {
    background-color: #19468b
}

.pwa-btn.chrome,
.pwa-btn.chrome:active,
.pwa-btn.chrome:hover {
    background-color: #0d9d59
}

.pwa-btn.firefox,
.pwa-btn.firefox:active,
.pwa-btn.firefox:hover {
    background-color: #3f83d7
}

.pwa-btn.safari,
.pwa-btn.safari:active,
.pwa-btn.safari:hover {
    background-color: #00b0ff
}

.pwa-btn.linkedin,
.pwa-btn.linkedin:active,
.pwa-btn.linkedin:hover {
    background-color: #0077b5
}

.pwa-btn.facebook,
.pwa-btn.facebook:active,
.pwa-btn.facebook:hover {
    background-color: #3b5998
}

.pwa-btn.bitbucket,
.pwa-btn.bitbucket:active,
.pwa-btn.bitbucket:hover {
    background-color: #205081
}

.pwa-btn.edge,
.pwa-btn.edge:active,
.pwa-btn.edge:hover {
    background-color: #249fbd
}

.pwa-btn.google,
.pwa-btn.google:active,
.pwa-btn.google:hover {
    background-color: #0077e1
}

.pwa-btn.error-color,
.pwa-btn.error-color:active:not(:disabled):not(.loading):not(.text-btn),
.pwa-btn.error-color:hover:not(.disabled):not(.loading):not(.text-btn) {
    border-color: #b82525;
    color: #b82525
}

.pwa-btn.bitbucket:active:not(:disabled):before,
.pwa-btn.bitbucket:hover:not(:disabled):before,
.pwa-btn.chrome:active:not(:disabled):before,
.pwa-btn.chrome:hover:not(:disabled):before,
.pwa-btn.edge:active:not(:disabled):before,
.pwa-btn.edge:hover:not(:disabled):before,
.pwa-btn.facebook:active:not(:disabled):before,
.pwa-btn.facebook:hover:not(:disabled):before,
.pwa-btn.firefox:active:not(:disabled):before,
.pwa-btn.firefox:hover:not(:disabled):before,
.pwa-btn.google:active:not(:disabled):before,
.pwa-btn.google:hover:not(:disabled):before,
.pwa-btn.linkedin:active:not(:disabled):before,
.pwa-btn.linkedin:hover:not(:disabled):before,
.pwa-btn.safari:active:not(:disabled):before,
.pwa-btn.safari:hover:not(:disabled):before,
.pwa-btn.word:active:not(:disabled):before,
.pwa-btn.word:hover:not(:disabled):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
    border-radius: 6px
}

.pwa-btn.loading {
    cursor: default
}

.pwa-btn.loading .pwa-btn-content {
    opacity: .4
}

.pwa-btn.loading:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 50%;
    border-top: 2px solid hsla(0, 0%, 100%, .2);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    transform-origin: center;
    animation: o .75s linear infinite
}

.pwa-btn.ellipsis:not(.wide) {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.pwa-btn.ellipsis:not(.wide) .pwa-btn-content {
    overflow: hidden
}

.pwa-btn.ellipsis:not(.wide) .pwa-btn-text {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0
}

.pwa-btn.ellipsis:not(.wide).size-l .pwa-btn-text {
    line-height: 22px
}

.pwa-btn .pwa-btn-content {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: center
}

.pwa-btn .pwa-btn-icon {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    height: 100%;
    position: relative;
    flex: 0 0 auto
}

.pwa-btn .pwa-btn-icon+.pwa-btn-text,
.pwa-btn .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.pwa-btn.icon {
    width: 48px;
    padding: 0 !important
}

.pwa-btn.icon .pwa-btn-icon {
    width: 100%;
    justify-content: center;
    margin: 0
}

.pwa-btn.icon .pwa-btn-text {
    display: none
}

.pwa-btn.icon.size-s {
    width: 32px
}

.pwa-btn.icon.size-s .pwa-btn-icon {
    margin: 0
}

.pwa-btn.icon.size-l {
    width: 56px
}

.pwa-btn.icon.size-l .pwa-btn-icon {
    margin: 0
}

.pwa-btn.text-btn.disabled .pwa-icon,
.pwa-btn.text-btn:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.pwa-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: inherit
}

.pwa-action-icon:hover:not(:disabled, .disabled) {
    cursor: pointer
}

.pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {
    opacity: .75
}

.pwa-action-icon.primary {
    color: #161d1a
}

.pwa-action-icon.secondary {
    color: #fcc4c5
}

.pwa-action-icon:disabled .pwa-icon:not(.white-color) {
    color: #161d1a !important
}

.pwa-action-icon:disabled .pwa-icon svg {
    opacity: .4
}

.pwa-icon {
    display: inline-flex;
    color: #161d1a
}

.pwa-icon circle,
.pwa-icon line,
.pwa-icon path,
.pwa-icon rect {
    stroke: currentColor
}

.pwa-icon.direction-left {
    transform: rotate(-180deg)
}

.pwa-icon.direction-bottom {
    transform: rotate(90deg)
}

.pwa-icon.direction-top {
    transform: rotate(-90deg)
}

.pwa-icon.round {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative
}

.pwa-icon.round:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    opacity: .1;
    z-index: 0;
    border-radius: 50%
}

.pwa-icon.round svg {
    z-index: 1
}

.pwa-icon.main-color {
    color: #161d1a
}

.pwa-icon.second-color {
    color: #3d4842
}

.pwa-icon.success-color {
    color: #3c8b4c !important
}

.pwa-icon.error-color {
    color: #b82525
}

.pwa-icon.warning-color {
    color: #bd8b29 !important
}

.pwa-icon.white-color {
    color: #f7ebe4
}

.pwa-icon.any-color {
    color: inherit
}

.pwa-icon.size-fill,
.pwa-icon.size-fill svg {
    width: 100%;
    height: 100%
}

.pwa-icon.pwa-icon-loading {
    position: relative;
    overflow: hidden
}

.pwa-icon.pwa-icon-loading svg {
    transform-origin: center;
    animation: o .75s linear infinite
}

.pwa-icon.pwa-icon-loading path {
    stroke: transparent;
    fill: currentColor
}

.pwa-icon.pwa-icon-logo rect {
    fill: currentColor;
    height: 100%
}

.pwa-icon.pwa-icon-logo path {
    fill: #fff;
    stroke: transparent
}

.pwa-icon.filled circle,
.pwa-icon.filled path,
.pwa-icon.filled rect {
    stroke: transparent;
    fill: currentColor
}

.pwa-icon.filled circle.filled,
.pwa-icon.filled path.filled,
.pwa-icon.filled rect.filled {
    stroke: currentColor
}

.pwa-icon-color-static {
    display: inline-flex
}

.pwa-icon-color-static .stroke-pwa-main-color {
    stroke: #161d1a
}

.pwa-icon-color-static .fill-pwa-main-color-tint-3 {
    fill: #eddcd1
}

.pwa-icon-color-static .fill-pwa-gray-color-tint-3 {
    fill: #b8b8b8
}

.pwa-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fcc4c5
}

.pwa-avatar.size-s {
    width: 24px;
    height: 24px
}

.pwa-avatar.size-s .pwa-avatar__name {
    font-size: 12px;
    line-height: 24px
}

.pwa-avatar.size-l {
    width: 36px;
    height: 36px
}

.pwa-avatar.size-l .pwa-avatar__name {
    line-height: 36px
}

.pwa-avatar__image {
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: block
}

.pwa-avatar__name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #161d1a;
    line-height: 32px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400
}

.pwa-avatar.border {
    border: 2px solid #161d1a
}

.pwa-logo {
    display: inline-flex;
    align-items: center
}

.pwa-logo.round {
    border-radius: 50%;
    overflow: hidden
}

.pwa-logo.size-fill,
.pwa-logo.size-fill svg {
    width: 100%;
    height: 100%
}

.pwa-badge {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    font-family: Inter, sans-serif;
    color: #bd8b29;
    background: #fbf1da;
    border-radius: 16px;
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.pwa-badge.main-color {
    background: #f7ebe4;
    color: #161d1a
}

.pwa-badge.second-color {
    background: #fcc4c5;
    color: #161d1a
}

.pwa-badge.error-color {
    background: #ffdede;
    color: #b82525
}

.pwa-badge.success-color {
    background: #dff1e3;
    color: #3c8b4c
}

.pwa-badge.info-color {
    background: #daeffb;
    color: #0e5d8b
}

.pwa-badge.black-color {
    background: #161d1a;
    color: #fff
}

a.pwa-badge {
    text-decoration: none;
    color: #bd8b29
}

a.pwa-badge:after {
    content: "";
    display: block;
    position: absolute;
    bottom: .25em;
    left: 8px;
    right: 8px;
    border-bottom: 1px solid currentColor;
    opacity: .8
}

a:hover.pwa-badge {
    text-decoration: none
}

a:hover.pwa-badge:after {
    display: none
}

.pwa-badge.size-s {
    font-size: 12px;
    padding: 0 8px;
    line-height: 20px !important;
    height: 20px !important
}

.pwa-badge.size-l {
    font-size: 14px;
    padding: 0 12px;
    line-height: 22px !important;
    height: 28px !important
}

.pwa-badge .pwa-icon {
    color: currentColor
}

.pwa-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, sans-serif;
    color: #161d1a;
    background: #eddcd1;
    border-radius: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    line-height: 24px;
    min-width: 24px;
    font-size: 14px;
    font-weight: 400
}

.pwa-counter.error-color {
    background: #ffdede
}

.pwa-counter.warning-color {
    background: #fbf1da
}

.pwa-counter.success-color {
    background: #dff1e3
}

.shadow-fx2 {
    filter: drop-shadow(0 0 24px rgba(0, 0, 0, .06)) drop-shadow(0 0 5px rgba(0, 0, 0, .05))
}

.pwa-report-icon {
    display: inline-flex
}

.pwa-report-icon.size-fill,
.pwa-report-icon.size-fill svg {
    width: 100%;
    height: 100%
}

.pwa-report-icon .stroke-pwa-main-color {
    stroke: #161d1a
}

.pwa-report-icon .stroke-pwa-second-color {
    stroke: #3d4842
}

.pwa-report-icon .fill-pwa-main-color {
    fill: #161d1a
}

.pwa-report-icon .fill-pwa-second-color {
    fill: #3d4842
}

.pwa-emoji-icon {
    display: inline-flex
}

.pwa-radio .radio-container {
    font-weight: 400;
    font-family: Inter, sans-serif;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #161d1a
}

.pwa-radio .radio-container input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0
}

.pwa-radio .radio-container input~* {
    cursor: pointer
}

.pwa-radio .radio-container input:disabled~* {
    cursor: default;
    color: #9fa2a1
}

.pwa-radio .radio-container input:disabled~.checkmark {
    background-color: #f2f2f2
}

.pwa-radio .radio-container input:checked~.checkmark:after {
    display: block
}

.pwa-radio .radio-container input:disabled~.checkmark {
    border-color: #d1d1d1
}

.pwa-radio .radio-container input:disabled~.checkmark:after {
    background-color: #d1d1d1
}

.pwa-radio .radio-container .checkmark {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #161d1a;
    background-color: #fff
}

.pwa-radio .radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #161d1a
}

.pwa-radio .radio-container .radio-text {
    padding-left: 12px;
    line-height: 28px
}

.pwa-message {
    display: inline-flex;
    padding: 12px 24px;
    max-width: max-content;
    border: 1px solid;
    border-radius: 8px
}

.pwa-message .pwa-message__icon {
    display: flex;
    align-items: center
}

.pwa-message .pwa-message__label {
    padding-left: 12px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.pwa-message.success-color {
    color: #3c8b4c;
    background-color: #dff1e3;
    border-color: #3c8b4c
}

.pwa-message.error-color {
    color: #b82525;
    background-color: #ffdede;
    border-color: #b82525
}

.pwa-message.warning-color {
    color: #bd8b29;
    background-color: #fbf1da;
    border-color: #bd8b29
}

.pwa-message.info-color {
    color: #0e5d8b;
    background-color: #daeffb;
    border-color: #0e5d8b
}

.pwa-popup-wrap {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #161d1a;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1)
}

.pwa-popup-wrap.main-color {
    background: #fef9f6;
    color: #f7ebe4
}

.pwa-popup-wrap.size-s {
    max-width: 250px;
    min-width: 220px
}

.pwa-popup-wrap {
    max-width: none
}

.pwa-popup-wrap.size-m {
    width: 460px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 8px 40px rgba(0, 0, 0, .2)
}

.pwa-popup-wrap.size-fill {
    width: 100%;
    height: 100%
}

.pwa-popup-wrap.size-l {
    width: 520px
}

.pwa-popup-wrap.size-l {
    box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 8px 40px rgba(0, 0, 0, .2)
}

.pwa-dialog-constructor {
    display: block;
    position: relative;
    padding: 24px
}

.pwa-dialog-constructor__close {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.pwa-dialog-constructor__close:hover {
    opacity: .7
}

.pwa-dialog-constructor__title {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
    gap: 12px;
    align-items: center
}

.pwa-dialog-constructor__title__sub {
    display: block;
    padding: 8px 0;
    font-size: 16px;
    color: #3d4842;
    font-weight: 400
}

.pwa-dialog-constructor__search {
    display: block;
    margin-bottom: 12px
}

.pwa-dialog-constructor__list {
    display: block;
    margin-left: -16px;
    margin-right: -16px
}

.pwa-dialog-constructor__list>div {
    padding-bottom: 0
}

.pwa-dialog-constructor__separator {
    display: block;
    margin: 4px -24px;
    border-top: 1px solid #d1d1d1
}

.pwa-dialog-constructor__separator.wide {
    margin: 4px 0
}

.pwa-dialog-constructor__content {
    display: block;
    line-height: 1.75
}

.pwa-dialog-constructor__content a {
    color: #161d1a
}

.pwa-dialog-constructor__content a:hover {
    text-decoration: underline
}

.pwa-dialog-constructor__note {
    display: block;
    background-color: #f7ebe4;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 16px
}

.pwa-dialog-constructor__note em {
    color: #161d1a;
    font-weight: 600;
    font-style: normal
}

.pwa-dialog-constructor__field {
    display: block;
    line-height: normal
}

.pwa-dialog-constructor__field:not(:last-child) {
    margin-bottom: 24px
}

.pwa-dialog-constructor__field label {
    display: inline-flex;
    margin-bottom: 8px
}

.pwa-dialog-constructor__field .pwa-dialog-constructor__note {
    display: block;
    margin-bottom: 0
}

.pwa-dialog-constructor__field__tip {
    padding: 8px 0;
    font-size: 12px;
    color: #3d4842;
    font-weight: 400;
    line-height: 1.7
}

.pwa-dialog-constructor__footer {
    padding: 24px 0 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.pwa-dialog-constructor__footer>*,
.pwa-dialog-constructor__footer>.pwa-btn {
    margin-left: 16px !important
}

.pwa-dialog-constructor.size-s {
    padding: 16px 20px;
    min-width: 400px
}

.pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {
    font-size: 16px;
    margin-bottom: 16px
}

.pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {
    font-size: 14px
}

@media (min-width:1500px) {
    .pwa-container {
        width: 1400px
    }
}

.fill-height {
    height: 100%
}

@keyframes n {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.container-fluid:after,
.container:after,
.row:after {
    content: "";
    display: table;
    clear: both
}

.aspect-ratio-wrapper {
    position: relative;
    width: 100%;
    padding-top: calc(var(--aspect-ratio) * 100%)
}

.aspect-ratio-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

::placeholder {
    color: #6d7972
}

.pwa-link,
.pwa-link:visited {
    color: #0e5d8b;
    text-decoration: none
}

.pwa-link:hover {
    color: #0e5d8b;
    text-decoration: underline
}

.pwa-link b {
    font-weight: 600
}

body,
html {
    background-color: #fef9f6
}

.cc-banner,
.cc-window {
    z-index: 9999999999 !important;
    background: #fff !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    color: #161d1a !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    padding: 20px 24px !important
}

@media (max-width:991px) {

    .cc-banner,
    .cc-window {
        font-size: 14px !important
    }
}

.cc-banner .cc-message a,
.cc-window .cc-message a {
    color: #0e5d8b !important
}

.cc-banner .cc-btn,
.cc-window .cc-btn {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 24px;
    height: 40px;
    line-height: 20px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid transparent;
    background-color: #161d1a;
    border-radius: 6px;
    letter-spacing: .02em;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 24px !important;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    overflow: visible;
    white-space: nowrap;
    justify-content: center !important
}

.cc-banner .cc-btn:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #27302b
}

.cc-banner .cc-btn:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #3d4842
}

.cc-banner .cc-btn:disabled,
.cc-window .cc-btn:disabled {
    cursor: default;
    background-color: #e8e8e8;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.cc-banner .cc-btn:disabled .pwa-icon,
.cc-window .cc-btn:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.cc-banner .cc-btn.primary,
.cc-window .cc-btn.primary {
    color: #fff;
    text-decoration: none
}

.cc-banner .cc-btn.primary:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.primary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #27302b
}

.cc-banner .cc-btn.primary:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.primary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #3d4842
}

.cc-banner .cc-btn.primary:disabled,
.cc-window .cc-btn.primary:disabled {
    cursor: default;
    background-color: #e8e8e8;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.cc-banner .cc-btn.primary:disabled .pwa-icon,
.cc-window .cc-btn.primary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.cc-banner .cc-btn.secondary,
.cc-window .cc-btn.secondary {
    color: #161d1a;
    background-color: transparent;
    border: 2px solid #161d1a;
    text-decoration: none
}

.cc-banner .cc-btn.secondary:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.secondary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #f7ebe4;
    border: 2px solid #56625b
}

.cc-banner .cc-btn.secondary:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.secondary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #eddcd1;
    border: 2px solid #56625b
}

.cc-banner .cc-btn.secondary:disabled,
.cc-window .cc-btn.secondary:disabled {
    cursor: default;
    background-color: transparent;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.cc-banner .cc-btn.secondary:disabled .pwa-icon,
.cc-window .cc-btn.secondary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.cc-banner .cc-btn.tertiary,
.cc-window .cc-btn.tertiary {
    background-color: transparent;
    text-decoration: none;
    color: #161d1a
}

.cc-banner .cc-btn.tertiary:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.tertiary:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #f7ebe4
}

.cc-banner .cc-btn.tertiary:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.tertiary:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #eddcd1
}

.cc-banner .cc-btn.tertiary:disabled,
.cc-window .cc-btn.tertiary:disabled {
    cursor: default;
    background-color: transparent;
    color: #9fa2a1 !important
}

.cc-banner .cc-btn.tertiary:disabled .pwa-icon,
.cc-window .cc-btn.tertiary:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.cc-banner .cc-btn .pwa-icon svg,
.cc-window .cc-btn .pwa-icon svg {
    width: 24px;
    height: 24px
}

.cc-banner .cc-btn:focus:not(.disabled):not(.loading):not(.text-btn),
.cc-banner .cc-btn:focus:not(:disabled):not(.loading):not(.text-btn),
.cc-window .cc-btn:focus:not(.disabled):not(.loading):not(.text-btn),
.cc-window .cc-btn:focus:not(:disabled):not(.loading):not(.text-btn) {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 126, 255, .15);
    transition: border-color .3s ease
}

.cc-banner .cc-btn.text-btn,
.cc-window .cc-btn.text-btn {
    background-color: transparent;
    border-color: transparent;
    color: #161d1a;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none
}

.cc-banner .cc-btn.text-btn:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.text-btn:hover:not(.loading):not(.disabled):not(:disabled) {
    text-decoration: underline;
    background-color: transparent
}

.cc-banner .cc-btn.text-btn:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-btn.text-btn:active:not(.loading):not(.disabled):not(:disabled) {
    color: #0e5d8b;
    text-decoration: underline
}

.cc-banner .cc-btn.text-btn .pwa-icon,
.cc-window .cc-btn.text-btn .pwa-icon {
    color: #0e5d8b
}

.cc-banner .cc-btn.text-btn .pwa-icon:hover,
.cc-window .cc-btn.text-btn .pwa-icon:hover {
    background: transparent;
    color: #3d4842
}

.cc-banner .cc-btn.text-btn:focus,
.cc-window .cc-btn.text-btn:focus {
    box-shadow: none
}

.cc-banner .cc-btn.text-btn.size-l,
.cc-banner .cc-btn.text-btn.size-m,
.cc-banner .cc-btn.text-btn.size-s,
.cc-window .cc-btn.text-btn.size-l,
.cc-window .cc-btn.text-btn.size-m,
.cc-window .cc-btn.text-btn.size-s {
    padding-left: 0;
    padding-right: 0
}

.cc-banner .cc-btn.text-btn:disabled,
.cc-window .cc-btn.text-btn:disabled {
    background-color: transparent !important;
    color: #9fa2a1 !important;
    cursor: default;
    border: none !important
}

.cc-banner .cc-btn.text-btn,
.cc-window .cc-btn.text-btn {
    color: #0e5d8b;
    text-underline-offset: .2em
}

.cc-banner .cc-btn.size-s,
.cc-window .cc-btn.size-s {
    height: 32px;
    padding: 0 16px
}

.cc-banner .cc-btn.size-s.secondary,
.cc-window .cc-btn.size-s.secondary {
    padding: 0 15px
}

.cc-banner .cc-btn.size-s .pwa-btn-icon+.pwa-btn-text,
.cc-banner .cc-btn.size-s .pwa-btn-text+.pwa-btn-icon,
.cc-window .cc-btn.size-s .pwa-btn-icon+.pwa-btn-text,
.cc-window .cc-btn.size-s .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.cc-banner .cc-btn.size-s .pwa-icon svg,
.cc-window .cc-btn.size-s .pwa-icon svg {
    width: 16px;
    height: 16px
}

.cc-banner .cc-btn.size-l,
.cc-window .cc-btn.size-l {
    height: 48px;
    line-height: 22px;
    padding: 0 32px;
    font-size: 16px
}

.cc-banner .cc-btn.size-l.secondary,
.cc-window .cc-btn.size-l.secondary {
    line-height: 22px;
    padding: 0 31px
}

.cc-banner .cc-btn.size-l .pwa-btn-icon+.pwa-btn-text,
.cc-banner .cc-btn.size-l .pwa-btn-text+.pwa-btn-icon,
.cc-window .cc-btn.size-l .pwa-btn-icon+.pwa-btn-text,
.cc-window .cc-btn.size-l .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.cc-banner .cc-btn.wide,
.cc-window .cc-btn.wide {
    display: block;
    width: 100%;
    white-space: normal;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 32px
}

.cc-banner .cc-btn.wide.secondary,
.cc-window .cc-btn.wide.secondary {
    padding-top: 11px;
    padding-bottom: 11px
}

.cc-banner .cc-btn.wide.size-s,
.cc-window .cc-btn.wide.size-s {
    height: 32px;
    padding-top: 6px;
    padding-bottom: 6px
}

.cc-banner .cc-btn.wide.size-s.secondary,
.cc-window .cc-btn.wide.size-s.secondary {
    padding-top: 5px;
    padding-bottom: 5px
}

.cc-banner .cc-btn.wide.size-l,
.cc-window .cc-btn.wide.size-l {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 22px;
    min-height: 40px
}

.cc-banner .cc-btn.wide.size-l.secondary,
.cc-window .cc-btn.wide.size-l.secondary {
    padding-top: 15px;
    padding-bottom: 15px
}

.cc-banner .cc-btn.linkedin,
.cc-banner .cc-btn.linkedin:active,
.cc-banner .cc-btn.linkedin:hover,
.cc-window .cc-btn.linkedin,
.cc-window .cc-btn.linkedin:active,
.cc-window .cc-btn.linkedin:hover {
    background-color: #0077b5
}

.cc-banner .cc-btn.facebook,
.cc-banner .cc-btn.facebook:active,
.cc-banner .cc-btn.facebook:hover,
.cc-window .cc-btn.facebook,
.cc-window .cc-btn.facebook:active,
.cc-window .cc-btn.facebook:hover {
    background-color: #3b5998
}

.cc-banner .cc-btn.error-color,
.cc-banner .cc-btn.error-color:active:not(:disabled):not(.loading):not(.text-btn),
.cc-banner .cc-btn.error-color:hover:not(.disabled):not(.loading):not(.text-btn),
.cc-window .cc-btn.error-color,
.cc-window .cc-btn.error-color:active:not(:disabled):not(.loading):not(.text-btn),
.cc-window .cc-btn.error-color:hover:not(.disabled):not(.loading):not(.text-btn) {
    border-color: #b82525;
    color: #b82525
}

.cc-banner .cc-btn.facebook:active:not(:disabled):before,
.cc-banner .cc-btn.facebook:hover:not(:disabled):before,
.cc-banner .cc-btn.linkedin:active:not(:disabled):before,
.cc-banner .cc-btn.linkedin:hover:not(:disabled):before,
.cc-window .cc-btn.facebook:active:not(:disabled):before,
.cc-window .cc-btn.facebook:hover:not(:disabled):before,
.cc-window .cc-btn.linkedin:active:not(:disabled):before,
.cc-window .cc-btn.linkedin:hover:not(:disabled):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
    border-radius: 6px
}

@keyframes o {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.cc-banner .cc-btn .pwa-btn-content,
.cc-window .cc-btn .pwa-btn-content {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: center
}

.cc-banner .cc-btn .pwa-btn-icon,
.cc-window .cc-btn .pwa-btn-icon {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    height: 100%;
    position: relative;
    flex: 0 0 auto
}

.cc-banner .cc-btn .pwa-btn-icon+.pwa-btn-text,
.cc-banner .cc-btn .pwa-btn-text+.pwa-btn-icon,
.cc-window .cc-btn .pwa-btn-icon+.pwa-btn-text,
.cc-window .cc-btn .pwa-btn-text+.pwa-btn-icon {
    margin-left: 4px
}

.cc-banner .cc-btn.icon,
.cc-window .cc-btn.icon {
    width: 48px;
    padding: 0 !important
}

.cc-banner .cc-btn.icon .pwa-btn-icon,
.cc-window .cc-btn.icon .pwa-btn-icon {
    width: 100%;
    justify-content: center;
    margin: 0
}

.cc-banner .cc-btn.icon .pwa-btn-text,
.cc-window .cc-btn.icon .pwa-btn-text {
    display: none
}

.cc-banner .cc-btn.icon.size-s,
.cc-window .cc-btn.icon.size-s {
    width: 32px
}

.cc-banner .cc-btn.icon.size-s .pwa-btn-icon,
.cc-window .cc-btn.icon.size-s .pwa-btn-icon {
    margin: 0
}

.cc-banner .cc-btn.icon.size-l,
.cc-window .cc-btn.icon.size-l {
    width: 56px
}

.cc-banner .cc-btn.icon.size-l .pwa-btn-icon,
.cc-window .cc-btn.icon.size-l .pwa-btn-icon {
    margin: 0
}

.cc-banner .cc-btn.text-btn:disabled .pwa-icon,
.cc-window .cc-btn.text-btn:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.cc-banner .cc-btn:focus:not(.disabled),
.cc-banner .cc-btn:focus:not(:disabled),
.cc-window .cc-btn:focus:not(.disabled),
.cc-window .cc-btn:focus:not(:disabled) {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 126, 255, .15) !important
}

.cc-banner .cc-compliance,
.cc-window .cc-compliance {
    gap: 16px !important
}

.cc-banner .cc-highlight .cc-btn.cc-deny,
.cc-banner .cc-highlight .cc-btn:first-child,
.cc-window .cc-highlight .cc-btn.cc-deny,
.cc-window .cc-highlight .cc-btn:first-child {
    color: #161d1a;
    background-color: transparent;
    border: 2px solid #161d1a;
    text-decoration: none;
    line-height: 46px !important;
    padding: 0 23px !important;
    flex: 1 1 auto
}

.cc-banner .cc-highlight .cc-btn.cc-deny:hover:not(.loading):not(.disabled):not(:disabled),
.cc-banner .cc-highlight .cc-btn:first-child:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-highlight .cc-btn.cc-deny:hover:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-highlight .cc-btn:first-child:hover:not(.loading):not(.disabled):not(:disabled) {
    background-color: #f7ebe4;
    border: 2px solid #56625b
}

.cc-banner .cc-highlight .cc-btn.cc-deny:active:not(.loading):not(.disabled):not(:disabled),
.cc-banner .cc-highlight .cc-btn:first-child:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-highlight .cc-btn.cc-deny:active:not(.loading):not(.disabled):not(:disabled),
.cc-window .cc-highlight .cc-btn:first-child:active:not(.loading):not(.disabled):not(:disabled) {
    background-color: #eddcd1;
    border: 2px solid #56625b
}

.cc-banner .cc-highlight .cc-btn.cc-deny:disabled,
.cc-banner .cc-highlight .cc-btn:first-child:disabled,
.cc-window .cc-highlight .cc-btn.cc-deny:disabled,
.cc-window .cc-highlight .cc-btn:first-child:disabled {
    cursor: default;
    background-color: transparent;
    color: #9fa2a1 !important;
    border: 2px solid #9fa2a1 !important
}

.cc-banner .cc-highlight .cc-btn.cc-deny:disabled .pwa-icon,
.cc-banner .cc-highlight .cc-btn:first-child:disabled .pwa-icon,
.cc-window .cc-highlight .cc-btn.cc-deny:disabled .pwa-icon,
.cc-window .cc-highlight .cc-btn:first-child:disabled .pwa-icon {
    color: #9fa2a1 !important
}

.sticky-header {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    align-items: center;
    background-color: transparent;
    height: 72px;
    transition: background-color .2s linear, border-color .2s linear;
    border-bottom: 1px solid transparent
}

.sticky-header.sticky-scrolled,
.sticky-scrolled>.sticky-header {
    background-color: #fef9f6;
    z-index: 10;
    border-color: #d1d1d1;
    transition: background-color .2s linear, border-color .2s linear
}

.sticky-header .logo {
    display: flex;
    gap: 4px;
    padding-right: 16px
}

.sticky-header .logo-and-product {
    display: none
}

.sticky-header .marketing-side {
    display: flex
}

.sticky-header ul {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sticky-header .product-menu {
    display: flex;
    align-items: center;
    gap: 16px
}

.sticky-header .menu-item {
    display: flex;
    position: relative;
    gap: 4px;
    padding: 16px;
    align-items: center;
    cursor: pointer
}

.sticky-header .menu-item button {
    all: unset
}

.sticky-header .menu-item a,
.sticky-header .menu-item button,
.sticky-header .menu-item span {
    color: #161d1a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .28px
}

.sticky-header .menu-item a:focus,
.sticky-header .menu-item a:hover,
.sticky-header .menu-item button:focus,
.sticky-header .menu-item button:hover,
.sticky-header .menu-item span:focus,
.sticky-header .menu-item span:hover {
    color: #3d4842;
    text-decoration: none;
    outline: none
}

.sticky-header .menu-item a.username,
.sticky-header .menu-item button.username,
.sticky-header .menu-item span.username {
    margin-left: 8px
}

.sticky-header .menu-item .header-dropdown {
    display: none;
    flex-direction: column;
    align-items: start;
    position: absolute;
    top: 55px;
    gap: 0;
    padding: 4px 0;
    z-index: 999;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fef9f6;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1)
}

.sticky-header .menu-item .header-dropdown .dropdown-item {
    min-width: 200px;
    cursor: pointer
}

.sticky-header .menu-item .header-dropdown .dropdown-item a {
    display: block;
    padding: 8px 16px;
    width: 100%
}

.sticky-header .menu-item .header-dropdown .dropdown-item a:hover {
    color: #161d1a
}

.sticky-header .menu-item .header-dropdown .dropdown-item:hover {
    background: #f7ebe4
}

.sticky-header .menu-item .header-dropdown .additional-divider {
    border-bottom: 1px solid #d1d1d1
}

.sticky-header .menu-item .header-dropdown.active {
    display: flex
}

.sticky-header .menu-item .icon-desktop {
    margin-left: 4px !important;
    vertical-align: middle
}

.sticky-header .menu-item .icon-mobile {
    display: none
}

.sticky-header .dropdown-item:has(a:focus-visible),
.sticky-header .logo:focus-visible,
.sticky-header .menu-item:focus-visible,
.sticky-header .menu-item:has(a:focus-visible):not([aria-expanded=true]) {
    border-radius: 4px;
    outline: 2px solid #0e5d8b
}

.sticky-header .menu-item:focus-visible span,
.sticky-header .menu-item:focus-within span,
.sticky-header .menu-item:focus span,
.sticky-header .menu-item:hover span {
    color: #3d4842
}

.sticky-header .account {
    min-width: 200px
}

.sticky-header.trusty-eraser:not(.sticky-scrolled>.sticky-header) {
    background-color: #fcc4c5
}

.sticky-header.remove-links {
    margin: auto;
    max-width: 1208px
}

.sticky-header.remove-links .menu-item:not(.account) {
    display: none
}

.sticky-header.remove-links .marketing-side {
    width: 100%
}

.sticky-header .desktop {
    display: flex
}

.sticky-header .mobile {
    display: none
}

@media (max-width:991px) {
    .sticky-header {
        flex-direction: column;
        padding: 20px 24px
    }

    .sticky-header.sticky-top[aria-expanded=true],
    .sticky-top>.sticky-header[aria-expanded=true] {
        position: fixed;
        top: unset
    }

    .sticky-header[aria-expanded=true] {
        height: 100vh;
        display: flex;
        min-width: 50%;
        position: fixed;
        right: 24px;
        background-color: #fef9f6;
        z-index: 2000;
        justify-content: flex-start;
        opacity: 1;
        overflow: scroll
    }

    .sticky-header[aria-expanded=true] .account {
        display: none
    }

    .sticky-header.trusty-eraser[aria-expanded=true]:not(.sticky-top),
    :not(.sticky-top)>.sticky-header.trusty-eraser[aria-expanded=true] {
        background-color: #fef9f6
    }

    .legacy-page.sticky-header[aria-expanded=true] {
        right: 0;
        margin: auto
    }

    .sticky-header .marketing-side,
    .sticky-header .product-side {
        flex-direction: column;
        width: 100%
    }

    .sticky-header .marketing-side ul,
    .sticky-header .product-side ul {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .sticky-header .marketing-side ul li,
    .sticky-header .product-side ul li {
        width: 100%;
        border-bottom: 1px solid #d1d1d1;
        padding: 0;
        -webkit-tap-highlight-color: transparent
    }

    .sticky-header .marketing-side ul li a,
    .sticky-header .product-side ul li a {
        padding: 16px 0
    }

    .sticky-header .marketing-side .menu-item,
    .sticky-header .product-side .menu-item {
        padding: 0
    }

    .sticky-header .marketing-side .menu-item a,
    .sticky-header .product-side .menu-item a {
        padding: 16px 0;
        width: 100%
    }

    .sticky-header .marketing-side .dropdown-item,
    .sticky-header .product-side .dropdown-item {
        padding-left: 12px;
        border-radius: 8px
    }

    .sticky-header .marketing-side {
        gap: 16px
    }

    .sticky-header .marketing-side li .dropdown-text-and-icon {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 16px 0
    }

    .sticky-header .marketing-side li.dropdown-parent .icon-mobile {
        transition: transform .1s ease-in-out
    }

    .sticky-header .marketing-side li.dropdown-parent[aria-expanded=true] .icon-mobile {
        transform: rotate(90deg)
    }

    .sticky-header .marketing-side .menu-item {
        flex-direction: column;
        align-items: flex-start
    }

    .sticky-header .marketing-side .menu-item .dropdown-item {
        border: none
    }

    .sticky-header .marketing-side .menu-item .dropdown-item a {
        padding: 8px 0;
        font-weight: 500
    }

    .sticky-header .marketing-side .header-dropdown {
        width: 100%;
        flex-direction: column;
        align-items: start;
        position: unset;
        top: unset;
        z-index: unset;
        border-radius: unset;
        border: none;
        box-shadow: unset;
        background: unset
    }

    .sticky-header.sticky-top,
    .sticky-top>.sticky-header {
        border-color: transparent
    }

    .sticky-header .right-side {
        display: flex;
        gap: 16px;
        align-items: center
    }

    .sticky-header .right-side .product-menu .menu-item {
        padding: 0
    }

    .sticky-header .right-side .close-icon,
    .sticky-header .right-side .menu-icon {
        cursor: pointer
    }

    .sticky-header .product-menu-logged-in,
    .sticky-header .product-menu-logged-in .product-button,
    .sticky-header .product-menu-logged-out,
    .sticky-header .product-menu-logged-out .product-button {
        width: 100%
    }

    .sticky-header .product-menu-logged-out {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 8px
    }

    .sticky-header .product-menu-logged-out .product-button {
        margin-top: 16px
    }

    .sticky-header .logo-and-product {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding-bottom: 20px;
        justify-content: space-between;
        max-height: 52px
    }

    .sticky-header .account {
        position: relative;
        min-width: unset;
        -webkit-tap-highlight-color: transparent
    }

    .sticky-header .account .header-dropdown {
        position: absolute;
        right: 0
    }

    .sticky-header .conceal {
        display: none
    }

    .sticky-header .menu-item .icon-mobile,
    .sticky-header .mobile {
        display: flex
    }

    .sticky-header .desktop,
    .sticky-header .icon-desktop {
        display: none
    }
}

@media (max-width:479px) {
    .sticky-header[aria-expanded=true] {
        width: 100vw;
        height: 100vh;
        max-height: 100dvh;
        top: 0;
        gap: 0;
        justify-content: flex-start;
        overflow: scroll
    }

    .sticky-header[aria-expanded=true] .right-side .account {
        display: unset
    }

    .legacy-page.sticky-header[aria-expanded=true] {
        right: 0;
        left: 0;
        margin: auto
    }
}

@media (max-width:383px) {
    .sticky-header .right-side {
        gap: 4px
    }
}

.no-scroll {
    overflow: hidden
}

@media (max-width:991px) {
    .dark-wrapper.menu-open {
        background-color: rgba(0, 0, 0, .5);
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        display: flex;
        pointer-events: none;
        z-index: 2
    }

    .dark-wrapper.menu-open~* {
        pointer-events: none
    }
}

@media (min-width:768px) {
    .tablet-only {
        display: none
    }
}

@media (max-width:991px) {
    .tablet-only {
        display: flex;
        height: 72px;
        border-bottom: 1px solid transparent;
        padding-left: 24px
    }

    .tablet-only .logo {
        display: flex;
        gap: 4px
    }
}

.conceal {
    display: none
}

@keyframes p {
    0% {
        transform: scale(1)
    }

    3% {
        transform: scale(1)
    }

    6% {
        transform: scale(1.08)
    }

    9% {
        transform: scale(1)
    }

    12% {
        transform: scale(1.08)
    }

    15% {
        transform: scale(1)
    }

    18% {
        transform: scale(1.08)
    }

    21% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.links-block {
    background-color: #fef9f6;
    padding-top: 80px;
    padding-bottom: 20px;
    border-top: 1px solid #d1d1d1
}

@media (max-width:992px) {
    .links-block {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.links-block .footer-links-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, auto));
    gap: 24px
}

.links-block .site-links-block {
    padding-bottom: 20px
}

.links-block .site-links-block:first-child {
    padding-left: 0
}

@media (max-width:991px) {
    .links-block .site-links-block:nth-child(odd) {
        clear: left;
        padding-left: 0
    }
}

.links-block .site-links-block .extentions,
.links-block .site-links-block>a {
    display: block;
    padding: 4px 0
}

.links-block .site-links-block p {
    letter-spacing: normal
}

.links-block .site-category-header,
.links-block .site-category-header>a {
    font-weight: 600;
    font-size: 18px;
    color: #161d1a;
    margin-bottom: 12px
}

.links-block .site-category-header,
.links-block .site-category-header:visited,
.links-block .site-category-header>a,
.links-block .site-category-header>a:visited {
    color: #161d1a
}

.links-block .site-category-header>a {
    line-height: 1em
}

.links-block .site-category-header>a:active,
.links-block .site-category-header>a:hover {
    color: #6d7972;
    text-decoration: none
}

.links-block .sub-category {
    font-size: 14px
}

.links-block p {
    font-size: 16px;
    color: #161d1a
}

.links-block .links-block-social-container {
    white-space: nowrap
}

.links-block .links-block-social-container a.links-block-social-link {
    display: inline-block;
    margin-right: 8px
}

.links-block .facebook {
    color: #3b5998
}

.links-block .twitter {
    color: #1da1f2
}

.links-block .linkedin {
    color: #0077b5
}

.links-block .instagram {
    color: #4362a7
}

.links-block .youtube-play {
    color: red
}

.links-block .emphasize {
    display: block;
    padding-bottom: 4px;
    color: #0e5d8b !important
}

.links-block .links-block-social-container {
    padding-top: 4px
}

.copyright-block {
    height: 79px;
    border-top: 1px solid #d1d1d1;
    background-color: #fef9f6;
    line-height: 79px;
    font-size: 14px;
    color: #161d1a
}

.error-message,
.success-message,
.warning-message {
    display: inline-block
}

.error-message .message-item,
.success-message .message-item,
.warning-message .message-item {
    display: inline-block;
    font-weight: 600;
    margin: 16px 20px;
    margin: 8px 16px;
    line-height: 1.14
}

.error-message .message-item__icon,
.success-message .message-item__icon,
.warning-message .message-item__icon {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -1px
}

.error-message,
.success-message,
.warning-message {
    border-radius: 4px
}

.warning-message {
    background: #fbf1da;
    color: #bd8b29
}

.error-message {
    background: #ffdede;
    color: #b82525
}

.success-message {
    background: #dff1e3;
    color: #3c8b4c
}

.error-message-inverted,
.success-message-inverted,
.warning-message-inverted {
    display: block;
    font-size: 14px;
    color: #f7ebe4;
    border-radius: 4px;
    padding: 16px 20px
}

.error-message-inverted-title,
.success-message-inverted-title,
.warning-message-inverted-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 8px
}

.warning-message-inverted {
    background-color: #bd8b29
}

.error-message-inverted {
    background-color: #b82525
}

.success-message-inverted {
    background-color: #3c8b4c
}

.carouselNew-component {
    padding: 0 90px;
    max-height: 800px;
    opacity: 0;
    animation: q .4s;
    animation-fill-mode: forwards;
    animation-delay: .5s
}

.carouselNew-component {
    width: 100%;
    position: relative
}

@media (max-width:767px) {
    .carouselNew-component {
        padding: 0 36px
    }
}

@media (max-width:480px) {
    .carouselNew-component {
        padding: 0 8vw
    }
}

.exit-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100001;
    display: none;
    background-color: rgba(0, 0, 0, .5)
}

.exit-popup.open {
    display: unset;
    overflow-y: scroll
}

.exit-popup-close {
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px
}

.exit-popup-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 448px;
    border-radius: 8px;
    background-color: #fff
}

@media (max-width:479px) {
    .exit-popup-block {
        max-width: 342px
    }
}

.payment-form-block .payment-form-block-payment-item-description a.pwa-btn {
    margin-top: 10px;
    margin-bottom: 30px;
    float: left
}

@media (max-width:991px) {
    .payment-form-block .payment-form-block-payment-item-description a.pwa-btn {
        float: none;
        margin: 0 auto 40px
    }
}

@media (min-width:1500px) {
    .payment-form-block .payment-form-block-payment-item-description a.pwa-btn {
        margin-left: 13px
    }
}

body {
    position: relative
}

@media (max-width:479px) {
    .legacy-product-page:has(.profile-block) .profile-block .card-pane .subscription-wrapper .current-subscription .pwa-btn {
        max-width: max-content
    }
}

.content-title {
    border-bottom: 0;
    margin-bottom: 0
}

.user-management .team-name .pwa-btn {
    height: 48px
}

.container.pwa-container .content-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

h1.typography-component,
h2.typography-component,
h3.typography-component,
h4.typography-component,
h5.typography-component,
h6.typography-component {
    font-family: Reckless, serif;
    font-weight: 600;
    margin: 0 0 24px
}

h1.typography-component {
    text-align: center;
    font-weight: 600
}

h1.typography-component,
h1.typography-component.hero-title-small {
    font-size: 60px;
    line-height: 1.05;
    letter-spacing: -.01em
}

h1.typography-component.hero-title-medium {
    font-size: 76px;
    line-height: 1.05;
    letter-spacing: -.015em
}

h1.typography-component.hero-title-big {
    font-size: 96px;
    line-height: 1.05;
    letter-spacing: -.02em
}

h1.typography-component.hero-promotion-big {
    font-size: 76px;
    line-height: 1.05;
    letter-spacing: -.015em
}

h2.typography-component {
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -.01em;
    text-align: center;
    font-weight: 600
}

h3.typography-component {
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -.01em
}

h4.typography-component {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.01em;
    margin-bottom: .6em
}

h5.typography-component {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin-bottom: .75em
}

h6.typography-component {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -.01em
}

p.typography-component {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    letter-spacing: .005em;
    margin: 0 0 1em
}

.typography-component b,
.typography-component strong {
    font-weight: 600
}

.typography-component a:link,
.typography-component a:visited {
    color: #0e5d8b;
    text-decoration: none
}

.typography-component a:hover {
    color: #0e5d8b;
    text-decoration: underline
}

.small-heading.typography-component {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -.01em;
    font-weight: 600
}

.xsmall-heading.typography-component {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin-bottom: .4em;
    font-weight: 600
}

.xxsmall-heading.typography-component {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin-bottom: .22em;
    font-weight: 600
}

.sub-heading.typography-component {
    text-align: center;
    margin: 0 auto 32px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -.015em;
    color: #3d4842;
    max-width: 744px
}

p.large-text.typography-component {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.01em
}

p.small-text.typography-component {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .0025em
}

.closing-text.typography-component {
    text-align: center;
    margin-top: 1em
}

.quote-text.typography-component {
    text-align: center;
    font-family: Reckless, serif;
    font-size: 18px;
    line-height: 1.5
}

h2.banner-text.typography-component {
    font-size: 48px
}

.pwa-main-font.typography-component {
    font-family: Inter, sans-serif
}

.not-pwa-main-font.typography-component {
    font-family: Reckless, serif
}

.bold.typography-component {
    font-weight: 600
}

.not-bold.typography-component {
    font-weight: 400
}

.font-color-default.typography-component {
    color: #161d1a
}

.font-color-secondary.typography-component {
    color: #3d4842
}

.font-color-tertiary.typography-component {
    color: #6d7972
}

.font-color-white.typography-component {
    color: #f7ebe4
}

.font-color-white.typography-component a:hover,
.font-color-white.typography-component a:link,
.font-color-white.typography-component a:visited {
    color: #0e5d8b
}

.font-color-error.typography-component {
    color: #b82525
}

.font-color-green.typography-component {
    color: #161d1a
}

.text-align-left.typography-component {
    text-align: left
}

.text-align-center.typography-component {
    text-align: center
}

.multiline-ellipsis.typography-component {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

@media (max-width:991px) {

    h1.hero-title-small.typography-component,
    h1.typography-component,
    h2.banner-text.typography-component {
        font-size: 60px
    }

    h1.hero-title-medium.typography-component {
        font-size: 60px
    }

    h1.hero-promotion-big.typography-component,
    h1.hero-title-big.typography-component {
        font-size: 60px
    }

    h2.typography-component {
        font-size: 24px
    }

    h3.typography-component {
        font-size: 20px
    }

    .typography-component.sub-heading,
    h4.typography-component {
        font-size: 16px
    }
}

@media (max-width:767px) {

    h1.hero-title-small.typography-component,
    h1.typography-component,
    h2.banner-text.typography-component {
        font-size: 24px
    }

    h1.hero-title-medium.typography-component {
        font-size: 32px
    }

    h1.hero-promotion-big.typography-component,
    h1.hero-title-big.typography-component {
        font-size: 40px
    }

    p.typography-component {
        font-size: 14px
    }

    .typography-component.sub-heading {
        font-size: 16px;
        margin-bottom: 24px
    }

    .quote-text.typography-component {
        font-size: 16px
    }
}

.editor-component .free-grammar-checker {
    display: flex;
    justify-content: center;
    box-shadow: 0 0 24px rgba(0, 0, 0, .06), 0 0 5px rgba(0, 0, 0, .05);
    border-radius: 16px;
    width: 100%;
    height: 50vh;
    max-height: 500px;
    color: #161d1a;
    overflow: hidden;
    background-color: #fff
}

@media (max-width:767px) {
    .editor-component .free-grammar-checker .hide-on-mobile {
        display: none
    }
}

@media (max-width:767px) {
    .editor-component .free-grammar-checker {
        flex-direction: column;
        height: 600px
    }
}

.editor-component .free-grammar-checker .box {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    display: inline-block
}

.editor-component .free-grammar-checker_empty-text-placeholder {
    display: flex;
    justify-content: start;
    align-items: start;
    position: absolute;
    padding: 40px;
    pointer-events: none;
    flex-wrap: wrap
}

.editor-component .free-grammar-checker_empty-text-placeholder p {
    margin: 0 8px;
    color: #6d7972;
    font-size: 16px;
    font-family: Inter, sans-serif
}

.editor-component .free-grammar-checker_empty-text-placeholder span {
    pointer-events: auto
}

.editor-component .free-grammar-checker_empty-text-placeholder button {
    height: 24px
}

.editor-component .free-grammar-checker_empty-text-placeholder button:hover .pwa-btn-content,
.editor-component .free-grammar-checker_empty-text-placeholder button:hover .pwa-btn-text,
.editor-component .free-grammar-checker_empty-text-placeholder button:hover .pwa-icon {
    color: #3d4842
}

.editor-component .free-grammar-checker .desktop {
    display: flex
}

@media (max-width:1200px) {
    .editor-component .free-grammar-checker .desktop {
        display: none
    }
}

.editor-component .free-grammar-checker .mobile {
    display: none
}

@media (max-width:1200px) {
    .editor-component .free-grammar-checker .mobile {
        display: flex
    }
}

.editor-component .free-grammar-checker_editable {
    padding: 36px 48px;
    border: none;
    width: 100%;
    height: auto;
    min-height: 90%;
    outline: none;
    line-height: 32px;
    font-family: Inter, sans-serif;
    border-radius: 16px 0 0 16px
}

@media (min-width:0) {
    .editor-component .free-grammar-checker_editable {
        font-size: 16px
    }
}

.editor-component .free-grammar-checker__suggestion-box-panel {
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-width: 350px;
    box-shadow: -1px 0 8px -6px #000;
    border-radius: 0 16px 16px 0
}

@media (min-width:1200px) {
    .editor-component .free-grammar-checker__suggestion-box-panel {
        max-width: 350px
    }
}

@media (max-width:768px) {
    .editor-component .free-grammar-checker__suggestion-box-panel {
        width: 100%;
        min-width: 100%
    }
}

.editor-component .free-grammar-checker__suggestion-box-panel__count {
    font-weight: 600;
    display: inline-flex;
    flex-direction: row;
    gap: 16px;
    padding: 24px 32px;
    justify-content: start;
    align-items: center
}

@media (max-width:767px) {
    .editor-component .free-grammar-checker__suggestion-box-panel__count {
        padding: 24px 32px 16px
    }
}

.editor-component .free-grammar-checker__suggestion-box-panel__content {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.editor-component .free-grammar-checker__suggestion-box-panel__content.hidden {
    display: none
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__header {
    padding: 0 32px
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__header p {
    font-size: 14px;
    color: #3d4842
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__box {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__box.fix-girl-with-baloons-svg svg {
    height: 132px
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__box.fix-cards-list {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 0 32px
}

.editor-component .free-grammar-checker__suggestion-box-panel__content__footer p {
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #161d1a;
    margin-bottom: 0
}

.editor-component .free-grammar-checker__suggestion-box-panel__placeholder {
    overflow: hidden
}

.editor-component .free-grammar-checker__suggestion-box-panel__more-suggestions {
    align-self: center;
    text-align: center;
    margin: 32px
}

.gc-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.gc-sidebar .stricken-text {
    position: relative
}

.gc-sidebar .stricken-text .strike {
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
    bottom: 0
}

.gc-sidebar .stricken-text .strike .chunk {
    position: relative;
    color: transparent
}

.gc-sidebar .stricken-text .strike .chunk:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #b82525;
    top: 50%;
    width: 106%;
    transform: translate(-3%);
    left: 0
}

.gc-sidebar .action-replace-button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    background: #f7ebe4;
    border-radius: 4px;
    padding: 2px 12px;
    color: #161d1a;
    font-weight: 600;
    gap: 12px;
    cursor: pointer;
    width: 100%
}

.gc-sidebar .action-replace-button:hover {
    background: #fef9f6;
    color: #3d4842
}

.gc-sidebar .action-button {
    display: inline-flex;
    flex-direction: row;
    gap: 12px;
    cursor: pointer
}

.gc-sidebar .action-button.ignore {
    color: #161d1a
}

.gc-sidebar .action-button.ignore:hover {
    color: #3d4842;
    text-decoration: underline
}

.gc-sidebar .card-wrapper {
    border-radius: 8px;
    background: #fff;
    padding: 16px;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start;
    justify-content: start;
    width: 100%
}

@media (max-width:767px) {
    .gc-sidebar .card-wrapper .action-replace-button:nth-of-type(n+5) {
        display: none
    }
}

.gc-sidebar .note-card p {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.circular-icon-component {
    margin-right: 12px;
    height: 48px;
    width: 48px
}

.circular-icon-component .icon-common {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.circular-icon-component .icon-color-red {
    background-color: #ffdede !important;
    color: #b82525 !important
}

.circular-icon-component .icon-color-dark-blue,
.circular-icon-component .icon-color-light-blue {
    background-color: #daeffb !important;
    color: #0e5d8b !important
}

.circular-icon-component .icon-color-green {
    background-color: #dff1e3 !important;
    color: #3c8b4c !important
}

.circular-icon-component .icon-color-purple {
    background-color: #e9e3fa !important;
    color: #5a36be !important
}

.circular-icon-component .icon-color-main {
    background-color: #fcc4c5 !important;
    color: #161d1a !important
}

.circular-icon-component .icon-color-yellow {
    background-color: #fbf1da !important;
    color: #bd8b29 !important
}

.circular-icon-component .content-type-colors {
    background-color: #f7ebe4 !important;
    color: #161d1a !important
}

.circular-icon-component.icon-centered {
    margin-right: 0
}

.flex-container-component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.flex-container-component.align-start {
    align-items: flex-start
}

@media (min-width:768px) {
    .flex-container-component {
        flex-direction: row
    }
}

.section-component {
    padding: 64px 0
}

@media (max-width:991px) {
    .section-component {
        padding: 40px 0
    }
}

.section-component .subtitle,
.section-component .title {
    max-width: 824px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:991px) {

    .section-component .subtitle,
    .section-component .title {
        max-width: 744px
    }
}

.section-component .title.no-subtitle {
    margin-bottom: 48px
}

.section-component.section-background-primary {
    background-color: #fef9f6
}

.section-component.section-background-primary-inverse {
    background-color: #161d1a
}

.section-component.section-background-secondary {
    background-color: #f7ebe4
}

.section-component.section-background-brand {
    background-color: #fcc4c5
}

.section-component.section-background-brand-light {
    background-color: #fee6e6
}

.section-component.section-background-info {
    background-color: #daeffb
}

.section-component.dark-background .pwa-checkbox input:not([disabled])~.pwa-checkbox-label,
.section-component.dark-background .pwa-radio input:not([disabled], .never-invert-color)~.radio-text,
.section-component.dark-background .rich-text-component:not(.never-invert-color),
.section-component.dark-background .typography-component:not(.never-invert-color) {
    color: #f7ebe4
}

.section-component.dark-background .rich-text-component:not(.never-invert-color).font-color-tertiary,
.section-component.dark-background .typography-component:not(.never-invert-color).font-color-tertiary {
    color: #b8b8b8
}

.section-component.dark-background .rich-text-component.never-invert-color .typography-component {
    color: inherit
}

.section-component.dark-background .additionalText,
.section-component.dark-background .pwa-btn:not(.never-invert-color) .pwa-btn-icon .pwa-icon {
    color: #f7ebe4
}

.section-component.dark-background .items-list-cms-component .items-list-cta-container .items-list-icon .pwa-icon {
    color: #0e5d8b !important
}

.section-component.dark-background .pwa-logo-component .logo-icon .pwa-logo svg path {
    fill: #f7ebe4
}

.section-component .additional-content {
    margin-top: 40px;
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 24px
}

@media (max-width:479px) {
    .section-component .additional-content {
        flex-direction: column
    }

    .section-component .additional-content .section-element {
        width: 100%
    }
}

.section-component .additional-content .section-element {
    margin: 0
}

.section-component .additional-content .section-element.closing-text {
    width: 100%;
    margin: 0
}

.cta-button-component .secondary-label {
    margin-left: 4px;
    font-size: 14px
}

.cta-button-component .secondary-label:not(.outline):not(.text-btn) {
    opacity: .75;
    font-weight: 400
}

.cta-button-component .desktop {
    display: flex
}

@media (max-width:1199px) {
    .cta-button-component .desktop {
        display: none
    }
}

.cta-button-component .mobile {
    display: none
}

@media (max-width:1199px) {
    .cta-button-component .mobile {
        display: flex
    }
}

@media (max-width:479px) {
    .cta-button-component {
        width: 100%
    }
}

.cta-custom-button-component .secondary-label {
    margin-left: 4px;
    font-size: 14px
}

.cta-custom-button-component.primary:not(.text-btn) .secondary-label,
.cta-custom-button-component.secondary:not(.text-btn) .secondary-label,
.cta-custom-button-component.tertiary:not(.text-btn) .secondary-label {
    opacity: .75;
    font-weight: 400
}

@media (max-width:479px) {
    .cta-custom-button-component {
        width: 100%
    }
}

.checklist-item-component {
    margin: 4px 0 32px
}

.checklist-item-component__item {
    display: flex;
    align-items: center;
    margin: 16px 0
}

.checklist-item-component__item p {
    margin: 0 0 0 12px
}

.rich-text-component .bold {
    font-weight: 600
}

.rich-text-component .italic {
    font-style: italic
}

.rich-text-component .underline {
    text-decoration: underline
}

.rich-text-component .strike {
    text-decoration: line-through
}

.rich-text-component blockquote {
    border: none;
    font-style: normal;
    font-family: Inter, sans-serif
}

.rich-text-component blockquote:after,
.rich-text-component blockquote:before {
    content: none
}

.rich-text-component .checkmark-list-item {
    display: flex;
    font-weight: 600
}

.rich-text-component .checkmark-list-item :first-child {
    margin-right: 16px
}

.rich-text-component ol,
.rich-text-component ul {
    margin: 1em 0 1em 16px;
    padding: 0
}

.rich-text-component ol p,
.rich-text-component ul p {
    margin-bottom: .5em
}

.rich-text-component ol {
    list-style: auto
}

.rich-text-component ul {
    list-style: disc
}

.rich-text-component.small-text li,
.rich-text-component.small-text p {
    font-size: 14px
}

.rich-text-component h2 {
    text-align: left
}

.rich-text-component .pre-code-block {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: #161d1a;
    padding: 12px
}

.rich-text-component .language {
    color: #6d7972;
    text-align: end;
    font-size: 14px
}

.rich-text-component .code-block {
    color: #f7ebe4;
    border: none;
    background: none
}

.rich-text-component .horizontal-rule {
    border-color: #d1d1d1
}

.rich-text-component .rt-image-container {
    width: 100%;
    margin: 24px auto
}

.rich-text-component .rt-image-container .rt-content-image {
    max-width: 100%;
    border-radius: 8px
}

.rich-text-component .rich-text-component-block {
    margin: 24px auto
}

.dark-background .rich-text-component .language {
    color: #b8b8b8
}

.columns-component {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 80px
}

.columns-component.gap-small {
    gap: 16px
}

@media (max-width:1499px) {
    .columns-component {
        gap: 64px
    }
}

@media (max-width:1199px) {
    .columns-component {
        grid-auto-flow: unset;
        justify-content: center;
        gap: 48px
    }
}

@media (max-width:991px) {
    .columns-component {
        gap: 32px
    }
}

.columns-component.columns-amount-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: unset;
    grid-auto-flow: unset
}

.columns-component.columns-amount-2.items-amount-1 {
    grid-template-columns: repeat(1, 1fr);
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:991px) {
    .columns-component.columns-amount-2.items-amount-1 {
        width: unset;
        margin-left: unset;
        margin-right: unset
    }
}

@media (max-width:991px) {

    .columns-component.columns-amount-2,
    .columns-component.columns-amount-2.items-amount-1 {
        grid-template-columns: repeat(auto-fit, 100%);
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

.columns-component.columns-amount-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-columns: unset;
    grid-auto-flow: unset
}

.columns-component.columns-amount-3.items-amount-2 {
    grid-template-columns: repeat(2, 1fr);
    width: 66%;
    margin-left: auto;
    margin-right: auto
}

.columns-component.columns-amount-3.items-amount-1 {
    grid-template-columns: repeat(1, 1fr);
    width: 33%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:991px) {

    .columns-component.columns-amount-3.items-amount-1,
    .columns-component.columns-amount-3.items-amount-2 {
        width: unset;
        margin-left: unset;
        margin-right: unset
    }
}

@media (max-width:991px) {

    .columns-component.columns-amount-3,
    .columns-component.columns-amount-3.items-amount-1,
    .columns-component.columns-amount-3.items-amount-2 {
        grid-template-columns: repeat(auto-fit, 100%);
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

.columns-component.columns-amount-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-columns: unset;
    grid-auto-flow: unset
}

.columns-component.columns-amount-4.items-amount-3 {
    grid-template-columns: repeat(2, 1fr);
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

.columns-component.columns-amount-4.items-amount-2 {
    grid-template-columns: repeat(2, 1fr);
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.columns-component.columns-amount-4.items-amount-1 {
    grid-template-columns: repeat(1, 1fr);
    width: 25%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1199px) {
    .columns-component.columns-amount-4.items-amount-1 {
        width: 50%;
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

@media (max-width:1199px) {

    .columns-component.columns-amount-4.items-amount-2,
    .columns-component.columns-amount-4.items-amount-3 {
        width: unset;
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

@media (max-width:991px) {

    .columns-component.columns-amount-4.items-amount-1,
    .columns-component.columns-amount-4.items-amount-2,
    .columns-component.columns-amount-4.items-amount-3 {
        grid-template-columns: repeat(auto-fit, 100%);
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center;
        width: unset;
        margin-left: unset;
        margin-right: unset
    }
}

@media (max-width:1199px) {
    .columns-component.columns-amount-4 {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

@media (max-width:991px) {
    .columns-component.columns-amount-4 {
        grid-template-columns: repeat(auto-fit, 100%);
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        justify-content: center
    }
}

.card-component {
    background-color: #fff;
    padding: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 4px
}

.card-component.elevated {
    box-shadow: 16px 16px 40px rgba(22, 29, 26, .05), 0 0 50px rgba(22, 29, 26, .05)
}

.card-component.clickable {
    padding: 16px 12px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    cursor: pointer
}

.card-component.clickable:hover {
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .25)
}

.card-component.clickable a {
    text-decoration: none;
    color: #161d1a
}

.card-component .content-with-image-cms-component {
    column-gap: 40px
}

.pwa-logo-component {
    display: flex;
    margin-bottom: 24px;
    width: 100%
}

.pwa-logo-component .logo {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #161d1a
}

.pwa-logo-component .logo-icon {
    display: flex;
    align-items: center
}

.pwa-logo-component .logo.size-24 .logo-icon {
    width: 24px;
    height: 24px
}

.pwa-logo-component .logo.size-40 .logo-icon {
    width: 40px;
    height: 40px
}

.pwa-logo-component p {
    margin: 0 0 0 8px
}

.pwa-logo-component .regular {
    font-size: 20px
}

@media (max-width:767px) {
    .pwa-logo-component .hidden-responsive {
        display: none
    }
}

.pwa-basic-header-component {
    display: flex;
    align-items: center;
    height: 60px
}

.pwa-basic-header-component .pwa-logo-component {
    margin: 0
}

.copyright-footer {
    border-top: 1px solid #d1d1d1
}

.copyright-footer .copyright-footer-cms-component {
    padding: 24px 0;
    font-size: 14px;
    color: #3d4842;
    line-height: 1.7
}

@media (max-width:767px) {
    .copyright-footer .copyright-footer-cms-component {
        font-size: 12px
    }
}

.form-component.cms-form .cms-form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.form-component.cms-form .cms-form-fields .cms-form-input-element {
    flex-grow: 1
}

.form-component.cms-form .cms-form-fields .cms-form-input-element .cms-invalid-input .input-fake-border {
    border-color: #b82525;
    min-height: 20px
}

.form-component.cms-form .cms-form-fields .cms-form-input-element .cms-invalid-input select {
    border-color: #b82525
}

.form-component.cms-form .cms-form-fields .cms-form-input-element .cms-invalid-message {
    display: none;
    align-items: center;
    margin-top: 4px;
    font-size: 12px;
    color: #b82525
}

.form-component.cms-form .cms-form-fields .cms-form-input-element .cms-invalid-message .invalid-text {
    margin-left: 4px;
    margin-bottom: 0
}

.form-component.cms-form .cms-form-fields .skip-btn,
.form-component.cms-form .cms-form-fields .submit-btn {
    width: 100%
}

.form-component.cms-form .cms-form-fields .skip-btn .pwa-btn-icon,
.form-component.cms-form .cms-form-fields .submit-btn .pwa-btn-icon {
    margin-left: 12px
}

@media (min-width:992px) and (max-width:1199px) {

    .form-component.cms-form .cms-form-fields .skip-btn,
    .form-component.cms-form .cms-form-fields .submit-btn {
        width: 100%
    }
}

@media (max-width:479px) {

    .form-component.cms-form .cms-form-fields .skip-btn,
    .form-component.cms-form .cms-form-fields .submit-btn {
        width: 100%
    }
}

.form-component.cms-form .cms-form-fields .cms-form-text-area-element {
    min-width: 70%
}

.form-component.cms-form .cms-form-fields .cms-form-text-area-element .textarea {
    display: block;
    margin-bottom: 12px
}

@media (max-width:767px) {
    .form-component.cms-form .cms-form-fields .cms-form-text-area-element {
        min-width: 100%
    }
}

.pwa-star-rating-component {
    display: flex;
    align-items: stretch
}

.pwa-star-rating-component .pwa-star {
    width: 24px;
    height: 24px;
    display: flex;
    margin-right: 4px
}

.pwa-star-rating-component .pwa-star path.filled-star {
    fill: #bd8b29
}

.pwa-star-rating-component .pwa-star path.empty-star {
    fill: #eddcd1
}

.pwa-basic-header-with-button-component {
    display: flex;
    align-items: center;
    height: 56px
}

.pwa-basic-header-with-button-component.larger-height {
    height: 80px
}

.pwa-basic-header-with-button-component .inner-wrapper {
    display: flex;
    align-items: center
}

.pwa-basic-header-with-button-component .inner-wrapper .pwa-logo-component {
    margin: 0
}

.copyright-footer-with-terms {
    border-top: 1px solid #d1d1d1
}

.copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    gap: 24px;
    font-size: 14px;
    color: #161d1a;
    line-height: 1.7
}

.copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component .privacy-policy,
.copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component .terms-of-service {
    color: #161d1a;
    white-space: nowrap
}

.copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component .footer-links-container>* {
    margin-right: 12px
}

.copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component .footer-links-container>:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component {
        font-size: 12px;
        gap: 12px
    }
}

@media (max-width:479px) {
    .copyright-footer-with-terms .footer-with-copyright-privacy-terms-cms-component {
        flex-direction: column
    }
}

.responsive-iframe-component {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center
}

.responsive-iframe-component iframe {
    border: 0 none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto
}

.blog-article-content-cms-component {
    margin: 0 0 64px
}

.blog-article-content-cms-component .main-article-content {
    max-width: 552px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.blog-article-content-cms-component .main-article-content h2,
.blog-article-content-cms-component .main-article-content h3:not(.author-name) {
    margin-top: 1.5em
}

.blog-article-content-cms-component .main-article-content p:not(.subtitle) {
    font-size: 18px;
    line-height: 1.6
}

.blog-article-content-cms-component .main-article-content .floating-column {
    max-width: 270px;
    position: absolute;
    left: -320px;
    top: 0;
    bottom: 0;
    animation: q 2s ease-in
}

@keyframes q {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.blog-article-content-cms-component .main-article-content .floating-column.floating-column-legacy {
    top: 88px
}

@media (max-width:1439px) {
    .blog-article-content-cms-component .main-article-content .floating-column {
        position: static;
        max-width: 100%;
        padding: 24px 0
    }
}

.blog-article-content-cms-component .main-article-content hr {
    border-color: #d1d1d1;
    margin-top: 48px;
    margin-bottom: 48px
}

.blog-article-content-cms-component .main-article-content .floating-banner-wrapper {
    position: sticky;
    top: 100px
}

.blog-article-content-cms-component .main-article-content .image-container {
    aspect-ratio: 1.6;
    border-radius: 8px;
    margin-bottom: 40px;
    overflow: hidden
}

.blog-article-content-cms-component .main-article-content .image-container .content-image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blog-article-content-cms-component .main-article-content .blog-share-container {
    display: flex;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.blog-article-content-cms-component .main-article-content .article-content-container,
.blog-article-content-cms-component .main-article-content .table-of-contents-component {
    margin-bottom: 40px
}

.blog-article-content-cms-component .main-article-content .author-footer {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-content: center
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block {
    display: flex;
    flex-direction: column;
    padding: 24px 40px;
    border-radius: 10px;
    background-color: #f7ebe4;
    margin-bottom: 40px;
    float: none
}

@media (max-width:479px) {
    .blog-article-content-cms-component .main-article-content .legacy-content .article-content-block {
        padding: 24px
    }
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block .article-content-header {
    display: block;
    font-weight: 600;
    margin: 0 0 .6em;
    font-size: 20px;
    line-height: 1.6
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block .article-content-header:before {
    content: "Table of "
}

@media (max-width:991px) {
    .blog-article-content-cms-component .main-article-content .legacy-content .article-content-block .article-content-header {
        font-size: 16px
    }
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol li:not(:first-child) {
    margin-top: 6px;
    line-height: 24px;
    font-size: 14px
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol a {
    display: inline-flex;
    position: relative;
    padding: 0 0 0 24px;
    line-height: 24px;
    font-size: 14px;
    color: #161d1a
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol a:active,
.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol a:hover {
    color: #0e5d8b
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol a:visited {
    color: #161d1a
}

.blog-article-content-cms-component .main-article-content .legacy-content .article-content-block ol a:before {
    content: "";
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yLjY2NjQ3IDhMMTMuMzMzMSA4IiBzdHJva2U9IiMxNjFkMWEiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTAuMDAwNSA0LjY2Njk5TDEzLjMzMzggOC4wMDAzM0wxMC4wMDA1IDExLjMzMzciIHN0cm9rZT0iIzE2MWQxYSIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    width: 16px;
    height: 16px
}

ol.toc-list li {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    }
ol.toc-list .toc-level-h3 {
    padding-left: 20px;
    margin-top: 2px !important;
}
ol.toc-list .toc-level-h3 {
}

.blog-article-content-cms-component .main-article-content .legacy-content a:link {
    color: #0e5d8b;
    text-decoration: none
}

.blog-article-content-cms-component .main-article-content .legacy-content a:visited {
    color: #0e5d8b
}

.blog-article-content-cms-component .main-article-content .legacy-content a:hover {
    color: #0e5d8b;
    text-decoration: underline
}

.blog-article-content-cms-component .main-article-content .legacy-content>img:first-child,
.blog-article-content-cms-component .main-article-content .legacy-content p:first-child img {
    width: 100%
}

.blog-article-content-cms-component .main-article-content .legacy-content img {
    border-radius: 8px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

.blog-article-content-cms-component .main-article-content .legacy-content h1,
.blog-article-content-cms-component .main-article-content .legacy-content h2,
.blog-article-content-cms-component .main-article-content .legacy-content h3,
.blog-article-content-cms-component .main-article-content .legacy-content h4 {
    font-family: Inter, sans-serif;
    font-weight: 600;
    margin: 0 0 .5em
}

.blog-article-content-cms-component .main-article-content .legacy-content h1 {
    font-size: 60px;
    line-height: 1.3
}

.blog-article-content-cms-component .main-article-content .legacy-content h2 {
    margin-top: 1.5em;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 700
}

.blog-article-content-cms-component .main-article-content .legacy-content h3 {
    margin-top: 1.5em;
    font-size: 24px;
    line-height: 1.5
}

.blog-article-content-cms-component .main-article-content .legacy-content h4 {
    font-size: 20px;
    margin-bottom: .6em;
    line-height: 1.6
}

.blog-article-content-cms-component .main-article-content .legacy-content p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 1em
}

.blog-article-content-cms-component .main-article-content .legacy-content b,
.blog-article-content-cms-component .main-article-content .legacy-content strong {
    font-weight: 600
}

.blog-article-content-cms-component .main-article-content .legacy-content iframe {
    max-width: 100% !important;
    margin-top: 1em;
    margin-bottom: 1em
}

.blog-article-content-cms-component .main-article-content .legacy-content ol,
.blog-article-content-cms-component .main-article-content .legacy-content ul {
    margin: 1em 0 1em 16px;
    padding: 0
}

.blog-article-content-cms-component .main-article-content .legacy-content ol li,
.blog-article-content-cms-component .main-article-content .legacy-content ul li {
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 18px
}

.blog-article-content-cms-component .main-article-content .legacy-content ol p,
.blog-article-content-cms-component .main-article-content .legacy-content ul p {
    margin-bottom: .5em
}

.blog-article-content-cms-component .main-article-content .legacy-content ol {
    list-style: auto
}

.blog-article-content-cms-component .main-article-content .legacy-content ul {
    list-style: disc
}

.blog-article-content-cms-component .main-article-content .legacy-content blockquote {
    font-style: normal;
    font-family: Inter, sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    border: none;
    padding: 12px 24px;
    margin: 0 0 1.5em;
    font-size: 18px;
    line-height: 1.6
}

.blog-article-content-cms-component .main-article-content .legacy-content blockquote ol:last-child,
.blog-article-content-cms-component .main-article-content .legacy-content blockquote p:last-child,
.blog-article-content-cms-component .main-article-content .legacy-content blockquote ul:last-child {
    margin-bottom: 0
}

.blog-article-content-cms-component .main-article-content .legacy-content blockquote:after,
.blog-article-content-cms-component .main-article-content .legacy-content blockquote:before {
    content: none
}

.blog-article-content-cms-component .main-article-content .legacy-content em {
    /* background-color: #fcc4c5; */
    color: #161d1a;
    font-style: normal;
    padding: 0 2px;
    font-style: italic;
}

.blog-article-content-cms-component .main-article-content .legacy-content hr {
    border-top: 1px solid #d1d1d1;
    margin: 24px 0
}

@media (max-width:991px) {
    .blog-article-content-cms-component .main-article-content .legacy-content h1 {
        font-size: 60px
    }

    .blog-article-content-cms-component .main-article-content .legacy-content h2 {
        font-size: 30px
    }

    .blog-article-content-cms-component .main-article-content .legacy-content h3 {
        font-size: 20px
    }

    .blog-article-content-cms-component .main-article-content .legacy-content h4 {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .blog-article-content-cms-component .main-article-content .legacy-content h1 {
        font-size: 36px
    }

    .blog-article-content-cms-component .main-article-content .legacy-content p {
        font-size: 18px
    }
}


.blog-article-header-cms-component .article-hero-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #3d4842;
    font-size: 16px;
    padding-bottom: 24px
}

@media (max-width:991px) {
    .blog-article-header-cms-component .article-hero-info {
        font-size: 14px
    }
}

.blog-article-header-cms-component .article-hero-info a {
    font-weight: 600
}

.blog-article-header-cms-component .article-hero-info-item {
    display: inline-flex;
    align-items: center;
    line-height: 1.75;
    white-space: nowrap;
    padding: 0 8px
}

.blog-article-header-cms-component .article-hero-info-item .icon {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.blog-article-header-cms-component .article-hero-info-item:not(:first-child):before {
    content: "";
    display: block;
    background-color: #d1d1d1;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 16px
}

.blog-article-header-cms-component .title {
    margin-top: 40px;
    margin-bottom: 24px;
    line-height: 1.2
}

.blog-article-header-cms-component .article-hero-author-wrap,
.timer-cms-component {
    display: flex;
    justify-content: center
}

.timer-cms-component {
    padding-right: 4px;
    padding-left: 4px
}

.timer-cms-component .colon,
.timer-cms-component .number {
    font-family: Reckless, serif;
    font-size: 76px;
    font-weight: 600
}

@media (max-width:767px) {

    .timer-cms-component .colon,
    .timer-cms-component .number {
        font-size: 60px
    }
}

@media (max-width:479px) {

    .timer-cms-component .colon,
    .timer-cms-component .number {
        font-size: 32px
    }
}

@media (max-width:383px) {

    .timer-cms-component .colon,
    .timer-cms-component .number {
        font-size: 24px
    }
}

@media (max-width:383px) {
    .timer-cms-component .sub-heading {
        font-size: 12px
    }
}

.timer-cms-component .end-date-and-time {
    display: none
}

.timer-cms-component p {
    margin: 0
}

.timer-cms-component :last-child>.number {
    color: #0e5d8b
}

.timer-cms-component .time-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:479px) {
    .timer-cms-component .time-block {
        width: 80px
    }
}

.timer-cms-component .number {
    display: flex
}

.timer-cms-component .colon {
    position: relative;
    top: -6px;
    color: #6d7972;
    margin: 0 12px
}

@media (max-width:991px) {
    .timer-cms-component .colon {
        margin-right: .2em;
        margin-left: .2em
    }
}

.timer-cms-component.expired {
    font-size: 48px;
    font-family: Reckless, serif;
    font-weight: 600;
    text-align: center;
    padding-top: .5em;
    padding-bottom: .5em
}

@media (max-width:767px) {
    .timer-cms-component.expired {
        font-size: 32px
    }
}

@media (max-width:479px) {
    .timer-cms-component.expired {
        font-size: 24px
    }
}

.dark-background .timer-cms-component .expired,
.dark-background .timer-cms-component .number {
    color: #f7ebe4
}

.dark-background .timer-cms-component .colon {
    color: #9fa2a1
}

.dark-background .timer-cms-component :last-child>.number {
    color: #fcc4c5
}

.countdown-component {
    background-color: #fcc4c5;
    padding: 64px 4px;
    border-radius: 8px;
    align-self: center
}

@media (max-width:991px) {
    .countdown-component {
        width: 100%
    }
}

.countdown-component .timer-cms-component {
    margin: 40px 16px 24px;
    padding: 24px 40px 32px
}

@media (max-width:479px) {
    .countdown-component .timer-cms-component {
        padding: 8px 4px
    }
}

.countdown-component .timer-cms-component .time-block {
    padding-top: 0
}

.countdown-component .timer-cms-component .time-block .number {
    font-size: 50px;
    line-height: normal
}

@media (max-width:767px) {
    .countdown-component .timer-cms-component .time-block .number {
        font-size: 32px
    }
}

@media (max-width:479px) {
    .countdown-component .timer-cms-component .time-block .number {
        font-size: 24px
    }
}

@media (max-width:383px) {
    .countdown-component .timer-cms-component .time-block .number {
        font-size: 14px
    }
}

.countdown-component .timer-cms-component .time-block .sub-heading {
    font-size: 10px;
    margin: 0
}

@media (max-width:383px) {
    .countdown-component .timer-cms-component .time-block .sub-heading {
        font-size: 7px
    }
}

@media (max-width:479px) {
    .countdown-component .timer-cms-component .time-block {
        width: 100%
    }
}

.countdown-component .timer-cms-component .colon {
    font-size: 50px;
    margin: 0 24px;
    line-height: normal
}

@media (max-width:767px) {
    .countdown-component .timer-cms-component .colon {
        font-size: 32px;
        margin: 0 .2em auto
    }
}

@media (max-width:479px) {
    .countdown-component .timer-cms-component .colon {
        font-size: 24px;
        margin: 0 .1em auto;
        padding-top: 0
    }
}

@media (max-width:383px) {
    .countdown-component .timer-cms-component .colon {
        font-size: 14px
    }
}

.countdown-component .timer-cms-component .expired {
    font-size: 24px
}

@media (max-width:767px) {
    .countdown-component .timer-cms-component .expired {
        font-size: 20px
    }
}

.dark-background .countdown-component {
    background-color: #161d1a
}

.table-of-contents-component {
    display: flex;
    flex-direction: column;
    padding: 24px 40px;
    border-radius: 10px;
    background-color: #f7ebe4
}

@media (max-width:479px) {
    .table-of-contents-component {
        padding: 24px
    }
}

.table-of-contents-component ol {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.table-of-contents-component .content-item:not(:last-child) {
    margin-bottom: 12px
}

.table-of-contents-component .content-item-link {
    display: inline-flex;
    align-items: center
}

.table-of-contents-component .content-item-link-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.share-page-component {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.share-page-component-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.share-page-component-item a {
    color: #161d1a;
    display: flex;
    align-items: center
}

.share-page-component-item a:hover {
    color: #0e5d8b
}

.menu-component {
    padding: 24px 0;
    border-top: 1px solid #d1d1d1
}

@media (max-width:991px) {
    .menu-component {
        padding: 32px 0
    }
}

.menu-component .desktop-group {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
}

@media (max-width:991px) {
    .menu-component .desktop-group {
        display: none
    }
}

.menu-component .desktop-group .category-item {
    list-style: none;
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.7;
    white-space: nowrap;
    font-weight: 600;
    margin: 0 8px
}

.menu-component .desktop-group .category-item:first-child {
    margin-left: 0
}

.menu-component .desktop-group .category-item:last-child {
    margin-right: 0
}

@media (max-width:1199px) {
    .menu-component .desktop-group .category-item {
        margin: 0 4px;
        padding: 4px 8px
    }
}

.menu-component .desktop-group .category-item a {
    color: #3d4842;
    display: block;
    font-weight: 600
}

.menu-component .desktop-group .category-item a:focus {
    text-decoration: none
}

.menu-component .desktop-group .category-item.active-link,
.menu-component .desktop-group .category-item:hover {
    background-color: #eddcd1
}

.menu-component .desktop-group .category-item.active-link a,
.menu-component .desktop-group .category-item:hover a {
    color: #161d1a;
    text-decoration: none
}

.menu-component .desktop-group .category-item.active-link a:focus,
.menu-component .desktop-group .category-item:hover a:focus {
    text-decoration: none
}

.menu-component .responsive-group {
    display: none
}

@media (max-width:991px) {
    .menu-component .responsive-group {
        display: block
    }
}

.menu-component .responsive-group .dropdown {
    position: relative;
    display: inline-block;
    width: 224px
}

.menu-component .responsive-group .category-button {
    display: flex;
    width: 224px;
    height: 40px;
    padding: 8px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    background-color: #f7ebe4;
    font-weight: 600;
    color: #161d1a;
    text-decoration: none;
    cursor: pointer
}

.menu-component .responsive-group .category-button .chevron {
    position: absolute;
    right: 16px
}

.menu-component .responsive-group .dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    width: 224px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden
}

.menu-component .responsive-group .dropdown-content:hover {
    display: block
}

.menu-component .responsive-group .dropdown-content a {
    color: #161d1a;
    text-decoration: none;
    display: block;
    margin: 4px 0;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px
}

.menu-component .responsive-group .dropdown-content a:first-child {
    margin-top: 0
}

.menu-component .responsive-group .dropdown-content a:last-child {
    margin-bottom: 0
}

.menu-component .responsive-group .dropdown-content a:hover {
    background-color: #eddcd1
}

.menu-component .responsive-group .dropdown-content a.active-link {
    background-color: #eddcd1;
    color: #161d1a;
    font-weight: 600
}

.menu-component .responsive-group .dropdown:focus .dropdown-content {
    display: block
}

.fancy-text-component .fancy {
    background-color: #fcc4c5;
    padding: 0 .1em .1em;
    margin: 0 -.1em -.1em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.fancy-text-component .fancy span {
    position: relative
}

.dark-background .fancy-text-component .fancy {
    color: #161d1a
}

.fancy-text-component>span:not(.fancy) {
    position: relative
}

.dictionary-entry-content-cms-component {
    margin: 0 0 64px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content {
    max-width: 744px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .dictionary-entry-article-header {
    display: flex;
    padding-bottom: 24px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content h2 {
    margin-top: 1.5em
}

.dictionary-entry-content-cms-component .main-dictionary-article-content p:not(.subtitle) {
    font-size: 18px;
    line-height: 1.6
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .after,
.dictionary-entry-content-cms-component .main-dictionary-article-content .before {
    font-weight: 600
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-after:not(:last-child) {
    margin-bottom: 1.5em;
    font-size: 18px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-after,
.dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-before {
    display: grid;
    grid-template-columns: .25fr 2fr;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    line-height: 1.6
}

@media (max-width:767px) {

    .dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-after,
    .dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-before {
        grid-template-columns: .5fr 2fr
    }
}

@media (max-width:479px) {

    .dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-after,
    .dictionary-entry-content-cms-component .main-dictionary-article-content .rewrite-before {
        grid-template-columns: .8fr 2fr
    }
}

.dictionary-entry-content-cms-component .main-dictionary-article-content ul {
    margin: 1em 0 1em 16px;
    padding: 0;
    font-size: 18px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content ul li {
    line-height: 1.6;
    margin-bottom: 1em
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .image-container {
    overflow: hidden;
    margin: 40px 0;
    aspect-ratio: 1.5;
    border-radius: 8px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .image-container .content-image {
    object-fit: cover;
    width: 100%
}

@media (max-width:479px) {
    .dictionary-entry-content-cms-component .main-dictionary-article-content .meaning-image-container {
        display: none
    }
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .floating-column {
    max-width: 270px;
    position: absolute;
    left: -320px;
    top: 400px;
    bottom: 0
}

@media (max-width:1439px) {
    .dictionary-entry-content-cms-component .main-dictionary-article-content .floating-column {
        display: none
    }
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .floating-banner-wrapper {
    position: sticky;
    top: 40px
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .article-floating-banner {
    margin: 40px 0
}

.dictionary-entry-content-cms-component .main-dictionary-article-content .dictionary-blog-share-container {
    margin-bottom: 32px;
    display: flex;
    justify-content: center
}

.dictionary-entry-content-cms-component .related-phrases:first-letter {
    text-transform: capitalize
}

.dictionary-entry-content-cms-component .dictionary-entry-footer {
    margin-top: 32px
}

.signup-form-component {
    width: 420px;
    max-width: 96%
}

.signup-form-component .oauth-form-sso {
    text-align: center
}

.signup-form-component .oauth-form-sso .sso-button {
    margin-top: 4px
}

.signup-form-component .email-signup-container {
    padding: 0 20px;
    border-radius: 4px
}

.signup-form-component .email-signup-container .signup-input {
    width: 100%;
    margin: 20px 0
}

.signup-form-component .email-signup-container .signup-input label {
    display: block;
    font-weight: 400
}

.signup-form-component .email-signup-container .signup-input label .signup-input-label-text {
    display: block;
    margin-bottom: 0;
    font-weight: 600
}

.signup-form-component .email-signup-container .signup-input input {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px;
    border: 1px solid #d1d1d1
}

.signup-form-component .email-signup-container .signup-input input:focus-visible {
    outline: none
}

.signup-form-component .email-signup-container .signup-input input:active:not(:disabled),
.signup-form-component .email-signup-container .signup-input input:focus:not(:disabled) {
    border: 2px solid #161d1a;
    transition: border-color .3s ease;
    outline-offset: 2px;
    outline: 2px solid #0e5d8b
}

.signup-form-component .email-signup-container .signup-input:first-child {
    margin-top: 0
}

.signup-form-component .email-signup-container .signup-input:last-child {
    margin-bottom: 0
}

.signup-form-component .email-signup-container button {
    display: block;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    margin: 20px 0
}

.signup-form-component .email-signup-container button.sign-up-button {
    margin-bottom: 4px
}

.signup-form-component .email-signup-container button:first-child {
    margin-top: 0
}

.signup-form-component .email-signup-container button:last-child {
    margin-bottom: 0
}

.signup-form-component .email-signup-container .signup-loading-spinner {
    display: none
}

.signup-form-component.signup-form-submitting .email-signup-container .signup-loading-spinner {
    display: flex
}

.signup-form-component.signup-form-submitting .email-signup-container .signup-button-text {
    display: none
}

.signup-form-component .signup-with-email {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin: 0 24px
}

.signup-form-component .signup-with-email .signup-with-email-text {
    margin: 0
}

.signup-form-component .signup-with-email .signup-line {
    border-bottom: 1px solid #d1d1d1
}

.signup-form-component .already-have-account.typography-component {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.signup-form-component .already-have-account.typography-component a {
    margin-left: 8px;
    color: #0e5d8b
}

.signup-form-component .terms-and-conditions.typography-component {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 16px;
    text-align: center;
    color: #6d7972
}

.signup-form-component .terms-and-conditions.typography-component a {
    text-decoration: underline;
    color: #6d7972
}

.signup-form-component .signup-message-container {
    display: none;
    justify-content: center
}

.signup-form-component .signup-message-container.signup-has-error {
    display: flex
}

.signup-form-component .signup-message-container .signup-message {
    width: 100%
}

.signup-form-component .oauth-button-wrapper {
    width: 100%;
    text-align: center
}

.signup-form-component .oauth-button-wrapper .signup-loading-spinner {
    height: 48px;
    display: none;
    padding-top: 12px
}

.signup-form-component .oauth-button-wrapper .signup-loading-spinner.oauth-form-submitting {
    display: inline-block
}

.signup-form-component .oauth-methods {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 24px
}

@media (max-width:479px) {
    .signup-form-component .oauth-methods {
        grid-template-columns: 1fr
    }
}

.signup-form-component .oauth-methods .oauth-button {
    width: 100%;
    background-color: #fff;
    color: #161d1a;
    border: 1px solid #d1d1d1
}

.signup-form-component .oauth-methods .oauth-button svg {
    height: 16px
}

.signup-form-component .oauth-methods .oauth-button .oauth-button-content {
    display: grid;
    grid-template-columns: auto auto;
    gap: 16px;
    align-items: center
}

.signup-form-component .oauth-methods .oauth-button.oauth-form-submitting {
    display: none
}

.signup-form-component .oauth-methods .oauth-button:active,
.signup-form-component .oauth-methods .oauth-button:hover {
    background-color: #f2f2f2;
    border-color: #3d4842;
    color: #3d4842
}

.pwa-pagination-component {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.pwa-pagination-component a,
.pwa-pagination-component span {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #161d1a;
    border-radius: 4px;
    font-size: 16px;
    text-decoration: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 4px
}

.pwa-pagination-component>span {
    cursor: default
}

.pwa-pagination-component a.pagination-item:link {
    color: #161d1a;
    text-decoration: none
}

.pwa-pagination-component a.pagination-item:hover {
    color: #6d7972;
    text-decoration: none
}

.pwa-pagination-component a.pagination-item.current {
    background-color: #eddcd1;
    font-weight: 600;
    color: #161d1a
}

.pwa-pagination-component a.pagination-item:focus {
    text-decoration: none
}

.pwa-pagination-component a.pagination-item-next,
.pwa-pagination-component a.pagination-item-prev {
    height: 32px;
    width: 32px;
    cursor: pointer
}

.pwa-pagination-component a.pagination-item-next.disabled,
.pwa-pagination-component a.pagination-item-prev.disabled {
    cursor: default;
    opacity: .4;
    pointer-events: none
}

.rephrase-editor-component {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 137px 154px 58px 0 transparent, 88px 98px 53px 0 rgba(0, 0, 0, .01), 49px 55px 45px 0 rgba(0, 0, 0, .04), 22px 25px 33px 0 rgba(0, 0, 0, .07), 5px 6px 18px 0 rgba(0, 0, 0, .08);
    border: 1px solid #d1d1d1;
    border-radius: 16px;
    width: 100%;
    height: 100vh;
    max-height: 460px;
    font-family: Inter, sans-serif;
    overflow: hidden;
    background-color: #fff
}

.rephrase-editor-component p {
    margin: 0;
    font-size: 16px;
    line-height: 48px
}

.rephrase-editor-component .editor {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    display: inline-block
}

.rephrase-editor-component .initial-state {
    display: flex;
    padding: 48px;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    gap: 20px;
    cursor: auto;
    position: absolute
}

.rephrase-editor-component .initial-state p {
    color: #6d7972
}

.rephrase-editor-component .editable {
    padding: 48px;
    width: 100%;
    height: auto;
    min-height: 90%;
    outline: none;
    line-height: 48px;
    border-radius: 16px 0 0 16px
}

.rephrase-editor-component .hidden {
    display: none
}

.rephrase-editor-component .limited-state {
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: auto;
    height: 100%
}

.rephrase-editor-component .limited-state p {
    color: #161d1a;
    line-height: 1.4em;
    margin-top: 4px
}

.rephrase-editor-component .limited-state .cta-button,
.rephrase-editor-component .limited-state .sub-title {
    margin-bottom: 40px
}

.rephrase-editor-component .limited-state .sub-text {
    max-width: 460px
}

.rephrase-editor-component.out-of-credits .editor,
.rephrase-editor-component.out-of-credits .footer {
    display: none
}

.rephrase-editor-component.out-of-credits .limited-state {
    display: flex
}

.rephrase-editor-component .footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 24px;
    border-top: 1px solid #d1d1d1
}

.rephrase-editor-component .footer .button-and-instructions {
    display: flex;
    gap: 24px
}

.rephrase-editor-component .footer .button-and-instructions p {
    color: #6d7972
}

@media (max-width:767px) {
    .rephrase-editor-component {
        display: none
    }
}

.paraphrase-editor-component {
    display: flex;
    flex-direction: row;
    gap: 12px
}

.paraphrase-editor-component .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    width: 50%;
    height: 100vh;
    max-height: 460px;
    font-family: Inter, sans-serif;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 137px 154px 58px 0 transparent, 88px 98px 53px 0 rgba(0, 0, 0, .01), 49px 55px 45px 0 rgba(0, 0, 0, .04), 22px 25px 33px 0 rgba(0, 0, 0, .07), 5px 6px 18px 0 rgba(0, 0, 0, .08)
}

.paraphrase-editor-component h5,
.paraphrase-editor-component h6 {
    line-height: 20px;
    margin: 0
}

.paraphrase-editor-component .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid #d1d1d1;
    background-color: #f7ebe4;
    font-weight: 600
}

.paraphrase-editor-component .header span {
    display: flex;
    justify-content: space-around
}

.paraphrase-editor-component .header .character-count {
    font-size: 14px;
    font-weight: 400
}

.paraphrase-editor-component .editor {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    display: inline-block
}

.paraphrase-editor-component .editable {
    padding: 24px;
    width: 100%;
    height: auto;
    min-height: 90%;
    outline: none;
    font-size: 18px;
    line-height: 1.5
}

.paraphrase-editor-component .editable div,
.paraphrase-editor-component .editable p {
    font-size: 18px;
    line-height: 1.5;
    margin: 8px 0 0
}

.paraphrase-editor-component .editable p:first-of-type {
    margin: 0
}

.paraphrase-editor-component .placeholder {
    position: absolute;
    display: none;
    gap: 16px;
    padding: 20px 24px;
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #3d4842
}

.paraphrase-editor-component .placeholder p {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0 0
}

.paraphrase-editor-component .placeholder .pwa-btn.outline {
    border-color: #d1d1d1
}

.paraphrase-editor-component .placeholder.hidden {
    display: none
}

@media (max-width:479px) {
    .paraphrase-editor-component .placeholder {
        flex-direction: column
    }
}

.paraphrase-editor-component .pre-results-message {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 100%;
    width: 100%
}

.paraphrase-editor-component .generating-message {
    position: absolute;
    display: none;
    flex-direction: row;
    padding: 20px 24px;
    gap: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #3d4842
}

.paraphrase-editor-component .footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #d1d1d1;
    padding: 12px 24px;
    gap: 16px;
    font-size: 14px
}

@media (max-width:767px) {
    .paraphrase-editor-component .footer {
        width: 100%
    }
}

.paraphrase-editor-component .footer .paraphrase-button {
    flex: 0.5
}

.paraphrase-editor-component .footer .paraphrase-button button {
    width: 100%
}

.paraphrase-editor-component .footer .mode {
    flex: 0.5
}

.paraphrase-editor-component .modified-text .header span {
    gap: 8px
}

.paraphrase-editor-component .modified-text .footer {
    border-top: 1px solid #d1d1d1;
    align-items: center
}

.paraphrase-editor-component .modified-text .daily-uses {
    background-color: #fbf1da;
    justify-content: left;
    gap: 8px;
    height: 32px;
    align-items: center
}

.paraphrase-editor-component .modified-text .editor .plain-text {
    font-size: 18px
}

.paraphrase-editor-component .limit-reached .title.plain-text {
    font-weight: 600;
    font-size: 20px
}

.paraphrase-editor-component .limit-reached p {
    margin-bottom: 8px
}

.paraphrase-editor-component .error,
.paraphrase-editor-component .limit-reached {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 100%;
    width: 100%;
    padding: 10%
}

.paraphrase-editor-component .error h4,
.paraphrase-editor-component .limit-reached h4 {
    margin: 0;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25em
}

.paraphrase-editor-component .error h4 span,
.paraphrase-editor-component .limit-reached h4 span {
    text-wrap: nowrap
}

.paraphrase-editor-component .error p,
.paraphrase-editor-component .limit-reached p {
    font-size: 16px;
    line-height: 24px;
    color: #3d4842;
    text-align: center
}

.paraphrase-editor-component .error .cta-index-block,
.paraphrase-editor-component .limit-reached .cta-index-block {
    padding: 0;
    margin-bottom: 8px
}

.paraphrase-editor-component .premium-cta {
    color: #161d1a;
    font-weight: 600
}

.paraphrase-editor-component .responsive {
    display: none;
    padding: 16px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 24px rgba(0, 0, 0, .06), 0 0 5px rgba(0, 0, 0, .05);
    border: 1px solid #d1d1d1
}

.paraphrase-editor-component .hideButton,
.paraphrase-editor-component .hideDailyUses {
    display: none
}

.paraphrase-editor-component .showDailyUses {
    display: flex
}

.paraphrase-editor-component .hiddenDailyUses {
    flex-direction: row-reverse
}

@media (max-width:991px) {
    .paraphrase-editor-component {
        flex-direction: column
    }

    .paraphrase-editor-component>:not(.pwa-invisible)+* {
        margin-top: 8px;
        margin-left: 0
    }

    .paraphrase-editor-component .box {
        width: 100%;
        height: 60vh
    }

    .paraphrase-editor-component .editable {
        padding: 16px 12px
    }

    .paraphrase-editor-component .placeholder {
        padding: 12px
    }

    .paraphrase-editor-component .original-text .footer {
        padding: 24px 12px 16px
    }

    .paraphrase-editor-component .responsive {
        display: block
    }

    .paraphrase-editor-component .responsive .pwa-btn {
        width: 100%
    }

    .paraphrase-editor-component .desktop,
    .paraphrase-editor-component .modified-text .footer {
        display: none
    }
}

@media (max-width:767px) {
    .paraphrase-editor-component .footer {
        flex-direction: column
    }

    .paraphrase-editor-component .footer .mode,
    .paraphrase-editor-component .footer .paraphrase-button {
        flex: 1
    }
}

@media (max-width:383px) {
    .paraphrase-editor-component .box {
        height: 75vh
    }
}

.paraphrase-editor-component[data-writing-state=initial] .placeholder {
    display: flex
}

.paraphrase-editor-component[data-writing-state=characters-over] .original-text {
    border: 2px solid #b82525
}

.paraphrase-editor-component[data-writing-state=characters-over] .character-count {
    color: #b82525
}

.paraphrase-editor-component[data-results-state=initial] .pre-results-message {
    display: flex
}

@media (max-width:991px) {
    .paraphrase-editor-component[data-results-state=initial] .modified-text {
        display: none
    }
}

.paraphrase-editor-component[data-results-state=generating] .generating-message {
    display: flex
}

.paraphrase-editor-component[data-results-state=generating] .modified-text .footer,
.paraphrase-editor-component[data-results-state=results] .modified-text .footer {
    display: flex;
    background-color: #fbf1da
}

@media (max-width:991px) {

    .paraphrase-editor-component[data-results-state=generating],
    .paraphrase-editor-component[data-results-state=results] {
        display: flex
    }
}

.paraphrase-editor-component[data-results-state=error] .error,
.paraphrase-editor-component[data-results-state=limit-reached] .limit-reached {
    display: flex
}

.extended-select-component {
    position: relative;
    cursor: pointer;
    background-color: #fff
}

.extended-select-component .extended-select-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    border: 2px solid #161d1a;
    border-radius: 6px;
    padding: 0 12px;
    height: 40px;
    align-items: center;
    font-size: 14px
}

.extended-select-component .extended-select-container-focus,
.extended-select-component .extended-select-container:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 126, 255, .15);
    transition: border-color .3s ease
}

.extended-select-component .extended-select-container span {
    color: #3d4842;
    font-weight: 600
}

.extended-select-component .extended-select-container .extended-select-selected-item {
    flex-grow: 1;
    color: #161d1a;
    text-wrap: nowrap
}

.extended-select-component .extended-select-items-list {
    z-index: 1000;
    display: none;
    flex-direction: column;
    border-radius: 8px;
    border: 1px #d1d1d1;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    position: absolute;
    right: 0;
    max-height: 240px;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: scroll;
    outline: none;
    background-color: #fff
}

.extended-select-component .extended-select-items-list[data-state=open] {
    display: flex
}

.extended-select-component.open-upwards .extended-select-items-list {
    bottom: 44px
}

.extended-select-component.open-downwards .extended-select-items-list {
    top: 44px
}

.extended-select-component .extended-select-item {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px;
    border-radius: 8px;
    padding: 8px;
    font-size: 14px
}

.extended-select-component .extended-select-item .pwa-icon {
    padding-top: 4px
}

.extended-select-component .extended-select-item .extended-select-item-icon {
    min-width: 24px;
    padding-right: 12px
}

.extended-select-component .extended-select-item-hover,
.extended-select-component .extended-select-item:hover {
    background-color: #fef9f6
}

.extended-select-component .extended-select-item-focus,
.extended-select-component .extended-select-item:focus {
    outline: 1px solid #d1d1d1
}

.extended-select-component .extended-select-item-active,
.extended-select-component .extended-select-item:active {
    background-color: #f2f2f2
}

.extended-select-component .extended-select-item-disabled,
.extended-select-component .extended-select-item:disabled {
    outline: none;
    box-shadow: none;
    background-color: #f2f2f2;
    color: #b8b8b8;
    cursor: not-allowed
}

.extended-select-component:active,
.extended-select-component:hover {
    background-color: #f2f2f2
}

.extended-select-component:focus {
    outline: 1px solid #0e5d8b;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    background-color: #f2f2f2;
    border-radius: 6px
}

.extended-select-component.disabled,
.extended-select-component:disabled {
    outline: none;
    box-shadow: none;
    background-color: #f2f2f2;
    color: #b8b8b8;
    cursor: not-allowed
}

.extended-select-component.size-s {
    width: 300px
}

.extended-select-component.size-m {
    width: 400px
}

.extended-select-component.size-l {
    width: 500px
}

@media (max-width:479px) {
    .everywhere-button-component {
        width: 100%
    }
}

.icon-item-cms-component .card-wrapper {
    display: flex;
    padding: 16px 12px 0;
    box-shadow: 0 0 24px rgba(0, 0, 0, .06), 0 0 5px rgba(0, 0, 0, .05);
    border-radius: 8px;
    height: 100%
}

.icon-item-cms-component .card-wrapper .header>h5 {
    margin-bottom: 4px
}

.icon-item-cms-component .icon-item-icon {
    margin-bottom: 16px
}

.icon-item-cms-component .icon-item-header {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:992px) {
    .icon-item-cms-component .icon-item-header {
        display: block
    }
}

.icon-item-cms-component .icon-item-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width:991px) {
    .icon-item-cms-component .icon-item-centered {
        max-width: 280px;
        margin: 0 auto 32px
    }
}

@media (max-width:767px) {
    .icon-item-cms-component .icon-item-centered {
        margin-bottom: 4px
    }
}

@media (max-width:991px) {
    .icon-item-cms-component:last-child .icon-item-centered {
        margin-bottom: 0
    }
}

.content-with-image-cms-component {
    flex-direction: column;
    column-gap: 120px
}

@media (max-width:991px) {
    .content-with-image-cms-component {
        column-gap: 64px;
        row-gap: 24px
    }

    .content-with-image-cms-component.reverse-for-mobile {
        flex-direction: column-reverse
    }

    .content-with-image-cms-component.reverse-for-mobile.image-left {
        flex-direction: column
    }
}

@media (max-width:767px) {
    .content-with-image-cms-component {
        row-gap: 24px;
        align-items: flex-start
    }
}

@media (max-width:479px) {
    .content-with-image-cms-component {
        row-gap: 24px
    }
}

.content-with-image-cms-component.image-left {
    flex-direction: column-reverse
}

.content-with-image-cms-component .content-text {
    flex: 1;
    margin-bottom: 20px
}

.content-with-image-cms-component .content-with-image-additional-content:not(:empty) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 24px;
    margin-top: 32px
}

.content-with-image-cms-component .content-with-image-additional-content:not(:empty) .closing-text {
    width: 100%;
    margin: 0;
    text-align: left
}

@media (max-width:479px) {
    .content-with-image-cms-component .content-with-image-additional-content:not(:empty) {
        flex-direction: column
    }
}

.content-with-image-cms-component .image-container {
    width: 100%
}

@media (max-width:767px) {
    .content-with-image-cms-component .image-container {
        align-self: center
    }
}

.content-with-image-cms-component .image-container.image-s {
    flex: 3;
    max-width: 400px
}

.content-with-image-cms-component .image-container.image-m {
    flex: 3;
    max-width: 500px
}

.content-with-image-cms-component .image-container .content-image {
    width: 100%;
    object-fit: cover
}

.content-with-image-cms-component .image-container .aspect-ratio-wrapper {
    position: relative;
    width: 100%;
    padding-top: calc(var(--aspect-ratio) * 100%)
}

.content-with-image-cms-component .image-container .aspect-ratio-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.content-with-image-cms-component .image-container .aspect-ratio-wrapper img[src$=".svg"] {
    width: 300%;
    transform: scale(.333);
    transform-origin: 0 0
}

@media (min-width:768px) {
    .content-with-image-cms-component {
        flex-direction: row
    }

    .content-with-image-cms-component .image-container {
        width: auto
    }

    .content-with-image-cms-component .content-text {
        width: 100%
    }

    .content-with-image-cms-component.image-left {
        flex-direction: row
    }
}

@media (min-width:768px) and (max-width:991px) {

    .content-with-image-cms-component .image-container.image-m,
    .content-with-image-cms-component .image-container.image-s {
        width: 70%;
        max-width: unset
    }

    .content-with-image-cms-component .content-text {
        flex: 2
    }
}

@media (max-width:767px) {
    .content-with-image-cms-component .image-container {
        width: 100%
    }
}

.content-with-video-cms-component {
    display: flex;
    justify-content: space-between;
    column-gap: 104px
}

.content-with-video-cms-component .content-text {
    max-width: 40%
}

@media (max-width:991px) {
    .content-with-video-cms-component {
        flex-direction: column;
        align-items: center;
        row-gap: 24px
    }

    .content-with-video-cms-component .content-text {
        margin-bottom: 16px;
        width: 100%;
        max-width: 100%
    }

    .content-with-video-cms-component.reverse-for-mobile,
    .content-with-video-cms-component.video-left {
        flex-direction: column-reverse
    }

    .content-with-video-cms-component.reverse-for-mobile.image-left {
        flex-direction: column
    }
}

@media (max-width:767px) {
    .content-with-video-cms-component {
        row-gap: 20px
    }
}

@media (max-width:479px) {
    .content-with-video-cms-component {
        row-gap: 0
    }
}

.question-and-answer-cms-component {
    width: 100%;
    padding-bottom: 12px
}

.check-list-items {
    padding: 40px 0
}

.check-list-block-item-cms-component {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 40px;
    margin: 0 auto;
    background-color: #fff
}

.check-list-block-item-cms-component .heading {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

.check-list-block-item-cms-component .heading .circular-icon-component {
    margin-bottom: 16px
}

.check-list-block-item-cms-component .heading__title {
    margin-bottom: 0;
    font-size: 22px
}

.check-list-block-item-cms-component ul {
    column-count: 2;
    list-style-type: none;
    font-size: 14px;
    margin-top: 16px;
    padding: 0
}

@media (max-width:767px) {
    .check-list-block-item-cms-component ul {
        column-count: 1
    }
}

.check-list-block-item-cms-component ul li {
    display: flex;
    margin-bottom: 8px
}

.check-list-block-item-cms-component ul li div {
    padding-left: 8px;
    vertical-align: middle;
    line-height: 24px;
    font-weight: 700
}

.items-list-cms-component .items-list-container {
    display: grid;
    row-gap: 0;
    column-gap: 32px;
    justify-content: left
}

@media (max-width:991px) {
    .items-list-cms-component .items-list-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .items-list-cms-component .items-list-container {
        grid-template-columns: repeat(1, auto)
    }
}

.items-list-cms-component .items-list-container .item-wrapper {
    display: inline-flex;
    align-items: center
}

.items-list-cms-component .items-list-container .items-list-item {
    padding: 8px 0;
    margin: 0
}

@media (min-width:768px) {
    .items-list-cms-component .items-list-container .items-list-item {
        text-align: left
    }
}

.items-list-cms-component .items-list-container .checkmark-icon-wrapper {
    margin-right: 16px
}

.items-list-cms-component .items-list-cta-container {
    display: flex;
    margin-top: 16px
}

.items-list-cms-component .items-list-cta-container .items-list-icon {
    margin-top: 8px;
    margin-left: 12px
}

.items-list-cms-component .items-list-cta-container .items-list-icon .pwa-icon {
    color: #0e5d8b !important
}

.items-list-cms-component .items-list-one-row {
    grid-template-columns: repeat(3, auto);
    justify-content: center
}

@media (max-width:991px) {
    .items-list-cms-component .items-list-one-row {
        grid-template-columns: repeat(2, 1fr);
        justify-content: flex-start
    }
}

@media (max-width:767px) {
    .items-list-cms-component .items-list-one-row {
        grid-template-columns: repeat(1, auto)
    }
}

.offer-card-cms-component {
    max-width: 453px;
    height: 413px;
    padding: 40px 64px 40px 40px;
    margin: 4px 64px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1);
    border-radius: 16px
}

.offer-card-cms-component .subheading {
    margin-top: 24px
}

.offer-card-cms-component .checklist-item-wrapper {
    margin: 4px 0 32px
}

.offer-card-cms-component .hidden-link {
    pointer-events: none;
    cursor: default;
    color: #f7ebe4
}

@media (max-width:768px) {
    .offer-card-cms-component {
        padding: 40px;
        height: auto
    }
}

.registration-form-component .input {
    margin-bottom: 8px
}

.registration-form-component .event-description,
.registration-form-component .event-description p {
    margin-bottom: 24px
}

.registration-form-component button {
    margin-bottom: 20px
}

.flash-card-cms-component {
    padding: 24px;
    box-shadow: 16px 16px 40px rgba(22, 29, 26, .05), 0 0 50px rgba(22, 29, 26, .05);
    border-radius: 16px;
    max-width: 320px
}

.flash-card-cms-component .content-image {
    margin-bottom: 16px;
    width: 100%;
    max-width: 309px;
    aspect-ratio: 1.375;
    object-fit: cover
}

.flash-card-cms-component .text-wrapper {
    margin-top: 12px
}

.flash-card-cms-component .logo-image {
    max-height: 40px
}

.logo-item-cms-component {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    max-width: 100%;
    max-height: 100%
}

.logo-item-cms-component:hover .logo-item-title {
    opacity: .9;
    display: block
}

.logo-item-cms-component .logo {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.logo-item-cms-component .logo-item-title {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #f7ebe4;
    white-space: nowrap;
    line-height: 2.4em;
    border-radius: 4px;
    background-color: #161d1a;
    padding: 0 12px;
    margin-top: 8px;
    z-index: 1
}

.process-step-cms-component {
    display: flex;
    flex-direction: column;
    width: 320px
}

.process-step-cms-component .title {
    margin-bottom: .6em
}

.process-step-cms-component .process-step-image {
    margin: 4px auto 24px;
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
    max-width: 240px
}

.process-step-cms-component .large-image {
    aspect-ratio: .5
}

.process-step-cms-component .rich-text-description p {
    text-align: center;
    color: #3d4842
}

.process-step-cms-component .process-step-cta-button {
    text-align: center
}

.key-feature-cms-component {
    display: flex
}

.key-feature-cms-component .extra-padding {
    padding-left: 24px
}

.key-feature-cms-component .title-with-arrow {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    gap: 16px
}

.key-feature-cms-component .title-with-arrow>h4 {
    margin-bottom: 0
}

.key-feature-cms-component .key-feature-icon {
    margin-bottom: 16px
}

.pwa-btn.mac-grant-access-button-cms-component {
    font-weight: 400 !important
}

@media (max-width:479px) {
    .mac-grant-access-button-cms-component {
        width: 100%
    }
}

.author-cms-component {
    flex: 1 1 auto
}

.author-cms-component .author-columns {
    display: flex;
    align-items: center
}

.author-cms-component .avatar-container {
    flex: 0 0 auto;
    margin-right: 24px;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width:383px) {
    .author-cms-component .avatar-container {
        display: none
    }
}

.author-cms-component .avatar-container .author-avatar {
    display: flex;
    position: relative;
    z-index: 1
}

.author-cms-component .avatar-container .author-avatar img {
    width: 100%;
    height: auto
}

.author-cms-component .author-avatar-preview {
    background-color: #eddcd1;
    color: #161d1a;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase
}

.author-cms-component .description-container {
    flex: 1 1 auto
}

.author-cms-component .author-name {
    display: flex;
    align-items: center
}

.author-cms-component .author-name-emphasis {
    font-weight: 700
}

.author-cms-component .author-name .typography-component {
    font-size: 24px
}

.author-cms-component .author-name p {
    margin: 0
}

@media (max-width:991px) {
    .author-cms-component .author-name p {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .author-cms-component .author-name p {
        font-size: 12px
    }
}

.author-cms-component .author-details {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.author-cms-component .author-details .author-social {
    display: flex;
    align-items: center;
    flex: 0 0 auto
}

.author-cms-component .author-details .author-social-item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 12px
}

.author-cms-component .author-details .author-social-item:last-child:after {
    content: "";
    display: inline-flex;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin: 0 4px 0 16px
}

.author-cms-component .author-details .author-position {
    font-weight: 600;
    color: #3d4842;
    font-size: 20px;
    line-height: 1.25;
    padding: 2px 0
}

@media (max-width:767px) {
    .author-cms-component .author-details .author-position {
        font-size: 14px
    }
}

.author-cms-component .author-details .author-description {
    color: #3d4842
}

.author-cms-component .author-details .author-description .typography-component {
    font-size: 16px
}

.author-cms-component .author-details .author-description p {
    overflow-wrap: break-word
}

.author-cms-component.size-big .avatar-container {
    width: 120px;
    height: 120px
}

@media (max-width:767px) {
    .author-cms-component.size-big .avatar-container {
        width: 96px;
        height: 96px;
        margin-bottom: 24px
    }
}

@media (max-width:479px) {
    .author-cms-component.size-big .avatar-container {
        flex-direction: column
    }
}

.author-cms-component.size-big .author-name .typography-component {
    font-weight: 600;
    margin-bottom: 16px
}

.author-cms-component.size-big .author-avatar-preview {
    font-size: 32px
}

.author-cms-component.size-big .author-details {
    margin-bottom: 24px
}

.author-cms-component.size-big .author-social-item {
    margin-right: 16px
}

.author-cms-component.size-big .author-social-item:after {
    margin-left: 16px
}

.author-cms-component.size-big .author-description {
    margin-left: 120px
}

@media (max-width:767px) {
    .author-cms-component.size-big .author-description {
        margin-left: 0
    }
}

.author-cms-component.size-medium .avatar-container {
    width: 92px;
    height: 92px
}

@media (max-width:767px) {
    .author-cms-component.size-medium .avatar-container {
        width: 64px;
        height: 64px
    }
}

.author-cms-component.size-medium .author-details {
    margin-bottom: 16px
}

.author-cms-component.size-medium .author-description {
    margin-left: 116px
}

.author-cms-component.size-medium .author-description .typography-component {
    font-size: 16px
}

@media (max-width:767px) {
    .author-cms-component.size-medium .author-description {
        margin-left: 0
    }
}

.author-cms-component.size-medium .author-name .typography-component {
    line-height: .8
}

.author-cms-component.size-small .avatar-container {
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.author-cms-component.size-small .author-name {
    line-height: 1.75
}

.author-cms-component.size-small .author-avatar-preview {
    font-size: 16px
}

.author-cms-component.size-small .author-position {
    font-weight: 400;
    font-size: 12px
}

.author-cms-component.size-extra-small .avatar-container {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

@media (max-width:479px) {
    .author-cms-component.size-extra-small .avatar-container {
        width: 20px;
        height: 20px
    }
}

.author-cms-component.size-extra-small .author-avatar-preview {
    font-size: 12px
}

.author-cms-component.size-extra-small .author-name {
    line-height: 24px
}

.author-cms-component.size-extra-small .author-name .typography-component {
    font-size: 16px
}

.article-card-cms-component {
    min-height: 238px
}

.article-card-cms-component .article-card-image {
    aspect-ratio: 1.6;
    overflow: hidden;
    border-radius: 8px
}

.article-card-cms-component .article-card-image img {
    width: 100%;
    height: auto
}

.article-card-cms-component .legacy-article-image {
    aspect-ratio: 1.6;
    object-fit: cover;
    width: 100%
}

@media (max-width:479px) {
    .article-card-cms-component {
        max-width: 370px
    }
}

.article-card-cms-component .article-card-info {
    display: flex;
    align-items: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 1.75
}

.article-card-cms-component .article-card-info .article-card-category {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.article-card-cms-component .article-card-info .article-card-category .typography-component {
    display: inline
}

@media (max-width:991px) {
    .article-card-cms-component .article-card-info .article-card-category {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .article-card-cms-component .article-card-info .article-card-category {
        font-size: 12px
    }
}

.article-card-cms-component .author-and-read-time-wrapper {
    display: flex
}

.article-card-cms-component .author-and-read-time-wrapper .article-card-read-time {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-bottom: 0
}

.article-card-cms-component .author-and-read-time-wrapper .article-card-read-time:before {
    content: "";
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 8px
}

@media (max-width:991px) {
    .article-card-cms-component .author-and-read-time-wrapper .article-card-read-time {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .article-card-cms-component .author-and-read-time-wrapper .article-card-read-time {
        font-size: 12px
    }
}

.article-card-cms-component.no-author .article-card-read-time {
    padding-left: 0
}

.article-card-cms-component.no-author .article-card-read-time:before {
    display: none
}

.article-card-cms-component .article-card-summary {
    color: #3d4842
}

.article-card-cms-component .article-card-summary a:hover {
    color: #3d4842 !important
}

.article-card-cms-component .article-card-summary .typography-component {
    margin-bottom: 12px
}

.article-card-cms-component.card {
    border-radius: 8px
}

.article-card-cms-component .article-card-content {
    padding-top: 16px;
    border-radius: 0 0 8px 8px
}

.article-card-cms-component.size-big .article-card-content {
    padding: 24px
}

@media (max-width:767px) {
    .article-card-cms-component.size-big .article-card-content {
        padding: 16px
    }
}

.article-card-cms-component.size-big .article-card-image,
.article-card-cms-component.size-big .article-card-image img {
    border-radius: 8px
}

.article-card-cms-component.size-medium .article-card-title .typography-component,
.article-card-cms-component.size-medium .article-card-title h3.typography-component,
.article-card-cms-component.size-medium .article-card-title h6.typography-component,
.article-card-cms-component.size-small .article-card-title .typography-component,
.article-card-cms-component.size-small .article-card-title h3.typography-component,
.article-card-cms-component.size-small .article-card-title h6.typography-component {
    margin-bottom: 16px
}

.article-card-cms-component .article-card-title .multiline-ellipsis.typography-component {
    -webkit-line-clamp: 3
}

.floating-banner-cms-component {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 12px 24px;
    border-radius: 8px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .25);
    min-width: 268px;
    background: #fcc4c5
}

.floating-banner-cms-component .image-wrapper {
    margin-bottom: 8px
}

.floating-banner-cms-component .image-wrapper .content-image {
    max-height: 46px
}

.floating-banner-cms-component .subtitle {
    font-size: 16px
}

.floating-banner-cms-component .floating-banner-cta {
    margin-top: 12px
}

.floating-banner-cms-component.animate-floating-banner {
    background-size: 400% 400%;
    animation: r 12s linear infinite
}

@keyframes r {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 15% 100%
    }
}

.pricing-plan-cms-component {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 auto;
    color: #161d1a;
    border-radius: 8px;
    min-width: 240px;
    width: 280px;
    margin-top: 32px;
    max-width: 430px;
    background-color: #f7ebe4;
    border: 3px solid transparent
}

@media (max-width:991px) {
    .pricing-plan-cms-component {
        width: 100%;
        margin-top: 0
    }
}

.pricing-plan-cms-component .pricing-plan-content {
    padding: 32px 24px
}

.pricing-plan-cms-component .pricing-plan-header {
    position: relative;
    height: 164px
}

@media (max-width:991px) {
    .pricing-plan-cms-component .pricing-plan-header {
        height: auto
    }
}

.pricing-plan-cms-component .pricing-plan-header .plan-title-wrapper {
    display: flex;
    justify-content: space-between
}

.pricing-plan-cms-component .pricing-plan-header .plan-title-wrapper .plan-title {
    line-height: 1.05;
    margin-bottom: 24px
}

@media (max-width:1199px) {
    .pricing-plan-cms-component .pricing-plan-header .plan-title-wrapper .pricing-plan-badge {
        position: absolute;
        right: -16px;
        top: -24px
    }
}

@media (max-width:991px) {
    .pricing-plan-cms-component .pricing-plan-header .plan-title-wrapper .pricing-plan-badge {
        position: static
    }
}

.pricing-plan-cms-component .pricing-plan-header .plan-subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 48px
}

@media (max-width:1199px) {
    .pricing-plan-cms-component .pricing-plan-header .plan-subtitle {
        padding-bottom: 32px
    }
}

.pricing-plan-cms-component .pricing-plan-price {
    padding-bottom: 32px;
    display: flex;
    gap: 12px;
    align-items: flex-end;
    position: relative
}

.pricing-plan-cms-component .pricing-plan-price sub {
    font-size: 1em;
    bottom: 0
}

.pricing-plan-cms-component .pricing-plan-price .current-price,
.pricing-plan-cms-component .pricing-plan-price .hot-price,
.pricing-plan-cms-component .pricing-plan-price .old-price {
    line-height: 1;
    margin-bottom: 0
}

.pricing-plan-cms-component .pricing-plan-price .current-price sup,
.pricing-plan-cms-component .pricing-plan-price .hot-price sup,
.pricing-plan-cms-component .pricing-plan-price .old-price sup {
    position: relative;
    top: -1.3em;
    right: -.2em;
    font-size: .35em
}

.pricing-plan-cms-component .pricing-plan-price .current-price,
.pricing-plan-cms-component .pricing-plan-price .hot-price {
    font-size: 60px
}

@media (max-width:991px) {

    .pricing-plan-cms-component .pricing-plan-price .current-price,
    .pricing-plan-cms-component .pricing-plan-price .hot-price {
        font-size: 40px
    }
}

.pricing-plan-cms-component .pricing-plan-price .old-price {
    color: #6d7972;
    font-family: Reckless, serif;
    font-size: 32px;
    font-weight: 600;
    position: relative
}

.pricing-plan-cms-component .pricing-plan-price .old-price:after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    background-color: #6d7972;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: center;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -6px
}

@media (max-width:991px) {
    .pricing-plan-cms-component .pricing-plan-price .old-price {
        font-size: 24px
    }

    .pricing-plan-cms-component .pricing-plan-price .old-price:after {
        width: 32px;
        top: 1px;
        margin-left: -2px
    }
}

.pricing-plan-cms-component .pricing-plan-price .price {
    margin-left: 2px
}

.pricing-plan-cms-component .pricing-plan-price .price-description {
    line-height: 1.5;
    min-height: 18px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    position: absolute;
    bottom: 12px
}

@media (max-width:1199px) {
    .pricing-plan-cms-component .pricing-plan-price .price-description {
        font-size: 12px
    }
}

.pricing-plan-cms-component .pricing-plan-price .total-price {
    font-weight: 700
}

.pricing-plan-cms-component .pricing-plan-cta {
    margin-bottom: 64px
}

@media (max-width:1199px) {
    .pricing-plan-cms-component .pricing-plan-cta .plan-pricing-btn {
        padding-left: 12px;
        padding-right: 12px
    }
}

.pricing-plan-cms-component .pricing-plan-cta .plan-not-available {
    pointer-events: none
}

.pricing-plan-cms-component .pricing-plan-cta .guarantee {
    position: absolute;
    text-align: center;
    margin-top: 12px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1199px) {
    .pricing-plan-cms-component .pricing-plan-cta .guarantee {
        font-size: 12px
    }
}

.pricing-plan-cms-component .pricing-plan-cta .jsHideFreeButton {
    opacity: 0;
    pointer-events: none
}

@media (max-width:991px) {
    .pricing-plan-cms-component .pricing-plan-cta .jsHideFreeButton {
        display: none
    }
}

.pricing-plan-cms-component .pricing-plan-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.pricing-plan-cms-component .pricing-plan-list li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px
}

.pricing-plan-cms-component .pricing-plan-list li:last-child {
    margin-bottom: 0
}

.pricing-plan-cms-component .pricing-plan-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%
}

.pricing-plan-cms-component .pricing-plan-list .tooltip {
    position: relative;
    display: inline-block;
    max-width: 300px;
    margin-left: 12px
}

.pricing-plan-cms-component .pricing-plan-list .tooltip .pwa-icon {
    background-color: transparent;
    color: #6d7972
}

.pricing-plan-cms-component .pricing-plan-list .tooltip .tooltiptext {
    position: absolute;
    visibility: hidden;
    width: max-content;
    max-width: 280px;
    z-index: 2;
    top: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px 8px;
    background-color: #161d1a;
    color: #fff;
    white-space: pre-wrap;
    transform: translateX(calc(-50% + 2px))
}

@media (max-width:991px) {
    .pricing-plan-cms-component .pricing-plan-list .tooltip .tooltiptext {
        max-width: 45vw;
        left: -16px
    }
}

.pricing-plan-cms-component .pricing-plan-list .tooltip:active .tooltiptext,
.pricing-plan-cms-component .pricing-plan-list .tooltip:hover .tooltiptext {
    visibility: visible
}

.pricing-plan-cms-component .pricing-plan-list .tooltip-target {
    cursor: pointer;
    display: flex;
    align-items: center
}

.pricing-plan-cms-component .pricing-plan-list.props .pricing-plan-list-icon {
    background-color: transparent;
    color: #3c8b4c
}

.pricing-plan-cms-component .pricing-plan-list.cons .pricing-plan-list-icon {
    background-color: transparent;
    color: #a4968e
}

.pricing-plan-cms-component .pricing-plan-list:first-child {
    border-top: 1px solid #d1d1d1;
    padding-top: 24px
}

.pricing-plan-cms-component .props+.cons {
    margin-top: 16px
}

.pricing-plan-cms-component.highlighted {
    border: 3px solid #161d1a;
    border-radius: 10px;
    background: #fff;
    margin-top: 0
}

.pricing-plan-cms-component.highlighted .pricing-plan-header-banner {
    height: 32px;
    background-color: #fcc4c5;
    align-content: center;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.pricing-plan-cms-component.highlighted .pricing-plan-header-banner .banner-text {
    font-size: 16px;
    font-weight: 600
}

.pricing-plan-cms-component.highlighted .pricing-plan-list:first-child {
    border-top: 1px solid #d1d1d1;
    position: relative
}

.dark-background .pricing-plan-cms-component {
    background-color: #161d1a;
    color: #f7ebe4
}

.dark-background .pricing-plan-cms-component.highlighted {
    background-color: #161d1a;
    border-color: #f7ebe4
}

.dark-background .pricing-plan-cms-component.highlighted .banner-text {
    color: #161d1a
}

.dark-background .pricing-plan-cms-component .pricing-plan-price .old-price {
    color: #b8b8b8
}

.dark-background .pricing-plan-cms-component .pricing-plan-price .old-price:after {
    background-color: #b8b8b8
}

.dark-background .pricing-plan-cms-component .pricing-plan-list .tooltip .pwa-icon {
    color: #b8b8b8
}

.dark-background .pricing-plan-cms-component .pricing-plan-list .tooltip .tooltiptext {
    background-color: #fef9f6;
    color: #161d1a
}

.dark-background .pricing-plan-cms-component .pricing-plan-list.props .pricing-plan-list-icon {
    color: #3c8b4c
}

.dark-background .pricing-plan-cms-component .pricing-plan-list.cons .pricing-plan-list-icon {
    color: #a4968e
}

.pricing-bundle-cms-component {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 auto;
    color: #161d1a;
    border-radius: 8px;
    min-width: 240px;
    width: 280px;
    margin-top: 32px;
    max-width: 430px;
    background-color: #f7ebe4;
    border: 3px solid transparent
}

@media (max-width:991px) {
    .pricing-bundle-cms-component {
        width: 100%;
        margin-top: 0
    }
}

.pricing-bundle-cms-component .pricing-bundle-content {
    padding: 32px 24px
}

.pricing-bundle-cms-component .pricing-bundle-header {
    position: relative;
    height: 164px
}

@media (max-width:991px) {
    .pricing-bundle-cms-component .pricing-bundle-header {
        height: auto
    }
}

.pricing-bundle-cms-component .pricing-bundle-header .bundle-title-wrapper {
    display: flex;
    justify-content: space-between
}

.pricing-bundle-cms-component .pricing-bundle-header .bundle-title-wrapper .bundle-title {
    line-height: 1.05;
    margin-bottom: 24px
}

@media (max-width:1199px) {
    .pricing-bundle-cms-component .pricing-bundle-header .bundle-title-wrapper .pricing-bundle-badge {
        position: absolute;
        right: -16px;
        top: -24px
    }
}

@media (max-width:991px) {
    .pricing-bundle-cms-component .pricing-bundle-header .bundle-title-wrapper .pricing-bundle-badge {
        position: static
    }
}

.pricing-bundle-cms-component .pricing-bundle-header .bundle-subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 48px
}

@media (max-width:1199px) {
    .pricing-bundle-cms-component .pricing-bundle-header .bundle-subtitle {
        padding-bottom: 32px
    }
}

.pricing-bundle-cms-component .pricing-bundle-price {
    padding-bottom: 32px;
    display: flex;
    gap: 12px;
    align-items: flex-end;
    position: relative
}

.pricing-bundle-cms-component .pricing-bundle-price sub {
    font-size: 1em;
    bottom: 0
}

.pricing-bundle-cms-component .pricing-bundle-price .current-price,
.pricing-bundle-cms-component .pricing-bundle-price .hot-price,
.pricing-bundle-cms-component .pricing-bundle-price .old-price {
    line-height: 1;
    margin-bottom: 0
}

.pricing-bundle-cms-component .pricing-bundle-price .current-price sup,
.pricing-bundle-cms-component .pricing-bundle-price .hot-price sup,
.pricing-bundle-cms-component .pricing-bundle-price .old-price sup {
    position: relative;
    top: -1.3em;
    right: -.2em;
    font-size: .35em
}

.pricing-bundle-cms-component .pricing-bundle-price .current-price,
.pricing-bundle-cms-component .pricing-bundle-price .hot-price {
    font-size: 60px
}

@media (max-width:991px) {

    .pricing-bundle-cms-component .pricing-bundle-price .current-price,
    .pricing-bundle-cms-component .pricing-bundle-price .hot-price {
        font-size: 40px
    }
}

.pricing-bundle-cms-component .pricing-bundle-price .old-price {
    color: #6d7972;
    font-family: Reckless, serif;
    font-size: 32px;
    font-weight: 600;
    position: relative
}

.pricing-bundle-cms-component .pricing-bundle-price .old-price:after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    background-color: #6d7972;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: center;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -6px
}

@media (max-width:991px) {
    .pricing-bundle-cms-component .pricing-bundle-price .old-price {
        font-size: 24px
    }

    .pricing-bundle-cms-component .pricing-bundle-price .old-price:after {
        width: 32px;
        top: 1px;
        margin-left: -2px
    }
}

.pricing-bundle-cms-component .pricing-bundle-price .price {
    margin-left: 2px
}

.pricing-bundle-cms-component .pricing-bundle-price .price-description {
    line-height: 1.5;
    min-height: 18px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    position: absolute;
    bottom: 12px
}

@media (max-width:1199px) {
    .pricing-bundle-cms-component .pricing-bundle-price .price-description {
        font-size: 12px
    }
}

.pricing-bundle-cms-component .pricing-bundle-price .total-price {
    font-weight: 700
}

.pricing-bundle-cms-component .pricing-bundle-price.rupees .old-price {
    font-size: 20px
}

.pricing-bundle-cms-component .pricing-bundle-price.rupees .old-price:after {
    width: 30px
}

.pricing-bundle-cms-component .pricing-bundle-price.rupees .hot-price {
    font-size: 40px
}

@media (max-width:1199px) {
    .pricing-bundle-cms-component .pricing-bundle-cta .bundle-pricing-btn {
        padding-left: 12px;
        padding-right: 12px
    }
}

.pricing-bundle-cms-component .pricing-bundle-cta .bundle-not-available {
    pointer-events: none
}

.pricing-bundle-cms-component.highlighted {
    border: 3px solid #161d1a;
    border-radius: 10px;
    background: #fff;
    margin-top: 0
}

.pricing-bundle-cms-component.highlighted .pricing-bundle-header-banner {
    height: 32px;
    background-color: #fcc4c5;
    align-content: center;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.pricing-bundle-cms-component.highlighted .pricing-bundle-header-banner .banner-text {
    font-size: 16px;
    font-weight: 600
}

.dark-background .pricing-bundle-cms-component {
    background-color: #161d1a;
    color: #f7ebe4
}

.dark-background .pricing-bundle-cms-component.highlighted {
    background-color: #161d1a;
    border-color: #f7ebe4
}

.dark-background .pricing-bundle-cms-component.highlighted .banner-text {
    color: #161d1a
}

.dark-background .pricing-bundle-cms-component .pricing-bundle-price .old-price {
    color: #b8b8b8
}

.dark-background .pricing-bundle-cms-component .pricing-bundle-price .old-price:after {
    background-color: #b8b8b8
}

.team-pricing-plan-cms-component {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 auto;
    color: #161d1a;
    border: 1px solid #d1d1d1;
    border-radius: 16px;
    max-width: 400px;
    min-width: 320px;
    background-color: #fff
}

@media (max-width:991px) {
    .team-pricing-plan-cms-component {
        min-width: 400px
    }
}

@media (max-width:479px) {
    .team-pricing-plan-cms-component {
        min-width: 100%
    }
}

.team-pricing-plan-cms-component .typography-component {
    color: #161d1a
}

.team-pricing-plan-cms-component .team-pricing-plan-wrapper {
    flex: 1 1 auto;
    background-color: #fff;
    border-radius: 16px
}

.team-pricing-plan-cms-component .team-pricing-plan-header {
    background-color: #fee6e6;
    border-radius: 16px 16px 0 0;
    position: relative;
    padding: 24px 24px 16px
}

.team-pricing-plan-cms-component .team-pricing-plan-header .team-plan-title {
    line-height: 1.375;
    margin-bottom: 8px
}

.team-pricing-plan-cms-component .team-pricing-plan-header .team-pricing-plan-header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.team-pricing-plan-cms-component .team-pricing-plan-header .team-pricing-plan-header-note {
    display: flex;
    align-items: center
}

.team-pricing-plan-cms-component .team-pricing-plan-header .team-pricing-plan-header-note .text {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 600
}

.team-pricing-plan-cms-component .team-pricing-plan-header .team-plan-subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7
}

.team-pricing-plan-cms-component .team-pricing-plan-price-container {
    min-height: 150px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 24px
}

.team-pricing-plan-cms-component .team-pricing-plan-note {
    display: flex;
    margin: auto
}

.team-pricing-plan-cms-component .team-pricing-plan-cta {
    padding: 0 24px
}

.team-pricing-plan-cms-component .team-pricing-plan-body {
    padding: 24px 40px 48px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .price-label {
    font-size: 14px;
    font-weight: 600;
    margin-right: 16px;
    white-space: nowrap
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input {
    position: relative;
    width: 105px;
    box-sizing: border-box
}

@media (max-width:479px) {
    .team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input {
        width: 85px
    }
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input input {
    padding-right: 40px;
    -moz-appearance: textfield
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input input::-webkit-inner-spin-button,
.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input input::-webkit-outer-spin-button {
    display: none
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .left-control .team-pricing-plan-input .input-note {
    position: absolute;
    display: flex;
    align-items: center;
    right: 4px;
    top: 8px;
    padding: 0 4px;
    z-index: 1;
    font-size: 12px;
    color: #3d4842;
    background-color: #fff;
    pointer-events: none
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .right-control {
    display: flex;
    align-items: center
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .right-control .price-per-user {
    font-size: 12px;
    color: #3d4842
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .right-control em {
    font-style: normal;
    font-weight: 600;
    color: #161d1a
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .right-control b {
    color: #161d1a;
    margin-right: 4px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-controls .right-control span {
    white-space: nowrap
}

.team-pricing-plan-cms-component .team-pricing-plan-price .team-pricing-plan-cost {
    display: flex;
    align-items: center
}

.team-pricing-plan-cms-component .team-pricing-plan-price .current-price {
    line-height: 1.2;
    margin-bottom: 0;
    margin-right: 8px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .current-price sub {
    font-size: .6em;
    bottom: 0
}

.team-pricing-plan-cms-component .team-pricing-plan-price .current-price sup {
    position: relative;
    top: -1.5em;
    font-size: .35em
}

.team-pricing-plan-cms-component .team-pricing-plan-price .price-description {
    color: #3d4842;
    font-size: 14px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .price-description .period {
    display: block
}

.team-pricing-plan-cms-component .team-pricing-plan-price .price-description .note {
    font-size: 12px
}

.team-pricing-plan-cms-component .team-pricing-plan-price .price-description .total {
    color: #161d1a
}

.team-pricing-plan-cms-component .team-plan-pros-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}

.team-pricing-plan-cms-component .team-pricing-plan-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.team-pricing-plan-cms-component .team-pricing-plan-list li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px
}

.team-pricing-plan-cms-component .team-pricing-plan-list li:last-child {
    margin-bottom: 0
}

.team-pricing-plan-cms-component .team-pricing-plan-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%
}

.team-pricing-plan-cms-component .team-pricing-plan-list.pros .team-pricing-plan-list-icon {
    background-color: #3c8b4c;
    color: #f7ebe4
}

.team-pricing-plan-cms-component.enterprise-plan .team-pricing-plan-header {
    background-color: #f7ebe4
}

.comparison-card-cms-component {
    border-radius: 8px;
    cursor: pointer;
    background-color: #fff;
    max-width: max-content
}

.comparison-card-cms-component,
.comparison-card-cms-component:focus {
    text-decoration: none;
    color: #161d1a
}

.comparison-card-cms-component .text-wrapper {
    padding: 16px 24px;
    margin-bottom: 0;
    background: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.comparison-card-cms-component .content-image {
    width: 100%
}

.table-cms-component {
    width: 100%;
    table-layout: fixed;
    margin-top: 40px;
    font-size: 18px;
    line-height: 1.6
}

.table-cms-component td,
.table-cms-component th {
    padding: 8px 24px 32px;
    border: 1px solid #d1d1d1;
    vertical-align: top
}

.table-cms-component th {
    padding-bottom: 12px;
    background-color: #f7ebe4
}

.table-cms-component td {
    background-color: #fff
}

.video-cms-component .iframe-video {
    border: none;
    border-radius: 4px;
    max-width: 100%
}

.video-cms-component .shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .video-cms-component iframe {
        height: 308px;
        width: 548px
    }
}

@media (max-width:479px) {
    .video-cms-component iframe {
        height: 246px;
        width: 438px
    }
}

.content-card-cms-component {
    border-radius: 6px;
    border: 1px solid #d1d1d1;
    background-color: #fff
}

.content-card-cms-component .text-wrapper {
    padding: 24px 32px
}

.content-card-cms-component .image-wrapper {
    padding: 0 32px 20px
}

.content-card-cms-component .image-wrapper .content-image {
    width: 100%
}

.content-card-cms-component .emoji-wrapper,
.content-card-cms-component .icon-wrapper {
    margin-bottom: 8px
}

.content-card-cms-component .integration-wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.content-card-cms-component .integration-wrapper .integration-logo {
    height: 24px;
    width: 24px
}

.content-card-cms-component .integration-wrapper .integration-logo img {
    max-width: 100%;
    max-height: 100%
}

.content-card-cms-component .integration-wrapper .plus {
    margin: auto 0
}

.content-card-cms-component .description {
    margin-bottom: 0
}

.content-card-cms-component .link {
    margin-top: 4px
}

.top-banner-cms-component {
    display: flex;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .25);
    gap: 32px;
    position: relative;
    z-index: 2;
    align-items: center;
    justify-content: center;
    color: #161d1a;
    font-family: Inter, sans-serif;
    font-size: 16px;
    padding: 16px;
    margin-left: -40px;
    margin-right: -40px
}

@media (max-width:991px) {
    .top-banner-cms-component {
        margin-left: -24px;
        margin-right: -24px
    }
}

.top-banner-cms-component.closed {
    display: none
}

.top-banner-cms-component.background-primary {
    background-color: #fef9f6
}

.top-banner-cms-component.background-primary-inverse {
    background-color: #161d1a
}

.top-banner-cms-component.background-secondary {
    background-color: #f7ebe4
}

.top-banner-cms-component.background-brand {
    background-color: #fcc4c5
}

.top-banner-cms-component.background-brand-light {
    background-color: #fee6e6
}

.top-banner-cms-component.background-info {
    background-color: #daeffb
}

.top-banner-cms-component.dark-background .rich-text-component:not(.never-invert-color),
.top-banner-cms-component.dark-background .typography-component:not(.never-invert-color) {
    color: #f7ebe4
}

.top-banner-cms-component .text-wrapper {
    display: flex;
    margin: 0
}

.top-banner-cms-component .text-wrapper p.typography-component {
    margin: 0
}

.top-banner-cms-component .text-wrapper .emoji-wrapper {
    margin-left: 4px
}

@media (max-width:479px) {
    .top-banner-cms-component .text-wrapper {
        margin-right: 40px;
        text-align: center
    }
}

@media (max-width:767px) {
    .top-banner-cms-component .button {
        margin-left: 12px;
        margin-right: 40px
    }
}

@media (max-width:479px) {
    .top-banner-cms-component .button {
        margin-top: 8px
    }
}

.top-banner-cms-component .close {
    margin-left: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    opacity: .8
}

.top-banner-cms-component .close:hover {
    opacity: 1
}

.top-banner-cms-component .close>span {
    display: flex;
    align-items: center
}

@media (max-width:1199px) {
    .top-banner-cms-component {
        font-size: 16px;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media (max-width:991px) {
    .top-banner-cms-component {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .top-banner-cms-component {
        line-height: 1.2
    }
}

@media (max-width:479px) {
    .top-banner-cms-component {
        flex-direction: column;
        gap: 0
    }
}

.extension-tester-cms-component {
    display: flex
}

.extension-tester-cms-component .pwa-dot-highlight {
    position: relative;
    border: #d1d1d1;
    display: inline-block;
    float: right;
    z-index: 2
}

.extension-tester-cms-component .pwa-dot-highlight img {
    position: absolute;
    bottom: 15px
}

@media (max-width:479px) {
    .extension-tester-cms-component .pwa-dot-highlight {
        display: none
    }
}

.extension-tester-cms-component .text-area-wrapper {
    flex: content;
    border-radius: 6px;
    border: 2px solid #d1d1d1;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 8px 40px rgba(0, 0, 0, .2);
    margin-right: -15px;
    z-index: 1;
    width: 100%;
    display: inline-block;
    padding-right: 10px;
    background-color: #fff
}

.extension-tester-cms-component .text-area-wrapper .text-area {
    padding: 20px;
    width: 100%;
    min-height: 240px;
    height: 100%;
    line-height: 1.7
}

.extension-tester-cms-component .text-area-wrapper .text-area:focus {
    outline: 0
}

.central-creative-asset-cms-component {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 100%
}

.central-creative-asset-cms-component .central-creative-asset-image {
    max-width: 100%;
    height: auto
}

.central-creative-asset-cms-component.asset-size-m {
    max-width: 744px
}

.central-creative-asset-cms-component.asset-size-l {
    max-width: 1080px
}

@media (max-width:479px) {

    .cta-custom-button-cms-component,
    .cta-everywhere-button-cms-component,
    .download-extension-button-cms-component {
        width: 100%
    }
}

.global-sale-popup-cms-component {
    display: flex;
    flex-direction: column;
    padding: 32px 32px 48px;
    align-items: center;
    width: 100%;
    gap: 16px
}

.global-sale-popup-cms-component .image {
    max-width: 240px
}

.global-sale-popup-cms-component .discount,
.global-sale-popup-cms-component .heading,
.global-sale-popup-cms-component .text {
    margin-bottom: 8px
}

.global-sale-popup-cms-component .discount {
    white-space: nowrap;
    word-wrap: break-word
}

@media (min-width:384px) {
    .global-sale-popup-cms-component .discount {
        font-size: 60px
    }
}

.global-sale-popup-cms-component .heading {
    text-align: center
}

@media (min-width:384px) {
    .global-sale-popup-cms-component .heading {
        font-size: 40px
    }
}

.global-sale-popup-cms-component .text p {
    text-align: center;
    margin-bottom: 0
}

.global-sale-popup-cms-component .date-and-time {
    display: flex
}

.global-sale-popup-cms-component .date-and-time p {
    margin-bottom: 0
}

@media (max-width:479px) {
    .global-sale-popup-cms-component {
        padding: 40px 24px 32px
    }

    .global-sale-popup-cms-component .discount {
        font-size: 40px
    }

    .global-sale-popup-cms-component .heading {
        font-size: 32px
    }

    .global-sale-popup-cms-component .image {
        display: none
    }

    .global-sale-popup-cms-component .date-and-time {
        flex-direction: column;
        width: 100%;
        align-items: center
    }
}

.content-section-cms-component .section-element {
    margin-top: 48px;
    margin-bottom: 48px
}

.content-section-cms-component .section-element:first-of-type {
    margin-top: 0
}

.content-section-cms-component .section-element:last-of-type {
    margin-bottom: 0
}

.hero-section-cms-component {
    padding: 80px 0
}

@media (max-width:991px) {
    .hero-section-cms-component {
        padding: 64px 0
    }

    .hero-section-cms-component.section-background-default,
    .hero-section-cms-component.section-background-primary {
        padding-top: 20px
    }
}

@media (max-width:991px) {

    .hero-section-cms-component .subtitle,
    .hero-section-cms-component .title {
        max-width: 744px
    }
}

.hero-section-cms-component.spacing-large {
    padding: 240px 0
}

@media (max-width:991px) {
    .hero-section-cms-component.spacing-large {
        padding: 64px 0
    }

    .hero-section-cms-component.spacing-large.section-background-default,
    .hero-section-cms-component.spacing-large.section-background-primary {
        padding-top: 20px
    }
}

.hero-section-cms-component .hero-section-with-image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 16px
}

@media (max-width:1199px) {
    .hero-section-cms-component .hero-section-with-image {
        column-gap: 16px
    }
}

@media (max-width:991px) {
    .hero-section-cms-component .hero-section-with-image {
        flex-direction: column;
        row-gap: 40px
    }
}

.hero-section-cms-component .hero-section-with-image.image-placement-bottom {
    flex-direction: column
}

.hero-section-cms-component .hero-section-no-image .hero-cta-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px
}

@media (max-width:767px) {
    .hero-section-cms-component .hero-section-no-image .hero-cta-area {
        flex-direction: column
    }
}

.hero-section-cms-component .image-container-bottom,
.hero-section-cms-component .image-container-top {
    width: 100%;
    text-align: center
}

@media (max-width:991px) {

    .hero-section-cms-component .image-container-bottom,
    .hero-section-cms-component .image-container-top {
        max-width: 85%
    }
}

@media (max-width:479px) {

    .hero-section-cms-component .image-container-bottom,
    .hero-section-cms-component .image-container-top {
        max-width: 100%
    }
}

.hero-section-cms-component .image-container-bottom .content-image,
.hero-section-cms-component .image-container-top .content-image {
    width: 100%;
    object-fit: cover
}

.hero-section-cms-component .image-container-bottom .aspect-ratio-wrapper,
.hero-section-cms-component .image-container-top .aspect-ratio-wrapper {
    position: relative;
    width: 100%;
    padding-top: calc(var(--aspect-ratio) * 100%)
}

.hero-section-cms-component .image-container-bottom .aspect-ratio-wrapper img,
.hero-section-cms-component .image-container-top .aspect-ratio-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hero-section-cms-component .image-container-bottom .aspect-ratio-wrapper img[src$=".svg"],
.hero-section-cms-component .image-container-top .aspect-ratio-wrapper img[src$=".svg"] {
    width: 300%;
    transform: scale(.333);
    transform-origin: 0 0
}

.hero-section-cms-component .image-container-top {
    max-width: 360px;
    margin: auto auto 40px
}

.hero-section-cms-component .image-container-bottom {
    max-width: 1128px;
    margin: 40px auto 0
}

.hero-section-cms-component .image-container-right {
    width: 100%;
    max-width: 600px
}

.hero-section-cms-component .image-container-right .content-image {
    width: 100%;
    object-fit: cover
}

.hero-section-cms-component .image-container-right.image-s {
    flex: 3;
    max-width: 500px;
    text-align: right
}

@media (max-width:991px) {
    .hero-section-cms-component .image-container-right.image-s {
        max-width: 400px;
        text-align: center
    }
}

@media (max-width:767px) {
    .hero-section-cms-component .image-container-right.image-s {
        max-width: 350px
    }
}

@media (max-width:991px) {
    .hero-section-cms-component .image-container-right {
        max-width: 85%
    }
}

.hero-section-cms-component .image-container-right .aspect-ratio-wrapper {
    position: relative;
    width: 100%;
    padding-top: calc(var(--aspect-ratio) * 100%)
}

.hero-section-cms-component .image-container-right .aspect-ratio-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hero-section-cms-component .image-container-right .aspect-ratio-wrapper img[src$=".svg"] {
    width: 300%;
    transform: scale(.333);
    transform-origin: 0 0
}

.hero-section-cms-component .hero-content-area {
    flex: 1;
    min-width: 500px
}

@media (max-width:991px) {
    .hero-section-cms-component .hero-content-area {
        min-width: auto
    }
}

.hero-section-cms-component .hero-content-area .hero-content .title {
    margin-bottom: 24px
}

.hero-section-cms-component .hero-content-area .hero-content .subtitle {
    margin-bottom: 32px
}

.hero-section-cms-component .hero-content-area .hero-content .hero-summary {
    margin-top: 40px
}

.hero-section-cms-component .hero-content-area .hero-content .hero-summary>p {
    text-align: left;
    font-size: 16px
}

@media (max-width:991px) {
    .hero-section-cms-component .hero-content-area .hero-content :last-child {
        margin-bottom: 0
    }
}

.hero-section-cms-component .hero-content-area .hero-cta-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 24px
}

@media (max-width:767px) {
    .hero-section-cms-component .hero-content-area .hero-cta-area {
        flex-direction: column
    }
}

.hero-section-cms-component .hero-content-area .image-container {
    width: 100%;
    margin: auto 0
}

.hero-section-cms-component .hero-content-area .image-container.image-s {
    flex: 3;
    max-width: 600px;
    text-align: right
}

.hero-section-cms-component .hero-content-area .image-container.image-s .content-image {
    max-width: 500px
}

@media (max-width:991px) {
    .hero-section-cms-component .hero-content-area .image-container.image-s {
        max-width: 400px;
        text-align: center
    }
}

@media (max-width:767px) {
    .hero-section-cms-component .hero-content-area .image-container.image-s {
        max-width: 350px
    }
}

.hero-section-cms-component .hero-content-area .image-container.image-m {
    flex: 3;
    max-width: 600px
}

@media (max-width:991px) {
    .hero-section-cms-component .hero-content-area .image-container.image-m {
        text-align: center
    }
}

@media (max-width:767px) {
    .hero-section-cms-component .hero-content-area .image-container.image-m {
        max-width: 85%
    }
}

@media (max-width:479px) {
    .hero-section-cms-component .hero-content-area .image-container.image-m {
        max-width: 100%
    }
}

.hero-section-cms-component .hero-content-area .image-container .content-image {
    width: 100%;
    max-width: 100%;
    object-fit: cover
}

.hero-section-cms-component.image-placement-bottom .hero-cta-area,
.hero-section-cms-component.image-placement-top .hero-cta-area {
    justify-content: center !important
}

.hero-section-cms-component.hero-section-with-background-image {
    position: relative;
    overflow: hidden;
    background-color: #161d1a
}

.hero-section-cms-component.hero-section-with-background-image .hero-content-area {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-height: 500px;
    justify-content: center
}

@media (max-width:991px) {
    .hero-section-cms-component.hero-section-with-background-image .hero-content-area {
        min-height: 400px
    }
}

@media (max-width:767px) {
    .hero-section-cms-component.hero-section-with-background-image .hero-content-area {
        min-height: 350px
    }
}

.hero-section-cms-component.hero-section-with-background-image .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.hero-section-cms-component.hero-section-with-background-image .hero-background .background-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(.65)
}

.hero-section-cms-component .hero-additional-content {
    display: flex;
    justify-content: center
}

.hero-section-cms-component .registration-form-component {
    max-width: 380px
}

.tabs-section-cms-component .tab-item-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 120px
}

@media (max-width:1199px) {
    .tabs-section-cms-component .tab-item-list {
        gap: 40px
    }
}

@media (min-width:992px) {
    .tabs-section-cms-component .tab-item-list {
        flex-direction: row;
        align-items: flex-start
    }
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames {
    display: none
}

@media (min-width:992px) {
    .tabs-section-cms-component .tab-item-list .tab-item-list-frames {
        display: block
    }
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames>div {
    display: none
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames>div.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 643px;
    height: 504px;
    border-radius: 8px;
    padding: 64px;
    background-color: #fee6e6
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames>div.active img {
    max-width: 453px;
    height: 280px;
    object-fit: contain;
    margin-bottom: 12px
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames>div.active .text-container {
    max-width: 453px
}

.tabs-section-cms-component .tab-item-list .tab-item-list-frames>div.active .text-container .typography-component {
    color: #161d1a
}

.tabs-section-cms-component .tab-item-list ul.tab-headers {
    justify-content: center;
    padding-left: 0;
    text-align: center;
    list-style-type: none;
    list-style-position: inside;
    font-weight: 600;
    max-width: 100%;
    pointer-events: auto;
    margin: 0
}

@media (min-width:992px) {
    .tabs-section-cms-component .tab-item-list ul.tab-headers {
        cursor: pointer;
        list-style-type: disc;
        padding-left: unset;
        text-align: left;
        pointer-events: unset;
        width: 450px
    }
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li {
    position: relative;
    font-size: 18px;
    margin-bottom: 32px;
    padding: 8px 8px 8px 16px;
    border-radius: 4px;
    line-height: 32px
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li:last-child {
    margin-bottom: 0
}

@media (min-width:992px) {
    .tabs-section-cms-component .tab-item-list ul.tab-headers>li {
        margin-bottom: 8px
    }
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li .mobile-view {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    align-items: center
}

@media (min-width:992px) {
    .tabs-section-cms-component .tab-item-list ul.tab-headers>li .mobile-view {
        display: none
    }
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li .mobile-view img {
    width: 100%;
    max-width: 453px;
    height: 280px;
    object-fit: contain;
    margin-top: 20px;
    margin-bottom: 20px
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li:before {
    content: "";
    margin-right: -4px;
    -moz-padding-start: 12px
}

.tabs-section-cms-component .tab-item-list ul.tab-headers>li::marker {
    font-size: 16px;
    color: #f99a9c
}

@media (min-width:992px) {

    .tabs-section-cms-component .tab-item-list ul.tab-headers>li.active,
    .tabs-section-cms-component .tab-item-list ul.tab-headers>li:focus,
    .tabs-section-cms-component .tab-item-list ul.tab-headers>li:hover {
        background-color: #fee6e6
    }

    .tabs-section-cms-component .tab-item-list ul.tab-headers>li.active,
    .tabs-section-cms-component .tab-item-list ul.tab-headers>li:hover {
        color: #161d1a
    }
}

.questions-and-answers-section-cms-component .questions-and-answers {
    padding-top: 24px
}

.questions-and-answers-section-cms-component .questions-and-answers .question-and-answer-cms-component:not(:nth-last-child(-n+2)) {
    border-bottom: 1px solid #d1d1d1
}

@media (max-width:991px) {
    .questions-and-answers-section-cms-component .questions-and-answers .question-and-answer-cms-component:not(:last-child) {
        border-bottom: 1px solid #d1d1d1
    }
}

.questions-and-answers-section-cms-component .odd-length .question-and-answer-cms-component:not(:last-child) {
    border-bottom: 1px solid #d1d1d1
}

.banner-section-cms-component .banner-wrapper {
    margin: 48px 0
}

@media (max-width:991px) {
    .banner-section-cms-component .banner-wrapper {
        margin: 24px 0
    }
}

.banner-section-cms-component .banner-additional {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .banner-section-cms-component .banner-additional {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .banner-section-cms-component .banner-additional {
        margin-top: 24px
    }
}

@media (max-width:479px) {
    .banner-section-cms-component .banner-additional {
        flex-direction: column
    }
}

.banner-section-cms-component.section-component:not(:last-child) {
    position: relative
}

.banner-section-cms-component.section-component:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 33px;
    background: inherit;
    clip-path: path("M84 0H0V1C20.2029 1 37.0676 13.973 41.0371 33H42.8059C46.7754 13.973 63.6406 1 83.8433 1H84V0Z");
    z-index: 1
}

@media (max-width:767px) {
    .banner-section-cms-component.section-component:not(:last-child):after {
        clip-path: path("M52 0H0V1C12.5298 1 22.9895 9.10811 25.4515 21H26.5484C29.0104 9.10811 39.4702 1 52 1V0Z");
        bottom: -20px;
        height: 21px;
        width: 52px
    }
}

.partners-section-cms-component .partners-logos-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.partners-section-cms-component .partners-logos-list-item {
    margin: 0 32px 32px;
    display: flex;
    align-items: center;
    max-height: 80px;
    max-width: 150px
}

@media (max-width:991px) {
    .partners-section-cms-component .partners-logos-list-item {
        max-height: 70px;
        max-width: 130px
    }
}

@media (max-width:767px) {
    .partners-section-cms-component .partners-logos-list-item {
        margin: 0 32px 32px;
        max-width: 100px;
        max-height: 70px
    }
}

.integrations-section-cms-component .integrations-block {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 48px;
    justify-content: space-between
}

@media (max-width:767px) {
    .integrations-section-cms-component .integrations-block {
        flex-direction: column
    }
}

.integrations-section-cms-component .integrations-block-text {
    width: 50%;
    padding: 0
}

.integrations-section-cms-component .integrations-block-text .typography-component {
    text-align: left
}

@media (max-width:1199px) {
    .integrations-section-cms-component .integrations-block-text {
        padding: 0 48px 0 0
    }
}

@media (max-width:991px) {
    .integrations-section-cms-component .integrations-block-text {
        padding: 0 40px 0 0
    }
}

@media (max-width:767px) {
    .integrations-section-cms-component .integrations-block-text {
        width: 100%;
        padding: 0
    }

    .integrations-section-cms-component .integrations-block-text .typography-component {
        text-align: center
    }
}

@media (max-width:767px) {
    .integrations-section-cms-component .integrations-block-cta {
        display: flex;
        justify-content: center;
        margin-bottom: 24px
    }
}

.integrations-section-cms-component .integrations-block-logos {
    position: relative;
    z-index: 2;
    width: 45%;
    align-self: center;
    padding: 0 0 0 12px;
    box-sizing: border-box
}

@media (max-width:991px) {
    .integrations-section-cms-component .integrations-block-logos {
        padding: 0 24px
    }
}

@media (max-width:767px) {
    .integrations-section-cms-component .integrations-block-logos {
        width: 100%
    }
}

.integrations-section-cms-component .integrations-block-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.integrations-section-cms-component .integrations-block-list-item {
    margin: 0 0 32px 32px;
    width: 56px;
    height: 56px;
    border-radius: 50%
}

@media (max-width:1199px) {
    .integrations-section-cms-component .integrations-block-list-item {
        width: 50px;
        height: 50px;
        margin: 0 20px 24px
    }
}

@media (max-width:991px) {
    .integrations-section-cms-component .integrations-block-list-item {
        margin: 0 16px 16px;
        width: 42px;
        height: 42px
    }
}

@media (max-width:767px) {
    .integrations-section-cms-component .integrations-block-list-item {
        margin: 0 12px 12px;
        width: 34px;
        height: 34px
    }
}

.integrations-section-cms-component .integrations-block-list-item img {
    width: 100%
}

.speakers-section-cms-component {
    background-color: #f7ebe4;
    color: #161d1a
}

.speakers-section-cms-component .speakers-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.speakers-section-cms-component .speaker-socials {
    display: flex;
    justify-content: center
}

.speakers-section-cms-component .speaker-socials .social-link {
    margin: 0 8px;
    padding-bottom: 8px
}

.speaker-card-cms-component {
    display: flex;
    flex-direction: column;
    padding: 40px;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    width: 262px;
    min-height: 306px;
    border-radius: 4px;
    margin: 8px;
    background-color: #eddcd1
}

@media (max-width:479px) {
    .speaker-card-cms-component {
        margin: 4px;
        padding-left: 4px;
        padding-right: 4px;
        max-width: 90%
    }
}

.speaker-card-cms-component .speaker-image {
    padding-bottom: 24px;
    height: 128px;
    border-radius: 50%
}

.speaker-card-cms-component .speaker-name {
    width: 220px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    font-weight: 600
}

.speaker-card-cms-component .speaker-description {
    overflow: hidden;
    text-align: center;
    font-size: 12px
}

.speaker-card-cms-component .speaker-socials {
    margin-top: 20px
}

.speaker-card-cms-component .typography-component {
    margin: 0
}

.event-signup-banner-section-cms-component .form-container {
    width: 600px;
    max-width: 90%;
    margin: 0 auto
}

.event-schedule-section-cms-component .event-schedule-day-cms-component {
    display: none
}

.event-schedule-section-cms-component .event-schedule-day-cms-component.active {
    display: block
}

.event-schedule-section-cms-component .event-day-selector {
    display: flex;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 120px
}

@media (max-width:991px) {
    .event-schedule-section-cms-component .event-day-selector {
        flex-direction: column;
        padding: 0
    }
}

.event-schedule-section-cms-component .event-day-selector .event-tab-header {
    margin: 0 16px;
    cursor: pointer
}

@media (max-width:991px) {
    .event-schedule-section-cms-component .event-day-selector .event-tab-header {
        background-color: #f2f2f2;
        padding: 8px 20px;
        margin: 4px 0
    }
}

.event-schedule-section-cms-component .event-day-selector .event-tab-header .typography-component {
    color: #6d7972
}

@media (max-width:991px) {
    .event-schedule-section-cms-component .event-day-selector .event-tab-header .typography-component {
        color: #6d7972;
        margin: 0
    }
}

.event-schedule-section-cms-component .event-day-selector .event-tab-header.active {
    border-bottom: 3px solid #161d1a
}

@media (max-width:991px) {
    .event-schedule-section-cms-component .event-day-selector .event-tab-header.active {
        border-bottom: none;
        border-left: 2px solid #161d1a;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 0 24px rgba(0, 0, 0, .06)
    }
}

.event-schedule-section-cms-component .event-day-selector .event-tab-header.active .typography-component {
    color: #161d1a
}

@media (max-width:991px) {
    .event-schedule-section-cms-component .event-day-selector .event-tab-header.active .typography-component {
        color: #161d1a
    }
}

.event-schedule-section-cms-component .event-details-cms-component {
    display: grid;
    grid-template-columns: 102px 1fr;
    column-gap: 48px;
    border-bottom: 1px solid #d1d1d1;
    padding-top: 48px
}

@media (max-width:767px) {
    .event-schedule-section-cms-component .event-details-cms-component {
        display: flex;
        flex-direction: column
    }
}

.event-schedule-section-cms-component .event-details-cms-component .event-title {
    display: grid;
    grid-template-columns: 1fr auto auto;
    column-gap: 24px;
    margin-bottom: 0
}

.event-schedule-section-cms-component .event-details-cms-component .event-title .expand-icon-container {
    margin-right: 40px
}

.event-schedule-section-cms-component .event-details-cms-component .event-title .expand-icon {
    cursor: pointer;
    transform: rotate(90deg)
}

.event-schedule-section-cms-component .event-details-cms-component .event-subtitle .typography-component {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.01em;
    margin-bottom: 16px
}

.event-schedule-section-cms-component .event-details-cms-component .left-column {
    grid-column: 1/2
}

.event-schedule-section-cms-component .event-details-cms-component .left-column .typography-component {
    color: #6d7972
}

.event-schedule-section-cms-component .event-details-cms-component .content {
    grid-column: 2/3;
    padding-bottom: 32px
}

.event-schedule-section-cms-component .event-details-cms-component .content .event-details-content {
    display: none
}

.event-schedule-section-cms-component .event-details-cms-component .content .event-recording {
    margin-top: 32px;
    margin-bottom: 32px
}

.event-schedule-section-cms-component .event-details-cms-component .content .related-files-title {
    margin-top: 16px;
    margin-bottom: 4px
}

.event-schedule-section-cms-component .event-details-cms-component .content .event-related-files {
    display: flex;
    gap: 16px;
    font-weight: 400
}

.event-schedule-section-cms-component .event-details-cms-component .content .event-related-files .pwa-link {
    font-weight: 600
}

.event-schedule-section-cms-component .event-details-cms-component .content .event-details-content .typography-component:last-of-type {
    margin-bottom: 0
}

.event-schedule-section-cms-component .event-details-cms-component.expanded .event-title .expand-icon {
    transform: rotate(90deg) scaleX(-1)
}

.event-schedule-section-cms-component .event-details-cms-component.expanded .event-details-content {
    display: block;
    width: 75%;
    font-weight: 400
}

.event-schedule-section-cms-component .event-tags {
    display: flex;
    margin-bottom: 40px
}

.event-schedule-section-cms-component .event-tag-cms-component {
    padding: 2px 8px;
    margin: 0 8px;
    border-radius: 10px
}

.event-schedule-section-cms-component .event-tag-cms-component:first-child {
    margin-left: 0
}

.event-schedule-section-cms-component .event-tag-cms-component:last-child {
    margin-right: 0
}

.event-schedule-section-cms-component .event-tag-cms-component .typography-component {
    margin: 0;
    font-weight: 600
}

.event-schedule-section-cms-component .event-tag-cms-component.tag-yellow {
    background-color: #fae7c0
}

.event-schedule-section-cms-component .event-tag-cms-component.tag-red {
    background-color: #f6c0c0
}

.event-schedule-section-cms-component .event-tag-cms-component.tag-green {
    background-color: #bfe3c6
}

.event-schedule-section-cms-component .tooltip-target {
    cursor: pointer;
    display: flex
}

.event-schedule-section-cms-component .tooltip {
    position: relative;
    max-width: 300px
}

.event-schedule-section-cms-component .tooltip .tooltiptext {
    font-family: Inter, sans-serif;
    position: absolute;
    visibility: hidden;
    width: max-content;
    max-width: 280px;
    z-index: 2;
    top: 125%;
    border-radius: 4px;
    padding: 4px 8px;
    background-color: #161d1a;
    text-align: center;
    white-space: pre-wrap;
    transform: translateX(calc(-50% + 2px))
}

.event-schedule-section-cms-component .tooltip:hover .tooltiptext {
    visibility: visible
}

.event-schedule-section-cms-component.dark-background .event-day-selector .event-tab-header .typography-component,
.event-schedule-section-cms-component.dark-background .pwa-icon {
    color: #f7ebe4
}

.event-schedule-section-cms-component.dark-background .event-day-selector .event-tab-header.active {
    font-weight: 600;
    border-bottom: 3px solid #fef9f6
}

.event-schedule-section-cms-component.dark-background .event-day-selector .event-tab-header.active .typography-component,
.event-schedule-section-cms-component.dark-background .event-details-cms-component .left-column .typography-component {
    color: #f7ebe4
}

.event-schedule-section-cms-component.dark-background .event-related-files .pwa-link {
    color: #0e5d8b
}

.registration-form-section-cms-component .registration-form-content-area {
    display: flex
}

@media (max-width:992px) {
    .registration-form-section-cms-component .registration-form-content-area {
        flex-direction: column-reverse
    }
}

.registration-form-section-cms-component .registration-form-content-area p {
    text-align: left;
    margin: 8px 0 24px
}

.registration-form-section-cms-component .registration-form {
    flex: 3
}

.registration-form-section-cms-component .image-container {
    width: 90%;
    margin: auto 64px auto 0
}

.registration-form-section-cms-component .image-container.image-s {
    flex: 2;
    max-width: 400px
}

.registration-form-section-cms-component .image-container.image-m {
    flex: 3;
    max-width: 500px
}

.registration-form-section-cms-component .image-container .content-image {
    aspect-ratio: 1.375;
    max-width: 100%;
    object-fit: cover;
    border-radius: 16px
}

.testimonials-section-cms-component .testimonials-container {
    gap: 24px
}

.testimonials-section-cms-component .testimonial-cms-component {
    max-width: 364px;
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .testimonials-section-cms-component .testimonial-cms-component {
        max-width: 100%
    }
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-rating {
    margin-bottom: 16px;
    flex: 0 0 auto
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-body {
    padding: 32px;
    background-color: #f7ebe4;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-body:after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 33px;
    background: inherit;
    clip-path: path("M84 0H0V1C20.2029 1 37.0676 13.973 41.0371 33H42.8059C46.7754 13.973 63.6406 1 83.8433 1H84V0Z");
    z-index: 1
}

@media (max-width:767px) {
    .testimonials-section-cms-component .testimonial-cms-component .testimonial-body:after {
        clip-path: path("M52 0H0V1C12.5298 1 22.9895 9.10811 25.4515 21H26.5484C29.0104 9.10811 39.4702 1 52 1V0Z");
        bottom: -20px;
        height: 21px;
        width: 52px
    }
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-footer {
    flex: 0 0 auto;
    min-height: 104px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    margin-top: 56px
}

@media (max-width:767px) {
    .testimonials-section-cms-component .testimonial-cms-component .testimonial-footer {
        margin-top: 32px;
        gap: 10.4px;
        min-height: 67.6px
    }
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    position: relative
}

@media (max-width:767px) {
    .testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar {
        width: 41.6px;
        height: 41.6px
    }
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar-image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar-logo {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:767px) {
    .testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar-logo {
        width: 15.6px;
        height: 15.6px
    }
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-avatar img {
    width: 100%;
    height: auto;
    display: block
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-name {
    flex: 1 1 auto
}

.testimonials-section-cms-component .testimonial-cms-component .testimonial-name-text {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

@media (max-width:767px) {
    .testimonials-section-cms-component .testimonial-cms-component .testimonial-name-text {
        line-height: 15.6px;
        font-size: 14px
    }
}

.testimonials-section-cms-component.primary-inverse .testimonial-cms-component .testimonial-body {
    background-color: #161d1a
}

.testimonials-section-cms-component.primary-inverse .testimonial-cms-component .testimonial-body .pwa-star path.empty-star {
    fill: #3d4842
}

.testimonials-section-cms-component.primary-inverse .testimonial-cms-component .testimonial-body .testimonial-quote {
    color: #161d1a
}

.testimonials-section-cms-component.section-background-brand-light .testimonial-cms-component .testimonial-body,
.testimonials-section-cms-component.section-background-info .testimonial-cms-component .testimonial-body,
.testimonials-section-cms-component.section-background-primary .testimonial-cms-component .testimonial-body,
.testimonials-section-cms-component.section-background-secondary .testimonial-cms-component .testimonial-body {
    background-color: #fff
}

.testimonials-section-cms-component.section-background-brand-light .testimonial-cms-component .testimonial-body .pwa-star path.empty-star,
.testimonials-section-cms-component.section-background-info .testimonial-cms-component .testimonial-body .pwa-star path.empty-star,
.testimonials-section-cms-component.section-background-primary .testimonial-cms-component .testimonial-body .pwa-star path.empty-star,
.testimonials-section-cms-component.section-background-secondary .testimonial-cms-component .testimonial-body .pwa-star path.empty-star {
    fill: #f7ebe4
}

.testimonials-section-cms-component.section-background-main .testimonial-cms-component .testimonial-body {
    background-color: #fef9f6
}

.testimonials-section-cms-component.section-background-main .testimonial-cms-component .testimonial-body .pwa-star path.empty-star {
    fill: #eddcd1
}

.business-testimonials-section-cms-component {
    padding: 80px 0;
    gap: 8px
}

.business-testimonials-section-cms-component.dark-background .business-testimonial-quote,
.business-testimonials-section-cms-component.dark-background .business-testimonial-quote:after {
    background-color: #27302b
}

@media (max-width:991px) {
    .business-testimonials-section-cms-component {
        padding: 64px 0
    }
}

@media (max-width:767px) {
    .business-testimonials-section-cms-component {
        padding: 48px 0
    }
}

.business-testimonials-section-cms-component .business-testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 936px;
    margin: 0 auto
}

.business-testimonials-section-cms-component .business-testimonial-avatar {
    width: 112px;
    height: 112px;
    margin-top: 40px;
    margin-bottom: 16px;
    position: relative
}

.business-testimonials-section-cms-component .business-testimonial-avatar-image-wrapper {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.business-testimonials-section-cms-component .business-testimonial-avatar img {
    width: 100%;
    height: auto
}

.business-testimonials-section-cms-component .business-testimonial-avatar-logo {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0
}

.business-testimonials-section-cms-component .business-testimonial-quote {
    background-color: #f7ebe4;
    padding: 64px;
    font-size: 32px;
    line-height: 150%;
    position: relative
}

.business-testimonials-section-cms-component .business-testimonial-quote:after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 33px;
    background: inherit;
    clip-path: path("M84 0H0V1C20.2029 1 37.0676 13.973 41.0371 33H42.8059C46.7754 13.973 63.6406 1 83.8433 1H84V0Z");
    z-index: 1
}

@media (max-width:767px) {
    .business-testimonials-section-cms-component .business-testimonial-quote:after {
        clip-path: path("M52 0H0V1C12.5298 1 22.9895 9.10811 25.4515 21H26.5484C29.0104 9.10811 39.4702 1 52 1V0Z");
        bottom: -20px;
        height: 21px;
        width: 52px
    }
}

@media (max-width:991px) {
    .business-testimonials-section-cms-component .business-testimonial-quote {
        font-size: 24px;
        padding: 32px
    }
}

@media (max-width:767px) {
    .business-testimonials-section-cms-component .business-testimonial-quote {
        font-size: 20px;
        padding: 16px
    }
}

.business-testimonials-section-cms-component .business-testimonial-name {
    font-size: 22px;
    text-align: center;
    line-height: 150%;
    margin-bottom: 4px
}

.business-testimonials-section-cms-component .business-testimonial-name .typography-component {
    display: inline-block
}

@media (max-width:991px) {
    .business-testimonials-section-cms-component .business-testimonial-name {
        font-size: 20px
    }
}

.business-testimonials-section-cms-component .business-testimonial-job-title {
    font-size: 14px;
    text-align: center
}

.business-testimonials-section-cms-component .business-testimonial-job-title .typography-component {
    display: inline-block
}

@media (max-width:991px) {
    .business-testimonials-section-cms-component .business-testimonial-job-title {
        font-size: 12px
    }
}

.central-creative-asset-section-cms-component .title-after-image {
    margin-top: 32px
}

.extensions-section-cms-component .extensions-cms-component {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.extensions-section-cms-component .extensions-cms-component .extension-logos {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 32px;
    color: #161d1a
}

.extensions-section-cms-component .extensions-cms-component .extension-logos-item {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px
}

.extensions-section-cms-component .extensions-cms-component .extension-logos-item.size-medium {
    width: 48px;
    height: 48px
}

.extensions-section-cms-component .extensions-cms-component .extension-logos-item.size-big {
    width: 64px;
    height: 64px
}

.extensions-section-cms-component .extensions-cms-component .extensions-cta {
    margin-top: 12px
}

.extensions-section-cms-component.dark-background .extension-logos {
    color: #f7ebe4
}

.three-step-process-section-cms-component .three-step-process-content {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.three-step-process-section-cms-component .three-step-process-content .title {
    font-family: Reckless, serif;
    font-size: 24px
}

@media (min-width:768px) and (max-width:991px) {
    .three-step-process-section-cms-component .three-step-process-content {
        gap: 40px
    }
}

@media (max-width:767px) {
    .three-step-process-section-cms-component .three-step-process-content {
        flex-direction: column;
        align-items: center;
        gap: 32px
    }
}

.three-step-process-section-cms-component .arrow-image-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10%
}

@media (max-width:991px) {
    .three-step-process-section-cms-component .arrow-image-wrapper {
        display: none
    }
}

.three-step-process-section-cms-component .large-image {
    justify-content: center;
    gap: 4px
}

@media (min-width:768px) and (max-width:991px) {
    .three-step-process-section-cms-component .large-image {
        gap: 40px
    }
}

@media (max-width:767px) {
    .three-step-process-section-cms-component .large-image {
        gap: 32px
    }
}

@media (max-width:767px) {
    .container-fluid.cms-container-fluid .hosted-external-content-section-cms-component .container.cms-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .columns-component.columns-amount-3.flash-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px
    }
}

@media (max-width:767px) {
    .columns-component.columns-amount-3.flash-cards {
        grid-template-columns: auto
    }
}

.blog-article-cards-section-cms-component {
    padding-top: 0
}

.blog-article-cards-section-cms-component .articles-container {
    gap: 32px;
    padding-top: 0
}

@media (max-width:991px) {
    .blog-article-cards-section-cms-component .articles-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .blog-article-cards-section-cms-component .articles-container {
        grid-template-columns: auto
    }
}

.blog-article-cards-section-cms-component .article-card-cms-component {
    background-color: #f7ebe4
}

.blog-article-cards-section-cms-component .article-card-cms-component .article-card-content {
    padding: 24px 24px 0
}

.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+1),
.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+5),
.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+8) {
    background-color: #fee6e6
}

.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+2),
.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+6),
.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+7) {
    background-color: #daeffb
}

.blog-article-cards-section-cms-component .article-card-cms-component:nth-child(4n+9) {
    background-color: #f7ebe4
}

.blog-article-cards-section-cms-component .no-articles {
    padding-top: 64px
}

.promotion-hero-section-cms-component {
    padding: 80px 0
}

@media (max-width:991px) {
    .promotion-hero-section-cms-component {
        padding: 64px 0
    }

    .promotion-hero-section-cms-component.section-background-default,
    .promotion-hero-section-cms-component.section-background-primary {
        padding-top: 20px
    }
}

.promotion-hero-section-cms-component .secondary-title,
.promotion-hero-section-cms-component .subtitle,
.promotion-hero-section-cms-component .title {
    margin-bottom: 12px
}

@media (max-width:991px) {

    .promotion-hero-section-cms-component .secondary-title,
    .promotion-hero-section-cms-component .subtitle,
    .promotion-hero-section-cms-component .title {
        max-width: 744px
    }
}

.promotion-hero-section-cms-component .promotion {
    margin: .4em auto
}

.promotion-hero-section-cms-component .cta-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px
}

@media (max-width:479px) {
    .promotion-hero-section-cms-component .cta-area {
        flex-direction: column
    }
}

.countdown-section-cms-component .title {
    margin-bottom: 32px
}

.countdown-section-cms-component .hide-promotion-info {
    display: none
}

.countdown-section-cms-component .cta-area {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.promotion-countdown-with-image-hero-section-cms-component {
    padding: 80px 0
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper {
    display: flex;
    column-gap: 140px
}

@media (max-width:1199px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper {
        column-gap: 64px;
        align-items: center
    }
}

@media (max-width:991px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper {
        flex-direction: column;
        row-gap: 40px
    }

    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper h1,
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper h2,
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper p {
        text-align: center
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content {
    flex: 3;
    width: 100%
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content .additional-content {
    justify-content: left
}

@media (max-width:991px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content .additional-content {
        justify-content: center
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content .promotion-description {
    margin: 8px 0 24px
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content .promotion-name {
    font-size: 40px;
    margin: 40px 0 16px
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .promotion-content .promotion {
    margin: 24px 0 8px
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container {
    width: 90%;
    margin: auto 0
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container.image-s {
    flex: 2;
    max-width: 400px
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container.image-m {
    flex: 3;
    max-width: 500px
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container .content-image {
    max-width: 100%;
    object-fit: cover
}

@media (max-width:991px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container {
        width: 500px;
        max-width: 90%;
        margin: 0
    }

    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container.image-m,
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container.image-s {
        max-width: 90%
    }

    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .image-container img {
        width: 100%
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component {
    padding: 0 0 40px;
    justify-content: left;
    background: transparent
}

@media (max-width:479px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component {
        padding: 8px 4px
    }
}

@media (max-width:991px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component {
        justify-content: center
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block {
    padding-top: 0
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block .number {
    font-size: 50px;
    line-height: normal
}

@media (max-width:767px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block .number {
        font-size: 32px
    }
}

@media (max-width:479px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block .number {
        font-size: 24px
    }
}

@media (max-width:383px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block .number {
        font-size: 14px
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block p {
    font-size: 12px;
    margin: 0
}

@media (max-width:479px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .time-block {
        width: 100%
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .colon {
    font-size: 50px;
    margin: 0 24px;
    line-height: normal
}

@media (max-width:767px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .colon {
        font-size: 32px
    }
}

@media (max-width:479px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .colon {
        font-size: 24px;
        margin: 0 .1em auto;
        padding-top: 0
    }
}

@media (max-width:383px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .colon {
        font-size: 14px
    }
}

.promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .expired {
    text-align: left;
    font-size: 24px
}

@media (max-width:991px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .expired {
        text-align: center
    }
}

@media (max-width:767px) {
    .promotion-countdown-with-image-hero-section-cms-component .countdown-hero-wrapper .timer-cms-component .expired {
        font-size: 20px
    }
}

.promotion-countdown-with-image-hero-section-cms-component.dark-background .timer-cms-component .expired,
.promotion-countdown-with-image-hero-section-cms-component.dark-background .timer-cms-component .time-block {
    color: #f7ebe4
}

.promotion-countdown-with-image-hero-section-cms-component .hide-promotion-info {
    display: none
}

.carousel-hero-section-cms-component {
    padding: 80px 0
}

.carousel-hero-section-cms-component .cms-container {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component {
        padding: 64px 0
    }

    .carousel-hero-section-cms-component.section-background-default,
    .carousel-hero-section-cms-component.section-background-primary {
        padding-top: 20px
    }
}

.carousel-hero-section-cms-component .slide-title {
    font-size: 24px;
    font-weight: 600
}

.carousel-hero-section-cms-component .title {
    font-size: 40px;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component .title {
        max-width: 744px
    }
}

.carousel-hero-section-cms-component.spacing-large {
    padding: 240px 0
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component.spacing-large {
        padding: 64px 0
    }

    .carousel-hero-section-cms-component.spacing-large.section-background-default,
    .carousel-hero-section-cms-component.spacing-large.section-background-primary {
        padding-top: 20px
    }
}

.carousel-hero-section-cms-component .carousel-controls {
    display: flex;
    flex-direction: row
}

.carousel-hero-section-cms-component .carousel-controls .carousel-dot-container {
    display: grid;
    grid-auto-flow: column;
    column-gap: 16px
}

@media (max-width:479px) {
    .carousel-hero-section-cms-component .carousel-controls .carousel-dot-container {
        column-gap: 4px
    }
}

.carousel-hero-section-cms-component .carousel-controls .carousel-dot-container .carousel-dot-grid-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-hero-section-cms-component .carousel-controls .carousel-dot-container .carousel-dot-grid-item .carousel-dot {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #d9d9d9;
    cursor: pointer
}

.carousel-hero-section-cms-component .carousel-controls .carousel-dot-container .carousel-dot-grid-item .carousel-dot.active {
    background-color: #161d1a;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    cursor: default
}

.carousel-hero-section-cms-component .hero-section-with-image {
    width: 1000px;
    display: none;
    justify-content: space-between;
    align-items: center;
    column-gap: 48px;
    min-height: 250px
}

@media (max-width:1199px) {
    .carousel-hero-section-cms-component .hero-section-with-image {
        column-gap: 64px;
        width: 800px
    }
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component .hero-section-with-image {
        max-width: 100%;
        row-gap: 40px
    }
}

@media (max-width:767px) {
    .carousel-hero-section-cms-component .hero-section-with-image {
        flex-direction: column
    }
}

.carousel-hero-section-cms-component .hero-section-with-image.visible {
    display: flex
}

.carousel-hero-section-cms-component .hero-content-area {
    width: 476px
}

@media (max-width:1199px) {
    .carousel-hero-section-cms-component .hero-content-area {
        width: 376px
    }
}

.carousel-hero-section-cms-component .hero-content .title {
    margin-bottom: 24px
}

.carousel-hero-section-cms-component .hero-content .subtitle {
    margin-bottom: 40px
}

.carousel-hero-section-cms-component .hero-content .hero-summary {
    margin-top: 40px
}

.carousel-hero-section-cms-component .hero-content .hero-summary>p {
    text-align: left;
    font-size: 16px
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component .hero-content :last-child {
        margin-bottom: 0
    }
}

.carousel-hero-section-cms-component .image-container {
    width: 476px;
    height: 350px;
    display: flex;
    justify-content: flex-end;
    margin: auto 0
}

.carousel-hero-section-cms-component .image-container .content-image {
    aspect-ratio: 1.375;
    max-width: 100%;
    object-fit: contain;
    object-position: top
}

@media (max-width:1199px) {
    .carousel-hero-section-cms-component .image-container {
        width: 376px;
        height: 290px
    }
}

@media (max-width:991px) {
    .carousel-hero-section-cms-component .image-container {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .carousel-hero-section-cms-component .image-container.image-m,
    .carousel-hero-section-cms-component .image-container.image-s {
        max-width: 100%
    }

    .carousel-hero-section-cms-component .image-container img {
        width: 100%
    }
}

.blog-menu-section-cms-component {
    padding-top: 0;
    padding-bottom: 24px
}

.vertical-form-section-cms-component .form-header-image {
    max-height: 140px;
    max-width: 90%;
    display: block;
    margin: 0 auto 40px
}

.vertical-form-section-cms-component .title.no-subtitle {
    margin-bottom: 40px
}

.vertical-form-section-cms-component .form-container {
    max-width: 90%;
    margin: 0 auto
}

.vertical-form-section-cms-component .form-container .cms-form-fields {
    flex-direction: column;
    align-items: center
}

.vertical-form-section-cms-component .form-container .cms-form-input-element {
    width: 100%;
    max-width: 400px;
    margin-bottom: 40px;
    border-radius: 6px
}

.vertical-form-section-cms-component .form-container .input {
    border: 1px solid #d1d1d1;
    border-radius: 6px
}

.vertical-form-section-cms-component .form-container .plain-text {
    margin-bottom: 8px
}

.vertical-form-section-cms-component .form-container button {
    max-width: 200px
}

.vertical-form-section-cms-component .form-container .form-image {
    max-height: 140px;
    max-width: 100%;
    margin-bottom: 32px
}

.pricing-section-cms-component {
    color: #161d1a
}

.pricing-section-cms-component .promocode-response-message-wrapper {
    display: flex;
    justify-content: center;
    padding: 32px 0 24px
}

@media (max-width:991px) {
    .pricing-section-cms-component .promocode-response-message-wrapper {
        margin-bottom: 24px
    }
}

.pricing-section-cms-component .discountPercentage {
    opacity: 0;
    transition: visibility .1s linear, opacity .1s linear;
    display: flex;
    justify-content: center;
    padding-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600
}

.pricing-section-cms-component .discountPercentageActive {
    opacity: 1
}

.pricing-section-cms-component .pricing-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 0 0;
    margin: auto auto 64px
}

@media (max-width:1199px) {
    .pricing-section-cms-component .pricing-content {
        flex-direction: column;
        gap: 40px;
        padding: 20px 0 0;
        align-items: center
    }
}

@media (max-width:991px) {
    .pricing-section-cms-component .pricing-content {
        padding: 0;
        align-items: center;
        gap: 32px
    }
}

.pricing-section-cms-component .pricing-content-plans {
    display: none;
    gap: 32px
}

.pricing-section-cms-component .pricing-content-plans .plan-subtitle {
    font-size: 18px;
    min-height: 64px;
    padding-bottom: 0
}

@media (max-width:1199px) {
    .pricing-section-cms-component .pricing-content-plans {
        gap: 24px
    }
}

@media (max-width:991px) {
    .pricing-section-cms-component .pricing-content-plans {
        flex-direction: column;
        width: 100%;
        align-items: center
    }

    .pricing-section-cms-component .pricing-content-plans .type-premium {
        order: 2
    }

    .pricing-section-cms-component .pricing-content-plans .type-premium-pro {
        order: 1
    }

    .pricing-section-cms-component .pricing-content-plans .type-free {
        order: 3
    }
}

.pricing-section-cms-component .promocode-cms-component {
    display: flex;
    justify-content: center;
    margin: 0 auto 64px;
    max-width: 766px;
    gap: 24px;
    padding: 20px 32px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d1d1d1
}

@media (max-width:1199px) {
    .pricing-section-cms-component .promocode-cms-component {
        margin: 40px auto
    }
}

@media (max-width:767px) {
    .pricing-section-cms-component .promocode-cms-component {
        padding: 24px;
        display: grid;
        grid-template-areas: "a a a a" "b b b b"
    }
}

.pricing-section-cms-component .promocode-cms-component .promo-text {
    grid-area: a;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: auto;
    margin-bottom: auto
}

@media (max-width:767px) {
    .pricing-section-cms-component .promocode-cms-component .promo-text {
        margin: auto
    }
}

.pricing-section-cms-component .promocode-cms-component .promo-form {
    display: flex;
    gap: 12px;
    grid-area: b
}

@media (max-width:479px) {
    .pricing-section-cms-component .promocode-cms-component .promo-form {
        flex-direction: column
    }
}

.pricing-section-cms-component .promocode-cms-component .promo-input {
    max-width: 300px
}

.pricing-section-cms-component .additional-links-component {
    max-width: 1128px;
    display: grid;
    grid-template-columns: .5fr 2fr;
    gap: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    border-radius: 8px;
    background: #f7ebe4
}

@media (max-width:991px) {
    .pricing-section-cms-component .additional-links-component {
        grid-template-columns: 1fr;
        gap: 12px;
        max-width: 744px
    }
}

@media (max-width:767px) {
    .pricing-section-cms-component .additional-links-component {
        max-width: 552px
    }
}

.pricing-section-cms-component .additional-links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px 64px
}

@media (max-width:991px) {
    .pricing-section-cms-component .additional-links {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:479px) {
    .pricing-section-cms-component .additional-links {
        grid-template-columns: 1fr
    }
}

.pricing-section-cms-component .additional-links-title {
    font-family: Reckless, serif;
    font-size: 24px;
    font-weight: 600
}

.pricing-section-cms-component .link-item-with-icon .pwa-icon {
    vertical-align: top
}

.pricing-section-cms-component .link-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1.5;
    font-weight: 500
}

@media (max-width:991px) {
    .pricing-section-cms-component .link-item p {
        font-size: 16px;
        margin-bottom: 0
    }
}

.pricing-section-cms-component .link-item .level-down-icon {
    transform: rotate(270deg)
}

.pricing-section-cms-component .link-item .link-text {
    font-weight: 600;
    vertical-align: top;
    margin-left: 8px
}

@media (max-width:1199px) {
    .pricing-section-cms-component .desktop-only {
        display: none
    }
}

.pricing-section-cms-component .choose-plan {
    display: flex;
    gap: 0;
    margin: auto;
    flex-direction: row;
    max-width: max-content;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 999px;
    padding: 8px
}

.pricing-section-cms-component .choose-plan .pwa-radio-plan {
    cursor: pointer;
    margin-bottom: 0
}

.pricing-section-cms-component .choose-plan .pwa-radio-plan .checkmark {
    display: none;
    border: 1px solid transparent
}

.pricing-section-cms-component .choose-plan .pwa-radio-plan input:checked~.radio-text {
    border-radius: 999px;
    background-color: #161d1a;
    color: #f7ebe4
}

.pricing-section-cms-component .choose-plan .pwa-radio-plan .radio-text {
    display: inline-flex;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    color: #161d1a;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer
}

@media (max-width:479px) {
    .pricing-section-cms-component .choose-plan .pwa-radio-plan .radio-text {
        padding: 8px
    }
}

.pricing-section-cms-component .badge {
    margin-left: 8px;
    white-space: nowrap;
    font-weight: 400
}

.pricing-section-cms-component .active {
    display: flex;
    justify-content: center
}

.pricing-section-cms-component .larger-child-width .pricing-plan-cms-component {
    width: 320px
}

.pricing-section-cms-component.dark-background {
    color: #f7ebe4
}

.pricing-section-cms-component.dark-background .choose-plan {
    border-color: transparent
}

.pricing-section-cms-component.dark-background .promocode-cms-component {
    background-color: #161d1a;
    border-color: #3d4842
}

.pricing-section-cms-component.dark-background .promocode-cms-component .promo-text {
    color: #f7ebe4
}

.pricing-section-cms-component.dark-background .additional-links-component {
    background-color: #161d1a
}

.pricing-section-cms-component.dark-background .additional-links-component .link-item a,
.pricing-section-cms-component.dark-background .additional-links-component .link-item a:hover {
    color: #0e5d8b
}

.bundle-pricing-section-cms-component {
    color: #161d1a
}

.bundle-pricing-section-cms-component .discountPercentage {
    opacity: 0;
    transition: visibility .1s linear, opacity .1s linear;
    display: flex;
    justify-content: center;
    padding-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600
}

.bundle-pricing-section-cms-component .discountPercentageActive {
    opacity: 1
}

.bundle-pricing-section-cms-component .pricing-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 0 0;
    margin: auto auto 64px
}

@media (max-width:1199px) {
    .bundle-pricing-section-cms-component .pricing-content {
        flex-direction: column;
        gap: 40px;
        padding: 20px 0 0;
        align-items: center
    }
}

@media (max-width:991px) {
    .bundle-pricing-section-cms-component .pricing-content {
        padding: 0;
        align-items: center;
        gap: 32px
    }
}

.bundle-pricing-section-cms-component .pricing-content-bundles {
    display: none;
    gap: 32px
}

.bundle-pricing-section-cms-component .pricing-content-bundles .bundle-subtitle {
    font-size: 18px;
    min-height: 64px;
    padding-bottom: 0
}

@media (max-width:1199px) {
    .bundle-pricing-section-cms-component .pricing-content-bundles {
        gap: 24px
    }
}

@media (max-width:991px) {
    .bundle-pricing-section-cms-component .pricing-content-bundles {
        flex-direction: column;
        width: 100%;
        align-items: center
    }

    .bundle-pricing-section-cms-component .pricing-content-bundles .type-premium {
        order: 2
    }

    .bundle-pricing-section-cms-component .pricing-content-bundles .type-premium-pro {
        order: 1
    }

    .bundle-pricing-section-cms-component .pricing-content-bundles .type-free {
        order: 3
    }
}

.bundle-pricing-section-cms-component .choose-plan {
    display: flex;
    gap: 0;
    margin: auto;
    flex-direction: row;
    max-width: max-content;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 999px;
    padding: 8px
}

.bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan {
    cursor: pointer;
    margin-bottom: 0
}

.bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan .checkmark {
    display: none;
    border: 1px solid transparent
}

.bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan input:checked~.radio-text {
    border-radius: 999px;
    background-color: #161d1a;
    color: #f7ebe4
}

.bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan .radio-text {
    display: inline-flex;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    color: #161d1a;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap
}

@media (max-width:479px) {
    .bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan .radio-text {
        padding: 8px;
        font-size: 14px
    }

    .bundle-pricing-section-cms-component .choose-plan .pwa-radio-plan .radio-text .plan-badge {
        padding: 0 4px;
        flex: 0 0 auto
    }
}

.bundle-pricing-section-cms-component .plan-badge {
    margin-left: 8px
}

.bundle-pricing-section-cms-component .active {
    display: flex;
    justify-content: center
}

.bundle-pricing-section-cms-component .larger-child-width .pricing-plan-cms-component {
    width: 320px
}

.bundle-pricing-section-cms-component.dark-background {
    color: #f7ebe4
}

.bundle-pricing-section-cms-component.dark-background .choose-plan {
    border-color: transparent
}

.bundle-pricing-section-cms-component .popup-overlay {
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 10
}

.bundle-pricing-section-cms-component .popup-content {
    z-index: 20;
    position: relative
}

.bundle-pricing-section-cms-component .popup-centring-wrap {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10
}

.bundle-pricing-section-cms-component .popup-centring-wrap h3,
.bundle-pricing-section-cms-component .popup-centring-wrap h4,
.bundle-pricing-section-cms-component .popup-centring-wrap h5,
.bundle-pricing-section-cms-component .popup-centring-wrap h6 {
    font-family: Reckless, serif;
    font-weight: 600;
    margin: 0 0 24px
}

.bundle-pricing-section-cms-component .planIntervalSelectionPopupHeader {
    text-align: center
}

.bundle-pricing-section-cms-component .planIntervalSelectionPopupHeader h3 {
    margin: 16px 0;
    font-size: 32px
}

.bundle-pricing-section-cms-component .planIntervalSelectionPopupHeader p {
    color: #3d4842;
    margin-bottom: 24px;
    font-size: 16px
}

.bundle-pricing-section-cms-component .content-two-columns {
    display: flex;
    max-height: calc(100vh - 230px);
    overflow: auto;
    gap: 48px
}

.bundle-pricing-section-cms-component .content-two-columns .col {
    flex: 1;
    width: 400px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 12px;
    font-weight: 500
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content {
    border: 2px solid #d1d1d1;
    padding: 12px;
    border-radius: 8px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .title {
    font-size: 16px;
    margin: 0 0 8px;
    font-family: Reckless, serif;
    font-weight: 600;
    display: flex;
    align-items: flex-end
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .title .title-left {
    flex: 1 1 auto
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .title .title-right {
    flex: 0 0 auto;
    margin-left: 12px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .title span {
    margin-right: 12px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .title .pwa-badge+.pwa-badge {
    margin-left: 88px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .content {
    font-size: 16px
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content .content .price {
    line-height: 1;
    font-size: 20px;
    padding-right: 8px;
    font-family: Reckless, serif;
    font-weight: 600
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item .radio-content:hover {
    border-color: #161d1a;
    background-color: #f7ebe4
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item input[type=radio] {
    display: none
}

.bundle-pricing-section-cms-component .content-two-columns .radio-items .radio-item input:checked~.radio-content {
    border-color: #161d1a;
    background-color: #f7ebe4
}

.bundle-pricing-section-cms-component .content-two-columns .included-features {
    padding: 24px;
    border-radius: 8px;
    background-color: #fef9f6;
    margin-left: 8px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features .included-features-header {
    display: flex;
    align-items: flex-start
}

.bundle-pricing-section-cms-component .content-two-columns .included-features .included-features-header .pwa-icon-color-static {
    margin-top: 2px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features .included-features-header .included-features-header-content {
    margin-left: 8px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features .included-features-header .included-features-header-content .included-features-title {
    font-size: 20px;
    margin-bottom: 2px;
    font-weight: 600;
    line-height: 32px;
    font-family: Reckless, serif
}

.bundle-pricing-section-cms-component .content-two-columns .included-features .included-features-header .included-features-header-content .included-features-subtitle {
    color: #3d4842;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features ul {
    list-style: none;
    padding: 0;
    margin: 0 0 8px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features ul li {
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.bundle-pricing-section-cms-component .content-two-columns .included-features ul li .benefitText {
    margin-left: 12px
}

.bundle-pricing-section-cms-component .content-two-columns .included-features a {
    font-size: 14px;
    font-weight: 600;
    color: #161d1a;
    text-decoration: underline
}

@media (max-width:1024px) {
    .bundle-pricing-section-cms-component .content-two-columns .col {
        width: auto
    }

    .bundle-pricing-section-cms-component .content-two-columns .col:nth-child(2) {
        display: none
    }
}

.bundle-pricing-section-cms-component .popup-summary {
    border-top: 1px solid #d1d1d1;
    padding-top: 32px;
    margin-top: 16px
}

.bundle-pricing-section-cms-component .popup-summary .total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    margin-bottom: 32px
}

.bundle-pricing-section-cms-component .popup-summary .total-row .total-row-left .total-title {
    font-weight: 700;
    font-size: 20px
}

.bundle-pricing-section-cms-component .popup-summary .total-row .total-row-left .total-name {
    font-size: 14px;
    line-height: 20px;
    color: #3d4842;
    height: 40px
}

.bundle-pricing-section-cms-component .popup-summary .total-row .total-row-right {
    margin-left: 12px
}

.bundle-pricing-section-cms-component .popup-summary .total-row .total-row-right .total-amount {
    font-size: 28px;
    font-weight: 600
}

.bundle-pricing-section-cms-component .popup-summary .disclaimer {
    font-size: 14px;
    color: #3d4842;
    line-height: 20px;
    text-align: center;
    margin-top: 8px
}

.bundle-pricing-section-cms-component .pwa-badge .pwa-icon-color-static {
    margin-bottom: 2px
}

.team-pricing-section-cms-component .container {
    max-width: 100% !important
}

.team-pricing-section-cms-component .team-pricing-content {
    display: flex;
    justify-content: center;
    gap: 64px
}

@media (max-width:1439px) {
    .team-pricing-section-cms-component .team-pricing-content {
        gap: 40px
    }
}

@media (max-width:1199px) {
    .team-pricing-section-cms-component .team-pricing-content {
        gap: 24px
    }
}

@media (max-width:991px) {
    .team-pricing-section-cms-component .team-pricing-content {
        flex-direction: column;
        align-items: center
    }
}

.integration-suggestion-section-cms-component .integration-suggestion-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.integration-suggestion-section-cms-component .integrations-title {
    margin-bottom: 48px
}

.integration-suggestion-section-cms-component .integration-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 90vw;
    justify-content: center
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component {
    width: 262px;
    height: 362px;
    background-color: #fff;
    padding: 20px;
    display: none;
    border-radius: 6px;
    border: 1px solid #d1d1d1
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component.show {
    display: block
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .integration-logo {
    width: 60px;
    height: 60px
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .integration-logo img {
    max-width: 100%;
    max-height: 100%
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .integration-title {
    margin-top: 24px;
    margin-bottom: 8px
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .integration-description {
    height: 55px
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .integration-apps {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 32px;
    display: flex;
    flex-direction: row;
    gap: 20px
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .app-logo {
    height: 32px;
    max-width: 32px
}

.integration-suggestion-section-cms-component .integration-suggestion-card-component .app-logo img {
    height: 100%;
    max-width: 100%
}

.comparison-card-section-cms-component .comparison-card-title {
    text-align: start
}

.comparison-card-section-cms-component .columns-component.columns-amount-3.comparison-cards {
    gap: 24px
}

@media (min-width:768px) and (max-width:991px) {
    .comparison-card-section-cms-component .columns-component.columns-amount-3.comparison-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px
    }
}

@media (max-width:767px) {
    .comparison-card-section-cms-component .columns-component.columns-amount-3.comparison-cards {
        grid-template-columns: auto
    }
}

.signup-section-cms-component .typography-component.title {
    margin-bottom: 0
}

.signup-section-cms-component .signup-section-wrapper {
    display: flex;
    justify-content: center
}

.comparison-table-section-cms-component .comparison-table {
    display: flex;
    flex-direction: column;
    padding: 48px 0
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .comparison-table {
        padding-top: 0
    }
}

.comparison-table-section-cms-component .table-footer,
.comparison-table-section-cms-component .table-header {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 40px;
    gap: 12px
}

.comparison-table-section-cms-component .table-footer .item,
.comparison-table-section-cms-component .table-header .item {
    padding: 0 24px 24px;
    text-align: center;
    border-radius: 8px
}

.comparison-table-section-cms-component .table-footer .item .button-wrapper,
.comparison-table-section-cms-component .table-header .item .button-wrapper {
    padding-top: 8px
}

@media (max-width:767px) {

    .comparison-table-section-cms-component .table-footer,
    .comparison-table-section-cms-component .table-header {
        gap: 4px;
        font-size: 12px;
        padding-left: 0
    }

    .comparison-table-section-cms-component .table-footer .item,
    .comparison-table-section-cms-component .table-header .item {
        padding: 0 4px 4px
    }
}

.comparison-table-section-cms-component .table-header .header-item {
    margin-bottom: 24px
}

.comparison-table-section-cms-component .table-header .competitor-header {
    align-content: center
}

.comparison-table-section-cms-component .table-header h3 {
    padding-top: 32px
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .table-header h3 {
        font-size: 14px
    }
}

.comparison-table-section-cms-component .table-header .header.main-color {
    background-color: #fcc4c5
}

.comparison-table-section-cms-component .table-header .logo-container {
    display: flex;
    width: 100%;
    max-width: 200px;
    height: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.comparison-table-section-cms-component .table-header .logo-container.competitor {
    max-width: none;
    border-top: 2px solid #161d1a;
    align-items: center
}

.comparison-table-section-cms-component .table-header .logo-container .pwa-logo {
    justify-content: center;
    margin: 0
}

@media (max-width:991px) {
    .comparison-table-section-cms-component .table-header .logo-container .pwa-logo {
        width: 20px;
        height: 20px
    }

    .comparison-table-section-cms-component .table-header .logo-container .logo-text {
        display: none !important
    }

    .comparison-table-section-cms-component .table-header .logo-container .content-image {
        max-width: 80%
    }

    .comparison-table-section-cms-component .table-header .logo-container.competitor {
        border: none
    }
}

@media (max-width:479px) {
    .comparison-table-section-cms-component .table-header .logo-container .pwa-logo-component p {
        font-size: 12px
    }
}

.comparison-table-section-cms-component .table-header .content-image {
    aspect-ratio: 1.77777778;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.comparison-table-section-cms-component .table-footer h3 {
    padding-top: 32px
}

.comparison-table-section-cms-component .table-footer .footer-item {
    padding-top: 48px
}

.comparison-table-section-cms-component .table-footer .footer-item .footer.main-color {
    background-color: #fcc4c5
}

.comparison-table-section-cms-component .table-footer .first-item {
    padding: 16px 0;
    margin-top: auto;
    margin-bottom: auto
}

.comparison-table-section-cms-component .table-footer .footer-cta-area {
    padding: 32px 0;
    margin-right: auto;
    margin-left: auto;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.comparison-table-section-cms-component .table-footer .footer-cta-area.competitor {
    border-bottom: 2px solid #161d1a
}

.comparison-table-section-cms-component .table-footer .info-effective {
    display: flow;
    font-size: 18px;
    max-width: 300px;
    line-height: 1.5
}

@media (max-width:991px) {
    .comparison-table-section-cms-component .table-footer .info-effective {
        font-size: 16px
    }

    .comparison-table-section-cms-component .table-footer .footer-cta-area.competitor {
        border: none
    }
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .table-footer h3 {
        font-size: 14px
    }

    .comparison-table-section-cms-component .table-footer .info-effective {
        font-size: 12px
    }
}

.comparison-table-section-cms-component .table-row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 40px;
    gap: 12px
}

.comparison-table-section-cms-component .table-row h3 {
    margin-top: 40px;
    margin-bottom: 24px
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .table-row h3 {
        font-size: 14px
    }
}

.comparison-table-section-cms-component .table-row p {
    margin: 0
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .table-row p {
        font-size: 12px
    }
}

.comparison-table-section-cms-component .table-row .price-title {
    display: flex;
    align-items: center
}

.comparison-table-section-cms-component .table-row .first-column-price,
.comparison-table-section-cms-component .table-row .second-column-price {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.comparison-table-section-cms-component .table-row .first-column-price .price,
.comparison-table-section-cms-component .table-row .second-column-price .price {
    font-size: 32px
}

.comparison-table-section-cms-component .table-row .first-column-price .first-column-text,
.comparison-table-section-cms-component .table-row .second-column-price .first-column-text {
    font-size: 18px
}

.comparison-table-section-cms-component .table-row .first-column-price .second-column-text,
.comparison-table-section-cms-component .table-row .second-column-price .second-column-text {
    font-size: 20px
}

@media (max-width:767px) {

    .comparison-table-section-cms-component .table-row .first-column-price .price,
    .comparison-table-section-cms-component .table-row .first-column-price p,
    .comparison-table-section-cms-component .table-row .second-column-price .price,
    .comparison-table-section-cms-component .table-row .second-column-price p {
        font-size: 14px;
        line-height: 1.2
    }

    .comparison-table-section-cms-component .table-row .first-column-price .first-column-text,
    .comparison-table-section-cms-component .table-row .first-column-price .second-column-text,
    .comparison-table-section-cms-component .table-row .second-column-price .first-column-text,
    .comparison-table-section-cms-component .table-row .second-column-price .second-column-text {
        font-size: 12px
    }
}

.comparison-table-section-cms-component .table-row .comparison-wrapper {
    display: inline-flex
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .table-row {
        padding-left: 4px
    }
}

.comparison-table-section-cms-component .comparison-row:nth-child(odd) {
    background-color: #f7ebe4;
    border-radius: 4px
}

.comparison-table-section-cms-component .comparison-row .icon-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 4px;
    width: 32px;
    height: 32px;
    margin: auto;
    border-radius: 50%;
    color: #3c8b4c
}

.comparison-table-section-cms-component .comparison-row .icon-wrapper.error {
    color: #a4968e
}

@media (max-width:767px) {
    .comparison-table-section-cms-component .comparison-row .icon-wrapper {
        width: 24px;
        height: 24px;
        padding-top: 0
    }
}

.comparison-table-section-cms-component .comparison-row .condition {
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0;
    align-content: center
}

.comparison-table-section-cms-component .column-with-icon {
    padding: 12px 0;
    align-content: center
}

.comparison-table-section-cms-component .tooltip {
    position: relative;
    display: inline-block;
    max-width: 300px;
    margin-left: 12px
}

.comparison-table-section-cms-component .tooltip .tooltiptext {
    position: absolute;
    visibility: hidden;
    width: max-content;
    max-width: 280px;
    z-index: 2;
    top: 100%;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 8px;
    background-color: #161d1a;
    color: #f7ebe4;
    white-space: pre-wrap;
    transform: translateX(calc(-50% + 2px))
}

.comparison-table-section-cms-component .tooltip:hover .tooltiptext {
    visibility: visible
}

.comparison-table-section-cms-component .tooltip-target {
    cursor: pointer;
    display: flex;
    align-items: center
}

.comparison-table-section-cms-component .tooltip-target .pwa-icon {
    color: #6d7972
}

@media (max-width:991px) {
    .comparison-table-section-cms-component .tooltip-target {
        display: none
    }
}

.comparison-table-section-cms-component .competitor {
    background-color: #fff;
    width: 100%;
    text-align: center;
    justify-content: center;
    border-right: 2px solid #161d1a;
    border-left: 2px solid #161d1a
}

@media (max-width:991px) {
    .comparison-table-section-cms-component .competitor {
        background: none;
        border: none
    }
}

.comparison-table-section-cms-component .table-row.comparison-row:nth-child(odd) .competitor {
    background-color: #f7ebe4
}

@media (max-width:991px) {
    .comparison-table-section-cms-component .table-row.comparison-row:nth-child(odd) .competitor {
        background: none
    }
}

.comparison-table-section-cms-component .grid-item {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width:767px) {
    .rephrase-section-cms-component {
        display: none
    }
}

.blog-featured-section-cms-component {
    padding-top: 0;
    padding-bottom: 0
}

.blog-featured-section-cms-component .inner-title {
    padding: 12px 0
}

.blog-featured-section-cms-component .featured-articles-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.blog-featured-section-cms-component .featured-articles-wrapper .top-row {
    display: grid;
    gap: 32px;
    grid-template-columns: 2.1fr 1fr
}

.blog-featured-section-cms-component .featured-articles-wrapper .top-row :first-child .article-card-content {
    background: #fcc4c5;
    padding: 24px
}

.blog-featured-section-cms-component .featured-articles-wrapper .top-row :first-child .article-card-image {
    width: 100%;
    max-width: 784px;
    height: 380px;
    border-radius: 8px 8px 0 0
}

@media (max-width:1199px) {
    .blog-featured-section-cms-component .featured-articles-wrapper .top-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .blog-featured-section-cms-component .featured-articles-wrapper .top-row :first-child h3 {
        font-size: 20px
    }

    .blog-featured-section-cms-component .featured-articles-wrapper .top-row :first-child .article-card-image {
        width: auto;
        height: auto
    }
}

@media (max-width:991px) {
    .blog-featured-section-cms-component .featured-articles-wrapper .top-row :first-child h3 {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .blog-featured-section-cms-component .featured-articles-wrapper .top-row {
        grid-template-columns: auto
    }
}

.blog-featured-section-cms-component .featured-articles-wrapper .other-rows {
    gap: 32px
}

@media (max-width:991px) {
    .blog-featured-section-cms-component .featured-articles-wrapper .other-rows {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .blog-featured-section-cms-component .featured-articles-wrapper .other-rows {
        grid-template-columns: auto
    }
}

.blog-featured-section-cms-component .horizontal-rule {
    border-color: #d1d1d1;
    margin-top: 32px;
    margin-bottom: 32px
}

.hero-with-extension-tester-cms-component {
    flex-direction: column;
    column-gap: 70px
}

@media (max-width:991px) {
    .hero-with-extension-tester-cms-component {
        column-gap: 64px
    }
}

@media (max-width:767px) {
    .hero-with-extension-tester-cms-component {
        column-gap: 64px;
        align-items: flex-start
    }
}

.hero-with-extension-tester-cms-component.editor-left {
    flex-direction: column-reverse
}

.hero-with-extension-tester-cms-component .content-text {
    flex: 40%;
    margin-bottom: 20px
}

.hero-with-extension-tester-cms-component .content-with-extension-tester-additional-content:not(:empty) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 24px;
    margin-top: 24px
}

.hero-with-extension-tester-cms-component .content-with-extension-tester-additional-content:not(:empty) .closing-text {
    width: 100%;
    margin: 0;
    text-align: left
}

@media (max-width:479px) {
    .hero-with-extension-tester-cms-component .content-with-extension-tester-additional-content:not(:empty) {
        flex-direction: column
    }
}

.hero-with-extension-tester-cms-component .editor-wrapper {
    flex: 60%
}

@media (max-width:479px) {
    .hero-with-extension-tester-cms-component .editor-wrapper {
        min-width: 100%;
        width: 100%
    }
}

@media (min-width:768px) {
    .hero-with-extension-tester-cms-component {
        flex-direction: row
    }

    .hero-with-extension-tester-cms-component .content-text {
        width: 100%;
        max-width: 100%
    }

    .hero-with-extension-tester-cms-component.image-left {
        flex-direction: row
    }
}

.section-component.paraphrase-section-cms-component .paraphrase-editor-component {
    position: relative;
    container-type: inline-size
}

@media (max-width:767px) {
    .section-component.paraphrase-section-cms-component div.container.cms-container {
        padding: 0 12px
    }
}

.related-content-section-cms-component .description {
    font-size: 14px
}

.related-content-section-cms-component .pwa-btn {
    font-size: 16px
}

.horizontal-tab-section-cms-component .tab-list {
    display: flex;
    flex-direction: column
}

.horizontal-tab-section-cms-component .tabs {
    display: flex;
    gap: 24px 32px;
    justify-content: center;
    margin: 40px auto 0;
    flex-wrap: wrap
}

.horizontal-tab-section-cms-component .arrow-left-responsive,
.horizontal-tab-section-cms-component .arrow-right-responsive {
    display: none
}

.horizontal-tab-section-cms-component .tab-title {
    cursor: pointer;
    border: 2px solid transparent
}

.horizontal-tab-section-cms-component .tab-title p {
    padding: 12px;
    margin: 0;
    border-bottom: 2px solid transparent
}

.horizontal-tab-section-cms-component .tab-title :hover {
    color: #161d1a;
    border-color: #161d1a
}

.horizontal-tab-section-cms-component .tab-title.active .dot {
    background-color: #161d1a
}

@media (min-width:992px) {
    .horizontal-tab-section-cms-component .tab-title.active {
        background: #161d1a;
        color: #fff;
        position: relative
    }

    .horizontal-tab-section-cms-component .tab-title.active:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: inherit;
        clip-path: path("M-222.402 -11.9453L256.434 -11.9453V0.99222L33.7243 1.175C25.88 1.175 19.3316 6.54191 17.7903 13.9298H17.1036C15.5623 6.54191 9.01392 1.175 1.16956 1.175L-222.402 0.99222V-11.9453Z");
        z-index: 1;
        bottom: -14px;
        height: 15px;
        width: 32px
    }

    .horizontal-tab-section-cms-component .tab-title.active p {
        color: #fff
    }
}

.horizontal-tab-section-cms-component .tab-title:focus-visible {
    border-color: #fff;
    outline-offset: 2px;
    outline: 2px solid #0e5d8b
}

.horizontal-tab-section-cms-component .dot {
    display: none
}

.horizontal-tab-section-cms-component button {
    all: unset
}

.horizontal-tab-section-cms-component .tab-panels {
    display: flex;
    justify-content: center;
    padding-top: 40px
}

.horizontal-tab-section-cms-component .tab-panel {
    display: none
}

.horizontal-tab-section-cms-component .tab-panel.active {
    display: flex
}

@media (max-width:991px) {
    .horizontal-tab-section-cms-component .tabs-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 32px;
        gap: 64px
    }

    .horizontal-tab-section-cms-component .arrows {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 32px;
        padding-top: 24px
    }

    .horizontal-tab-section-cms-component .arrow {
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #f7ebe4
    }

    .horizontal-tab-section-cms-component .arrow:active {
        background: #eddcd1
    }

    .horizontal-tab-section-cms-component .arrow-left-responsive,
    .horizontal-tab-section-cms-component .arrow-right-responsive {
        display: flex
    }

    .horizontal-tab-section-cms-component .tab-list {
        flex-direction: column-reverse
    }

    .horizontal-tab-section-cms-component .tabs {
        margin: 0;
        gap: 8px
    }

    .horizontal-tab-section-cms-component .tab-title p {
        display: none
    }

    .horizontal-tab-section-cms-component p.sub-heading {
        margin-bottom: 0
    }

    .horizontal-tab-section-cms-component .tab-panels {
        padding-top: 16px
    }

    .horizontal-tab-section-cms-component .dot {
        display: flex;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        background-color: #9fa2a1;
        cursor: pointer
    }

    .horizontal-tab-section-cms-component .dot.active {
        background-color: #161d1a
    }
}

.container-fluid.cms-container-fluid {
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:991px) {
    .container-fluid.cms-container-fluid {
        padding-left: 24px;
        padding-right: 24px
    }
}

.container-fluid.cms-container-fluid .row {
    margin-left: -40px;
    margin-right: -40px
}

@media (max-width:991px) {
    .container-fluid.cms-container-fluid .row {
        margin-left: -24px;
        margin-right: -24px
    }
}

.container-fluid.cms-container-fluid .container.cms-container,
.container-fluid.cms-container-fluid .container.pwa-container {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1208px;
    width: 100%
}

@media (max-width:1199px) {

    .container-fluid.cms-container-fluid .container.cms-container,
    .container-fluid.cms-container-fluid .container.pwa-container {
        max-width: 1016px
    }
}

@media (max-width:991px) {

    .container-fluid.cms-container-fluid .container.cms-container,
    .container-fluid.cms-container-fluid .container.pwa-container {
        max-width: 824px
    }
}

@media (max-width:767px) {

    .container-fluid.cms-container-fluid .container.cms-container,
    .container-fluid.cms-container-fluid .container.pwa-container {
        max-width: 632px
    }
}

@media (max-width:479px) {

    .container-fluid.cms-container-fluid .container.cms-container,
    .container-fluid.cms-container-fluid .container.pwa-container {
        max-width: 440px
    }
}

@media (max-width:991px) {

    .container-fluid.cms-container-fluid .container.cms-container,
    .container-fluid.cms-container-fluid .container.pwa-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.container-fluid.cms-container-fluid .cms-blog-article-page-container {
    padding-right: 40px;
    padding-left: 40px
}

@media (max-width:991px) {
    .container-fluid.cms-container-fluid .cms-blog-article-page-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.display-contents {
    display: contents
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 10
}

.blog-article-content-cms-component .main-article-content .legacy-content table {
    width: 100% !important;
    table-layout: fixed;
    margin: 40px 0;
}

.blog-article-content-cms-component .main-article-content .legacy-content table td,
.blog-article-content-cms-component .main-article-content .legacy-content table th {
    color: #161d1a;
}

.article-content-container table {
  overflow-x: auto;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
}

.article-content-container table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.article-content-container table th,
.article-content-container table td {
  padding: 0.5rem 1.25rem;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: middle;
}

/* Header */
.article-content-container table thead th {
  color: rgba(100,116,139,0.7);
  background-color: #f1f5f9;
  position: relative;
  font-weight: bold;
}





/* Optional: button style inside last cell */
.article-content-container table button {
  height: 2rem;
  white-space: nowrap;
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6366f1;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  background: transparent;
  cursor: pointer;
  transition: color 150ms, background-color 150ms;
}

.article-content-container table button:hover {
  color: #ffffff;
  background-color: #4f46e5;
}