@charset "UTF-8";
/*!
Theme Name: Kadence
Theme URI: http://underscores.me/
Author: Drewl
Author URI: https://drewl.com
Description: Kadence.com theme
Version: 998.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kadence
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Kadence is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
:root {
/* Color styles */
--kd-primary-50: #fff0f8;
--kd-primary-100: #ffe4f3;
--kd-primary-200: #ffc9ea;
--kd-primary-300: #ff9dd6;
--kd-primary-400: #ff60b9;
--kd-primary-500: #ff319c;
--kd-primary-600: #f52283;
--kd-primary-700: #d5015c;
--kd-primary-800: #b0044c;
--kd-primary-900: #5a0023;
--kd-neutral-50: #ffffff;
--kd-neutral-100: #f5f5f5;
--kd-neutral-200: #e5e5e5;
--kd-neutral-300: #d4d4d4;
--kd-neutral-400: #a3a3a3;
--kd-neutral-500: #737373;
--kd-neutral-600: #525252;
--kd-neutral-700: #404040;
--kd-neutral-800: #262626;
--kd-neutral-900: #171717;
--kd-gray-50: #f9fafb;
--kd-gray-100: #f6f7f8;
--kd-gray-200: #e2e4e9;
--kd-gray-300: #d1d5db;
--kd-gray-400: #b8bdc6;
--kd-gray-500: #6b7280;
--kd-gray-600: #46505d;
--kd-gray-700: #374151;
--kd-gray-800: #1f2937;
--kd-gray-900: #111827;
--kd-error-50: #fef2f2;
--kd-error-100: #fee2e2;
--kd-error-200: #fecaca;
--kd-error-300: #fca5a5;
--kd-error-400: #f87171;
--kd-error-500: #ef4444;
--kd-error-600: #dc2626;
--kd-error-700: #b91c1c;
--kd-error-800: #991b1b;
--kd-error-900: #7f1d1d;
--kd-warning-50: #fefce8;
--kd-warning-100: #fef9c3;
--kd-warning-200: #fef08a;
--kd-warning-300: #fde047;
--kd-warning-400: #facc15;
--kd-warning-500: #eab308;
--kd-warning-600: #ca8a04;
--kd-warning-700: #a16207;
--kd-warning-800: #854d0e;
--kd-warning-900: #713f12;
--kd-success-50: #f0fdf4;
--kd-success-100: #dcfce7;
--kd-success-200: #bbf7d0;
--kd-success-300: #86efac;
--kd-success-400: #4ade80;
--kd-success-500: #22c55e;
--kd-success-600: #16a34a;
--kd-success-700: #15803d;
--kd-success-800: #166534;
--kd-success-900: #14532d;
--kd-star: #ff492c;
/* Gradients */
--kd-gradient-radial-banner: #fff9c7 5.6%, #ffd6ed 51.6%, #fff 100%;
--kd-gradient-radial-hero: #fff9c7 5.6%, #ffe4f3 91.6%, #fff 100%;
--kd-background-radial-banner: radial-gradient(
137% 100% at 50% 0,
var(--kd-gradient-radial-banner)
);
--kd-background-radial-hero: radial-gradient(
137% 100% at 50% 0,
radial-gradient(137% 100% at 50% 0, var(--kd-gradient-radial-hero))
);
/* Effect styles */
--kd-shadow-button-primary: 0 2px 6px rgba(47, 43, 67, 0.2),
inset 0 1px 2px rgba(0, 0, 0, 0.25);
--kd-shadow-button-secondary: 0 2px 6px rgba(47, 43, 67, 0.1);
--kd-shadow-logo: 0 0.5px 1.5px 0 rgba(47, 43, 67, 0.1);
--kd-shadow-badge: 0 1px 3px rgba(47, 43, 67, 0.1);
--kd-shadow-navbar: 0 0 40 rgba(36, 46, 62, 0.12);
--kd-shadow-blog-card: 0 32px 56px rgba(47, 43, 67, 0.06);
--kd-shadow-panel-floor: 0 24px 56px 0 rgba(13, 23, 47, 0.12);
--kd-shadow-panel: 0 4px 6px -2px rgba(16, 24, 40, 0.03),
0 12px 16px -4px rgba(16, 24, 40, 0.08);
--kd-shadow-card-blog: 0px 32px 56px 0px rgba(47, 43, 67, 0.06);
/* Icons */
--kd-icon-asterisk: url('data:image/svg+xml, ');
--kd-icon-star: url('data:image/svg+xml, ');
--kd-icon-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
/* Gutters */
--kd-gutter-sx-x: 24px;
--kd-gutter-sx-y: 48px;
--kd-gutter-md-x: 0;
--kd-gutter-md-y: 80px; }
/**
The filter: blur() property in css may come in handy in some situations,
but you should know of a side effect it has in Safari (tested on version 15.1 as of this writing).
The issue is a nasty performance drop around the element on which the filter is used,
making every other interaction extremely slow. And it happens in Safari only. In other browsers everything works well.
One solution I've found so far is to use "transform: translate3d(0, 0, 0)" or "transform: translateZ(0)" along with
filter on the same element, to force the browser use GPU acceleration for that particular element instead of the CPU.
@see: https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari
*/
/**
Hide scrollbar
*/
/**
* Add transitions rules
*
* @param $properties - property or array of properties
* @param $duration - transition-duration default 0.3s
* @param $timing-function - transition-timing-function default ease-in-out
*
* @example: @include transitions((margin, border-radius, max-height));
* @include transitions(all, 1s, ease);
*/
/**
Add icon to pseudo-element ::[before|after]
@param: $font-size: correct font-size value;
@param: $direction: [up|right|down|left]
@param: $position: [before|after]
@example: @include with-arrow(20px, down, before);
*/
/**
Add icon to pseudo-element ::[before|after]
@param: $icon: [
phone | user-up | arrow-right | right | left | up | down | play |
user-square | user-plus | building | calendar-plus | calendar-check |
monitor | layers-three | flex-align-bottom | phone-call |
message-chat-square | send | marker-pin | info-circle | plus | x-close |
menu | minus | check-circle-broken | linkedin | twitter | facebook | youtube
]
@param: $font-size: correct font-size value;
@param: $position: [before | after]
@example: @include with-arrow(20px, down, before);
*/
/*--------------------------------------------------------------
# Bootstrap 5.2
--------------------------------------------------------------*/
/*!
* Bootstrap v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #FF319C;
--bs-secondary: #6B7280;
--bs-success: #404040;
--bs-info: #374151;
--bs-warning: #374151;
--bs-danger: #D5015C;
--bs-light: #F5F5F5;
--bs-dark: #171717;
--bs-primary-rgb: 255, 49, 156;
--bs-secondary-rgb: 107, 114, 128;
--bs-success-rgb: 64, 64, 64;
--bs-info-rgb: 55, 65, 81;
--bs-warning-rgb: 55, 65, 81;
--bs-danger-rgb: 213, 1, 92;
--bs-light-rgb: 245, 245, 245;
--bs-dark-rgb: 23, 23, 23;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: "Inter", sans-serif;
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #FF319C;
--bs-link-hover-color: #cc277d;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd; }
*,
*::before,
*::after {
box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth; } }
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: 1px solid;
opacity: 0.25; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2; }
h1, .h1 {
font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem; } }
h2, .h2 {
font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem; } }
h3, .h3 {
font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem; } }
h4, .h4 {
font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem; } }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul {
padding-left: 2rem; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
b,
strong {
font-weight: bolder; }
small, .small {
font-size: 0.875em; }
mark, .mark {
padding: 0.1875em;
background-color: var(--bs-highlight-bg); }
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: var(--bs-link-color);
text-decoration: underline; }
a:hover {
color: var(--bs-link-hover-color); }
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none; }
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em; }
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem; }
kbd kbd {
padding: 0;
font-size: 1em; }
figure {
margin: 0 0 1rem; }
img,
svg {
vertical-align: middle; }
table {
caption-side: bottom;
border-collapse: collapse; }
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left; }
th {
text-align: inherit;
text-align: -webkit-match-parent; }
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0; }
label {
display: inline-block; }
button {
border-radius: 0; }
button:focus:not(:focus-visible) {
outline: 0; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
select {
text-transform: none; }
[role="button"] {
cursor: pointer; }
select {
word-wrap: normal; }
select:disabled {
opacity: 1; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
display: none !important; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer; }
::-moz-focus-inner {
padding: 0;
border-style: none; }
textarea {
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit; }
@media (min-width: 1200px) {
legend {
font-size: 1.5rem; } }
legend + * {
clear: left; }
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0; }
::-webkit-inner-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield; }
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-color-swatch-wrapper {
padding: 0; }
::file-selector-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
iframe {
border: 0; }
summary {
display: list-item;
cursor: pointer; }
progress {
vertical-align: baseline; }
[hidden] {
display: none !important; }
.lead {
font-size: 1.25rem;
font-weight: 300; }
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem; } }
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem; } }
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem; } }
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem; } }
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem; } }
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem; } }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 0.875em;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; }
.blockquote > :last-child {
margin-bottom: 0; }
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014\00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid var(--bs-border-color);
border-radius: 0.375rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 0.875em;
color: #6c757d; }
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px; } }
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px; } }
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px; } }
@media (min-width: 1340px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1280px; } }
@media (min-width: 1600px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1440px; } }
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y); }
.col {
flex: 1 0 0%; }
.row-cols-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-auto {
flex: 0 0 auto;
width: auto; }
.col-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-3 {
flex: 0 0 auto;
width: 25%; }
.col-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-6 {
flex: 0 0 auto;
width: 50%; }
.col-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-9 {
flex: 0 0 auto;
width: 75%; }
.col-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-12 {
flex: 0 0 auto;
width: 100%; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
.g-0,
.gx-0 {
--bs-gutter-x: 0; }
.g-0,
.gy-0 {
--bs-gutter-y: 0; }
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem; }
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem; }
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem; }
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem; }
.g-3,
.gx-3 {
--bs-gutter-x: 1rem; }
.g-3,
.gy-3 {
--bs-gutter-y: 1rem; }
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem; }
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem; }
.g-5,
.gx-5 {
--bs-gutter-x: 3rem; }
.g-5,
.gy-5 {
--bs-gutter-y: 3rem; }
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%; }
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto; }
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-sm-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-sm-3 {
flex: 0 0 auto;
width: 25%; }
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-sm-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-sm-6 {
flex: 0 0 auto;
width: 50%; }
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-sm-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-sm-9 {
flex: 0 0 auto;
width: 75%; }
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-sm-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-sm-12 {
flex: 0 0 auto;
width: 100%; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; }
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0; }
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0; }
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem; }
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem; }
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem; }
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem; }
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem; }
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem; }
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem; }
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem; }
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem; }
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%; }
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-md-auto {
flex: 0 0 auto;
width: auto; }
.col-md-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-md-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-md-3 {
flex: 0 0 auto;
width: 25%; }
.col-md-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-md-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-md-6 {
flex: 0 0 auto;
width: 50%; }
.col-md-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-md-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-md-9 {
flex: 0 0 auto;
width: 75%; }
.col-md-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-md-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-md-12 {
flex: 0 0 auto;
width: 100%; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; }
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0; }
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0; }
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem; }
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem; }
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem; }
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem; }
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem; }
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem; }
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem; }
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem; }
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem; }
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%; }
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto; }
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-lg-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-lg-3 {
flex: 0 0 auto;
width: 25%; }
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-lg-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-lg-6 {
flex: 0 0 auto;
width: 50%; }
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-lg-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-lg-9 {
flex: 0 0 auto;
width: 75%; }
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-lg-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-lg-12 {
flex: 0 0 auto;
width: 100%; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; }
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0; }
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0; }
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem; }
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem; }
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem; }
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem; }
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem; }
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem; }
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem; }
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem; }
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem; }
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 1340px) {
.col-xl {
flex: 1 0 0%; }
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto; }
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-xl-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-xl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-xl-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-xl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-xl-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-xl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-xl-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-xl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; }
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0; }
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0; }
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem; }
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem; }
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem; }
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem; }
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem; }
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem; }
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem; }
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem; }
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem; }
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 1600px) {
.col-xxl {
flex: 1 0 0%; }
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
.col-xxl-auto {
flex: 0 0 auto;
width: auto; }
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-xxl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-xxl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-xxl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-xxl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xxl-0 {
margin-left: 0; }
.offset-xxl-1 {
margin-left: 8.33333%; }
.offset-xxl-2 {
margin-left: 16.66667%; }
.offset-xxl-3 {
margin-left: 25%; }
.offset-xxl-4 {
margin-left: 33.33333%; }
.offset-xxl-5 {
margin-left: 41.66667%; }
.offset-xxl-6 {
margin-left: 50%; }
.offset-xxl-7 {
margin-left: 58.33333%; }
.offset-xxl-8 {
margin-left: 66.66667%; }
.offset-xxl-9 {
margin-left: 75%; }
.offset-xxl-10 {
margin-left: 83.33333%; }
.offset-xxl-11 {
margin-left: 91.66667%; }
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0; }
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0; }
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem; }
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem; }
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem; }
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem; }
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem; }
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem; }
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem; }
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem; }
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem; }
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem; } }
.table {
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: var(--bs-table-color);
vertical-align: top;
border-color: var(--bs-table-border-color); }
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
.table > tbody {
vertical-align: inherit; }
.table > thead {
vertical-align: bottom; }
.table-group-divider {
border-top: 2px solid currentcolor; }
.caption-top {
caption-side: top; }
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem; }
.table-bordered > :not(caption) > * {
border-width: 1px 0; }
.table-bordered > :not(caption) > * > * {
border-width: 0 1px; }
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0; }
.table-borderless > :not(:first-child) {
border-top-width: 0; }
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color); }
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color); }
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color); }
.table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color); }
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #ffd6eb;
--bs-table-border-color: #e6c1d4;
--bs-table-striped-bg: #f2cbdf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6c1d4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ecc6d9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e1e3e6;
--bs-table-border-color: #cbcccf;
--bs-table-striped-bg: #d6d8db;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbcccf;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d0d2d5;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d9d9d9;
--bs-table-border-color: #c3c3c3;
--bs-table-striped-bg: #cecece;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c3c3c3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c9c9c9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-info {
--bs-table-color: #000;
--bs-table-bg: #d7d9dc;
--bs-table-border-color: #c2c3c6;
--bs-table-striped-bg: #ccced1;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c2c3c6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c7c9cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #d7d9dc;
--bs-table-border-color: #c2c3c6;
--bs-table-striped-bg: #ccced1;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c2c3c6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c7c9cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f7ccde;
--bs-table-border-color: #deb8c8;
--bs-table-striped-bg: #ebc2d3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #deb8c8;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e4bdcd;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-light {
--bs-table-color: #000;
--bs-table-bg: #F5F5F5;
--bs-table-border-color: #dddddd;
--bs-table-striped-bg: #e9e9e9;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dddddd;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e3e3e3;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #171717;
--bs-table-border-color: #2e2e2e;
--bs-table-striped-bg: #232323;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #2e2e2e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #282828;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color); }
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 1339.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 1599.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
.form-label {
margin-bottom: 0.5rem; }
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem; }
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: #6c757d; }
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control[type="file"] {
overflow: hidden; }
.form-control[type="file"]:not(:disabled):not([readonly]) {
cursor: pointer; }
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #ff98ce;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25); }
.form-control::-webkit-date-and-time-value {
height: 1.5em; }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled {
background-color: #e9ecef;
opacity: 1; }
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none; } }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3; }
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext:focus {
outline: 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem; }
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem; }
.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.5rem; }
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem; }
textarea.form-control {
min-height: calc(1.5em + 0.75rem + 2px); }
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px); }
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + 2px); }
.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem; }
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer; }
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: 0.375rem; }
.form-control-color::-webkit-color-swatch {
border-radius: 0.375rem; }
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + 2px); }
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + 2px); }
.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none; } }
.form-select:focus {
border-color: #ff98ce;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25); }
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none; }
.form-select:disabled {
background-color: #e9ecef; }
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529; }
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem; }
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: 0.5rem; }
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem; }
.form-check .form-check-input {
float: left;
margin-left: -1.5em; }
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right; }
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0; }
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
appearance: none;
print-color-adjust: exact; }
.form-check-input[type="checkbox"] {
border-radius: 0.25em; }
.form-check-input[type="radio"] {
border-radius: 50%; }
.form-check-input:active {
filter: brightness(90%); }
.form-check-input:focus {
border-color: #ff98ce;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25); }
.form-check-input:checked {
background-color: #FF319C;
border-color: #FF319C; }
.form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate {
background-color: #FF319C;
border-color: #FF319C;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5; }
.form-switch {
padding-left: 2.5em; }
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none; } }
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ff98ce'/%3e%3c/svg%3e"); }
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0; }
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0; }
.form-check-inline {
display: inline-block;
margin-right: 1rem; }
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65; }
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
appearance: none; }
.form-range:focus {
outline: 0; }
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 49, 156, 0.25); }
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 49, 156, 0.25); }
.form-range::-moz-focus-outer {
border: 0; }
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #FF319C;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
transition: none; } }
.form-range::-webkit-slider-thumb:active {
background-color: #ffc1e1; }
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #FF319C;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
transition: none; } }
.form-range::-moz-range-thumb:active {
background-color: #ffc1e1; }
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.form-range:disabled {
pointer-events: none; }
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; }
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd; }
.form-floating {
position: relative; }
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25; }
.form-floating > label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none; } }
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem; }
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent; }
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control-plaintext ~ label {
border-width: 1px 0; }
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0; }
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5; }
.input-group .btn {
position: relative;
z-index: 2; }
.input-group .btn:focus {
z-index: 5; }
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.375rem; }
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.5rem; }
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem; }
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem; }
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #404040; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(64, 64, 64, 0.9);
border-radius: 0.375rem; }
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #404040;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23404040' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #404040;
box-shadow: 0 0 0 0.25rem rgba(64, 64, 64, 0.25); }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .form-select:valid, .form-select.is-valid {
border-color: #404040; }
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23404040' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #404040;
box-shadow: 0 0 0 0.25rem rgba(64, 64, 64, 0.25); }
.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 0.75rem)); }
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #404040; }
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #404040; }
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(64, 64, 64, 0.25); }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #404040; }
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: .5em; }
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated
.input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid, .was-validated
.input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3; }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #D5015C; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(213, 1, 92, 0.9);
border-radius: 0.375rem; }
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #D5015C;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23D5015C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D5015C' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #D5015C;
box-shadow: 0 0 0 0.25rem rgba(213, 1, 92, 0.25); }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: #D5015C; }
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23D5015C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D5015C' stroke='none'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #D5015C;
box-shadow: 0 0 0 0.25rem rgba(213, 1, 92, 0.25); }
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 0.75rem)); }
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #D5015C; }
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #D5015C; }
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(213, 1, 92, 0.25); }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #D5015C; }
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: .5em; }
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated
.input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid, .was-validated
.input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4; }
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color); }
.btn-check + .btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color); }
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color); }
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow); }
.btn:disabled, .btn.disabled,
fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity); }
.btn-primary {
--bs-btn-color: #000;
--bs-btn-bg: #FF319C;
--bs-btn-border-color: #FF319C;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ff50ab;
--bs-btn-hover-border-color: #ff46a6;
--bs-btn-focus-shadow-rgb: 217, 42, 133;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ff5ab0;
--bs-btn-active-border-color: #ff46a6;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #FF319C;
--bs-btn-disabled-border-color: #FF319C; }
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6B7280;
--bs-btn-border-color: #6B7280;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5b616d;
--bs-btn-hover-border-color: #565b66;
--bs-btn-focus-shadow-rgb: 129, 135, 147;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565b66;
--bs-btn-active-border-color: #505660;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6B7280;
--bs-btn-disabled-border-color: #6B7280; }
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #404040;
--bs-btn-border-color: #404040;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #363636;
--bs-btn-hover-border-color: #333333;
--bs-btn-focus-shadow-rgb: 93, 93, 93;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #333333;
--bs-btn-active-border-color: #303030;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #404040;
--bs-btn-disabled-border-color: #404040; }
.btn-info {
--bs-btn-color: #fff;
--bs-btn-bg: #374151;
--bs-btn-border-color: #374151;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #2f3745;
--bs-btn-hover-border-color: #2c3441;
--bs-btn-focus-shadow-rgb: 85, 94, 107;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #2c3441;
--bs-btn-active-border-color: #29313d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #374151;
--bs-btn-disabled-border-color: #374151; }
.btn-warning {
--bs-btn-color: #fff;
--bs-btn-bg: #374151;
--bs-btn-border-color: #374151;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #2f3745;
--bs-btn-hover-border-color: #2c3441;
--bs-btn-focus-shadow-rgb: 85, 94, 107;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #2c3441;
--bs-btn-active-border-color: #29313d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #374151;
--bs-btn-disabled-border-color: #374151; }
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #D5015C;
--bs-btn-border-color: #D5015C;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #b5014e;
--bs-btn-hover-border-color: #aa014a;
--bs-btn-focus-shadow-rgb: 219, 39, 116;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #aa014a;
--bs-btn-active-border-color: #a00145;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #D5015C;
--bs-btn-disabled-border-color: #D5015C; }
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #F5F5F5;
--bs-btn-border-color: #F5F5F5;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d0d0d0;
--bs-btn-hover-border-color: #c4c4c4;
--bs-btn-focus-shadow-rgb: 208, 208, 208;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c4c4c4;
--bs-btn-active-border-color: #b8b8b8;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #F5F5F5;
--bs-btn-disabled-border-color: #F5F5F5; }
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #171717;
--bs-btn-border-color: #171717;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #3a3a3a;
--bs-btn-hover-border-color: #2e2e2e;
--bs-btn-focus-shadow-rgb: 58, 58, 58;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #454545;
--bs-btn-active-border-color: #2e2e2e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #171717;
--bs-btn-disabled-border-color: #171717; }
.btn-outline-primary {
--bs-btn-color: #FF319C;
--bs-btn-border-color: #FF319C;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #FF319C;
--bs-btn-hover-border-color: #FF319C;
--bs-btn-focus-shadow-rgb: 255, 49, 156;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #FF319C;
--bs-btn-active-border-color: #FF319C;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #FF319C;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #FF319C;
--bs-gradient: none; }
.btn-outline-secondary {
--bs-btn-color: #6B7280;
--bs-btn-border-color: #6B7280;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6B7280;
--bs-btn-hover-border-color: #6B7280;
--bs-btn-focus-shadow-rgb: 107, 114, 128;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6B7280;
--bs-btn-active-border-color: #6B7280;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6B7280;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6B7280;
--bs-gradient: none; }
.btn-outline-success {
--bs-btn-color: #404040;
--bs-btn-border-color: #404040;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #404040;
--bs-btn-hover-border-color: #404040;
--bs-btn-focus-shadow-rgb: 64, 64, 64;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #404040;
--bs-btn-active-border-color: #404040;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #404040;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #404040;
--bs-gradient: none; }
.btn-outline-info {
--bs-btn-color: #374151;
--bs-btn-border-color: #374151;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #374151;
--bs-btn-hover-border-color: #374151;
--bs-btn-focus-shadow-rgb: 55, 65, 81;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #374151;
--bs-btn-active-border-color: #374151;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #374151;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #374151;
--bs-gradient: none; }
.btn-outline-warning {
--bs-btn-color: #374151;
--bs-btn-border-color: #374151;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #374151;
--bs-btn-hover-border-color: #374151;
--bs-btn-focus-shadow-rgb: 55, 65, 81;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #374151;
--bs-btn-active-border-color: #374151;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #374151;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #374151;
--bs-gradient: none; }
.btn-outline-danger {
--bs-btn-color: #D5015C;
--bs-btn-border-color: #D5015C;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #D5015C;
--bs-btn-hover-border-color: #D5015C;
--bs-btn-focus-shadow-rgb: 213, 1, 92;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #D5015C;
--bs-btn-active-border-color: #D5015C;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #D5015C;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #D5015C;
--bs-gradient: none; }
.btn-outline-light {
--bs-btn-color: #F5F5F5;
--bs-btn-border-color: #F5F5F5;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #F5F5F5;
--bs-btn-hover-border-color: #F5F5F5;
--bs-btn-focus-shadow-rgb: 245, 245, 245;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #F5F5F5;
--bs-btn-active-border-color: #F5F5F5;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #F5F5F5;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #F5F5F5;
--bs-gradient: none; }
.btn-outline-dark {
--bs-btn-color: #171717;
--bs-btn-border-color: #171717;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #171717;
--bs-btn-hover-border-color: #171717;
--bs-btn-focus-shadow-rgb: 23, 23, 23;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #171717;
--bs-btn-active-border-color: #171717;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #171717;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #171717;
--bs-gradient: none; }
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 217, 42, 133;
text-decoration: underline; }
.btn-link:focus-visible {
color: var(--bs-btn-color); }
.btn-link:hover {
color: var(--bs-btn-hover-color); }
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: 0.5rem; }
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 0.25rem; }
.fade {
transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none; } }
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative; }
.dropdown-toggle {
white-space: nowrap; }
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: #212529;
--bs-dropdown-bg: #fff;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: 0.375rem;
--bs-dropdown-border-width: 1px;
--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-dropdown-link-color: #212529;
--bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #FF319C;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius); }
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer); }
.dropdown-menu-start {
--bs-position: start; }
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-end {
--bs-position: end; }
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto; }
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start; }
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-sm-end {
--bs-position: end; }
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start; }
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-md-end {
--bs-position: end; }
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start; }
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-lg-end {
--bs-position: end; }
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 1340px) {
.dropdown-menu-xl-start {
--bs-position: start; }
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-xl-end {
--bs-position: end; }
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 1600px) {
.dropdown-menu-xxl-start {
--bs-position: start; }
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-xxl-end {
--bs-position: end; }
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto; } }
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer); }
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer); }
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropend .dropdown-toggle:empty::after {
margin-left: 0; }
.dropend .dropdown-toggle::after {
vertical-align: 0; }
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer); }
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropstart .dropdown-toggle::after {
display: none; }
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropstart .dropdown-toggle:empty::after {
margin-left: 0; }
.dropstart .dropdown-toggle::before {
vertical-align: 0; }
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1; }
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg); }
.dropdown-item.active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg); }
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color); }
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #FF319C;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd; }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto; }
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1; }
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group {
border-radius: 0.375rem; }
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; }
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
margin-left: 0; }
.dropstart .dropdown-toggle-split::before {
margin-right: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%; }
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none; } }
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color); }
.nav-link.disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default; }
.nav-tabs {
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: none;
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius); }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color); }
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color); }
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills {
--bs-nav-pills-border-radius: 0.375rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #FF319C; }
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: var(--bs-nav-pills-border-radius); }
.nav-pills .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg); }
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center; }
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(0, 0, 0, 0.55);
--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
--bs-navbar-toggler-border-radius: 0.375rem;
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
.navbar > .container,
.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between; }
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color); }
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
color: var(--bs-navbar-active-color); }
.navbar-nav .dropdown-menu {
position: static; }
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color); }
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color); }
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; }
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition); }
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none; } }
.navbar-toggler:hover {
text-decoration: none; }
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%; }
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto; }
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; }
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none; }
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; } }
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand-md .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; }
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand-md .offcanvas .offcanvas-header {
display: none; }
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; } }
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; }
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none; }
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; } }
@media (min-width: 1340px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; }
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none; }
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; } }
@media (min-width: 1600px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-xxl .navbar-nav {
flex-direction: row; }
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xxl .navbar-toggler {
display: none; }
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none; }
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; } }
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand .navbar-nav {
flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand .navbar-nav-scroll {
overflow: visible; }
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none; }
.navbar-expand .offcanvas .offcanvas-header {
display: none; }
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible; }
.navbar-dark {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-border-width: 1px;
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: 0.375rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(0.375rem - 1px);
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: #fff;
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius); }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group {
border-top: inherit;
border-bottom: inherit; }
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius); }
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0; }
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color); }
.card-title {
margin-bottom: var(--bs-card-title-spacer-y); }
.card-subtitle {
margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x); }
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); }
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; }
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); }
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); }
.card-header-tabs {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
border-bottom: 0; }
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg); }
.card-header-pills {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius); }
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%; }
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius); }
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.card-group > .card {
margin-bottom: var(--bs-card-group-margin); }
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap; }
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } }
.accordion {
--bs-accordion-color: #212529;
--bs-accordion-bg: #fff;
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.375rem;
--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: #212529;
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e62c8c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #ff98ce;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: #e62c8c;
--bs-accordion-active-bg: #ffeaf5; }
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition); }
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none; } }
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform); }
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition); }
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none; } }
.accordion-button:hover {
z-index: 2; }
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow); }
.accordion-header {
margin-bottom: 0; }
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius); }
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius); }
.accordion-item:not(:first-of-type) {
border-top: 0; }
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius); }
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius); }
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }
.accordion-flush .accordion-collapse {
border-width: 0; }
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0; }
.accordion-flush .accordion-item:first-child {
border-top: 0; }
.accordion-flush .accordion-item:last-child {
border-bottom: 0; }
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0; }
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: #6c757d;
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius); }
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x); }
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; }
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color); }
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: #fff;
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: #dee2e6;
--bs-pagination-border-radius: 0.375rem;
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: #e9ecef;
--bs-pagination-hover-border-color: #dee2e6;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #e9ecef;
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #FF319C;
--bs-pagination-active-border-color: #FF319C;
--bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #dee2e6;
display: flex;
padding-left: 0;
list-style: none; }
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none; } }
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color); }
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow); }
.page-link.active,
.active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color); }
.page-link.disabled,
.disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color); }
.page-item:not(:first-child) .page-link {
margin-left: -1px; }
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius); }
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius); }
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: 0.5rem; }
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: 0.25rem; }
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: 0.375rem;
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius); }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: 1px solid var(--bs-alert-border-color);
--bs-alert-border-radius: 0.375rem;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius); }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 3rem; }
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem; }
.alert-primary {
--bs-alert-color: #991d5e;
--bs-alert-bg: #ffd6eb;
--bs-alert-border-color: #ffc1e1; }
.alert-primary .alert-link {
color: #7a174b; }
.alert-secondary {
--bs-alert-color: #40444d;
--bs-alert-bg: #e1e3e6;
--bs-alert-border-color: #d3d5d9; }
.alert-secondary .alert-link {
color: #33363e; }
.alert-success {
--bs-alert-color: #262626;
--bs-alert-bg: #d9d9d9;
--bs-alert-border-color: #c6c6c6; }
.alert-success .alert-link {
color: #1e1e1e; }
.alert-info {
--bs-alert-color: #212731;
--bs-alert-bg: #d7d9dc;
--bs-alert-border-color: #c3c6cb; }
.alert-info .alert-link {
color: #1a1f27; }
.alert-warning {
--bs-alert-color: #212731;
--bs-alert-bg: #d7d9dc;
--bs-alert-border-color: #c3c6cb; }
.alert-warning .alert-link {
color: #1a1f27; }
.alert-danger {
--bs-alert-color: #800137;
--bs-alert-bg: #f7ccde;
--bs-alert-border-color: #f2b3ce; }
.alert-danger .alert-link {
color: #66012c; }
.alert-light {
--bs-alert-color: #626262;
--bs-alert-bg: #fdfdfd;
--bs-alert-border-color: #fcfcfc; }
.alert-light .alert-link {
color: #4e4e4e; }
.alert-dark {
--bs-alert-color: #0e0e0e;
--bs-alert-bg: #d1d1d1;
--bs-alert-border-color: #b9b9b9; }
.alert-dark .alert-link {
color: #0b0b0b; }
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem; } }
.progress {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: #e9ecef;
--bs-progress-border-radius: 0.375rem;
--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #FF319C;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius); }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition); }
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height); }
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
.list-group {
--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0.375rem;
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;
--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #FF319C;
--bs-list-group-active-border-color: #FF319C;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius); }
.list-group-numbered {
list-style-type: none;
counter-reset: section; }
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section; }
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg); }
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg); }
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit; }
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit; }
.list-group-item.disabled, .list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg); }
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color); }
.list-group-item + .list-group-item {
border-top-width: 0; }
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width); }
.list-group-horizontal {
flex-direction: row; }
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); }
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row; }
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row; }
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row; }
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 1340px) {
.list-group-horizontal-xl {
flex-direction: row; }
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 1600px) {
.list-group-horizontal-xxl {
flex-direction: row; }
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0; }
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0; }
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0; }
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width); } }
.list-group-flush {
border-radius: 0; }
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width); }
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0; }
.list-group-item-primary {
color: #991d5e;
background-color: #ffd6eb; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #991d5e;
background-color: #e6c1d4; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #991d5e;
border-color: #991d5e; }
.list-group-item-secondary {
color: #40444d;
background-color: #e1e3e6; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #40444d;
background-color: #cbcccf; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #40444d;
border-color: #40444d; }
.list-group-item-success {
color: #262626;
background-color: #d9d9d9; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #262626;
background-color: #c3c3c3; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #262626;
border-color: #262626; }
.list-group-item-info {
color: #212731;
background-color: #d7d9dc; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #212731;
background-color: #c2c3c6; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #212731;
border-color: #212731; }
.list-group-item-warning {
color: #212731;
background-color: #d7d9dc; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #212731;
background-color: #c2c3c6; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #212731;
border-color: #212731; }
.list-group-item-danger {
color: #800137;
background-color: #f7ccde; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #800137;
background-color: #deb8c8; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #800137;
border-color: #800137; }
.list-group-item-light {
color: #626262;
background-color: #fdfdfd; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #626262;
background-color: #e4e4e4; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #626262;
border-color: #626262; }
.list-group-item-dark {
color: #0e0e0e;
background-color: #d1d1d1; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #0e0e0e;
background-color: #bcbcbc; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #0e0e0e;
border-color: #0e0e0e; }
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: 0.5; }
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75; }
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(255, 49, 156, 0.25);
opacity: 1; }
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: 0.25; }
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%); }
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(255, 255, 255, 0.85);
--bs-toast-border-width: 1px;
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: 0.375rem;
--bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-toast-header-color: #6c757d;
--bs-toast-header-bg: rgba(255, 255, 255, 0.85);
--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius); }
.toast.showing {
opacity: 0; }
.toast:not(.show) {
display: none; }
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none; }
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing); }
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }
.toast-header .btn-close {
margin-right: calc(-.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x); }
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word; }
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: none; }
.modal.modal-static .modal-dialog {
transform: scale(1.02); }
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden; }
.modal-dialog-scrollable .modal-body {
overflow-y: auto; }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0; }
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg); }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity); }
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius); }
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height); }
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding); }
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto; }
.modal-sm {
--bs-modal-width: 300px; } }
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px; } }
@media (min-width: 1340px) {
.modal-xl {
--bs-modal-width: 1140px; } }
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0; }
.modal-fullscreen .modal-body {
overflow-y: auto; }
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0; }
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto; } }
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0; }
.modal-fullscreen-md-down .modal-body {
overflow-y: auto; } }
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0; }
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto; } }
@media (max-width: 1339.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0; }
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto; } }
@media (max-width: 1599.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0; }
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto; } }
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: #fff;
--bs-tooltip-bg: #000;
--bs-tooltip-border-radius: 0.375rem;
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: var(--bs-tooltip-opacity); }
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height); }
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
bottom: 0; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-top-color: var(--bs-tooltip-bg); }
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
left: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width); }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-right-color: var(--bs-tooltip-bg); }
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
top: 0; }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg); }
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
right: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width); }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg); }
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius); }
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: #fff;
--bs-popover-border-width: 1px;
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: 0.5rem;
--bs-popover-inner-border-radius: calc(0.5rem - 1px);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: ;
--bs-popover-header-bg: #f0f0f0;
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: #212529;
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius); }
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height); }
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0; }
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border); }
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg); }
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width); }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border); }
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg); }
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border); }
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg); }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); }
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width); }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border); }
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg); }
/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius); }
.popover-header:empty {
display: none; }
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color); }
.carousel {
position: relative; }
.carousel.pointer-event {
touch-action: pan-y; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner::after {
display: block;
clear: both;
content: ""; }
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none; } }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block; }
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%); }
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%); }
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1; }
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s; }
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none; } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none; } }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%; }
/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name" : "prev-next",
"search" : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none; }
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none; } }
.carousel-indicators .active {
opacity: 1; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center; }
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100); }
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000; }
.carousel-dark .carousel-caption {
color: #000; }
.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); }
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */; } }
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent; }
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em; }
@keyframes spinner-grow {
0% {
transform: scale(0); }
50% {
opacity: 1;
transform: none; } }
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0; }
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem; }
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s; } }
.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: ;
--bs-offcanvas-bg: #fff;
--bs-offcanvas-border-width: 1px;
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; } }
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none; } }
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none; }
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible; } }
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important; }
.offcanvas-sm .offcanvas-header {
display: none; }
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important; } }
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; } }
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none; } }
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none; }
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible; } }
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important; }
.offcanvas-md .offcanvas-header {
display: none; }
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important; } }
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; } }
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none; } }
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none; }
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible; } }
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important; }
.offcanvas-lg .offcanvas-header {
display: none; }
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important; } }
@media (max-width: 1339.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; } }
@media (max-width: 1339.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none; } }
@media (max-width: 1339.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none; }
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible; } }
@media (min-width: 1340px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important; }
.offcanvas-xl .offcanvas-header {
display: none; }
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important; } }
@media (max-width: 1599.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; } }
@media (max-width: 1599.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none; } }
@media (max-width: 1599.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none; }
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible; } }
@media (min-width: 1600px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important; }
.offcanvas-xxl .offcanvas-header {
display: none; }
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important; } }
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none; } }
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%); }
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%); }
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%); }
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%); }
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none; }
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible; }
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; }
.offcanvas-backdrop.fade {
opacity: 0; }
.offcanvas-backdrop.show {
opacity: 0.5; }
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); }
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5; }
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto; }
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5; }
.placeholder.btn::before {
display: inline-block;
content: ""; }
.placeholder-xs {
min-height: .6em; }
.placeholder-sm {
min-height: .8em; }
.placeholder-lg {
min-height: 1.2em; }
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite; }
@keyframes placeholder-glow {
50% {
opacity: 0.2; } }
.placeholder-wave {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite; }
@keyframes placeholder-wave {
100% {
mask-position: -200% 0%; } }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.text-bg-primary {
color: #000 !important;
background-color: RGBA(255, 49, 156, var(--bs-bg-opacity, 1)) !important; }
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(107, 114, 128, var(--bs-bg-opacity, 1)) !important; }
.text-bg-success {
color: #fff !important;
background-color: RGBA(64, 64, 64, var(--bs-bg-opacity, 1)) !important; }
.text-bg-info {
color: #fff !important;
background-color: RGBA(55, 65, 81, var(--bs-bg-opacity, 1)) !important; }
.text-bg-warning {
color: #fff !important;
background-color: RGBA(55, 65, 81, var(--bs-bg-opacity, 1)) !important; }
.text-bg-danger {
color: #fff !important;
background-color: RGBA(213, 1, 92, var(--bs-bg-opacity, 1)) !important; }
.text-bg-light {
color: #000 !important;
background-color: RGBA(245, 245, 245, var(--bs-bg-opacity, 1)) !important; }
.text-bg-dark {
color: #fff !important;
background-color: RGBA(23, 23, 23, var(--bs-bg-opacity, 1)) !important; }
.link-primary {
color: #FF319C !important; }
.link-primary:hover, .link-primary:focus {
color: #ff5ab0 !important; }
.link-secondary {
color: #6B7280 !important; }
.link-secondary:hover, .link-secondary:focus {
color: #565b66 !important; }
.link-success {
color: #404040 !important; }
.link-success:hover, .link-success:focus {
color: #333333 !important; }
.link-info {
color: #374151 !important; }
.link-info:hover, .link-info:focus {
color: #2c3441 !important; }
.link-warning {
color: #374151 !important; }
.link-warning:hover, .link-warning:focus {
color: #2c3441 !important; }
.link-danger {
color: #D5015C !important; }
.link-danger:hover, .link-danger:focus {
color: #aa014a !important; }
.link-light {
color: #F5F5F5 !important; }
.link-light:hover, .link-light:focus {
color: #f7f7f7 !important; }
.link-dark {
color: #171717 !important; }
.link-dark:hover, .link-dark:focus {
color: #121212 !important; }
.ratio {
position: relative;
width: 100%; }
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""; }
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ratio-1x1 {
--bs-aspect-ratio: 100%; }
.ratio-4x3 {
--bs-aspect-ratio: calc(3 / 4 * 100%); }
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%); }
.ratio-21x9 {
--bs-aspect-ratio: calc(9 / 21 * 100%); }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020; }
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020; } }
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020; } }
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020; } }
@media (min-width: 1340px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020; } }
@media (min-width: 1600px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020; }
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020; } }
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch; }
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch; }
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentcolor;
opacity: 0.25; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.float-start {
float: left !important; }
.float-end {
float: right !important; }
.float-none {
float: none !important; }
.opacity-0 {
opacity: 0 !important; }
.opacity-25 {
opacity: 0.25 !important; }
.opacity-50 {
opacity: 0.5 !important; }
.opacity-75 {
opacity: 0.75 !important; }
.opacity-100 {
opacity: 1 !important; }
.overflow-auto {
overflow: auto !important; }
.overflow-hidden {
overflow: hidden !important; }
.overflow-visible {
overflow: visible !important; }
.overflow-scroll {
overflow: scroll !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-grid {
display: grid !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
.d-none {
display: none !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.top-0 {
top: 0 !important; }
.top-50 {
top: 50% !important; }
.top-100 {
top: 100% !important; }
.bottom-0 {
bottom: 0 !important; }
.bottom-50 {
bottom: 50% !important; }
.bottom-100 {
bottom: 100% !important; }
.start-0 {
left: 0 !important; }
.start-50 {
left: 50% !important; }
.start-100 {
left: 100% !important; }
.end-0 {
right: 0 !important; }
.end-50 {
right: 50% !important; }
.end-100 {
right: 100% !important; }
.translate-middle {
transform: translate(-50%, -50%) !important; }
.translate-middle-x {
transform: translateX(-50%) !important; }
.translate-middle-y {
transform: translateY(-50%) !important; }
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-0 {
border: 0 !important; }
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-top-0 {
border-top: 0 !important; }
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-end-0 {
border-right: 0 !important; }
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-start-0 {
border-left: 0 !important; }
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; }
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; }
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; }
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; }
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; }
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; }
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; }
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; }
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; }
.border-1 {
--bs-border-width: 1px; }
.border-2 {
--bs-border-width: 2px; }
.border-3 {
--bs-border-width: 3px; }
.border-4 {
--bs-border-width: 4px; }
.border-5 {
--bs-border-width: 5px; }
.border-opacity-10 {
--bs-border-opacity: 0.1; }
.border-opacity-25 {
--bs-border-opacity: 0.25; }
.border-opacity-50 {
--bs-border-opacity: 0.5; }
.border-opacity-75 {
--bs-border-opacity: 0.75; }
.border-opacity-100 {
--bs-border-opacity: 1; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.mw-100 {
max-width: 100% !important; }
.vw-100 {
width: 100vw !important; }
.min-vw-100 {
min-width: 100vw !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mh-100 {
max-height: 100% !important; }
.vh-100 {
height: 100vh !important; }
.min-vh-100 {
min-height: 100vh !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.justify-content-evenly {
justify-content: space-evenly !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
.order-first {
order: -1 !important; }
.order-0 {
order: 0 !important; }
.order-1 {
order: 1 !important; }
.order-2 {
order: 2 !important; }
.order-3 {
order: 3 !important; }
.order-4 {
order: 4 !important; }
.order-5 {
order: 5 !important; }
.order-last {
order: 6 !important; }
.m-0 {
margin: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.m-auto {
margin: auto !important; }
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-0 {
margin-top: 0 !important; }
.mt-1 {
margin-top: 0.25rem !important; }
.mt-2 {
margin-top: 0.5rem !important; }
.mt-3 {
margin-top: 1rem !important; }
.mt-4 {
margin-top: 1.5rem !important; }
.mt-5 {
margin-top: 3rem !important; }
.mt-auto {
margin-top: auto !important; }
.me-0 {
margin-right: 0 !important; }
.me-1 {
margin-right: 0.25rem !important; }
.me-2 {
margin-right: 0.5rem !important; }
.me-3 {
margin-right: 1rem !important; }
.me-4 {
margin-right: 1.5rem !important; }
.me-5 {
margin-right: 3rem !important; }
.me-auto {
margin-right: auto !important; }
.mb-0 {
margin-bottom: 0 !important; }
.mb-1 {
margin-bottom: 0.25rem !important; }
.mb-2 {
margin-bottom: 0.5rem !important; }
.mb-3 {
margin-bottom: 1rem !important; }
.mb-4 {
margin-bottom: 1.5rem !important; }
.mb-5 {
margin-bottom: 3rem !important; }
.mb-auto {
margin-bottom: auto !important; }
.ms-0 {
margin-left: 0 !important; }
.ms-1 {
margin-left: 0.25rem !important; }
.ms-2 {
margin-left: 0.5rem !important; }
.ms-3 {
margin-left: 1rem !important; }
.ms-4 {
margin-left: 1.5rem !important; }
.ms-5 {
margin-left: 3rem !important; }
.ms-auto {
margin-left: auto !important; }
.p-0 {
padding: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-0 {
padding-top: 0 !important; }
.pt-1 {
padding-top: 0.25rem !important; }
.pt-2 {
padding-top: 0.5rem !important; }
.pt-3 {
padding-top: 1rem !important; }
.pt-4 {
padding-top: 1.5rem !important; }
.pt-5 {
padding-top: 3rem !important; }
.pe-0 {
padding-right: 0 !important; }
.pe-1 {
padding-right: 0.25rem !important; }
.pe-2 {
padding-right: 0.5rem !important; }
.pe-3 {
padding-right: 1rem !important; }
.pe-4 {
padding-right: 1.5rem !important; }
.pe-5 {
padding-right: 3rem !important; }
.pb-0 {
padding-bottom: 0 !important; }
.pb-1 {
padding-bottom: 0.25rem !important; }
.pb-2 {
padding-bottom: 0.5rem !important; }
.pb-3 {
padding-bottom: 1rem !important; }
.pb-4 {
padding-bottom: 1.5rem !important; }
.pb-5 {
padding-bottom: 3rem !important; }
.ps-0 {
padding-left: 0 !important; }
.ps-1 {
padding-left: 0.25rem !important; }
.ps-2 {
padding-left: 0.5rem !important; }
.ps-3 {
padding-left: 1rem !important; }
.ps-4 {
padding-left: 1.5rem !important; }
.ps-5 {
padding-left: 3rem !important; }
.gap-0 {
gap: 0 !important; }
.gap-1 {
gap: 0.25rem !important; }
.gap-2 {
gap: 0.5rem !important; }
.gap-3 {
gap: 1rem !important; }
.gap-4 {
gap: 1.5rem !important; }
.gap-5 {
gap: 3rem !important; }
.font-monospace {
font-family: var(--bs-font-monospace) !important; }
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important; }
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important; }
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important; }
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important; }
.fs-5 {
font-size: 1.25rem !important; }
.fs-6 {
font-size: 1rem !important; }
.fst-italic {
font-style: italic !important; }
.fst-normal {
font-style: normal !important; }
.fw-light {
font-weight: 300 !important; }
.fw-lighter {
font-weight: lighter !important; }
.fw-normal {
font-weight: 400 !important; }
.fw-bold {
font-weight: 700 !important; }
.fw-semibold {
font-weight: 600 !important; }
.fw-bolder {
font-weight: bolder !important; }
.lh-1 {
line-height: 1 !important; }
.lh-sm {
line-height: 1.25 !important; }
.lh-base {
line-height: 1.5 !important; }
.lh-lg {
line-height: 2 !important; }
.text-start {
text-align: left !important; }
.text-end {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-decoration-none {
text-decoration: none !important; }
.text-decoration-underline {
text-decoration: underline !important; }
.text-decoration-line-through {
text-decoration: line-through !important; }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.text-wrap {
white-space: normal !important; }
.text-nowrap {
white-space: nowrap !important; }
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important; }
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; }
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; }
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }
.text-muted {
--bs-text-opacity: 1;
color: #6c757d !important; }
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important; }
.text-reset {
--bs-text-opacity: 1;
color: inherit !important; }
.text-opacity-25 {
--bs-text-opacity: 0.25; }
.text-opacity-50 {
--bs-text-opacity: 0.5; }
.text-opacity-75 {
--bs-text-opacity: 0.75; }
.text-opacity-100 {
--bs-text-opacity: 1; }
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; }
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; }
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important; }
.bg-opacity-10 {
--bs-bg-opacity: 0.1; }
.bg-opacity-25 {
--bs-bg-opacity: 0.25; }
.bg-opacity-50 {
--bs-bg-opacity: 0.5; }
.bg-opacity-75 {
--bs-bg-opacity: 0.75; }
.bg-opacity-100 {
--bs-bg-opacity: 1; }
.bg-gradient {
background-image: var(--bs-gradient) !important; }
.user-select-all {
user-select: all !important; }
.user-select-auto {
user-select: auto !important; }
.user-select-none {
user-select: none !important; }
.pe-none {
pointer-events: none !important; }
.pe-auto {
pointer-events: auto !important; }
.rounded {
border-radius: var(--bs-border-radius) !important; }
.rounded-0 {
border-radius: 0 !important; }
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important; }
.rounded-2 {
border-radius: var(--bs-border-radius) !important; }
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important; }
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important; }
.rounded-5 {
border-radius: var(--bs-border-radius-2xl) !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important; }
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important; }
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important; }
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important; }
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media (min-width: 576px) {
.float-sm-start {
float: left !important; }
.float-sm-end {
float: right !important; }
.float-sm-none {
float: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-grid {
display: grid !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; }
.d-sm-none {
display: none !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.justify-content-sm-evenly {
justify-content: space-evenly !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; }
.order-sm-first {
order: -1 !important; }
.order-sm-0 {
order: 0 !important; }
.order-sm-1 {
order: 1 !important; }
.order-sm-2 {
order: 2 !important; }
.order-sm-3 {
order: 3 !important; }
.order-sm-4 {
order: 4 !important; }
.order-sm-5 {
order: 5 !important; }
.order-sm-last {
order: 6 !important; }
.m-sm-0 {
margin: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-sm-0 {
margin-top: 0 !important; }
.mt-sm-1 {
margin-top: 0.25rem !important; }
.mt-sm-2 {
margin-top: 0.5rem !important; }
.mt-sm-3 {
margin-top: 1rem !important; }
.mt-sm-4 {
margin-top: 1.5rem !important; }
.mt-sm-5 {
margin-top: 3rem !important; }
.mt-sm-auto {
margin-top: auto !important; }
.me-sm-0 {
margin-right: 0 !important; }
.me-sm-1 {
margin-right: 0.25rem !important; }
.me-sm-2 {
margin-right: 0.5rem !important; }
.me-sm-3 {
margin-right: 1rem !important; }
.me-sm-4 {
margin-right: 1.5rem !important; }
.me-sm-5 {
margin-right: 3rem !important; }
.me-sm-auto {
margin-right: auto !important; }
.mb-sm-0 {
margin-bottom: 0 !important; }
.mb-sm-1 {
margin-bottom: 0.25rem !important; }
.mb-sm-2 {
margin-bottom: 0.5rem !important; }
.mb-sm-3 {
margin-bottom: 1rem !important; }
.mb-sm-4 {
margin-bottom: 1.5rem !important; }
.mb-sm-5 {
margin-bottom: 3rem !important; }
.mb-sm-auto {
margin-bottom: auto !important; }
.ms-sm-0 {
margin-left: 0 !important; }
.ms-sm-1 {
margin-left: 0.25rem !important; }
.ms-sm-2 {
margin-left: 0.5rem !important; }
.ms-sm-3 {
margin-left: 1rem !important; }
.ms-sm-4 {
margin-left: 1.5rem !important; }
.ms-sm-5 {
margin-left: 3rem !important; }
.ms-sm-auto {
margin-left: auto !important; }
.p-sm-0 {
padding: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-sm-0 {
padding-top: 0 !important; }
.pt-sm-1 {
padding-top: 0.25rem !important; }
.pt-sm-2 {
padding-top: 0.5rem !important; }
.pt-sm-3 {
padding-top: 1rem !important; }
.pt-sm-4 {
padding-top: 1.5rem !important; }
.pt-sm-5 {
padding-top: 3rem !important; }
.pe-sm-0 {
padding-right: 0 !important; }
.pe-sm-1 {
padding-right: 0.25rem !important; }
.pe-sm-2 {
padding-right: 0.5rem !important; }
.pe-sm-3 {
padding-right: 1rem !important; }
.pe-sm-4 {
padding-right: 1.5rem !important; }
.pe-sm-5 {
padding-right: 3rem !important; }
.pb-sm-0 {
padding-bottom: 0 !important; }
.pb-sm-1 {
padding-bottom: 0.25rem !important; }
.pb-sm-2 {
padding-bottom: 0.5rem !important; }
.pb-sm-3 {
padding-bottom: 1rem !important; }
.pb-sm-4 {
padding-bottom: 1.5rem !important; }
.pb-sm-5 {
padding-bottom: 3rem !important; }
.ps-sm-0 {
padding-left: 0 !important; }
.ps-sm-1 {
padding-left: 0.25rem !important; }
.ps-sm-2 {
padding-left: 0.5rem !important; }
.ps-sm-3 {
padding-left: 1rem !important; }
.ps-sm-4 {
padding-left: 1.5rem !important; }
.ps-sm-5 {
padding-left: 3rem !important; }
.gap-sm-0 {
gap: 0 !important; }
.gap-sm-1 {
gap: 0.25rem !important; }
.gap-sm-2 {
gap: 0.5rem !important; }
.gap-sm-3 {
gap: 1rem !important; }
.gap-sm-4 {
gap: 1.5rem !important; }
.gap-sm-5 {
gap: 3rem !important; }
.text-sm-start {
text-align: left !important; }
.text-sm-end {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.float-md-start {
float: left !important; }
.float-md-end {
float: right !important; }
.float-md-none {
float: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-grid {
display: grid !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; }
.d-md-none {
display: none !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.justify-content-md-evenly {
justify-content: space-evenly !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; }
.order-md-first {
order: -1 !important; }
.order-md-0 {
order: 0 !important; }
.order-md-1 {
order: 1 !important; }
.order-md-2 {
order: 2 !important; }
.order-md-3 {
order: 3 !important; }
.order-md-4 {
order: 4 !important; }
.order-md-5 {
order: 5 !important; }
.order-md-last {
order: 6 !important; }
.m-md-0 {
margin: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-md-0 {
margin-top: 0 !important; }
.mt-md-1 {
margin-top: 0.25rem !important; }
.mt-md-2 {
margin-top: 0.5rem !important; }
.mt-md-3 {
margin-top: 1rem !important; }
.mt-md-4 {
margin-top: 1.5rem !important; }
.mt-md-5 {
margin-top: 3rem !important; }
.mt-md-auto {
margin-top: auto !important; }
.me-md-0 {
margin-right: 0 !important; }
.me-md-1 {
margin-right: 0.25rem !important; }
.me-md-2 {
margin-right: 0.5rem !important; }
.me-md-3 {
margin-right: 1rem !important; }
.me-md-4 {
margin-right: 1.5rem !important; }
.me-md-5 {
margin-right: 3rem !important; }
.me-md-auto {
margin-right: auto !important; }
.mb-md-0 {
margin-bottom: 0 !important; }
.mb-md-1 {
margin-bottom: 0.25rem !important; }
.mb-md-2 {
margin-bottom: 0.5rem !important; }
.mb-md-3 {
margin-bottom: 1rem !important; }
.mb-md-4 {
margin-bottom: 1.5rem !important; }
.mb-md-5 {
margin-bottom: 3rem !important; }
.mb-md-auto {
margin-bottom: auto !important; }
.ms-md-0 {
margin-left: 0 !important; }
.ms-md-1 {
margin-left: 0.25rem !important; }
.ms-md-2 {
margin-left: 0.5rem !important; }
.ms-md-3 {
margin-left: 1rem !important; }
.ms-md-4 {
margin-left: 1.5rem !important; }
.ms-md-5 {
margin-left: 3rem !important; }
.ms-md-auto {
margin-left: auto !important; }
.p-md-0 {
padding: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-md-0 {
padding-top: 0 !important; }
.pt-md-1 {
padding-top: 0.25rem !important; }
.pt-md-2 {
padding-top: 0.5rem !important; }
.pt-md-3 {
padding-top: 1rem !important; }
.pt-md-4 {
padding-top: 1.5rem !important; }
.pt-md-5 {
padding-top: 3rem !important; }
.pe-md-0 {
padding-right: 0 !important; }
.pe-md-1 {
padding-right: 0.25rem !important; }
.pe-md-2 {
padding-right: 0.5rem !important; }
.pe-md-3 {
padding-right: 1rem !important; }
.pe-md-4 {
padding-right: 1.5rem !important; }
.pe-md-5 {
padding-right: 3rem !important; }
.pb-md-0 {
padding-bottom: 0 !important; }
.pb-md-1 {
padding-bottom: 0.25rem !important; }
.pb-md-2 {
padding-bottom: 0.5rem !important; }
.pb-md-3 {
padding-bottom: 1rem !important; }
.pb-md-4 {
padding-bottom: 1.5rem !important; }
.pb-md-5 {
padding-bottom: 3rem !important; }
.ps-md-0 {
padding-left: 0 !important; }
.ps-md-1 {
padding-left: 0.25rem !important; }
.ps-md-2 {
padding-left: 0.5rem !important; }
.ps-md-3 {
padding-left: 1rem !important; }
.ps-md-4 {
padding-left: 1.5rem !important; }
.ps-md-5 {
padding-left: 3rem !important; }
.gap-md-0 {
gap: 0 !important; }
.gap-md-1 {
gap: 0.25rem !important; }
.gap-md-2 {
gap: 0.5rem !important; }
.gap-md-3 {
gap: 1rem !important; }
.gap-md-4 {
gap: 1.5rem !important; }
.gap-md-5 {
gap: 3rem !important; }
.text-md-start {
text-align: left !important; }
.text-md-end {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.float-lg-start {
float: left !important; }
.float-lg-end {
float: right !important; }
.float-lg-none {
float: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-grid {
display: grid !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; }
.d-lg-none {
display: none !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.justify-content-lg-evenly {
justify-content: space-evenly !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; }
.order-lg-first {
order: -1 !important; }
.order-lg-0 {
order: 0 !important; }
.order-lg-1 {
order: 1 !important; }
.order-lg-2 {
order: 2 !important; }
.order-lg-3 {
order: 3 !important; }
.order-lg-4 {
order: 4 !important; }
.order-lg-5 {
order: 5 !important; }
.order-lg-last {
order: 6 !important; }
.m-lg-0 {
margin: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-lg-0 {
margin-top: 0 !important; }
.mt-lg-1 {
margin-top: 0.25rem !important; }
.mt-lg-2 {
margin-top: 0.5rem !important; }
.mt-lg-3 {
margin-top: 1rem !important; }
.mt-lg-4 {
margin-top: 1.5rem !important; }
.mt-lg-5 {
margin-top: 3rem !important; }
.mt-lg-auto {
margin-top: auto !important; }
.me-lg-0 {
margin-right: 0 !important; }
.me-lg-1 {
margin-right: 0.25rem !important; }
.me-lg-2 {
margin-right: 0.5rem !important; }
.me-lg-3 {
margin-right: 1rem !important; }
.me-lg-4 {
margin-right: 1.5rem !important; }
.me-lg-5 {
margin-right: 3rem !important; }
.me-lg-auto {
margin-right: auto !important; }
.mb-lg-0 {
margin-bottom: 0 !important; }
.mb-lg-1 {
margin-bottom: 0.25rem !important; }
.mb-lg-2 {
margin-bottom: 0.5rem !important; }
.mb-lg-3 {
margin-bottom: 1rem !important; }
.mb-lg-4 {
margin-bottom: 1.5rem !important; }
.mb-lg-5 {
margin-bottom: 3rem !important; }
.mb-lg-auto {
margin-bottom: auto !important; }
.ms-lg-0 {
margin-left: 0 !important; }
.ms-lg-1 {
margin-left: 0.25rem !important; }
.ms-lg-2 {
margin-left: 0.5rem !important; }
.ms-lg-3 {
margin-left: 1rem !important; }
.ms-lg-4 {
margin-left: 1.5rem !important; }
.ms-lg-5 {
margin-left: 3rem !important; }
.ms-lg-auto {
margin-left: auto !important; }
.p-lg-0 {
padding: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-lg-0 {
padding-top: 0 !important; }
.pt-lg-1 {
padding-top: 0.25rem !important; }
.pt-lg-2 {
padding-top: 0.5rem !important; }
.pt-lg-3 {
padding-top: 1rem !important; }
.pt-lg-4 {
padding-top: 1.5rem !important; }
.pt-lg-5 {
padding-top: 3rem !important; }
.pe-lg-0 {
padding-right: 0 !important; }
.pe-lg-1 {
padding-right: 0.25rem !important; }
.pe-lg-2 {
padding-right: 0.5rem !important; }
.pe-lg-3 {
padding-right: 1rem !important; }
.pe-lg-4 {
padding-right: 1.5rem !important; }
.pe-lg-5 {
padding-right: 3rem !important; }
.pb-lg-0 {
padding-bottom: 0 !important; }
.pb-lg-1 {
padding-bottom: 0.25rem !important; }
.pb-lg-2 {
padding-bottom: 0.5rem !important; }
.pb-lg-3 {
padding-bottom: 1rem !important; }
.pb-lg-4 {
padding-bottom: 1.5rem !important; }
.pb-lg-5 {
padding-bottom: 3rem !important; }
.ps-lg-0 {
padding-left: 0 !important; }
.ps-lg-1 {
padding-left: 0.25rem !important; }
.ps-lg-2 {
padding-left: 0.5rem !important; }
.ps-lg-3 {
padding-left: 1rem !important; }
.ps-lg-4 {
padding-left: 1.5rem !important; }
.ps-lg-5 {
padding-left: 3rem !important; }
.gap-lg-0 {
gap: 0 !important; }
.gap-lg-1 {
gap: 0.25rem !important; }
.gap-lg-2 {
gap: 0.5rem !important; }
.gap-lg-3 {
gap: 1rem !important; }
.gap-lg-4 {
gap: 1.5rem !important; }
.gap-lg-5 {
gap: 3rem !important; }
.text-lg-start {
text-align: left !important; }
.text-lg-end {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1340px) {
.float-xl-start {
float: left !important; }
.float-xl-end {
float: right !important; }
.float-xl-none {
float: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-grid {
display: grid !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; }
.d-xl-none {
display: none !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.justify-content-xl-evenly {
justify-content: space-evenly !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; }
.order-xl-first {
order: -1 !important; }
.order-xl-0 {
order: 0 !important; }
.order-xl-1 {
order: 1 !important; }
.order-xl-2 {
order: 2 !important; }
.order-xl-3 {
order: 3 !important; }
.order-xl-4 {
order: 4 !important; }
.order-xl-5 {
order: 5 !important; }
.order-xl-last {
order: 6 !important; }
.m-xl-0 {
margin: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-xl-0 {
margin-top: 0 !important; }
.mt-xl-1 {
margin-top: 0.25rem !important; }
.mt-xl-2 {
margin-top: 0.5rem !important; }
.mt-xl-3 {
margin-top: 1rem !important; }
.mt-xl-4 {
margin-top: 1.5rem !important; }
.mt-xl-5 {
margin-top: 3rem !important; }
.mt-xl-auto {
margin-top: auto !important; }
.me-xl-0 {
margin-right: 0 !important; }
.me-xl-1 {
margin-right: 0.25rem !important; }
.me-xl-2 {
margin-right: 0.5rem !important; }
.me-xl-3 {
margin-right: 1rem !important; }
.me-xl-4 {
margin-right: 1.5rem !important; }
.me-xl-5 {
margin-right: 3rem !important; }
.me-xl-auto {
margin-right: auto !important; }
.mb-xl-0 {
margin-bottom: 0 !important; }
.mb-xl-1 {
margin-bottom: 0.25rem !important; }
.mb-xl-2 {
margin-bottom: 0.5rem !important; }
.mb-xl-3 {
margin-bottom: 1rem !important; }
.mb-xl-4 {
margin-bottom: 1.5rem !important; }
.mb-xl-5 {
margin-bottom: 3rem !important; }
.mb-xl-auto {
margin-bottom: auto !important; }
.ms-xl-0 {
margin-left: 0 !important; }
.ms-xl-1 {
margin-left: 0.25rem !important; }
.ms-xl-2 {
margin-left: 0.5rem !important; }
.ms-xl-3 {
margin-left: 1rem !important; }
.ms-xl-4 {
margin-left: 1.5rem !important; }
.ms-xl-5 {
margin-left: 3rem !important; }
.ms-xl-auto {
margin-left: auto !important; }
.p-xl-0 {
padding: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-xl-0 {
padding-top: 0 !important; }
.pt-xl-1 {
padding-top: 0.25rem !important; }
.pt-xl-2 {
padding-top: 0.5rem !important; }
.pt-xl-3 {
padding-top: 1rem !important; }
.pt-xl-4 {
padding-top: 1.5rem !important; }
.pt-xl-5 {
padding-top: 3rem !important; }
.pe-xl-0 {
padding-right: 0 !important; }
.pe-xl-1 {
padding-right: 0.25rem !important; }
.pe-xl-2 {
padding-right: 0.5rem !important; }
.pe-xl-3 {
padding-right: 1rem !important; }
.pe-xl-4 {
padding-right: 1.5rem !important; }
.pe-xl-5 {
padding-right: 3rem !important; }
.pb-xl-0 {
padding-bottom: 0 !important; }
.pb-xl-1 {
padding-bottom: 0.25rem !important; }
.pb-xl-2 {
padding-bottom: 0.5rem !important; }
.pb-xl-3 {
padding-bottom: 1rem !important; }
.pb-xl-4 {
padding-bottom: 1.5rem !important; }
.pb-xl-5 {
padding-bottom: 3rem !important; }
.ps-xl-0 {
padding-left: 0 !important; }
.ps-xl-1 {
padding-left: 0.25rem !important; }
.ps-xl-2 {
padding-left: 0.5rem !important; }
.ps-xl-3 {
padding-left: 1rem !important; }
.ps-xl-4 {
padding-left: 1.5rem !important; }
.ps-xl-5 {
padding-left: 3rem !important; }
.gap-xl-0 {
gap: 0 !important; }
.gap-xl-1 {
gap: 0.25rem !important; }
.gap-xl-2 {
gap: 0.5rem !important; }
.gap-xl-3 {
gap: 1rem !important; }
.gap-xl-4 {
gap: 1.5rem !important; }
.gap-xl-5 {
gap: 3rem !important; }
.text-xl-start {
text-align: left !important; }
.text-xl-end {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
@media (min-width: 1600px) {
.float-xxl-start {
float: left !important; }
.float-xxl-end {
float: right !important; }
.float-xxl-none {
float: none !important; }
.d-xxl-inline {
display: inline !important; }
.d-xxl-inline-block {
display: inline-block !important; }
.d-xxl-block {
display: block !important; }
.d-xxl-grid {
display: grid !important; }
.d-xxl-table {
display: table !important; }
.d-xxl-table-row {
display: table-row !important; }
.d-xxl-table-cell {
display: table-cell !important; }
.d-xxl-flex {
display: flex !important; }
.d-xxl-inline-flex {
display: inline-flex !important; }
.d-xxl-none {
display: none !important; }
.flex-xxl-fill {
flex: 1 1 auto !important; }
.flex-xxl-row {
flex-direction: row !important; }
.flex-xxl-column {
flex-direction: column !important; }
.flex-xxl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xxl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xxl-grow-0 {
flex-grow: 0 !important; }
.flex-xxl-grow-1 {
flex-grow: 1 !important; }
.flex-xxl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xxl-shrink-1 {
flex-shrink: 1 !important; }
.flex-xxl-wrap {
flex-wrap: wrap !important; }
.flex-xxl-nowrap {
flex-wrap: nowrap !important; }
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-xxl-start {
justify-content: flex-start !important; }
.justify-content-xxl-end {
justify-content: flex-end !important; }
.justify-content-xxl-center {
justify-content: center !important; }
.justify-content-xxl-between {
justify-content: space-between !important; }
.justify-content-xxl-around {
justify-content: space-around !important; }
.justify-content-xxl-evenly {
justify-content: space-evenly !important; }
.align-items-xxl-start {
align-items: flex-start !important; }
.align-items-xxl-end {
align-items: flex-end !important; }
.align-items-xxl-center {
align-items: center !important; }
.align-items-xxl-baseline {
align-items: baseline !important; }
.align-items-xxl-stretch {
align-items: stretch !important; }
.align-content-xxl-start {
align-content: flex-start !important; }
.align-content-xxl-end {
align-content: flex-end !important; }
.align-content-xxl-center {
align-content: center !important; }
.align-content-xxl-between {
align-content: space-between !important; }
.align-content-xxl-around {
align-content: space-around !important; }
.align-content-xxl-stretch {
align-content: stretch !important; }
.align-self-xxl-auto {
align-self: auto !important; }
.align-self-xxl-start {
align-self: flex-start !important; }
.align-self-xxl-end {
align-self: flex-end !important; }
.align-self-xxl-center {
align-self: center !important; }
.align-self-xxl-baseline {
align-self: baseline !important; }
.align-self-xxl-stretch {
align-self: stretch !important; }
.order-xxl-first {
order: -1 !important; }
.order-xxl-0 {
order: 0 !important; }
.order-xxl-1 {
order: 1 !important; }
.order-xxl-2 {
order: 2 !important; }
.order-xxl-3 {
order: 3 !important; }
.order-xxl-4 {
order: 4 !important; }
.order-xxl-5 {
order: 5 !important; }
.order-xxl-last {
order: 6 !important; }
.m-xxl-0 {
margin: 0 !important; }
.m-xxl-1 {
margin: 0.25rem !important; }
.m-xxl-2 {
margin: 0.5rem !important; }
.m-xxl-3 {
margin: 1rem !important; }
.m-xxl-4 {
margin: 1.5rem !important; }
.m-xxl-5 {
margin: 3rem !important; }
.m-xxl-auto {
margin: auto !important; }
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-xxl-0 {
margin-top: 0 !important; }
.mt-xxl-1 {
margin-top: 0.25rem !important; }
.mt-xxl-2 {
margin-top: 0.5rem !important; }
.mt-xxl-3 {
margin-top: 1rem !important; }
.mt-xxl-4 {
margin-top: 1.5rem !important; }
.mt-xxl-5 {
margin-top: 3rem !important; }
.mt-xxl-auto {
margin-top: auto !important; }
.me-xxl-0 {
margin-right: 0 !important; }
.me-xxl-1 {
margin-right: 0.25rem !important; }
.me-xxl-2 {
margin-right: 0.5rem !important; }
.me-xxl-3 {
margin-right: 1rem !important; }
.me-xxl-4 {
margin-right: 1.5rem !important; }
.me-xxl-5 {
margin-right: 3rem !important; }
.me-xxl-auto {
margin-right: auto !important; }
.mb-xxl-0 {
margin-bottom: 0 !important; }
.mb-xxl-1 {
margin-bottom: 0.25rem !important; }
.mb-xxl-2 {
margin-bottom: 0.5rem !important; }
.mb-xxl-3 {
margin-bottom: 1rem !important; }
.mb-xxl-4 {
margin-bottom: 1.5rem !important; }
.mb-xxl-5 {
margin-bottom: 3rem !important; }
.mb-xxl-auto {
margin-bottom: auto !important; }
.ms-xxl-0 {
margin-left: 0 !important; }
.ms-xxl-1 {
margin-left: 0.25rem !important; }
.ms-xxl-2 {
margin-left: 0.5rem !important; }
.ms-xxl-3 {
margin-left: 1rem !important; }
.ms-xxl-4 {
margin-left: 1.5rem !important; }
.ms-xxl-5 {
margin-left: 3rem !important; }
.ms-xxl-auto {
margin-left: auto !important; }
.p-xxl-0 {
padding: 0 !important; }
.p-xxl-1 {
padding: 0.25rem !important; }
.p-xxl-2 {
padding: 0.5rem !important; }
.p-xxl-3 {
padding: 1rem !important; }
.p-xxl-4 {
padding: 1.5rem !important; }
.p-xxl-5 {
padding: 3rem !important; }
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-xxl-0 {
padding-top: 0 !important; }
.pt-xxl-1 {
padding-top: 0.25rem !important; }
.pt-xxl-2 {
padding-top: 0.5rem !important; }
.pt-xxl-3 {
padding-top: 1rem !important; }
.pt-xxl-4 {
padding-top: 1.5rem !important; }
.pt-xxl-5 {
padding-top: 3rem !important; }
.pe-xxl-0 {
padding-right: 0 !important; }
.pe-xxl-1 {
padding-right: 0.25rem !important; }
.pe-xxl-2 {
padding-right: 0.5rem !important; }
.pe-xxl-3 {
padding-right: 1rem !important; }
.pe-xxl-4 {
padding-right: 1.5rem !important; }
.pe-xxl-5 {
padding-right: 3rem !important; }
.pb-xxl-0 {
padding-bottom: 0 !important; }
.pb-xxl-1 {
padding-bottom: 0.25rem !important; }
.pb-xxl-2 {
padding-bottom: 0.5rem !important; }
.pb-xxl-3 {
padding-bottom: 1rem !important; }
.pb-xxl-4 {
padding-bottom: 1.5rem !important; }
.pb-xxl-5 {
padding-bottom: 3rem !important; }
.ps-xxl-0 {
padding-left: 0 !important; }
.ps-xxl-1 {
padding-left: 0.25rem !important; }
.ps-xxl-2 {
padding-left: 0.5rem !important; }
.ps-xxl-3 {
padding-left: 1rem !important; }
.ps-xxl-4 {
padding-left: 1.5rem !important; }
.ps-xxl-5 {
padding-left: 3rem !important; }
.gap-xxl-0 {
gap: 0 !important; }
.gap-xxl-1 {
gap: 0.25rem !important; }
.gap-xxl-2 {
gap: 0.5rem !important; }
.gap-xxl-3 {
gap: 1rem !important; }
.gap-xxl-4 {
gap: 1.5rem !important; }
.gap-xxl-5 {
gap: 3rem !important; }
.text-xxl-start {
text-align: left !important; }
.text-xxl-end {
text-align: right !important; }
.text-xxl-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important; }
.fs-2 {
font-size: 2rem !important; }
.fs-3 {
font-size: 1.75rem !important; }
.fs-4 {
font-size: 1.5rem !important; } }
@media print {
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-grid {
display: grid !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; }
.d-print-none {
display: none !important; } }
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1, .h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em; }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/**
* Add the correct font size in all browsers.
*/
small, .small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit; }
html {
box-sizing: border-box; }
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Inter", sans-serif;
font-size: 1rem;
line-height: 1.5; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
clear: both;
font-family: Inter;
font-style: normal;
font-weight: 600;
margin: 0; }
h1.kadence-bold, .kadence-bold.h1,
h2.kadence-bold,
.kadence-bold.h2,
h3.kadence-bold,
.kadence-bold.h3,
h4.kadence-bold,
.kadence-bold.h4,
h5.kadence-bold,
.kadence-bold.h5,
h6.kadence-bold,
.kadence-bold.h6 {
font-weight: 700; }
h1.kadence-heading-xl, .kadence-heading-xl.h1,
h2.kadence-heading-xl,
.kadence-heading-xl.h2,
h3.kadence-heading-xl,
.kadence-heading-xl.h3,
h4.kadence-heading-xl,
.kadence-heading-xl.h4,
h5.kadence-heading-xl,
.kadence-heading-xl.h5,
h6.kadence-heading-xl,
.kadence-heading-xl.h6 {
font-size: 64px;
line-height: 120%;
letter-spacing: -0.64px; }
h1.kadence-heading-lg, .kadence-heading-lg.h1,
h2.kadence-heading-lg,
.kadence-heading-lg.h2,
h3.kadence-heading-lg,
.kadence-heading-lg.h3,
h4.kadence-heading-lg,
.kadence-heading-lg.h4,
h5.kadence-heading-lg,
.kadence-heading-lg.h5,
h6.kadence-heading-lg,
.kadence-heading-lg.h6 {
font-size: 56px;
line-height: 120%;
letter-spacing: -0.56px; }
h1.kadence-heading-md, .kadence-heading-md.h1,
h2.kadence-heading-md,
.kadence-heading-md.h2,
h3.kadence-heading-md,
.kadence-heading-md.h3,
h4.kadence-heading-md,
.kadence-heading-md.h4,
h5.kadence-heading-md,
.kadence-heading-md.h5,
h6.kadence-heading-md,
.kadence-heading-md.h6 {
font-size: 48px;
line-height: 120%;
letter-spacing: -0.48px; }
h1.kadence-heading-sm, .kadence-heading-sm.h1,
h2.kadence-heading-sm,
.kadence-heading-sm.h2,
h3.kadence-heading-sm,
.kadence-heading-sm.h3,
h4.kadence-heading-sm,
.kadence-heading-sm.h4,
h5.kadence-heading-sm,
.kadence-heading-sm.h5,
h6.kadence-heading-sm,
.kadence-heading-sm.h6 {
font-size: 40px;
line-height: 125%;
letter-spacing: -0.4px; }
h1.kadence-subheading-lg, .kadence-subheading-lg.h1,
h2.kadence-subheading-lg,
.kadence-subheading-lg.h2,
h3.kadence-subheading-lg,
.kadence-subheading-lg.h3,
h4.kadence-subheading-lg,
.kadence-subheading-lg.h4,
h5.kadence-subheading-lg,
.kadence-subheading-lg.h5,
h6.kadence-subheading-lg,
.kadence-subheading-lg.h6 {
font-size: 32px;
line-height: 145%;
letter-spacing: -0.32px; }
h1.kadence-subheading-md, .kadence-subheading-md.h1,
h2.kadence-subheading-md,
.kadence-subheading-md.h2,
h3.kadence-subheading-md,
.kadence-subheading-md.h3,
h4.kadence-subheading-md,
.kadence-subheading-md.h4,
h5.kadence-subheading-md,
.kadence-subheading-md.h5,
h6.kadence-subheading-md,
.kadence-subheading-md.h6 {
font-size: 24px;
line-height: 140%;
letter-spacing: -0.24px; }
h1.kadence-subheading-sm, .kadence-subheading-sm.h1,
h2.kadence-subheading-sm,
.kadence-subheading-sm.h2,
h3.kadence-subheading-sm,
.kadence-subheading-sm.h3,
h4.kadence-subheading-sm,
.kadence-subheading-sm.h4,
h5.kadence-subheading-sm,
.kadence-subheading-sm.h5,
h6.kadence-subheading-sm,
.kadence-subheading-sm.h6 {
font-size: 20px;
line-height: 150%; }
p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 0; }
p.kadence-font-bold {
font-weight: 700; }
p.kadence-font-semibold {
font-weight: 600; }
p.kadence-font-medium {
font-weight: 500; }
p.kadence-font-md {
font-size: 16px; }
p.kadence-font-sm {
font-size: 14px; }
p.kadence-font-xs {
font-size: 12px; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark, .mark,
ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; }
.font-h1-semi {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; }
.font-h1-bold {
font-size: 64px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.64px; }
.font-h2-semi {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; }
.font-h2-bold {
font-size: 56px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.56px; }
.font-h3-semi {
font-size: 48px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.48px; }
.font-h3-bold {
font-size: 48px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.48px; }
.font-h4-semi {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
.font-h4-bold {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.4px; }
.font-sub-32-medium {
font-size: 32px;
line-height: 1.35;
font-weight: 500;
letter-spacing: -0.32px; }
.font-sub-32-semi {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
.font-sub-32-bold {
font-size: 32px;
line-height: 1.35;
font-weight: 700;
letter-spacing: -0.32px; }
.font-sub-24-medium {
font-size: 24px;
line-height: 1.4;
font-weight: 500;
letter-spacing: -0.24px; }
.font-sub-24-semi {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; }
.font-sub-24-bold {
font-size: 24px;
line-height: 1.4;
font-weight: 700;
letter-spacing: -0.24px; }
.font-sub-20-regular {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0; }
.font-sub-20-medium {
font-size: 20px;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0; }
.font-sub-20-semi {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
.font-sub-20-bold {
font-size: 20px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0; }
.font-body-18-regular {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.font-body-18-medium {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.font-body-18-semi {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.font-body-18-bold {
font-size: 18px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 0; }
.font-body-16-regular {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.font-body-16-medium {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.font-body-16-semi {
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.font-body-16-bold {
font-size: 16px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 0; }
.font-body-14-regular {
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.font-body-14-medium {
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.font-body-14-semi {
font-size: 14px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.font-body-14-bold {
font-size: 14px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 0; }
.font-body-12-regular {
font-size: 12px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.font-body-12-medium {
font-size: 12px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.font-body-12-semi {
font-size: 12px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.font-body-12-bold {
font-size: 12px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 0; }
.font-button-16 {
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.font-button-14 {
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
.font-capital-14 {
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.font-capital-12 {
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
/* Elements
--------------------------------------------- */
body {
background: #fff;
overflow-x: hidden; }
body :where(main h1, main .h1),
body :where(main h2, main .h2),
body :where(main h3, main .h3),
body :where(main h4, main .h4) {
line-height: 110%; }
body > img {
display: none; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
width: 100%;
line-height: 5px; }
ul,
ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; }
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%; }
img {
height: auto;
max-width: 100%; }
figure {
margin: 1em 0; }
.map-popover {
--bs-popover-max-width: 200px;
--bs-popover-border-color: #fff;
--bs-popover-header-bg: #fff;
--bs-popover-header-color: #111827;
--bs-popover-body-padding-x: 16px;
--bs-popover-body-padding-y: 12px; }
.map-popover .popover-body {
text-align: center;
line-height: 160%;
box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.05), 0px 12px 16px -4px rgba(16, 24, 40, 0.1); }
.map-popover .popover-body i {
display: block;
font-size: 24px;
margin-bottom: 8px; }
.map-popover .popover-body .title {
font-size: 14px;
font-weight: 500;
margin-bottom: 4px; }
.map-popover .popover-body .text {
font-size: 12px;
font-weight: 400;
color: #6B7280; }
table {
margin: 0 0 1.5em;
width: 100%; }
.badge {
display: inline-block;
padding: 6px 16px;
border-radius: 32px;
box-shadow: 0px 1px 3px 0px rgba(47, 43, 67, 0.1);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 1px;
text-transform: uppercase; }
.badge-primary {
border: 1px solid #FFC9EA;
background: #FFF0F8;
color: #F52283;
margin-bottom: 12px; }
@media (max-width: 576px) {
.single--embed iframe {
max-height: 254px; } }
iframe[src*="linkedin"] {
margin-left: auto;
margin-right: auto; }
/* Theme Elements
--------------------------------------------- */
.avatar {
display: grid;
justify-items: center;
row-gap: 16px; }
.avatar__image {
border-radius: 100%;
width: 64px; }
.avatar__info {
display: grid;
justify-items: center;
max-width: 320px;
row-gap: 4px; }
.avatar__name {
color: var(--kd-neutral-900);
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.avatar__role {
color: var(--kd-neutral-500);
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.avatar__role {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.badge {
margin: 0;
padding-bottom: 4px;
padding-top: 4px;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
@media (min-width: 576px) {
.badge {
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; } }
.blockquote {
color: var(--kd-neutral-900);
margin: 0;
max-width: 882px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.blockquote {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; } }
.kadence-post-card {
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
overflow: hidden;
align-content: start; }
@media (max-width: 767.8px) {
.kadence-post-card:focus-within {
pointer-events: none;
border-radius: 8px/8px; }
.kadence-post-card:focus-within .kadence-post-card__image {
margin: -144px 16px 0; }
.kadence-post-card:focus-within .button {
pointer-events: initial; } }
.kadence-post-card:hover .kadence-post-card__image {
border-radius: 8px/8px; }
@media (min-width: 768px) {
.kadence-post-card:hover .kadence-post-card__image {
margin: -130px 24px 0; } }
@media (min-width: 992px) {
.kadence-post-card:hover .kadence-post-card__image {
margin: -176px 24px 0; } }
@media (min-width: 1340px) {
.kadence-post-card:hover .kadence-post-card__image {
margin: -176px 24px 0; } }
.kadence-post-card__image {
max-height: 300px;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-property: margin, border-radius; }
@media (min-width: 768px) {
.kadence-post-card__image {
max-height: 358px; } }
.kadence-post-card__headline {
display: grid;
justify-items: start;
padding: 16px;
row-gap: 12px; }
@media (min-width: 768px) {
.kadence-post-card__headline {
padding: 24px; } }
.kadence-post-card__badge {
color: var(--kd-gray-500);
padding-bottom: 6px;
padding-top: 6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.kadence-post-card__title {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-post-card__title {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.kadence-post-card__text {
max-height: 0;
height: max-content;
display: grid;
row-gap: 16px;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-property: max-height, margin;
padding: 0 16px; }
@media (min-width: 768px) {
.kadence-post-card__text {
padding: 0 24px; } }
.kadence-post-card__description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: var(--kd-neutral-600);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-post-card__description {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.kadence-post-video-card {
background-color: var(--kd-neutral-50);
border-color: var(--kd-neutral-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: center;
overflow: hidden;
padding: 16px;
row-gap: 16px; }
@media (min-width: 768px) {
.kadence-post-video-card {
padding: 24px;
row-gap: 24px; } }
.kadence-post-video-card__preview-wrapper {
cursor: pointer;
display: grid;
justify-items: stretch;
position: relative; }
.kadence-post-video-card__preview-wrapper:after {
background-image: url(img/play-button.svg);
background-size: cover;
content: "";
display: block;
height: 72px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 72px; }
.kadence-post-video-card__preview {
border-radius: 8px;
overflow: hidden; }
.kadence-post-video-card__info {
display: grid;
justify-items: start;
row-gap: 16px; }
.kadence-post-video-card__headline {
color: var(--kd-neutral-900);
row-gap: 12px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0;
display: grid;
justify-items: start; }
@media (min-width: 576px) {
.kadence-post-video-card__headline {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.kadence-post-video-card__badge {
color: var(--kd-gray-500);
padding-bottom: 6px;
padding-top: 6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.kadence-post-video-card .kadence-post-video-card__description {
color: var(--kd-neutral-600);
row-gap: 24px;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0;
display: grid;
justify-items: start; }
@media (min-width: 576px) {
.kadence-post-video-card .kadence-post-video-card__description {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.kadence-post-video-card .kadence-post-video-card__description .kadence-post-video-card__link {
align-items: center;
color: var(--kd-primary-600);
-moz-column-gap: 6px;
column-gap: 6px;
display: flex;
justify-content: center;
padding-bottom: 2px;
padding-top: 2px;
text-decoration: none;
outline: none;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.kadence-post-video-card .kadence-post-video-card__description .kadence-post-video-card__link i:before {
font-size: 20px;
vertical-align: middle; }
.button.button {
align-items: center;
border-radius: 6px;
border: 1px solid var(--kd-neutral-900);
color: var(--kd-neutral-900);
display: flex;
justify-content: center;
min-height: 48px;
padding: 13px 28px;
column-gap: 10px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
cursor: pointer; }
.button.button:active, .button.button:visited {
color: var(--kd-neutral-900); }
.button.button:where(.button.button-primary) {
border-color: var(--kd-primary-700);
background-color: var(--kd-primary-600);
color: var(--kd-neutral-50);
box-shadow: var(--kd-shadow-button-primary); }
.button.button:where(.button.button-primary):focus, .button.button:where(.button.button-primary):hover, .button.button:where(.button.button-primary):focus-visible, .button.button:where(.button.button-primary):focus-within {
border-color: var(--kd-primary-800);
background-color: var(--kd-primary-700); }
.button.button:where(.button.button-primary):active, .button.button:where(.button.button-primary):visited {
color: var(--kd-neutral-50); }
.button.button:where(.button.button-secondary) {
border-color: var(--kd-neutral-200);
background-color: var(--kd-neutral-50);
color: var(--kd-neutral-900);
box-shadow: var(--kd-shadow-button-secondary); }
.button.button:where(.button.button-secondary):focus, .button.button:where(.button.button-secondary):hover, .button.button:where(.button.button-secondary):focus-visible, .button.button:where(.button.button-secondary):focus-within {
background-color: var(--kd-neutral-100); }
.button.button:where(.button.button-secondary):active, .button.button:where(.button.button-secondary):visited {
color: var(--kd-neutral-900); }
.button.button:where(.button.button-tertiary) {
border-color: var(--kd-primary-200);
background-color: var(--kd-primary-50);
color: var(--kd-primary-600); }
.button.button:where(.button.button-tertiary):focus, .button.button:where(.button.button-tertiary):hover, .button.button:where(.button.button-tertiary):focus-visible, .button.button:where(.button.button-tertiary):focus-within {
border-color: var(--kd-primary-400);
background-color: var(--kd-primary-100); }
.button.button:where(.button.button-tertiary):active, .button.button:where(.button.button-tertiary):visited {
color: var(--kd-primary-600); }
.button.button:where(.button.button-small) {
min-height: 40px;
padding: 10px 24px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
.button.button:where(.button.button-normal) {
min-height: 48px;
padding: 13px 28px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.button.button:where(.button.button-large) {
min-height: 56px;
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.button.button:where(.button.button-normal-desktop-large) {
min-height: 48px;
padding: 13px 28px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
@media (min-width: 768px) {
.button.button:where(.button.button-normal-desktop-large) {
min-height: 56px;
padding: 18px 27px; } }
.button.button:where(.button.button-small-desktop-large) {
min-height: 40px;
padding: 10px 24px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
@media (min-width: 768px) {
.button.button:where(.button.button-small-desktop-large) {
min-height: 56px;
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; } }
.button.button.disabled, .button.button:disabled {
opacity: 0.2;
pointer-events: none; }
.button.button.has-arrow, .button.button.with-arrow {
justify-content: center; }
.button.button.has-arrow:after, .button.button.with-arrow:after {
content: "\e901";
font-family: KadenceIcons;
font-size: 18px; }
.kadence-content-table {
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 8px;
border-style: none;
border-width: 1px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: stretch;
position: relative;
transition: background-color 0.5s ease, padding 0.5s ease; }
@media (min-width: 768px) {
.kadence-content-table {
border-style: solid;
box-shadow: none;
padding: 24px;
row-gap: 24px; } }
.kadence-content-table.opened, .kadence-content-table:focus-within {
padding: 12px; }
@media (min-width: 768px) {
.kadence-content-table.opened, .kadence-content-table:focus-within {
padding: 24px; } }
.kadence-content-table.opened .kadence-content-table__title, .kadence-content-table:focus-within .kadence-content-table__title {
pointer-events: none; }
.kadence-content-table.opened .kadence-content-table__title:after, .kadence-content-table:focus-within .kadence-content-table__title:after {
transform: rotate(180deg); }
.kadence-content-table.opened .kadence-content-table__items, .kadence-content-table:focus-within .kadence-content-table__items {
max-height: 100vh; }
.kadence-content-table__title {
align-items: center;
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 4px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-500);
display: flex;
justify-content: space-between;
max-height: 40px;
overflow: hidden;
padding: 12px;
text-transform: uppercase;
z-index: 1;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
@media (min-width: 768px) {
.kadence-content-table__title {
border-style: none;
padding: 0; } }
.kadence-content-table__title:after {
content: "\e904";
font-family: KadenceIcons;
font-size: 20px;
color: var(--kd-neutral-900);
transition: transform 0.5s ease; }
@media (min-width: 768px) {
.kadence-content-table__title:after {
display: none; } }
.kadence-content-table__divider {
background-color: var(--kd-neutral-200);
display: none;
height: 1px; }
@media (min-width: 768px) {
.kadence-content-table__divider {
display: block; } }
.kadence-content-table__items {
transition: padding 0.6s ease, max-height 0.6s ease;
display: grid;
justify-items: stretch;
max-height: 0;
overflow: hidden;
row-gap: 8px; }
.kadence-content-table__items-wrapper {
background-color: var(--kd-neutral-50);
border-radius: 4px;
box-shadow: var(--kd-shadow-card-blog);
padding-left: 12px;
padding-right: 12px;
position: absolute;
top: calc(100% - 12px);
width: 100%; }
@media (min-width: 768px) {
.kadence-content-table__items-wrapper {
box-shadow: none;
padding: 0;
position: static;
top: auto;
width: auto; } }
.kadence-content-table__items :first-child {
margin-top: 16px; }
@media (min-width: 768px) {
.kadence-content-table__items :first-child {
margin: 0; } }
.kadence-content-table__items :last-child {
margin-bottom: 16px; }
@media (min-width: 768px) {
.kadence-content-table__items :last-child {
margin: 0; } }
@media (min-width: 768px) {
.kadence-content-table__items {
max-height: none; } }
.kadence-content-table .kadence-content-table__link {
cursor: pointer;
border-radius: 4px;
color: var(--kd-neutral-400);
outline: none;
padding: 6px 12px;
transition: color 0.3s ease, background 0.3s ease;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.kadence-content-table .kadence-content-table__link.active {
background-color: var(--kd-primary-50);
color: var(--kd-primary-600); }
.kadence-content-table .kadence-content-table__link:active:not(.active), .kadence-content-table .kadence-content-table__link:focus:not(.active), .kadence-content-table .kadence-content-table__link:hover:not(.active) {
background-color: var(--kd-neutral-100);
color: var(--kd-neutral-900); }
.icon-asterisk:after {
background-color: var(--kd-primary-600);
content: "";
display: inline-block;
font-size: 20px;
font-style: normal;
height: 18px;
mask-image: var(--kd-icon-asterisk);
-webkit-mask-image: var(--kd-icon-asterisk);
mask-size: cover;
-webkit-mask-size: cover;
vertical-align: text-top;
width: 18px; }
.icon-star:after {
background-color: var(--kd-star);
content: "";
display: inline-block;
font-style: normal;
height: 24px;
mask-image: var(--kd-icon-star);
-webkit-mask-image: var(--kd-icon-star);
mask-size: cover;
-webkit-mask-size: cover;
vertical-align: text-top;
width: 24px; }
@media (min-width: 576px) {
.icon-star:after {
height: 32px;
width: 32px; } }
.feature-on {
color: var(--kd-primary-600);
font-style: normal; }
.feature-on:before {
content: "\e917";
font-family: KadenceIcons;
font-size: 20px; }
.feature-off {
color: var(--kd-primary-600);
font-style: normal; }
.feature-off:before {
content: "\e916";
font-family: KadenceIcons;
font-size: 20px; }
.newsroom-grid-card {
background-color: var(--kd-neutral-50);
border-color: var(--kd-neutral-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
-moz-column-gap: 112px;
column-gap: 112px;
display: grid;
padding: 16px; }
@media (min-width: 768px) {
.newsroom-grid-card {
grid-template-columns: 1fr auto;
padding: 24px; } }
.newsroom-grid-card__text {
display: grid;
justify-items: stretch;
row-gap: 24px; }
.newsroom-grid-card__headline {
display: grid;
justify-items: stretch;
row-gap: 12px; }
.newsroom-grid-card__bade {
color: var(--kd-gray-500);
padding-bottom: 6px;
padding-top: 6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.newsroom-grid-card__title {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.newsroom-grid-card__title {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; } }
.newsroom-grid-card__description {
color: var(--kd-neutral-500);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.newsroom-grid-card__description {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.newsroom-grid-card__image {
border-radius: 8px/8px;
-o-object-fit: cover;
object-fit: cover; }
.newsroom-grid-card__link {
align-items: center;
color: var(--kd-primary-600);
-moz-column-gap: 6px;
column-gap: 6px;
display: flex;
padding-bottom: 16px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.newsroom-grid-card__link::after {
font-size: 20px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
@media (min-width: 768px) {
.newsroom-grid-card__link {
padding: 0; } }
.kadence-pagination {
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
display: grid;
grid-auto-flow: column;
justify-content: center;
justify-items: center;
padding-bottom: 16px;
padding-top: 16px; }
.kadence-pagination:not(:has(.kadence-pagination__item)) {
padding: 0; }
@media (min-width: 768px) {
.kadence-pagination {
-moz-column-gap: 12px;
column-gap: 12px; } }
.kadence-pagination .kadence-pagination__item {
align-items: center;
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 100%;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-400);
display: flex;
height: 40px;
justify-content: center;
outline: none;
padding: 0;
transition: background-color 0.3s ease, color 0.3s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 40px;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-pagination .kadence-pagination__item {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
@media (min-width: 768px) {
.kadence-pagination .kadence-pagination__item {
height: 48px;
width: 48px; } }
.kadence-pagination .kadence-pagination__item.active, .kadence-pagination .kadence-pagination__item[disabled] {
pointer-events: none; }
.kadence-pagination .kadence-pagination__item.active {
background-color: var(--kd-primary-600);
color: var(--kd-neutral-50); }
.kadence-pagination .kadence-pagination__item:hover {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900); }
.kadence-pagination .kadence-pagination__item_next, .kadence-pagination .kadence-pagination__item_prev {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900);
font-size: 24px; }
.kadence-pagination .kadence-pagination__item_next[disabled], .kadence-pagination .kadence-pagination__item_prev[disabled] {
opacity: 0.6; }
.kadence-pagination .kadence-pagination__item_next:hover, .kadence-pagination .kadence-pagination__item_prev:hover {
background-color: var(--kd-gray-50); }
.kadence-tab-menu {
background-color: var(--kd-neutral-50);
border-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: stretch;
margin-top: -40px;
padding: 12px;
position: relative; }
@media (min-width: 768px) {
.kadence-tab-menu {
align-items: center;
background: none;
display: grid;
justify-content: center;
justify-items: center;
margin-top: auto;
padding: 0; } }
.kadence-tab-menu.opened .kadence-tab-menu__title, .kadence-tab-menu:focus-within .kadence-tab-menu__title {
pointer-events: none; }
.kadence-tab-menu.opened .kadence-tab-menu__title:after, .kadence-tab-menu:focus-within .kadence-tab-menu__title:after {
transform: rotate(180deg); }
.kadence-tab-menu.opened .kadence-tab-menu__items, .kadence-tab-menu:focus-within .kadence-tab-menu__items {
max-height: 100vh; }
.kadence-tab-menu__title {
align-items: center;
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-700);
-moz-column-gap: 8px;
column-gap: 8px;
display: flex;
justify-content: space-between;
padding: 12px 16px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
@media (min-width: 768px) {
.kadence-tab-menu__title {
display: none; } }
.kadence-tab-menu__title:after {
color: var(--kd-neutral-500);
content: "\e904";
font-family: KadenceIcons;
font-size: 20px;
transition: transform 0.5s ease; }
.kadence-tab-menu__items {
-moz-column-gap: 16px;
column-gap: 12px;
display: grid;
justify-items: stretch;
max-height: 0;
overflow: hidden;
row-gap: 8px;
transition: max-height 0.6s ease; }
@media (min-width: 768px) {
.kadence-tab-menu__items {
align-items: center;
display: flex;
justify-content: center;
max-height: none;
padding: 12px; } }
@media (min-width: 992px) {
.kadence-tab-menu__items {
padding: 16px;
column-gap: 16px; } }
.kadence-tab-menu__items-wrapper {
background-color: var(--kd-neutral-50);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
position: absolute;
top: calc(100% - 12px);
width: 100%;
z-index: 1; }
@media (min-width: 768px) {
.kadence-tab-menu__items-wrapper {
border-radius: 12px;
padding: 0;
top: auto;
width: auto; } }
.kadence-tab-menu__items :first-child {
margin-top: 10px; }
@media (min-width: 768px) {
.kadence-tab-menu__items :first-child {
margin: 0; } }
.kadence-tab-menu .kadence-tab-menu__item {
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-500);
cursor: pointer;
padding: 12px 16px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media (min-width: 992px) {
.kadence-tab-menu .kadence-tab-menu__item {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (min-width: 768px) {
.kadence-tab-menu .kadence-tab-menu__item {
padding-left: 20px;
padding-right: 20px;
transition: background-color 0.3s ease, color 0.3s ease; } }
.kadence-tab-menu .kadence-tab-menu__item.active, .kadence-tab-menu .kadence-tab-menu__item[disabled] {
pointer-events: none; }
.kadence-tab-menu .kadence-tab-menu__item.active, .kadence-tab-menu .kadence-tab-menu__item.active a {
background-color: var(--kd-primary-600);
border-style: none;
color: var(--kd-neutral-50); }
.kadence-tab-menu .kadence-tab-menu__item:active:not(.active), .kadence-tab-menu .kadence-tab-menu__item:focus:not(.active), .kadence-tab-menu .kadence-tab-menu__item:hover:not(.active) {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900); }
/* Links
--------------------------------------------- */
a {
color: #f52283;
text-decoration: none; }
a:visited {
color: #D5015C; }
a:hover, a:focus, a:active {
color: #D5015C; }
a:focus {
outline: thin dotted; }
a:hover, a:active {
outline: 0; }
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
border-radius: 6px;
border: 1px solid;
border-color: #ccc #ccc #bbb;
background: #e6e6e6;
color: #171717;
display: inline-flex;
height: 48px;
padding: 12px 28px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
box-shadow: 0px 2px 6px 0px rgba(47, 43, 67, 0.1); }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa; }
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb; }
.btn {
display: flex;
justify-content: center;
align-items: center; }
.btn,
button.btn,
input[type="button"].btn,
input[type="reset"].btn,
input[type="submit"].btn {
text-align: center;
padding: 12px 28px;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
border-radius: 6px;
border: 1px solid; }
.btn.btn-primary,
button.btn.btn-primary,
input[type="button"].btn.btn-primary,
input[type="reset"].btn.btn-primary,
input[type="submit"].btn.btn-primary {
color: #fff !important;
border-color: #D5015C;
background: #F52283; }
.btn.btn-primary:visited, .btn.btn-primary:active,
button.btn.btn-primary:visited,
button.btn.btn-primary:active,
input[type="button"].btn.btn-primary:visited,
input[type="button"].btn.btn-primary:active,
input[type="reset"].btn.btn-primary:visited,
input[type="reset"].btn.btn-primary:active,
input[type="submit"].btn.btn-primary:visited,
input[type="submit"].btn.btn-primary:active {
color: #fff !important; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:focus-visible, .btn.btn-primary:focus-within,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:focus-visible,
button.btn.btn-primary:focus-within,
input[type="button"].btn.btn-primary:hover,
input[type="button"].btn.btn-primary:focus,
input[type="button"].btn.btn-primary:focus-visible,
input[type="button"].btn.btn-primary:focus-within,
input[type="reset"].btn.btn-primary:hover,
input[type="reset"].btn.btn-primary:focus,
input[type="reset"].btn.btn-primary:focus-visible,
input[type="reset"].btn.btn-primary:focus-within,
input[type="submit"].btn.btn-primary:hover,
input[type="submit"].btn.btn-primary:focus,
input[type="submit"].btn.btn-primary:focus-visible,
input[type="submit"].btn.btn-primary:focus-within {
color: #fff;
border-color: #B0044C;
background: #D5015C; }
.btn.btn-primary:disabled, .btn.btn-primary.disabled,
button.btn.btn-primary:disabled,
button.btn.btn-primary.disabled,
input[type="button"].btn.btn-primary:disabled,
input[type="button"].btn.btn-primary.disabled,
input[type="reset"].btn.btn-primary:disabled,
input[type="reset"].btn.btn-primary.disabled,
input[type="submit"].btn.btn-primary:disabled,
input[type="submit"].btn.btn-primary.disabled {
border-color: #D5015C;
opacity: 0.2;
background: #F52283; }
.btn.btn-secondary,
button.btn.btn-secondary,
input[type="button"].btn.btn-secondary,
input[type="reset"].btn.btn-secondary,
input[type="submit"].btn.btn-secondary {
color: #171717;
background: #fff;
border-color: #E5E5E5;
box-shadow: 0px 2px 6px 0px rgba(47, 43, 67, 0.1); }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:focus-visible, .btn.btn-secondary:focus-within,
button.btn.btn-secondary:hover,
button.btn.btn-secondary:focus,
button.btn.btn-secondary:focus-visible,
button.btn.btn-secondary:focus-within,
input[type="button"].btn.btn-secondary:hover,
input[type="button"].btn.btn-secondary:focus,
input[type="button"].btn.btn-secondary:focus-visible,
input[type="button"].btn.btn-secondary:focus-within,
input[type="reset"].btn.btn-secondary:hover,
input[type="reset"].btn.btn-secondary:focus,
input[type="reset"].btn.btn-secondary:focus-visible,
input[type="reset"].btn.btn-secondary:focus-within,
input[type="submit"].btn.btn-secondary:hover,
input[type="submit"].btn.btn-secondary:focus,
input[type="submit"].btn.btn-secondary:focus-visible,
input[type="submit"].btn.btn-secondary:focus-within {
color: #171717;
border-color: #E5E5E5;
background: #F5F5F5; }
.btn.btn-secondary:disabled, .btn.btn-secondary.disabled,
button.btn.btn-secondary:disabled,
button.btn.btn-secondary.disabled,
input[type="button"].btn.btn-secondary:disabled,
input[type="button"].btn.btn-secondary.disabled,
input[type="reset"].btn.btn-secondary:disabled,
input[type="reset"].btn.btn-secondary.disabled,
input[type="submit"].btn.btn-secondary:disabled,
input[type="submit"].btn.btn-secondary.disabled {
border-color: #E5E5E5;
opacity: 0.2;
background: #fff; }
.btn.has-arrow,
button.btn.has-arrow,
input[type="button"].btn.has-arrow,
input[type="reset"].btn.has-arrow,
input[type="submit"].btn.has-arrow {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px; }
.btn-wrap {
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
align-items: center; }
@media (min-width: 768px) {
.btn-wrap {
flex-direction: row; } }
/* kadence responsive buttons */
.kadence__responsive__buttons {
display: grid;
flex-direction: column;
gap: 12px;
justify-content: unset;
align-items: center; }
.btn__flex {
display: flex;
flex-direction: unset; }
@media (min-width: 767px) {
.kadence__responsive__buttons {
display: flex;
flex-direction: unset; } }
.icon--center {
position: relative;
top: 0;
margin-left: 10px;
font-size: 18px; }
.custom__btn__style {
border-radius: 6px;
border: 1px solid var(--primary-700, #D5015C);
box-shadow: 0px 2px 6px 0px rgba(47, 43, 67, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.25) inset; }
.hs-button.primary {
border: 1px solid var(--primary-700, #D5015C);
background: var(--primary-600, #F52283);
color: var(--neutral-50, #FFF); }
.hs-button.primary:hover {
background: #D5015C; }
a[link-lightbox] {
display: none; }
@media (min-width: 768px) {
a[link-lightbox] {
display: flex; } }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border: none;
border-bottom: 1px solid #E5E5E5;
font-size: 16px;
font-weight: 400;
line-height: 160%;
padding: 8px 0;
width: 100%;
border-radius: 0;
color: #A3A3A3; }
input[type="text"]:focus, input[type="text"]:focus-visible,
input[type="email"]:focus,
input[type="email"]:focus-visible,
input[type="url"]:focus,
input[type="url"]:focus-visible,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="search"]:focus,
input[type="search"]:focus-visible,
input[type="number"]:focus,
input[type="number"]:focus-visible,
input[type="tel"]:focus,
input[type="tel"]:focus-visible,
input[type="range"]:focus,
input[type="range"]:focus-visible,
input[type="date"]:focus,
input[type="date"]:focus-visible,
input[type="month"]:focus,
input[type="month"]:focus-visible,
input[type="week"]:focus,
input[type="week"]:focus-visible,
input[type="time"]:focus,
input[type="time"]:focus-visible,
input[type="datetime"]:focus,
input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus-visible,
input[type="color"]:focus,
input[type="color"]:focus-visible,
textarea:focus,
textarea:focus-visible {
outline: unset;
border-bottom: 1px solid #171717;
color: #171717; }
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
color: #525252;
font-size: 16px;
line-height: 160%; }
select {
border: 1px solid #ccc;
color: #525252; }
textarea {
width: 100%; }
label {
font-size: 14px;
line-height: 160%;
font-weight: 500;
color: #171717; }
.wpcf7-form .horizontal {
display: flex;
gap: 24px; }
.wpcf7-form .wpcf7-form-control {
margin-bottom: 24px; }
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
margin-bottom: 0; }
.wpcf7-form .wpcf7-form-control.wpcf7-submit::before {
content: "\e901";
font-family: 'KadenceIcons' !important;
display: block; }
.wpcf7-form .wpcf7-not-valid-tip {
color: #EF4444;
font-size: 12px;
font-weight: 400;
line-height: 160%; }
.wpcf7-form .wpcf7-spinner {
display: none; }
.wpcf7-form.submitting .wpcf7-submit {
margin-bottom: 8px; }
.wpcf7-form.submitting .wpcf7-spinner {
display: inline-block; }
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
@media (max-width: 576px) {
.row {
margin-right: 0;
margin-left: 0; } }
header {
background: #fff;
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
/*Mobile menu */
/* Mobile nav menu */
/* Medium devices (landscape tablets, 768px and up) */
/* Desktop menu */ }
header .kadence-navbar {
display: flex;
justify-content: space-between;
align-items: center;
height: 96px; }
header .kadence-navbar__menu ul {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none; }
header .kadence-navbar__menu .primary-menu .navbar-item {
display: inline-block;
position: relative; }
header .kadence-navbar__menu .primary-menu .navbar-item.active .submenu {
display: flex; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu {
display: none;
position: absolute;
top: 44px;
z-index: 10;
padding: 24px;
border-radius: 16px;
background: #fff;
box-shadow: 0px 0px 40px 0px rgba(36, 46, 62, 0.12); }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu:before {
content: "";
position: absolute;
top: -10px;
left: 45%;
width: 20px;
height: 20px;
z-index: 5;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .sidenavs {
display: none;
border-left: 1px solid #e2e4e9;
padding-left: 24px;
margin-left: 24px; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .sidenavs.active {
display: block; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .sidenavs .sidenav {
display: none; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .sidenavs .sidenav.active {
display: block; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .sidenavs .sidenav-link {
text-decoration: none;
padding: 12px;
color: #171717;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 160%;
display: flex;
min-width: max-content;
align-items: center; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .subnav-link {
text-decoration: none;
padding: 12px;
color: #171717;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 160%;
display: flex;
align-items: center;
min-width: max-content; }
header .kadence-navbar__menu .primary-menu .navbar-item .submenu .subnav-link:hover {
border-radius: 6px;
background: #f3f4f6; }
header .kadence-navbar__menu .primary-menu .navbar-link {
color: #404040;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
text-decoration: none; }
header a.sidenav-link {
text-decoration: none; }
header .mobile__navmenu {
/*new menu */ }
header .mobile__navmenu .container-fluid, header .mobile__navmenu .container-sm, header .mobile__navmenu .container-md, header .mobile__navmenu .container-lg, header .mobile__navmenu .container-xl, header .mobile__navmenu .container-xxl {
padding: 0; }
header .mobile__navmenu ul {
margin-left: 0;
padding: 0 10px;
border: none; }
header .mobile__navmenu .dropdown-toggle::after {
float: right;
position: relative;
top: 10px; }
header .mobile__navmenu .kaicon-chevron-down:after {
content: "\e904";
float: right;
font-size: 20px;
position: relative;
top: 5px;
font-weight: 500; }
header .mobile__navmenu a {
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.005em;
color: #404040; }
header .mobile__navmenu .nav-item {
padding: 4px 9px;
margin-top: 4px;
border-radius: 16px; }
header .mobile__navmenu ul.dropdown-menu li {
padding: 10px 0; }
header .mobile__navmenu .dropdown-item {
padding-left: 0; }
header .mobile__navmenu li:has(> a.nav-link.show) {
box-shadow: 0px 0px 10px 0px #242e3e1f; }
header .mobile__navmenu .menu-post-img img {
border-radius: 8px; }
header .mobile__navmenu .card-body {
padding: 0; }
header .mobile__navmenu .card-title {
font-size: 14px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
text-decoration: unset;
outline: none; }
header .mobile__navmenu .navbar-toggler {
border-radius: 100px;
border: 1px;
padding: 10px;
height: 40px;
width: 40px;
background: linear-gradient(0deg, #f3f4f6, #f3f4f6), linear-gradient(0deg, #e2e4e9, #e2e4e9); }
header .mobile__navmenu button.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
display: block; }
header .mobile__navmenu button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
display: none; }
header .mobile__navmenu button.navbar-toggler[aria-expanded="false"] .kaicon-x-close {
display: none; }
header .mobile__navmenu button.navbar-toggler[aria-expanded="true"] .kaicon-x-close {
display: block; }
header .mobile__navmenu .kaicon-x-close {
font-size: 22px;
position: relative;
top: 2px; }
header .mobile__navmenu .navbar-toggler:focus {
box-shadow: none; }
header .mobile__navmenu .mobile__menu__lists {
margin-top: 26px;
margin-bottom: 12px; }
header .mobile__navmenu .accordion-body {
padding: 10px 6px; }
header .mobile__navmenu .accordion-item {
border: none !important;
margin-bottom: 5px;
border-radius: 8px; }
header .mobile__navmenu .accordion-button {
box-shadow: none; }
header .mobile__navmenu .accordion-button:not(.collapsed) {
color: unset;
background-color: unset;
cursor: pointer; }
header .mobile__navmenu .accordion-item:has(> .accordion-collapse.show) {
box-shadow: 0px 0px 10px 0px rgba(36, 46, 62, 0.12); }
header .mobile__navmenu .main__menu__item {
padding: 12px 20px; }
header .mobile__navmenu .list-group .submenu__icon {
border-radius: 1000px;
border: 1px solid var(--primary-100, #ffe4f3);
background: var(--primary-50, #fff0f8);
padding: 8px;
color: #f52283;
font-weight: 600;
margin-right: 8px; }
header .mobile__navmenu .list-group-item {
border: none;
margin-bottom: 6px;
padding: 14px 10px;
border-radius: 10px; }
header .mobile__navmenu .list-group-item:hover {
background-color: #f3f4f6; }
header .mobile__navmenu .list-group-item:hover .kaicon-arrow-right {
color: #f52283;
font-size: 20px;
position: relative;
top: 2px; }
header .mobile__navmenu .kaicon-arrow-right {
float: right;
color: #ffffff; }
@media only screen and (min-width: 992px) {
header .md-d-none {
display: none; } }
@media only screen and (max-width: 992px) {
header .xs-d-none {
display: none; } }
header .desktop__navmenu .kaicon-chevron-down:after {
content: "\e904";
position: relative;
top: 4px;
font-weight: 500;
font-size: 18px; }
header .desktop__navmenu .navbar-item {
margin-left: 8px;
margin-right: 8px; }
header .desktop__navmenu ul li a img {
margin-right: 8px; }
header .desktop__navmenu ul li a:focus {
outline: none !important; }
header .desktop__navmenu .kaicon-arrow-right:before {
position: relative;
top: 2px;
left: 20px;
font-size: 20px; }
header .desktop__navmenu .menu-post-img img {
border-radius: 8px; }
header .desktop__navmenu .post-info-column {
padding: 0; }
header .desktop__navmenu .card-body {
padding: 0; }
header .desktop__navmenu .card-title {
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0; }
header .desktop__navmenu .submenu ul li:hover,
header .desktop__navmenu .submenu ul li:hover a,
header .desktop__navmenu .submenu ul li:hover .card {
border-radius: 6px;
background-color: #f3f4f6; }
header .desktop__navmenu .submenu ul li a i {
border-radius: 1000px;
border: 1px solid var(--primary-100, #ffe4f3);
background: var(--primary-50, #fff0f8);
padding: 8px;
color: #f52283;
font-weight: 600;
margin-right: 8px; }
header .desktop__navmenu .subnav {
width: 238px; }
header .desktop__navmenu .submenu ul li:hover .kaicon-arrow-right {
color: #f52283;
font-size: 20px;
position: relative;
top: 2px; }
header .desktop__navmenu .submenu ul li .kaicon-arrow-right {
background: none;
border: none;
float: right;
color: #ffffff; }
header .desktop__navmenu li.sub__list__item:after {
font-family: "KadenceIcons" !important;
content: "\e900";
float: right;
position: relative;
top: -40px;
left: -26px;
font-size: 18px;
color: #fff; }
header .desktop__navmenu li.sub__list__item:hover:after {
color: #f52283; }
header .desktop__navmenu .primary-menu {
position: relative;
top: 2px; }
header .desktop__navmenu .primary-menu .navbar-item.active .submenu {
left: -100px; }
header .desktop__navmenu .submenu:has(> .sidenavs.active) {
left: -290px !important; }
header .header_btns_no_header_btn {
visibility: hidden; }
@media only screen and (max-width: 480px) {
header .header_btns_no_header_btn {
display: none; } }
header .btn_secondary {
border-radius: 6px;
border: 1px solid #E5E5E5;
background: #FFF;
box-shadow: 0px 2px 6px 0px rgba(47, 43, 67, 0.1);
display: flex;
height: 48px;
padding: 12px 28px;
justify-content: center;
align-items: center;
align-self: stretch;
color: #171717;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px; }
header .book-demo-btn-mobile {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex: 1;
padding-right: 24px; }
@media (max-width: 422px) {
header .book-demo-btn-mobile {
justify-content: center;
padding-right: 0; }
header .book-demo-btn-mobile .btn {
padding-inline: 12px; } }
@media (min-width: 768px) {
header .book-demo-btn-mobile {
display: none; } }
body header.site-header {
top: 0;
position: sticky;
z-index: 9999; }
@media (max-width: 767px) {
body header.site-header {
max-height: 100vh;
overflow-y: scroll; } }
body.admin-bar header.site-header {
top: 32px; }
@media (max-width: 767px) {
body.admin-bar header.site-header {
top: 0; } }
.kadence-page > section {
padding-top: var(--kd-gutter-sx-y);
padding-bottom: var(--kd-gutter-sx-y); }
@media (min-width: 576px) {
.kadence-page > section {
padding-top: var(--kd-gutter-md-y);
padding-bottom: var(--kd-gutter-md-y); } }
.kadence-page .container {
padding-left: var(--kd-gutter-sx-x);
padding-right: var(--kd-gutter-sx-x); }
@media (min-width: 576px) {
.kadence-page .container {
padding-left: var(--kd-gutter-md-x);
padding-right: var(--kd-gutter-md-x); } }
@media (min-width: 768px) {
.kadence-page section.banner-hero-section {
padding-bottom: 138px; } }
@media (min-width: 768px) {
.kadence-page div.banner-hero-section {
padding-bottom: 58px; } }
.kadence-page .ai_buttons {
display: flex;
justify-content: center;
gap: 30px; }
@media (max-width: 768px) {
.kadence-page .ai_buttons {
flex-wrap: wrap; } }
.page-template-page-no-header-no-footer .kadence-page > section {
padding-top: var(--kd-gutter-sx-y);
padding-bottom: var(--kd-gutter-sx-y); }
@media (min-width: 576px) {
.page-template-page-no-header-no-footer .kadence-page > section {
padding-top: 30px; } }
.site-footer {
background: #111827; }
.site-footer .footer-sections {
padding: 0 0 40px 0; }
.site-footer .footer-sections .footer-logo {
padding-top: 80px; }
.site-footer .footer-sections .footer-widgets {
padding-top: 40px;
margin-top: 40px;
display: flex;
flex-direction: column;
border-top: 1px solid #1f2937; }
@media (min-width: 768px) {
.site-footer .footer-sections .footer-widgets {
padding-bottom: 40px;
margin-bottom: 40px;
border-top: 1px solid #374151;
border-bottom: 1px solid #374151;
flex-direction: row;
justify-content: space-between; } }
.site-footer .footer-sections .footer-widgets .footer-widget-area {
color: #fff; }
.site-footer .footer-sections .footer-widgets .footer-widget-area:not(:last-child) {
margin-bottom: 24px; }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu.expanded .collapse-body {
border-bottom: 1px solid #1f2937;
padding-bottom: 24px; } }
.site-footer .footer-sections .footer-widgets .footer-widget-area p {
color: var(--kd-neutral-50, #fff);
margin-bottom: 24px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px; }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .widget-title {
color: #fff;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%;
padding-bottom: 24px; }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .widget-title {
border-bottom: 1px solid #1f2937;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer; } }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .widget-title i {
transition-duration: 0.5s; }
@media (min-width: 768px) {
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .widget-title i {
display: none; } }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .menu .menu-item {
margin-bottom: 16px; }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .menu .menu-item:last-child {
margin-bottom: 0; }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu .collapse-body {
height: 0px;
width: 100%;
opacity: 0;
transition: 0.2s ease-out;
transform: translateY(20%);
visibility: hidden; }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu.expanded .widget-title {
border-bottom: none; }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu.expanded .widget-title i {
transform: rotate(180deg); }
.site-footer .footer-sections .footer-widgets .footer-widget-area .widget-container.widget_nav_menu.expanded .collapse-body {
height: 100%;
width: 100%;
opacity: 1;
transition: 0.2s;
transform: translateY(0%);
z-index: 2;
visibility: visible; } }
.site-footer .footer-sections .footer-bottom {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
margin-top: 56px; }
@media (min-width: 768px) {
.site-footer .footer-sections .footer-bottom {
flex-direction: row;
align-items: center; } }
.site-footer .footer-sections .footer-bottom .copyright {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-bottom .copyright {
margin-top: 32px; } }
@media (min-width: 768px) {
.site-footer .footer-sections .footer-bottom .navigation-menu .menu .menu-item {
display: inline-block;
margin-right: 32px; }
.site-footer .footer-sections .footer-bottom .navigation-menu .menu .menu-item:last-child {
margin-right: 0; } }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-bottom .navigation-menu .menu .menu-item {
margin-bottom: 24px; }
.site-footer .footer-sections .footer-bottom .navigation-menu .menu .menu-item:last-child {
margin-bottom: 0; } }
@media (max-width: 767px) {
.site-footer .footer-sections .footer-bottom .socials ul li {
margin-bottom: 32px; } }
.site-footer .footer-sections .footer-bottom .socials ul {
margin: 0;
padding: 0;
list-style: none; }
.site-footer .footer-sections .footer-bottom .socials ul li {
display: inline-block;
margin-right: 24px; }
.site-footer .footer-sections .footer-bottom .socials ul li:last-child {
margin-right: 0; }
.site-footer .footer-sections .footer-bottom .socials ul li a {
background: #1f2937;
border-radius: 50%;
padding: 8px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center; }
.site-footer .footer-sections .footer-bottom .socials ul li a:hover {
background: #374151; }
.site-footer .footer-sections .footer-bottom .socials ul li a:hover i {
color: #fff; }
.site-footer .footer-sections .footer-bottom .socials ul li a i {
color: #b8bdc6;
font-size: 24px; }
.site-footer .footer-sections .menu {
margin: 0;
padding: 0;
list-style: none; }
.site-footer .footer-sections .menu .menu-item a {
color: #6b7280;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.site-footer .footer-sections .menu .menu-item a:hover {
color: #f52283; }
@media (max-width: 767px) {
.site-footer .widget-container.widget_block.widget_media_gallery {
max-width: 212px; } }
.site-footer .widget-container.widget_block .wp-block-gallery {
gap: 12px;
flex-wrap: unset; }
.site-footer figure.wp-block-image.size-large {
width: 64px !important;
padding: 0 7px; }
.float_block {
display: none;
padding: 0 !important; }
.fancybox__container {
z-index: 666666670 !important; }
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%; }
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto; }
.main-navigation ul ul a {
width: 200px; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto; }
.main-navigation li {
position: relative; }
.main-navigation a {
display: block;
text-decoration: none; }
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block; }
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none; }
.main-navigation ul {
display: flex; } }
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em; }
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%; }
/* Sections
--------------------------------------------- */
.kadence_author_section .author_block {
max-width: 700px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 16px;
padding: 48px 0; }
.kadence_author_section .author_block .ab_header {
display: flex;
gap: 22px; }
.kadence_author_section .author_block .ab_header .ab_image {
background: #fff;
border-radius: 51%;
border: 2px solid #FF319C;
width: 90px;
height: 90px;
padding: 6px;
position: relative; }
.kadence_author_section .author_block .ab_header .ab_image img {
border-radius: 51%;
width: 100%;
height: 100%;
object-fit: cover; }
.kadence_author_section .author_block .ab_header .ab_image a {
position: absolute;
left: 4px;
bottom: 12px;
z-index: 10; }
.kadence_author_section .author_block .ab_header .ab_image a:hover {
opacity: 0.8; }
.kadence_author_section .author_block .ab_header .ab_info {
width: calc(100% - 90px);
display: inline-flex;
flex-direction: column;
gap: 4px;
justify-content: space-between; }
.kadence_author_section .author_block .ab_header .ab_info .ab_name {
color: #171717;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.4px; }
.kadence_author_section .author_block .ab_header .ab_info .ab_state {
color: #6B7280;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; }
.kadence_author_section .author_block .ab_bio {
color: #6B7280;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.kadence_author_section .author_block .ab_bio p {
color: inherit; }
.kadence_author_section .author_articles {
padding: 48px 0; }
.kadence_author_section .author_articles h2, .kadence_author_section .author_articles .h2 {
text-align: center;
color: #171717;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 135%;
letter-spacing: -0.32px;
margin: 0 0 24px; }
.kadence_author_section .author_articles_list {
display: flex;
flex-wrap: wrap;
gap: 24px;
padding: 0 30px; }
.kadence_author_section .author_articles_list .aa_article {
border-radius: 12px;
border: 1px solid #E5E5E5;
background: #FFF;
overflow: hidden;
width: 30%; }
.kadence_author_section .author_articles_list .aa_article .aa_image {
height: 358px; }
.kadence_author_section .author_articles_list .aa_article .aa_image img {
display: block;
object-fit: cover;
height: 100%;
width: 100%; }
.kadence_author_section .author_articles_list .aa_article .aa_info {
padding: 30px 26px;
display: flex;
flex-direction: column;
gap: 18px; }
.kadence_author_section .author_articles_list .aa_article .aa_info .aa_category {
color: #6B7280;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 1px;
text-transform: uppercase; }
.kadence_author_section .author_articles_list .aa_article .aa_info .aa_title {
color: #171717;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px; }
/* Blocks
--------------------------------------------- */
.text__with__forms__two {
padding: 48px 24px;
background-image: url("img/blocks/demo-hero/mobile-bg.png");
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
/* Badge */
/* title */
/* Lists */
/* Demo form */
/* Large devices (desktops, 992px and up) */
/* Small devices (landscape phones, 576px and up) */ }
.text__with__forms__two .block__info {
margin-bottom: 40px;
text-align: center; }
.text__with__forms__two .hs-error-msgs {
list-style: none;
margin: 5px 0 0;
padding-left: 0;
text-align: left; }
.text__with__forms__two .hs-error-msgs label.hs-error-msg {
display: block;
color: red;
font-size: 12px; }
.text__with__forms__two .badge-primary {
font-size: 10px;
padding: 6px 12px;
margin-bottom: 12px; }
.text__with__forms__two .kadence-heading-xl {
color: var(--neutral-900, #171717);
font-size: 40px;
line-height: 110%;
letter-spacing: -0.4px;
margin-bottom: 32px; }
.text__with__forms__two .lists__item {
margin: 0; }
.text__with__forms__two .list__item {
display: flex;
border: none;
background: unset;
color: var(--neutral-900, #171717);
font-style: normal;
font-weight: 400;
margin-bottom: 16px;
padding: 0;
text-align: left; }
.text__with__forms__two .list__item i {
position: relative;
top: 2px;
margin-right: 16px;
color: #f52283;
font-size: 20px; }
.text__with__forms__two .list__item:last-child {
margin-bottom: 0; }
.text__with__forms__two .block__text {
font-size: 14px;
line-height: 160%; }
.text__with__forms__two .desktop_form {
padding: 0 0 0 150px; }
@media (max-width: 1024px) {
.text__with__forms__two .desktop_form {
padding: 0 0 0 60px; } }
@media (max-width: 576px) {
.text__with__forms__two .desktop_form {
padding: 0; } }
.text__with__forms__two.content_download_form_block .demo__form {
width: 100%;
min-height: 350px; }
@media (max-width: 576px) {
.text__with__forms__two.content_download_form_block .hbspt-form {
text-align: left; }
.text__with__forms__two.content_download_form_block .hbspt-form input.hs-button {
width: 100%; } }
@media (max-width: 576px) {
.text__with__forms__two.content_download_form_block .block__info {
text-align: left; }
.text__with__forms__two.content_download_form_block .block__info h1, .text__with__forms__two.content_download_form_block .block__info .h1 {
font-size: 32px;
font-weight: 600;
line-height: 135%;
letter-spacing: -0.32px;
margin-bottom: 20px; } }
.text__with__forms__two .demo__form {
border-radius: 8px;
border: 1px solid var(--neutral-200, #e5e5e5);
background: var(--neutral-50, #fff);
padding: 16px;
display: none; }
@media (max-width: 576px) {
.text__with__forms__two .demo__form {
margin: 20px 0; } }
.text__with__forms__two .demo__form .extra__info {
margin-top: 24px;
color: var(--neutral-500, #737373);
font-size: 12px; }
.text__with__forms__two .demo__form .hs-richtext.hs-main-font-element::after {
content: "";
height: 1px;
display: block;
background-color: #e5e5e5;
position: relative;
top: 25px; }
@media (max-width: 576px) {
.text__with__forms__two .demo__form .hs-richtext.hs-main-font-element::after {
display: none; } }
.text__with__forms__two .demo__form .grecaptcha-badge {
margin: 24px auto 0; }
.text__with__forms__two .demo__form .hs_error_rollup {
text-align: center;
opacity: 0;
display: none; }
.text__with__forms__two .demo__form .hs_error_rollup label {
color: red; }
.text__with__forms__two .hbspt-form .hs-main-font-element:not(.hs-error-msg) {
margin-bottom: 24px; }
.text__with__forms__two .hbspt-form .hs-main-font-element p {
font-weight: 600;
line-height: 150%; }
.text__with__forms__two .hbspt-form .hs-fieldtype-text,
.text__with__forms__two .hbspt-form .hs-fieldtype-select,
.text__with__forms__two .hbspt-form .hs_submit {
margin-top: 24px; }
.text__with__forms__two .hbspt-form .hs-fieldtype-select select {
border: none;
border-bottom: 1px solid #E5E5E5;
color: #525252;
background: #fff; }
@media (max-width: 576px) {
.text__with__forms__two .hbspt-form .hs-fieldtype-select select {
padding: 8px 0; } }
.text__with__forms__two .hbspt-form fieldset label {
display: none; }
.text__with__forms__two .hbspt-form .hs_submit .actions {
text-align: center; }
.text__with__forms__two .block__logo {
display: none; }
.text__with__forms__two .block__logos {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
width: 100%;
margin-top: 24px; }
@media (max-width: 576px) {
.text__with__forms__two .block__logos {
margin: 0 0 40px;
gap: 16px; } }
.text__with__forms__two .block__logos .logo__item {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
padding: 6.4px 8.8px;
border-radius: 8px;
border: 1px solid var(--neutral-200, #e5e5e5);
background: var(--neutral-50, #fff);
box-shadow: 0 1px 3px 0 rgba(47, 43, 67, 0.1); }
@media (max-width: 576px) {
.text__with__forms__two .block__logos .logo__item {
width: 64px;
height: 64px; } }
@media (max-width: 576px) {
.text__with__forms__two .demo__form input.hs-button {
min-width: 187px; } }
@media (max-width: 992px) {
.text__with__forms__two .container {
padding: 0; } }
@media (min-width: 992px) {
.text__with__forms__two .block__info {
text-align: left; }
.text__with__forms__two .badge-primary {
font-size: 14px;
padding: 6px 16px; } }
@media (min-width: 1200px) {
.text__with__forms__two {
padding: 80px 24px;
background-image: url("img/blocks/demo-hero/desktop-bg-base.png"); }
.text__with__forms__two .block__info {
max-width: 100%;
padding: 0 0 0 40px; }
.text__with__forms__two .kadence-heading-xl {
font-size: 56px; }
.text__with__forms__two .block__text {
font-size: 18px; }
.text__with__forms__two .demo__form {
max-width: 546px;
min-height: 571px;
padding: 24px;
float: left;
box-shadow: 16px 24px 40px 0 rgba(13, 24, 51, 0.06); }
.text__with__forms__two .demo__form .hs-input {
width: 100% !important;
min-height: 56px; }
.text__with__forms__two .demo__form .extra__info {
margin-top: 32px;
font-size: 12px; }
.text__with__forms__two .hbspt-form .hs-main-font-element p {
font-size: 24px !important;
line-height: 140%; }
.text__with__forms__two .hbspt-form fieldset:last-child .hs-fieldtype-text {
margin-bottom: 0; }
.text__with__forms__two .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(2) .input {
margin-right: 24px; }
.text__with__forms__two .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(3) .input {
margin-right: 0; }
.text__with__forms__two .hbspt-form .hs_submit {
margin-top: 32px; }
.text__with__forms__two .hbspt-form .hs_submit .hs-button {
display: flex;
width: 100%; }
.text__with__forms__two .hbspt-form .hs_submit i {
position: relative;
top: -33px;
left: 68px;
color: #fff; }
.text__with__forms__two .col-12.col-md-6:first-child {
padding-top: 0; }
.text__with__forms__two .block__logos {
gap: 32px;
margin-top: 40px;
justify-content: center; }
.text__with__forms__two .logo__item {
height: auto;
width: auto;
max-width: 80px;
padding: 8px 11px; } }
.pricing-hero-section__companies p {
font-size: 16px;
margin: 0 0 20px;
color: #A3A3A3; }
@media (max-width: 576px) {
.pricing-hero-section__companies p {
color: #525252; } }
.pricing-hero-section__companies.additional .pricing-hero-section__logos {
flex-wrap: wrap;
gap: 40px; }
@media (max-width: 1335px) {
.pricing-hero-section__companies.additional .pricing-hero-section__logos {
flex-wrap: wrap; } }
.pricing-hero-section__companies.additional .pricing-hero-section__logos a {
margin: 0 0 20px; }
@media (max-width: 576px) {
.pricing-hero-section__companies.additional .pricing-hero-section__logos a {
width: auto !important; } }
.mobile_form {
display: none; }
@media (max-width: 576px) {
.mobile_form {
display: block; } }
@media (max-width: 576px) {
.desktop_form {
display: none; } }
.partners__image__grid {
padding: 48px 24px; }
.partners__image__grid .block__info {
text-align: center;
margin-bottom: 40px; }
.partners__image__grid .block__info .badge-primary {
font-size: 12px;
margin-bottom: 12px; }
.partners__image__grid .block__info .kadence-heading-xl {
color: var(--neutral-900, #171717);
font-size: 32px;
line-height: 135%;
letter-spacing: -0.32px; }
.partners__image__grid .row {
justify-content: center; }
.partners__image__grid .partners__list {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
align-self: stretch; }
.partners__image__grid .partners__list .partners__list__group {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
flex: 1 0 0;
margin: 0; }
.partners__image__grid .partners__list .partners__list__group li {
display: flex;
align-items: center;
border: none; }
@media (max-width: 992px) {
.partners__image__grid .container {
padding: 0; } }
@media (min-width: 992px) {
.partners__image__grid {
padding: 80px 24px; }
.partners__image__grid .block__info {
margin-bottom: 80px; }
.partners__image__grid .block__info .badge-primary {
font-size: 14px; }
.partners__image__grid .block__info .kadence-heading-xl {
font-size: 56px;
letter-spacing: -0.56px;
line-height: 110%; }
.partners__image__grid .partners__list {
display: block; }
.partners__image__grid .partners__list .partners__list__group {
flex-direction: row;
gap: 24px; }
.partners__image__grid .partners__list .partners__list__group li {
padding: 53px 32px 52.75px 45px; } }
.text__with__image__two {
padding: 50px 24px !important;
background-color: var(--gray-50, #F9FAFB); }
.text__with__image__two .block__info {
margin-bottom: 40px; }
.text__with__image__two .kadence-heading-xl {
color: var(--neutral-900, #171717);
font-size: 32px;
line-height: 135%;
letter-spacing: -0.32px;
margin-bottom: 16px; }
.text__with__image__two .short__desc {
font-size: 16px;
margin-bottom: 32px;
color: var(--neutral-700, #404040); }
.text__with__image__two ul {
margin: 0;
padding-left: 15px; }
.text__with__image__two ::marker {
color: #f52283; }
@media (max-width: 576px) {
.text__with__image__two .kadence-heading-xl {
font-size: 40px !important; } }
@media (min-width: 1200px) {
.text__with__image__two .block__info {
position: relative;
margin-bottom: 0;
max-width: 565px; }
.text__with__image__two .kadence-heading-xl {
font-size: 56px;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.56px;
margin-top: 16px; }
.text__with__image__two .short__desc {
font-size: 18px;
margin-top: 32px;
margin-bottom: 32px; }
.text__with__image__two .kadence__responsive__buttons a.btn {
min-height: 56px; } }
@media (min-width: 1600px) {
.text__with__image__two .image {
position: relative;
max-width: 100%; } }
.text__with__image__two .kadence__responsive__buttons {
margin-top: 32px; }
@media (min-width: 768px) {
.text__with__image__two .kadence__responsive__buttons {
margin-top: 40px; } }
.hero-with-image-wrapper {
overflow: hidden;
padding: 48px 24px; }
.hero-with-image {
padding: 0;
align-items: unset;
display: grid;
justify-content: unset;
justify-items: start;
row-gap: 40px; }
@media (min-width: 992px) {
.hero-with-image {
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column; } }
.hero-with-image__content-wrapper {
display: grid;
justify-items: start;
row-gap: 24px; }
@media (min-width: 992px) {
.hero-with-image__content-wrapper {
row-gap: 42px; } }
.hero-with-image__content {
display: grid;
justify-items: center;
row-gap: 24px; }
@media (min-width: 992px) {
.hero-with-image__content {
row-gap: 20px; } }
.hero-with-image__image-wrapper .hero--img {
height: 185px;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
@media (max-width: 375px) {
.hero-with-image__content {
max-width: 320px; }
.hero-with-image__image-wrapper .hero--img {
width: 350px;
position: relative;
left: -8%; } }
.hero-with-image__title {
color: var(--kd-neutral-900);
display: grid;
font-size: 32px;
font-weight: 600;
justify-items: center;
letter-spacing: -0.4px;
line-height: 1.25;
max-width: 626px;
row-gap: 12px;
text-align: center; }
@media (min-width: 992px) {
.hero-with-image__title {
font-size: 64px;
justify-items: start;
letter-spacing: -0.64px;
line-height: 1.2;
text-align: left; } }
.hero-with-image__description {
color: var(--kd-neutral-600);
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.6;
max-width: 626px;
text-align: center; }
@media (min-width: 992px) {
.hero-with-image__description {
font-size: 18px;
text-align: left; } }
.hero-with-image__button.has-arrow.has-arrow {
justify-self: stretch;
justify-content: center; }
@media (min-width: 576px) {
.hero-with-image__button.has-arrow.has-arrow {
min-height: 56px;
padding: 18px 27px;
justify-self: revert; } }
.hero-with-image__image-wrapper {
align-self: center;
height: inherit;
position: relative;
width: inherit; }
.hero-with-image__image-wrapper img {
position: relative;
left: -16px; }
.hero-with-image__image-wrapper:before {
--kd-var-net-mask-gradient: radial-gradient(
45.95% 45.95% at 50% 54.05%,
#d9d9d9 0%,
hsla(0, 0%, 85%, 0) 100%
);
background-image: url(img/bg-net-mask.svg);
background-position: calc(50% + 40px) calc(100% - 180px);
background-repeat: no-repeat;
background-size: 193%;
bottom: -200px;
height: 150%;
-webkit-mask: var(--kd-var-net-mask-gradient);
mask: var(--kd-var-net-mask-gradient);
opacity: 0.56;
transform: translate(-50%);
width: 200%;
z-index: -1; }
.hero-with-image__image-wrapper:after, .hero-with-image__image-wrapper:before {
content: "";
left: 50%;
position: absolute; }
.hero-with-image__image-wrapper:after {
background: radial-gradient(137.05% 100% at 50% 0, #fff9c7 5.59%, #ffe4f3 51.56%, #fff 100%);
border-radius: 100%;
filter: blur(250px);
transform: translate(-50%, -50%) translateZ(0);
height: 543px;
top: 70%;
width: 543px;
z-index: -2; }
@media (min-width: 992px) {
.hero-with-image__image-wrapper:after {
filter: blur(160px);
height: 560px;
top: 50%;
width: 560px; } }
@media (min-width: 767px) {
.hero-with-image {
align-items: flex-start;
justify-content: center; } }
@media (min-width: 992px) {
.hero-with-image__content {
justify-items: baseline; }
.hero-with-image__image-wrapper .hero--img {
height: 399px; } }
@media (min-width: 1400px) {
.hero-with-image__image-wrapper:before {
background-image: unset; }
.hero-with-image__image-wrapper .hero--img {
position: relative;
max-width: 716px;
left: -12%;
width: 716px; }
.hero-with-image__title {
max-width: 753px;
width: 753px; } }
@media (min-width: 1800px) {
.hero-with-image__image-wrapper .hero--img {
height: 464px;
position: relative;
max-width: 833px;
left: -18%;
width: 900px; } }
.hero {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background: url("img/cell.svg"), linear-gradient(to left top, rgba(245, 34, 131, 0.2) 0%, white 50%, white 100%);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 50%; }
.hero .fading-bg {
background: radial-gradient(46.75% 46.75% at 50% 47.88%, #D9D9D9 0%, rgba(250, 250, 250, 0) 100%); }
.hero__col {
z-index: 2; }
.hero__col.text__content {
padding: 0 80px 0 0; }
@media (max-width: 768px) {
.hero__col.text__content {
padding: 0; } }
.hero__text .badge {
margin-bottom: 12px; }
.hero__text h1, .hero__text .h1 {
margin-bottom: 24px; }
.hero__form--wrapper {
background-color: #fff;
border: 1px solid #E5E5E5;
border-radius: 8px;
padding: 32px; }
.hero .wpcf7-not-valid-tip {
margin-top: -20px;
padding-bottom: 10px; }
.hero .hero__text p {
margin-bottom: 23px; }
.hero .wpcf7-form > p {
display: flex;
flex-direction: column;
align-items: center; }
.hero .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.hero .hero__col p {
color: var(--neutral-500, #737373); }
.hero .hero__form--wrapper label {
margin-bottom: 8px; }
.hero .hero__form--wrapper .vertical div:first-child {
margin: 24px 0; }
.hero .wpcf7-form-control[type=submit] {
padding: 12px 28px !important;
margin-bottom: 0 !important; }
.hero .container {
padding: 0; }
.hero .hs_submit .actions {
text-align: center; }
.hero .hs_submit input.hs-button {
min-height: 56px; }
.hero .hs-error-msgs {
list-style: none;
margin: 0;
padding-left: 9px; }
.hero .hs-error-msgs label.hs-error-msg {
color: red; }
.hero .hs-fieldtype-select {
margin: 0; }
.hero .hs-fieldtype-select .input select.hs-input {
border: none;
border-bottom: 1px solid #E5E5E5;
font-size: 16px;
font-weight: 400;
line-height: 160%;
padding: 8px 0;
width: 100%;
border-radius: 0;
color: #525252;
margin: 0 0 20px;
outline: none; }
@media (min-width: 768px) {
.hero .hero__form--wrapper {
max-width: 556px; }
.hero .form-columns-2 .hs-fieldtype-text:first-child .input {
margin-left: 0 !important;
margin-right: 12px; }
.hero .form-columns-2 .hs-fieldtype-text:last-child .input {
margin-left: 12px;
margin-right: 0 !important; } }
@media (max-width: 767px) {
.hero {
padding: 48px 24px; }
.hero .kadence-heading-xl {
font-size: 40px;
margin-bottom: 16px !important; }
.hero .hero__col {
margin-bottom: 0 !important; }
.hero .hero__col.text__content {
padding-right: calc(var(--bs-gutter-x)* .5);
padding-left: calc(var(--bs-gutter-x)* .5); }
.hero .hero__text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.hero .hero {
padding: 80px 0; } }
@media (max-width: 576px) {
.hero .kadence-heading-xl {
font-size: 40px;
text-align: center;
min-width: 327px;
margin-bottom: 16px; }
.hero .hero__text p {
text-align: center;
min-width: 327px;
font-size: 16px;
margin-bottom: 56px; }
.hero .hero__col {
margin-bottom: 56px; }
.hero .hero__form--wrapper label {
margin-bottom: 23px; }
.hero .hero__text img {
display: none; }
.hero .wpcf7-form .wpcf7-form-control {
padding: 15px 0;
margin-bottom: 16px; }
.hero .horizontal {
display: flex;
flex-direction: column; }
.hero .hero__form--wrapper {
padding: 16px; }
.hero .hbspt-form label {
display: none; }
.hero .hbspt-form input.hs-input, .hero .hbspt-form textarea {
width: 100% !important; }
.hero .hbspt-form input.hs-input {
margin-bottom: 16px; }
.hero .hbspt-form textarea {
margin-bottom: 24px; } }
@media (min-width: 992px) {
.hero .hbspt-form input.hs-input, .hero .hbspt-form textarea {
width: 100% !important; }
.hero .hbspt-form input.hs-input {
margin-bottom: 10px; }
.hero .hbspt-form textarea {
min-height: 157px; }
.hero .hbspt-form .hs-message {
margin-bottom: 32px; } }
.hero__layout__two {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background: url("img/blocks/hero-two-layout/mobile.png"), linear-gradient(to left top, rgba(245, 34, 131, 0.2) 0%, white 50%, white 100%);
background-position: right bottom;
background-repeat: no-repeat; }
.hero__layout__two .fading-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right bottom, white 0%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.174) 100%);
z-index: 1; }
.hero__layout__two .hero__btns {
display: grid;
flex-direction: column;
gap: 12px;
justify-content: unset;
align-items: center; }
.hero__layout__two .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.hero__layout__two .container {
padding: 0; }
.hero__layout__two .video--embed iframe {
border-radius: 8.828px; }
@media (max-width: 576px) {
.hero__layout__two {
padding: 48px 24px;
background-size: cover; }
.hero__layout__two .fading-bg {
background: unset; }
.hero__layout__two .text__content {
text-align: center; }
.hero__layout__two .badge-primary {
margin-bottom: 12px; }
.hero__layout__two .kadence-heading-xl {
font-size: 40px;
color: var(--neutral-900, #171717);
text-align: center;
line-height: 125%;
letter-spacing: -0.4px; }
.hero__layout__two .text__content p {
margin: 24px 0;
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px; }
.hero__layout__two .image {
text-align: center;
padding-top: 40px; }
.hero__layout__two .video--embed iframe {
height: 100%;
margin-top: 20px; }
.hero__layout__two .video {
padding: 20px 0; }
.hero__layout__two .video video {
height: 100% !important; } }
@media (min-width: 768px) {
.hero__layout__two {
background: url("img/blocks/hero-two-layout/mobile.png"), linear-gradient(to left top, rgba(245, 34, 131, 0.2) 0%, white 50%, white 100%); }
.hero__layout__two .text__content .badge-primary {
margin-bottom: 12px; }
.hero__layout__two .text__content p {
margin: 32px 0; }
.hero__layout__two .hero__btns {
display: flex;
flex-direction: row;
justify-content: left; } }
@media (min-width: 992px) {
.hero__layout__two .image {
position: relative;
top: -23px; } }
.hero__layout__two video {
height: 400px;
outline: 4px solid white;
outline-offset: -4px;
border-radius: 15px; }
@media (min-width: 570px) {
.hero__layout__two video .image {
height: auto; } }
.hero__layout__two.competitor_hero_block .kadence-heading-xl {
font-size: 56px; }
@media (max-width: 576px) {
.hero__layout__two.competitor_hero_block .kadence-heading-xl {
font-size: 40px; } }
.why__kadence {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background-repeat: no-repeat; }
.why__kadence .text__content {
text-align: left; }
.why__kadence .hero__btns {
display: flex;
flex-direction: row;
gap: 12px; }
.why__kadence .hero__btns a {
min-height: 56px;
padding: 18px 27px; }
.why__kadence .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.why__kadence .container {
padding: 0; }
@media (max-width: 768px) {
.why__kadence .logo_img {
display: none; }
.why__kadence .mobile_logo_img {
display: block; }
.why__kadence .text__content .badge-primary {
margin-bottom: 12px; }
.why__kadence .text__content p {
margin: 32px 0; } }
@media (max-width: 576px) {
.why__kadence {
padding: 48px 24px; }
.why__kadence .badge-primary {
margin-bottom: 12px; }
.why__kadence .kadence-heading-xl {
font-size: 40px;
color: var(--neutral-900, #171717);
line-height: 125%;
letter-spacing: -0.4px; }
.why__kadence .text__content p {
margin: 24px 0;
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px; } }
.tabs__text__image .container {
padding: 0; }
.tabs__text__image ul#pills-tab {
display: flex;
align-items: flex-start;
align-self: stretch;
gap: 24px;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
margin-left: 0;
margin-bottom: 0 !important; }
.tabs__text__image ul#pills-tab::-webkit-scrollbar {
display: none; }
.tabs__text__image li.nav-item {
text-align: center;
white-space: nowrap; }
.tabs__text__image .nav-link {
background-color: unset;
border-radius: unset;
box-shadow: none;
flex-wrap: nowrap;
padding-bottom: 20px;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
color: var(--neutral-500, #737373); }
.tabs__text__image .nav-link:after {
transition: all ease-in-out 0.2s;
background: none repeat scroll 0 0 #f52283;
content: "";
display: block;
height: 4px;
width: 0;
position: relative;
top: 16px; }
.tabs__text__image .nav-link.active {
background-color: unset;
color: var(--neutral-900, #171717); }
.tabs__text__image .nav-link.active:after {
transition: all ease-in-out 0.2s;
background: none repeat scroll 0 0 #f52283;
content: "";
display: block;
height: 4px;
width: 100%;
position: relative;
top: 16px; }
.tabs__text__image .content__title {
text-align: center; }
.tabs__text__image .content__title .badge {
margin-bottom: 12px; }
.tabs__text__image .content__title .title {
color: var(--neutral-900, #171717);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.56px; }
.tabs__text__image .content__title .description {
color: var(--neutral-600, #525252);
text-align: center;
font-size: 16px;
margin-top: 12px; }
.tabs__text__image .nav-link:hover:after {
width: 100%;
padding-right: 35px; }
.tabs__text__image .nav-link:hover {
color: var(--neutral-900, #171717); }
.tabs__text__image #tab__info .card {
margin-top: 48px;
border-radius: 24px;
overflow: hidden; }
.tabs__text__image #tab__info .card-body {
padding: 52px 0 0 52px; }
.tabs__text__image #tab__info .tab__info__content h1, .tabs__text__image #tab__info .tab__info__content .h1,
.tabs__text__image #tab__info .tab__info__content h2,
.tabs__text__image #tab__info .tab__info__content .h2,
.tabs__text__image #tab__info .tab__info__content h3,
.tabs__text__image #tab__info .tab__info__content .h3,
.tabs__text__image #tab__info .tab__info__content h4,
.tabs__text__image #tab__info .tab__info__content .h4,
.tabs__text__image #tab__info .tab__info__content h5,
.tabs__text__image #tab__info .tab__info__content .h5,
.tabs__text__image #tab__info .tab__info__content h6,
.tabs__text__image #tab__info .tab__info__content .h6 {
color: var(--neutral-900, #171717);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 135%;
/* 43.2px */
letter-spacing: -0.32px;
margin-bottom: 20px; }
.tabs__text__image #tab__info .tab__info__content p {
font-family: "Inter";
color: var(--neutral-500, #737373);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 160%;
margin-bottom: 20px; }
.tabs__text__image #tab__info .tabs__lists {
margin-left: 0;
margin-top: 15px; }
.tabs__text__image #tab__info .tabs__lists li {
display: flex;
border: none;
color: var(--neutral-900, #171717);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
padding: 0; }
.tabs__text__image #tab__info .tabs__lists li i {
position: relative;
top: 6px;
margin-right: 16px;
color: #f52283;
font-weight: 600; }
.tabs__text__image #tab__info .tabs__lists li span {
color: var(--neutral-900, #171717);
font-size: 18px; }
.tabs__text__image .lists__item {
margin: 0 auto;
border-bottom: 1px solid var(--neutral-200, #e5e5e5); }
.tabs__text__image .image img {
width: 100%; }
.tabs__text__image .sticky {
position: sticky;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
top: 0;
width: 100%;
z-index: 10;
background-color: #fff;
border-bottom: 1px solid var(--neutral-200, #e5e5e5); }
.tabs__text__image .kadence-navbar__actions {
display: flex;
flex-direction: unset; }
@media (max-width: 576px) {
.tabs__text__image {
padding: 48px 24px; }
.tabs__text__image .nav-link:after {
width: 0;
top: 20px; }
.tabs__text__image .nav-link.active:after {
width: 100%;
top: 20px; }
.tabs__text__image ul#pills-tab {
width: auto;
gap: 24px;
margin-left: 0; }
.tabs__text__image #tab__info .card-body {
padding: 16px 16px 0px 16px !important; }
.tabs__text__image .nav-link {
font-size: 16px; }
.tabs__text__image .tab__info__content h4, .tabs__text__image .tab__info__content .h4 {
font-size: 20px !important; }
.tabs__text__image .tab__info__content p {
font-size: 14px !important; }
.tabs__text__image .tabs__lists li span {
font-size: 14px !important; }
.tabs__text__image .tabs__lists li i {
top: 4px !important;
font-size: 20px; }
.tabs__text__image .img--right {
padding-left: 0px; }
.tabs__text__image .img--right .image,
.tabs__text__image .img--left .image {
position: relative; }
.tabs__text__image .img--right .image {
left: 16px; }
.tabs__text__image .img--left .image {
left: 5px; }
.tabs__text__image .img--right .image img,
.tabs__text__image .img--left .image img {
border-bottom-right-radius: 24px;
border-bottom-left-radius: unset; }
.tabs__text__image .img--left {
padding-right: 0; }
.tabs__text__image .main__content {
order: unset !important; }
.tabs__text__image .kadence-navbar__actions {
margin-bottom: 32px; }
.tabs__text__image #tab__info {
margin-top: 40px; }
.tabs__text__image #tab__info .tab-pane {
margin-top: 16px; }
.tabs__text__image #tab__info .card {
margin-top: 0;
border-radius: 12px; }
.tabs__text__image #tab__info .badge {
padding: 6px 12px;
font-size: 10px;
margin-bottom: 12px; }
.tabs__text__image #tab__info .tabs__lists {
margin-top: 24px;
margin-bottom: 32px; }
.tabs__text__image .content__title .badge {
font-size: 12px;
margin-bottom: 12px; }
.tabs__text__image .content__title .title {
font-size: 32px;
line-height: 135%;
letter-spacing: -0.32px;
margin-bottom: 40px; } }
@media (min-width: 767px) {
.tabs__text__image {
padding: 80px; }
.tabs__text__image .main__content.right {
padding-right: 64px; }
.tabs__text__image #tab__info .tab__info__content p {
margin-bottom: 32px; }
.tabs__text__image ul#pills-tab {
gap: 80px; }
.tabs__text__image ul#pills-tab .nav-link {
padding: 0 0 24px 0; }
.tabs__text__image .main__content.left {
padding-left: 64px; }
.tabs__text__image .lists__item {
margin-top: 56px; }
.tabs__text__image .lists__item.sticky {
margin-top: 0;
padding-top: 28px; }
.tabs__text__image .info__content {
margin-bottom: 56px; }
.tabs__text__image #tab__info .card {
margin-top: 56px; }
.tabs__text__image .tab__info__content {
min-height: 450px; }
.tabs__text__image .tab__info__content .badge-primary {
margin-bottom: 16px; }
.tabs__text__image .tab__info__content h1, .tabs__text__image .tab__info__content .h1, .tabs__text__image .tab__info__content h2, .tabs__text__image .tab__info__content .h2, .tabs__text__image .tab__info__content h3, .tabs__text__image .tab__info__content .h3, .tabs__text__image .tab__info__content h4, .tabs__text__image .tab__info__content .h4, .tabs__text__image .tab__info__content h5, .tabs__text__image .tab__info__content .h5, .tabs__text__image .tab__info__content h6, .tabs__text__image .tab__info__content .h6 {
margin-bottom: 32px !important; }
.tabs__text__image .nav-link:after,
.tabs__text__image .nav-link.active:after {
top: 25px; } }
@media (min-width: 767px) {
.tabs__text__image .content__title .description {
font-size: 18px; } }
.tabs__text__image .video_block_two {
padding: 80px 0; }
.tabs__text__image .video_block_two .container {
padding: 0; }
@media (max-width: 574px) {
.tabs__text__image .video_block_two {
padding: 48px 24px; } }
.tabs__text__image .video_block_two .title {
color: #171717;
text-align: center;
font-family: Inter;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.56px;
margin: 0 0 56px; }
@media (max-width: 800px) {
.tabs__text__image .video_block_two .title {
font-size: 32px;
line-height: 1.35; }
.tabs__text__image .video_block_two .title br {
display: none; } }
.tabs__text__image .video_block_two .title h1, .tabs__text__image .video_block_two .title .h1 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .title h2, .tabs__text__image .video_block_two .title .h2 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .title h3, .tabs__text__image .video_block_two .title .h3 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .title h4, .tabs__text__image .video_block_two .title .h4 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .title h5, .tabs__text__image .video_block_two .title .h5 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .title h6, .tabs__text__image .video_block_two .title .h6 {
font-size: inherit;
line-height: inherit; }
.tabs__text__image .video_block_two .video {
width: auto;
height: auto;
text-align: center;
max-width: 100%;
max-height: 100%; }
.tabs__text__image .video_block_two .video video {
border-radius: 20px;
max-width: 100%;
max-height: 100%; }
@media (min-width: 783px) {
.admin-bar .tabs__text__image .sticky {
top: 32px; } }
.tabs-wrapper {
top: 0;
z-index: 11;
position: sticky;
/* Hide the scrollbar for Chrome, Safari and Opera */
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* Internet Explorer and Edge */
display: flex;
min-width: 100%;
overflow: scroll;
box-sizing: border-box;
padding: 0.5em;
background: var(--kd-neutral-50); }
.tabs-wrapper::-webkit-scrollbar {
display: none; }
.tabs-wrapper .tabs-inner {
margin: 0 auto; }
.tabs-wrapper .tabs-inner .tabs {
display: flex;
gap: 3em;
margin: 0;
padding: 0;
list-style: none; }
.features__cards__info .info__content {
margin-bottom: 70px; }
.features__cards__info .container {
padding: 0; }
@media (max-width: 576px) {
.features__cards__info {
padding: 48px 16px; }
.features__cards__info .info__content {
margin-bottom: 36px; }
.features__cards__info .card {
min-height: 250px; }
.features__cards__info .main__body {
padding: 48px 16px !important;
border-radius: 12px !important; }
.features__cards__info .feature__content__title .badge {
margin-bottom: 12px !important;
font-size: 12px; }
.features__cards__info .feature__column {
padding-right: calc(var(--bs-gutter-x) * .5) !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important; }
.features__cards__info .feature__cards {
margin-top: 0 !important; }
.features__cards__info .feature__cards .card-body i {
font-size: 40px !important; }
.features__cards__info .feature__cards .title {
margin-top: 32px !important;
margin-bottom: 12px !important; }
.features__cards__info section#features__data .feature__cards .title {
margin-top: 32px !important; } }
@media (min-width: 767px) {
.features__cards__info .card {
min-height: 250px; } }
.features__cards__info .feature__content__title {
text-align: center;
margin: 0 0 30px; }
.features__cards__info .feature__content__title .badge {
margin-bottom: 20px; }
.features__cards__info .feature__content__title .title {
color: var(--neutral-50, #FFF);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.56px; }
.features__cards__info .feature__content__title h3.title, .features__cards__info .feature__content__title .title.h3 {
font-size: 48px; }
@media (max-width: 767px) {
.features__cards__info .feature__content__title .title {
font-size: 32px !important; } }
.features__cards__info .feature__content__description {
color: #F6F7F8;
font-size: 18px;
text-align: center;
max-width: 734px;
margin: 0 auto; }
.features__cards__info .main__card {
border: none; }
.features__cards__info .main__body {
background: var(--gray-900, #111827);
padding: 80px;
border-radius: 24px; }
.features__cards__info .feature__cards {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px; }
.features__cards__info .feature__cards .card {
height: 100%;
text-align: center;
border-radius: 25px;
border: 1px solid var(--gray-700, #374151);
background: var(--gray-800, #1F2937); }
.features__cards__info .feature__cards .card-body {
padding: 24px; }
.features__cards__info .feature__cards .card-body i {
color: #F52283;
font-weight: 500;
font-size: 30px; }
.features__cards__info .feature__cards .feature__column {
padding-left: 4px;
margin-bottom: 12px;
padding-right: 4px; }
.features__cards__info .feature__cards .title {
color: var(--neutral-50, #FFF);
font-size: 24px;
letter-spacing: -0.24px;
margin-top: 20px;
margin-bottom: 20px; }
.features__cards__info .feature__cards .description {
color: var(--gray-200, #E2E4E9);
font-size: 16px; }
@media (min-width: 767px) {
.features__cards__info .feature__cards {
grid-template-columns: repeat(2, 1fr); }
.features__cards__info .feature__cards.three-columns {
grid-template-columns: repeat(1, 1fr); }
.features__cards__info .main__body {
padding: 34px; }
.features__cards__info .feature__content__title .badge {
margin-bottom: 12px; } }
@media (min-width: 992px) {
.features__cards__info .feature__cards {
grid-template-columns: repeat(2, 1fr); }
.features__cards__info .feature__cards.three-columns {
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) {
.features__cards__info .main__body {
border-radius: 48px; }
.features__cards__info .feature__cards .card {
min-height: 275px; }
.features__cards__info .feature__cards .title {
margin-top: 32px;
margin-bottom: 12px; }
.features__cards__info .feature__content__title .title {
font-size: 64px;
letter-spacing: -0.64px; }
.features__cards__info .info__content {
margin-bottom: 56px; }
.features__cards__info .main__body {
padding: 80px; } }
@media (min-width: 1340px) {
.features__cards__info .feature__cards {
grid-template-columns: repeat(4, 1fr); }
.features__cards__info .feature__cards.three-columns {
grid-template-columns: repeat(3, 1fr); } }
.features__cards__info.full_container {
background: #111827; }
.features__cards__info.full_container .main__body {
border-radius: 0 !important;
padding: 80px 0;
border: none; }
.lets-talk .lets-talk {
margin-bottom: 1000px; }
.lets-talk .kadence-heading-xl {
text-align: center;
padding: 80px 0 56px 0; }
.lets-talk .lets-talk__boxes {
display: flex;
padding: 0 200px; }
.lets-talk .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.lets-talk .boxes-card {
border-radius: 8px;
border: 1px solid #E5E5E5;
padding: 32px;
max-width: 430px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px; }
.lets-talk .card-link {
width: 48px;
height: 48px;
text-decoration: none;
list-style: none;
padding: 12px;
border-radius: 8px;
background: #111827; }
.lets-talk .card-link i {
font-size: 24px;
color: #fff; }
.lets-talk .card-info {
display: flex;
flex-direction: column; }
.lets-talk .card-name {
color: #737373;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 160%; }
.lets-talk .card-number {
color: #171717;
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px; }
.lets-talk .card-hr {
position: relative; }
.lets-talk .card-hr::before {
position: absolute;
content: "";
background: #E5E5E5;
width: 336px;
height: 1px;
right: 50%;
left: 50%;
transform: translate(-50%, 50%); }
.lets-talk .card-pm {
color: #737373;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 160%; }
.lets-talk .lets-talk__bottom {
margin: 20px 0 80px 0; }
.lets-talk .bottom-card__link {
width: 48px;
height: 48px;
text-decoration: none;
list-style: none;
padding: 12px;
border-radius: 8px;
background: #F52283; }
.lets-talk .bottom-card__link i {
font-size: 24px;
color: #FFFFFF; }
.lets-talk .bottom-card__info {
display: flex;
flex-direction: column; }
.lets-talk .bottom-card__title {
color: #171717;
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px;
margin-bottom: 8px; }
.lets-talk .bottom-card__text {
color: #737373;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 160%;
margin-bottom: 8px; }
.lets-talk .boxes-card a {
display: flex;
align-items: center;
gap: 6px;
text-decoration: none;
color: #F52283 !important;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px; }
.lets-talk .bottom-link i {
color: #171717;
font-size: 20px;
position: relative;
top: 1px; }
.lets-talk .container {
padding: 0; }
@media (min-width: 767px) {
.lets-talk .lets-talk__bottom .col-md-6 {
padding: 0 10px; } }
@media (max-width: 1400px) {
.lets-talk .kadence-heading-xl {
font-size: 55px !important; }
.lets-talk .card-hr::before {
max-width: 220px;
height: 2px; } }
@media (max-width: 992px) {
.lets-talk .lets-talk__boxes {
padding: 0 15px; }
.lets-talk .lets-talk__bottom {
display: flex;
flex-wrap: wrap; }
.lets-talk .boxes-card__sm {
display: flex;
margin: 0 auto;
margin-top: 20px; } }
@media (max-width: 768px) {
.lets-talk .boxes-card {
max-width: 100%;
margin-bottom: 20px; }
.lets-talk .boxes-card__sm {
margin-top: 0 !important; }
.lets-talk .lets-talk__boxes {
transform: translateY(20px); } }
@media (max-width: 576px) {
.lets-talk {
padding: 48px 24px; }
.lets-talk .lets-talk__title h1, .lets-talk .lets-talk__title .h1 {
font-size: 40px !important;
padding: 0; }
.lets-talk .lets-talk__wrapper .lets-talk__title {
margin-bottom: 40px; }
.lets-talk .lets-talk__boxes .boxes-card {
margin-bottom: 12px; } }
@media (max-width: 460px) {
.lets-talk .card-hr::before {
max-width: 220px; }
.lets-talk .lets-talk__boxes {
padding: 0 20px; } }
@media (max-width: 360px) {
.lets-talk .lets-talk__boxes {
padding: 0; }
.lets-talk .lets-talk__boxes {
display: flex;
justify-content: center;
margin: 0 auto; }
.lets-talk .boxes-card {
display: flex;
align-items: center;
text-align: center; } }
.hero__layout__with__background__and__buttons {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background-repeat: no-repeat;
min-height: 1210px; }
.hero__layout__with__background__and__buttons .bottom-text-container {
margin-top: 50rem; }
@media (min-width: 576px) {
.hero__layout__with__background__and__buttons .hero__col.text__content {
padding-right: 0 !important; } }
.hero__layout__with__background__and__buttons .text__content {
text-align: center; }
.hero__layout__with__background__and__buttons .mobile_logo_img {
display: none; }
@media (max-width: 992px) {
.hero__layout__with__background__and__buttons .hero_image {
display: none; } }
.hero__layout__with__background__and__buttons .bottom-text {
font-family: Inter;
color: #737373; }
.hero__layout__with__background__and__buttons .hero__btns {
display: flex;
flex-direction: row;
gap: 12px;
justify-content: center; }
.hero__layout__with__background__and__buttons .hero__btns a {
min-height: 56px;
padding: 18px 27px; }
.hero__layout__with__background__and__buttons .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.hero__layout__with__background__and__buttons .container {
padding: 0;
position: relative; }
@media (max-width: 820px) {
.hero__layout__with__background__and__buttons .logo_img {
display: none; }
.hero__layout__with__background__and__buttons .mobile_logo_img {
display: block; }
.hero__layout__with__background__and__buttons .bottom-text-container {
margin-top: 7rem; }
.hero__layout__with__background__and__buttons .bottom-text {
font-weight: 500;
font-size: 24px;
color: #737373; }
.hero__layout__with__background__and__buttons .text__content .badge-primary {
margin-bottom: 12px; }
.hero__layout__with__background__and__buttons .text__content p {
margin: 32px 0; } }
@media (max-width: 576px) {
.hero__layout__with__background__and__buttons .hero__col {
padding: 48px 24px; }
.hero__layout__with__background__and__buttons .hero__btns {
flex-direction: column; }
.hero__layout__with__background__and__buttons .badge-primary {
margin-bottom: 12px; }
.hero__layout__with__background__and__buttons .kadence-heading-xl {
font-size: 40px;
color: var(--neutral-900, #171717);
text-align: center;
line-height: 125%;
letter-spacing: -0.4px; }
.hero__layout__with__background__and__buttons .text__content p {
margin: 24px 0;
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px; } }
@media (min-width: 820px) {
.hero__layout__with__background__and__buttons .hero__btns a {
width: 175px; } }
.hero__layout__with__background__and__buttons.home_new {
padding-top: 50px; }
.hero__layout__with__background__and__buttons.home_new h2, .hero__layout__with__background__and__buttons.home_new .h2 {
font-weight: 700;
font-size: 54px; }
@media (max-width: 576px) {
.hero__layout__with__background__and__buttons.home_new h2, .hero__layout__with__background__and__buttons.home_new .h2 {
font-size: 40px; }
.hero__layout__with__background__and__buttons.home_new h2 br, .hero__layout__with__background__and__buttons.home_new .h2 br {
display: none; } }
.hero__layout__with__background__and__buttons .product_cards_wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin: 50px 0; }
@media (min-width: 992px) {
.hero__layout__with__background__and__buttons .product_cards_wrapper {
justify-content: space-between;
flex-wrap: nowrap; } }
@media (max-width: 600px) {
.hero__layout__with__background__and__buttons .product_cards_wrapper {
padding: 0 30px; } }
.hero__layout__with__background__and__buttons .product_card {
width: 100%;
padding: 32px 24px 0;
border-radius: 12px;
border: 1px solid #E5E5E5;
position: relative;
margin: 0 0 50px;
transition: all 0.2s 0.05s ease;
overflow: hidden;
text-align: center; }
@media (min-width: 992px) {
.hero__layout__with__background__and__buttons .product_card {
justify-content: space-between;
flex-wrap: nowrap; } }
.hero__layout__with__background__and__buttons .product_card:hover {
opacity: 0.8;
border-color: #F52283; }
.hero__layout__with__background__and__buttons .product_card:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 399px;
height: 315px;
border-radius: 399px;
background: radial-gradient(137.05% 100% at 50% 0%, #FFF280 5.59%, #FFC9E7 51.56%, #FFF 100%);
filter: blur(250px);
z-index: -1; }
.hero__layout__with__background__and__buttons .product_card_title {
color: #000;
text-align: center;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px;
margin: 0 0 4px; }
.hero__layout__with__background__and__buttons .product_card_description {
color: #000;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
margin: 0 0 30px; }
.hero__layout__with__background__and__buttons .logos_description {
color: #737373;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin: 0 0 50px;
text-align: center; }
.hero__layout__with__background__and__buttons .logos_list {
display: flex;
gap: 50px;
justify-content: center;
margin: 0 0 50px;
align-items: center; }
@media (max-width: 1024px) {
.hero__layout__with__background__and__buttons .logos_list {
flex-wrap: wrap; } }
@media (max-width: 600px) {
.hero__layout__with__background__and__buttons .logos_list {
padding: 0 30px;
gap: 30px; } }
.hero__layout__with__background__and__buttons .logos_list img {
max-width: 80px;
max-height: 50px; }
.powerful__integration {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background-repeat: no-repeat;
background-color: #F6F7F8; }
.powerful__integration__content {
text-align: center; }
.powerful__integration .hero__btns {
display: flex;
flex-direction: row;
justify-content: center;
gap: 12px; }
.powerful__integration .hero__btns a {
min-height: 56px;
padding: 18px 27px; }
.powerful__integration .kadence-heading-lg {
color: var(--neutral-900, #171717); }
.powerful__integration .container {
padding: 0; }
@media (max-width: 768px) {
.powerful__integration .logo_img {
display: none; }
.powerful__integration .mobile_logo_img {
display: block; }
.powerful__integration .powerful__integration__content .badge-primary {
margin-bottom: 12px; }
.powerful__integration .powerful__integration__content p {
margin: 32px 0; } }
@media (max-width: 576px) {
.powerful__integration {
padding: 48px 24px; }
.powerful__integration .badge-primary {
margin-bottom: 12px; }
.powerful__integration .kadence-heading-md {
font-size: 40px;
color: var(--neutral-900, #171717);
line-height: 125%;
letter-spacing: -0.4px; }
.powerful__integration .powerful__integration__content p {
margin: 24px 0;
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px; } }
.testimonial__section {
position: relative;
overflow: hidden;
padding: 80px 0 80px 0;
background: #111827; }
.testimonial__section .bottom-text-container {
margin-top: 50rem; }
.testimonial__section .swiper-wrapper {
column-gap: 1rem;
z-index: 11; }
.testimonial__section .quote-mark {
color: #f52283;
font-size: 3.5rem; }
.testimonial__section .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 3rem;
padding: 1rem;
cursor: pointer;
box-sizing: border-box;
background-size: cover;
background-image: url(img/play-button-3.svg);
background-repeat: no-repeat;
width: 80px;
height: 80px; }
@media (min-width: 768px) {
.testimonial__section .play-button {
width: 96px;
height: 96px; } }
.testimonial__section .close-button.close-button {
display: none;
align-items: center;
justify-items: center;
cursor: pointer;
position: absolute;
top: 16px;
right: 16px;
width: 32px;
height: 32px;
border-radius: 32px/32px;
backdrop-filter: blur(6px);
background: rgba(255, 255, 255, 0.4);
box-shadow: var(--kd-shadow-badge); }
.testimonial__section .close-button.close-button::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
vertical-align: baseline;
content: ""; }
.testimonial__section .video-container {
position: relative;
height: 100%; }
.testimonial__section .video-modal-bg {
height: 100%; }
.testimonial__section .individual-slide {
column-gap: 1rem;
height: 100%; }
.testimonial__section .individual-slide > image {
flex: 1; }
.testimonial__section .individual-slide .testimonial__video {
cursor: pointer;
object-fit: cover; }
.testimonial__section .individual-slide > :nth-child(1) {
flex: 0 0 39%; }
.testimonial__section .individual-slide > :nth-child(2) {
flex: 1 0 54%; }
.testimonial__section .individual-slide .solitary-child {
flex: 1;
height: 100;
/* todo: to check */ }
.testimonial__section .individual-slide * {
border-radius: 12px; }
.testimonial__section .testimonial-footer {
column-gap: 1rem; }
.testimonial__section .testimonial-footer .author {
color: #fff;
font-size: 1.2rem;
font-weight: 600; }
.testimonial__section .testimonial-footer > div {
column-gap: 0.5rem; }
.testimonial__section .testimonial-footer .author__position {
color: var(--gray-400, #b8bdc6); }
.testimonial__section .testimonial-footer hr {
width: 28px;
height: 2px;
background: #f52283;
opacity: 1; }
.testimonial__section .testimonial-title {
color: var(--neutral-50, #fff);
font-family: Inter;
font-size: 2rem;
margin-bottom: 1rem;
line-height: 135%; }
.testimonial__section .description {
color: var(--gray-400, #b8bdc6);
font-family: Inter;
margin-bottom: 2rem; }
.testimonial__section .swiper-pagination {
color: white; }
.testimonial__section .text-container {
background: #1f2937;
height: 400px;
max-height: 400px;
overflow-y: scroll;
padding: 1rem 1.5rem;
box-sizing: border-box; }
.testimonial__section .swiper-pagination-current {
color: var(--primary-500, #ff319c); }
.testimonial__section .text__content {
text-align: center; }
.testimonial__section .mobile_logo_img {
display: none; }
.testimonial__section .testimonial__video,
.testimonial__section .video-modal-bg {
min-height: 400px;
max-height: 400px; }
.testimonial__section .testimonial-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 400px;
max-height: 400px; }
.testimonial__section .testimonial__swiper {
width: 100%;
height: 430px; }
.testimonial__section .hero__btns {
display: flex;
flex-direction: row;
gap: 12px;
justify-content: center; }
.testimonial__section .hero__btns a {
min-height: 56px;
padding: 18px 27px; }
.testimonial__section .testimonial__video {
height: 100%;
width: 100%; }
.testimonial__section .kadence-heading-lg {
color: var(--neutral-50, #fff);
margin-bottom: 5rem;
z-index: 5;
position: relative; }
.testimonial__section .container {
padding: 0;
position: relative; }
.testimonial__section .navigation-container {
display: flex;
justify-content: start;
column-gap: 2rem;
margin-top: 2rem;
align-items: center; }
.testimonial__section .navigation-container .swiper-pagination {
width: auto; }
.testimonial__section .navigation-container .swiper-button-next:after,
.testimonial__section .navigation-container .swiper-button-prev:after {
font-size: inherit; }
.testimonial__section .navigation-container .swiper-button-next,
.testimonial__section .navigation-container .swiper-button-prev {
margin-top: 0;
color: white;
background: var(--gray-800, #1f2937);
height: 50px;
width: 50px;
border: 1px solid var(--gray-700, #374151);
border-radius: 50%;
outline: none; }
.testimonial__section .navigation-container div {
position: inherit; }
@media (max-width: 1339.8px) {
.testimonial__section .testimonial-image,
.testimonial__section .testimonial__video {
min-height: 400px;
max-height: 400px; }
.testimonial__section .testimonial__swiper {
height: 850px; }
.testimonial__section .navigation-container {
margin-top: 2rem; }
.testimonial__section .individual-slide {
flex-direction: column;
row-gap: 1rem; }
.testimonial__section .video-modal-bg,
.testimonial__section .testimonial-image {
order: 2; }
.testimonial__section .solitary-child {
min-height: calc(800px + 1rem);
max-height: calc(800px + 1rem); }
.testimonial__section .solitary-child .testimonial__video {
min-height: calc(800px + 1rem);
max-height: calc(800px + 1rem); } }
@media (max-width: 767.8px) {
.testimonial__section .testimonial-title {
font-size: 1.1rem; }
.testimonial__section .text-container .description p {
font-size: 0.8rem; }
.testimonial__section .text-container .author,
.testimonial__section .text-container .author__position {
font-size: 0.8rem; } }
@media (min-width: 1340px) {
.testimonial__section .blurred-swiper-wrapper .text-container,
.testimonial__section .blurred-swiper-wrapper .testimonial-image,
.testimonial__section .blurred-swiper-wrapper .video-container {
filter: blur(6px);
transform: translateZ(0); }
.testimonial__section .blurred-swiper-wrapper .swiper-slide-active .video-container {
filter: none; }
.testimonial__section .video__overlay__bg {
height: 100vh;
width: 100vw;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(6px);
position: fixed;
z-index: 10;
display: none;
top: 0;
left: 0;
pointer-events: none; }
.testimonial__section .active-video-play {
scale: 1.5;
top: 25%;
width: 800px;
left: 180px;
z-index: 20; }
.testimonial__section .active-video-play video {
cursor: default;
outline: none; } }
@media (max-width: 767.8px) {
.testimonial__section .logo_img {
display: none; }
.testimonial__section .mobile_logo_img {
display: block; }
.testimonial__section .bottom-text-container {
margin-top: 7rem; }
.testimonial__section .text__content .badge-primary {
margin-bottom: 12px; }
.testimonial__section .text__content p {
margin: 32px 0; } }
@media (max-width: 575.8px) {
.testimonial__section .hero__col {
padding: 48px 24px; }
.testimonial__section .hero__btns {
flex-direction: column; }
.testimonial__section .badge-primary {
margin-bottom: 12px; }
.testimonial__section .kadence-heading-xl {
font-size: 40px;
color: var(--neutral-900, #171717);
text-align: center;
line-height: 125%;
letter-spacing: -0.4px; }
.testimonial__section .text__content p {
margin: 24px 0;
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px; } }
@media (min-width: 768px) {
.testimonial__section .hero__btns a {
width: 175px; } }
.where_we_are {
padding: 48px 24px; }
.where_we_are .where-title {
text-align: center; }
.where_we_are .where-title .badge {
margin: 0 0 12px; }
.where_we_are .where-image__bg {
/*top: 124px;
height: 436px;*/ }
.where_we_are .kamap-pin {
cursor: pointer;
position: absolute;
z-index: 2; }
.where_we_are .kamap-pin .red-dot {
background: #F52283;
padding: 4px;
border-radius: 100%; }
.where_we_are .kamap-pin .red-dot:before, .where_we_are .kamap-pin .red-dot:after {
position: absolute;
content: " ";
border-radius: 28px;
height: 0px;
width: 0px;
transform: translate(-50%, -50%);
animation: pulseInner 2s infinite ease-out;
background-color: #F52283; }
.where_we_are .kamap-pin .red-dot:after {
animation: pulseOuter 2s infinite ease-out; }
@-webkit-keyframes {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.1; }
95% {
height: 28px;
width: 28px;
opacity: 0.2; }
100% {
opacity: 0; } }
@-moz-keyframes {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.1; }
95% {
height: 28px;
width: 28px;
opacity: 0.2; }
100% {
opacity: 0; } }
@keyframes pulseInner {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.1; }
95% {
height: 28px;
width: 28px;
opacity: 0.2; }
100% {
opacity: 0; } }
@-webkit-keyframes {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.25; }
100% {
height: 48px;
width: 48px;
opacity: 0.1; } }
@-moz-keyframes {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.25; }
100% {
height: 48px;
width: 48px;
opacity: 0.1; } }
@keyframes pulseOuter {
0% {
height: 0;
width: 0;
opacity: 0; }
20% {
opacity: 0.25; }
100% {
height: 48px;
width: 48px;
opacity: 0.1; } }
.where_we_are .kamap-pin__1 {
bottom: 11%;
right: 14%; }
.where_we_are .kamap-pin__2 {
left: 49%;
top: 26%; }
.where_we_are .kamap-pin__3 {
right: 66%;
bottom: 68%; }
.where_we_are .kamap-pin__4 {
top: 45%;
left: 19%; }
.where_we_are .kamap-pin__5 {
top: 40%;
left: 18%; }
@keyframes emitting {
0% {
box-shadow: 0 0 0 0px #f5228510; }
100% {
box-shadow: 0 0 0 10px #f5228517; } }
.where_we_are .bottom-card__link {
width: 48px;
height: 48px;
border-radius: 8px;
border: 1px solid var(--neutral-200, #E5E5E5); }
.where_we_are .where-cards {
display: flex; }
.where_we_are .where-card {
padding: 32px;
max-width: 430px;
display: flex;
flex-direction: column;
align-items: center;
align-items: center;
gap: 24px;
margin: 0 auto; }
.where_we_are .where-card__link {
width: 48px;
height: 48px;
font-size: 24px;
text-decoration: none;
color: #171717;
border-radius: 8px;
border: 1px solid var(--neutral-200, #E5E5E5);
padding: 6px 12px; }
.where_we_are .where-card__info {
color: var(--primary-600, #F52283);
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px; }
.where_we_are .where-card__text {
color: var(--neutral-500, #737373);
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 160%;
max-width: 284px; }
.where_we_are .kadence-heading-xl {
color: var(--neutral-900, #171717); }
.where_we_are .where-hr {
position: relative; }
.where_we_are .where-hr::before {
position: absolute;
content: "";
background: var(--neutral-200, #E5E5E5);
width: 336px;
height: 1px;
right: 50%;
left: 50%;
transform: translate(-50%, 50%); }
.where_we_are .where-card i {
color: #F52283; }
@media (min-width: 992px) {
.where_we_are .where-image__bg {
max-width: 1024px;
margin: 0 auto; } }
@media (max-width: 1200px) {
.where_we_are .col-md-3 {
width: 33.333333%; } }
@media (max-width: 992px) {
.where_we_are .where-hr::before {
max-width: 230px; }
.where_we_are .col-md-3 {
width: 50%; } }
@media (max-width: 768px) {
.where_we_are .badge-primary {
font-size: 12px; }
.where_we_are .kadence-heading-xl {
font-size: 50px; } }
@media (max-width: 470px) {
.where_we_are .where-image__bg {
margin-top: 0; }
.where_we_are .where-cards {
margin-top: 40px; }
.where_we_are .badge-primary {
font-size: 9px; }
.where_we_are .kadence-heading-xl {
font-size: 40px; }
.where_we_are .kamap-pin__1 {
bottom: 35%;
right: 10%; }
.where_we_are .kamap-pin__2 {
top: 43%;
left: 46.5%; }
.where_we_are .kamap-pin__3 {
right: 66%;
bottom: 55%; }
.where_we_are .kamap-pin__4 {
top: 47%;
left: 15%; }
.where_we_are .kamap-pin__5 {
top: 44%;
left: 15%; }
.where_we_are .kadence-heading-xl {
margin: 20px 0; }
.where_we_are .where-title {
margin: 0; }
.where_we_are .col-md-3 {
width: 100%; } }
@media (min-width: 470px) {
.where_we_are .kamap-pin__1 {
bottom: 27.5%;
right: 10.4%; }
.where_we_are .kamap-pin__2 {
top: 45%;
left: 48%; }
.where_we_are .kamap-pin__3 {
right: 66%;
bottom: 55%; }
.where_we_are .kamap-pin__4 {
top: 47%;
left: 15%; } }
@media (min-width: 576px) {
.where_we_are .kamap-pin__1 {
bottom: 28%;
right: 10.8%; }
.where_we_are .kamap-pin__2 {
top: 44%;
left: 47%; }
.where_we_are .kamap-pin__3 {
right: 66.4%;
bottom: 58%; }
.where_we_are .kamap-pin__4 {
left: 17%; } }
@media (min-width: 767px) {
.where_we_are .kamap-pin__1 {
bottom: 27.5%;
right: 11.4%; }
.where_we_are .kamap-pin__2 {
top: 39%;
left: 47%; }
.where_we_are .kamap-pin__3 {
right: 68%;
bottom: 58%; }
.where_we_are .kamap-pin__4 {
top: 46%;
left: 17%; }
.where_we_are .where-image__bg {
/*top: 74px;
min-height: 583px;*/ } }
@media (min-width: 992px) {
.where_we_are .kamap-pin__1 {
bottom: 12.8%;
right: 12.4%; }
.where_we_are .kamap-pin__2 {
top: 40%; }
.where_we_are .kamap-pin__3 {
bottom: 63%; }
.where_we_are .kamap-pin__4 {
left: 19%; }
.where_we_are .where-image__bg {
top: 26px; } }
.where_we_are .where-image__bg {
margin-bottom: 56px;
margin-top: 56px; }
@media (min-width: 1200px) {
.where_we_are {
padding: 40px 80px 80px 80px; }
.where_we_are .where_we_are .where-title {
text-align: center; }
.where_we_are .where-image__bg {
top: 120px; }
.where_we_are .row.where-cards {
margin-top: 48px; }
.where_we_are .kamap-pin__1 {
bottom: 11.8%;
right: 15.4%; }
.where_we_are .kamap-pin__2 {
top: 34%;
left: 46.4%; }
.where_we_are .kamap-pin__3 {
right: 65%;
bottom: 64.5%; }
.where_we_are .kamap-pin__4 {
top: 45%;
left: 17%; }
.where_we_are .where-image__bg {
top: 23px; } }
@media (min-width: 1600px) {
.where_we_are .kamap-pin__2 {
left: 47%; } }
body .popover.fade.show .popover-body {
padding: 12px 16px;
border-radius: 8px;
background: var(--neutral-50, #FFF); }
body .popover.fade.show i.kaicon {
color: #F52283; }
body .popover.fade.show p.title {
color: var(--gray-900, #111827);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 160%;
margin-bottom: 4px; }
body .popover.fade.show p.text {
color: var(--gray-500, #6B7280);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
@media (max-width: 576px) {
.where_we_are .badge-primary {
font-size: 14px !important; } }
.booking__info__cards {
margin-top: 80px; }
.booking__info__cards .container {
padding: 0; }
.booking__info__cards .info__content {
margin-bottom: 70px; }
@media (min-width: 767px) {
.booking__info__cards .container {
padding: 80px 0px; } }
@media (max-width: 576px) {
.booking__info__cards {
margin-top: 0px;
padding: 48px 24px; }
.booking__info__cards .info__content {
margin-bottom: 10px; }
.booking__info__cards .content__title .title {
font-size: 46px !important; }
.booking__info__cards .info__content {
display: none; }
.booking__info__cards .info__cards .card {
margin-bottom: 56px; }
.booking__info__cards .info__cards .order__number {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto; }
.booking__info__cards .info__cards .description {
margin-bottom: 32px !important; } }
.booking__info__cards .content__title {
text-align: center; }
.booking__info__cards .content__title .badge {
margin-bottom: 20px; }
.booking__info__cards .content__title .title {
color: var(--neutral-900, #171717);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.56px; }
.booking__info__cards .info__cards .card {
border: none;
text-align: center; }
.booking__info__cards .info__cards .order__number {
border-radius: 8px;
background: var(--primary-600, #F52283);
padding: 8px 16px;
color: #ffffff;
font-size: 24px;
font-weight: 700; }
.booking__info__cards .info__cards .title {
margin-top: 32px;
margin-bottom: 8px;
color: var(--neutral-900, #171717);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px; }
.booking__info__cards .info__cards .description {
color: var(--neutral-600, #525252);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 40px; }
@media (min-width: 992px) {
.booking__info__cards .card-body {
padding: 0; }
.booking__info__cards .meta__info {
margin: 0px 46px; }
.booking__info__cards .card--img {
margin: 0 34px; }
.booking__info__cards .card--img img {
width: 100%; } }
.kadence__testimonial {
padding: 80px; }
.kadence__testimonial .container {
padding: 0; }
.kadence__testimonial .card__content {
justify-content: center; }
.kadence__testimonial .img__content img {
border-radius: 20px; }
.kadence__testimonial .card {
border: none; }
.kadence__testimonial .card-body {
height: 100%;
border-radius: 16px;
background: var(--gray-100, #F3F4F6);
padding: 40px; }
.kadence__testimonial .icon__right {
float: right; }
.kadence__testimonial .text {
margin: 48px 0; }
.kadence__testimonial .text p {
color: var(--neutral-900, #171717);
font-size: 38px;
font-style: normal;
font-weight: 600;
line-height: 115%;
letter-spacing: -0.4px; }
.kadence__testimonial .founder__name {
color: var(--neutral-900, #171717);
font-size: 18px;
font-weight: 600;
line-height: 160%; }
.kadence__testimonial .founder__position {
color: var(--neutral-400, #A3A3A3);
font-size: 14px;
font-weight: 500;
line-height: 160%; }
@media (max-width: 576px) {
.kadence__testimonial {
padding: 48px 24px; }
.kadence__testimonial .img__content {
margin-bottom: 10px; }
.kadence__testimonial p {
font-size: 24px !important; }
.kadence__testimonial .text {
margin: 56px 0; }
.kadence__testimonial .founder__name {
font-size: 16px; }
.kadence__testimonial .founder__position {
font-size: 12px; }
.kadence__testimonial .card-body {
padding: 24px; } }
@media (min-width: 767px) {
.kadence__testimonial .img__content {
height: 100%;
display: flex;
padding: 0px 10px; }
.kadence__testimonial .img__content.top {
align-items: baseline; }
.kadence__testimonial .img__content.center {
align-items: center; }
.kadence__testimonial .img__content.bottom {
align-items: end; }
.kadence__testimonial .img__content.alignment--center {
justify-content: center; }
.kadence__testimonial .img__content.alignment--right {
justify-content: right; }
.kadence__testimonial .text p {
font-size: 40px; } }
.flex_testimonial {
background: #F9FAFB; }
.flex_testimonial .testimonial-section:before {
display: none; }
.flex_testimonial .icon {
text-align: center; }
.kadence__faq {
padding: 80px; }
.kadence__faq .info__content {
margin-bottom: 56px; }
.kadence__faq .content__title {
text-align: center; }
.kadence__faq .content__title .badge {
margin-bottom: 20px; }
.kadence__faq .content__title .title {
color: var(--neutral-900, #171717);
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.56px; }
.kadence__faq .accordion-item:has(.accordion-collapse.show) {
background: var(--gray-100, #F3F4F6); }
.kadence__faq .info__cards .card {
border: none;
text-align: center; }
.kadence__faq .info__cards .order__number {
border-radius: 8px;
background: var(--primary-600, #F52283);
padding: 8px 16px;
color: #ffffff; }
.kadence__faq .info__cards .title {
margin-top: 32px;
margin-bottom: 8px;
color: var(--neutral-900, #171717);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px; }
.kadence__faq .info__cards .description {
color: var(--neutral-600, #525252);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 40px; }
.kadence__faq .row {
justify-content: center; }
.kadence__faq .accordion-item {
border-radius: 8px;
border: 1px solid var(--gray-300, #D1D5DB);
cursor: pointer;
margin-bottom: 12px;
padding: 24px; }
.kadence__faq .accordion-item:hover {
background: var(--gray-100, #F3F4F6) !important; }
.kadence__faq .accordion-button {
box-shadow: none;
border-radius: 8px;
color: var(--neutral-900, #171717);
font-size: 18px;
font-weight: 600;
padding: 0;
background: unset; }
.kadence__faq .accordion-body {
font-size: 16px;
color: var(--neutral-600, #525252);
font-weight: 400;
padding: 0; }
@media (max-width: 576px) {
.kadence__faq {
padding: 48px 24px; }
.kadence__faq .accordion-body {
font-size: 14px; }
.kadence__faq .accordion-button {
font-size: 16px !important; }
.kadence__faq .content__title .badge {
font-size: 12px !important; }
.kadence__faq .content__title .badge {
margin-bottom: 12px !important; }
.kadence__faq .content__title .title {
font-size: 32px !important; }
.kadence__faq .info__content {
margin-bottom: 40px !important; }
.kadence__faq .accordion-item {
padding: 16px; } }
.kadence__faq .accordion-button:focus {
box-shadow: none; }
.kadence__faq .accordion-button:not(.collapsed) {
background-color: unset;
color: unset;
box-shadow: unset; }
.kadence__faq .accordion-button::after {
content: "\e913";
font-family: 'KadenceIcons';
background-image: none;
font-size: 24px;
font-weight: 400;
transform: rotate(90deg); }
.kadence__faq .accordion-button[aria-expanded=true] {
margin-bottom: 24px !important; }
.kadence__faq .accordion-button:not(.collapsed)::after {
transform: rotate(44deg); }
.book-demo {
background: url("img/section.png") no-repeat;
background-size: cover;
background-position: center center; }
.book-demo .container {
padding: 0; }
.book-demo .book-btn {
color: var(--neutral-50, #FFF);
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 12px 28px; }
.book-demo .book-demo__wrapper {
padding: 48px 24px;
text-align: center; }
.book-demo .book-title {
color: #171717;
text-align: center;
font-size: 64px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.64px;
max-width: 714px; }
.book-demo .book-text {
color: #737373;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 160%;
max-width: 565px;
margin-bottom: 40px; }
.book-demo .bool-image__right {
position: absolute;
right: 80px;
bottom: -46px; }
.book-demo .bool-image__left {
position: absolute;
left: 183px;
bottom: 128.529px; }
@media (min-width: 767px) {
.book-demo .book-demo__wrapper {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 80px; } }
@media (max-width: 991px) {
.book-demo .bool-image__left,
.book-demo .bool-image__right {
display: none; }
.book-demo .book-demo__wrapper {
margin-top: 0; } }
@media (max-width: 767px) {
.book-demo .book-demo__wrapper .badge {
font-size: 12px; } }
@media (max-width: 576px) {
.book-demo {
padding: 48px 24px; }
.book-demo .book-demo__wrapper {
padding: 0; }
.book-demo .book-demo__wrapper .badge {
margin-bottom: 12px; }
.book-demo .kadence__responsive__buttons a {
min-height: 48px; }
.book-demo .book-title {
font-size: 40px;
line-height: 125%;
/* 50px */
letter-spacing: -0.4px;
margin-bottom: 16px; }
.book-demo .book-text {
font-size: 16px;
font-style: normal; }
.book-demo .book-btn {
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 15px 40px; }
.book-demo .book-btn {
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 15px 40px; } }
@media (min-width: 992px) {
.book-demo .bool-image__left {
left: 89px; }
.book-demo .bool-image__right {
right: -39px; }
.book-demo .kadence__responsive__buttons .custom__btn__style {
min-height: 56px; } }
@media (min-width: 1400px) {
.book-demo .bool-image__left {
left: 160px; } }
.book-demo {
background: url("img/section.png") no-repeat;
background-size: cover;
background-position: center center; }
.book-demo .container {
padding: 0; }
.book-demo .book-btn {
color: var(--neutral-50, #FFF);
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 12px 28px; }
.book-demo .book-demo__wrapper {
padding: 48px 24px;
text-align: center; }
.book-demo .book-title {
color: #171717;
text-align: center;
font-size: 64px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.64px;
max-width: 714px; }
.book-demo .book-text {
color: #737373;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 160%;
max-width: 565px;
margin-bottom: 40px; }
.book-demo .bool-image__right {
position: absolute;
right: 80px;
bottom: -46px; }
.book-demo .bool-image__left {
position: absolute;
left: 183px;
bottom: 128.529px; }
@media (min-width: 767px) {
.book-demo .book-demo__wrapper {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 80px;
gap: 10px; } }
@media (max-width: 991px) {
.book-demo .bool-image__left,
.book-demo .bool-image__right {
display: none; }
.book-demo .book-demo__wrapper {
margin-top: 0; } }
@media (max-width: 767px) {
.book-demo .book-demo__wrapper .badge {
font-size: 12px; } }
@media (max-width: 576px) {
.book-demo {
padding: 48px 24px; }
.book-demo .book-demo__wrapper {
padding: 0; }
.book-demo .book-demo__wrapper .badge {
margin-bottom: 12px; }
.book-demo .kadence__responsive__buttons a {
min-height: 48px; }
.book-demo .book-title {
font-size: 40px;
line-height: 125%;
/* 50px */
letter-spacing: -0.4px;
margin-bottom: 16px; }
.book-demo .book-text {
font-size: 16px;
font-style: normal; }
.book-demo .book-btn {
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 15px 40px; }
.book-demo .book-btn {
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.08px;
padding: 15px 40px; } }
@media (min-width: 992px) {
.book-demo .bool-image__left {
left: 89px; }
.book-demo .bool-image__right {
right: -39px; }
.book-demo .kadence__responsive__buttons .custom__btn__style {
min-height: 56px; } }
@media (min-width: 1400px) {
.book-demo .bool-image__left {
left: 160px; } }
.title__with__text {
padding: 48px 24px; }
.title__with__text .kadence__responsive__buttons {
display: flex; }
.title__with__text .main__body {
border-radius: 12px; }
.title__with__text .text__content {
text-align: center;
margin-bottom: 40px; }
.title__with__text .text__content p {
color: var(--gray-300, #D1D5DB);
font-size: 16px;
font-weight: 400;
line-height: 160%;
/* 25.6px */
margin-bottom: 24px; }
.title__with__text .text__content p:last-child {
margin-bottom: 0; }
.title__with__text .feature__content__title {
text-align: center; }
.title__with__text .feature__content__title .badge {
margin-bottom: 20px; }
.title__with__text .feature__content__title .title {
color: var(--gray-50, #F9FAFB);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.4px;
margin-bottom: 40px; }
.title__with__text .info__content {
max-width: 860px; }
.title__with__text .custom__btn__style {
min-height: 48px; }
.title__with__text .text__content {
max-width: 860px; }
.title__with__text .feature__content__title .badge {
margin-bottom: 12px;
font-size: 12px; }
@media (max-width: 576px) {
.title__with__text .main__body {
padding: 40px 16px !important; }
.title__with__text .feature__column {
padding-right: calc(var(--bs-gutter-x) * .5) !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important; }
.title__with__text .container-fluid, .title__with__text .container-sm, .title__with__text .container-md, .title__with__text .container-lg, .title__with__text .container-xl, .title__with__text .container-xxl {
padding: 0; } }
.title__with__text .main__card {
border: none; }
.title__with__text .main__body {
background: var(--gray-900, #111827);
padding: 80px;
border-radius: 24px; }
@media (min-width: 767px) {
.title__with__text .custom__btn__style {
min-height: 56px; }
.title__with__text .kadence__responsive__buttons {
flex-direction: column; }
.title__with__text .main__body {
padding: 34px; }
.title__with__text .feature__content__title .badge {
margin-bottom: 24px; } }
@media (min-width: 1200px) {
.title__with__text {
padding: 24px; }
.title__with__text .info__content {
margin: 0 auto; }
.title__with__text .container-fluid, .title__with__text .container-sm, .title__with__text .container-md, .title__with__text .container-lg, .title__with__text .container-xl, .title__with__text .container-xxl, .title__with__text .text__content {
padding: 0; }
.title__with__text .text__content p {
font-size: 18px; }
.title__with__text .text__content {
margin-bottom: 56px; }
.title__with__text .feature__content__title {
padding: 0 65px; }
.title__with__text .feature__content__title .title {
font-size: 56px;
letter-spacing: -0.64px;
margin-bottom: 56px; }
.title__with__text .main__body {
padding: 80px; } }
@media (min-width: 1773px) {
.title__with__text .row.info__content {
display: grid; } }
.integrations-cards {
padding: 48px 24px; }
.integrations-cards .main--content {
position: relative; }
.integrations-cards .main--content:after {
position: absolute;
right: 268px;
opacity: 0.8;
content: "";
background: var(--Radial-Banner, radial-gradient(137.05% 100% at 50% 0%, #fff9c7 5.59%, #ffd6ed 51.56%, #fff 100%));
border-radius: 903px;
z-index: -2;
filter: blur(250px);
transform: translateZ(0);
height: 903px;
width: 903px;
bottom: -180px; }
.integrations-cards .container {
padding: 0; }
.integrations-cards__featured-cards {
margin-bottom: 40px; }
.integrations-cards__featured-cards .featured_title {
color: var(--neutral-900, #171717);
font-size: 20px;
line-height: 150%;
margin-top: 24px;
margin-bottom: 24px; }
.integrations-cards__featured-cards .card {
padding: 16px;
border-radius: 12px;
border: 1px solid var(--gray-200, #e2e4e9);
margin-bottom: 16px; }
.integrations-cards__featured-cards .card:last-child {
margin-bottom: 0; }
.integrations-cards__featured-cards .card .card-body {
padding: 0; }
.integrations-cards__featured-cards .card .row {
gap: 24px; }
.integrations-cards__featured-cards .card-title {
color: var(--neutral-900, #171717);
font-size: 20px;
line-height: 150%;
margin-bottom: 12px; }
.integrations-cards__featured-cards .card-text {
color: var(--neutral-700, #404040);
font-size: 14px;
font-weight: 400;
line-height: 160%;
margin-bottom: 16px; }
.integrations-cards__featured-cards .btn {
border: none;
color: var(--primary-600, #f52283);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.07px;
padding: 0;
justify-content: left; }
.integrations-cards__content .title {
color: var(--neutral-900, #171717);
font-size: 20px;
line-height: 150%;
margin-bottom: 24px; }
.integrations-cards__content .card {
border-radius: 12px;
border: 1px solid var(--neutral-200, #e5e5e5); }
.integrations-cards__content .col-sm-4 {
margin-bottom: 16px; }
.integrations-cards__content .col-sm-4:last-child {
margin-bottom: 0; }
.integrations-cards__content .card--img {
padding: 26px 80px 8px 82px; }
.integrations-cards__content .card--text {
padding: 24px;
text-align: center; }
.integrations-cards__content .card-title {
color: var(--neutral-900, #171717);
font-size: 20px;
line-height: 150% !important;
margin-bottom: 8px; }
.integrations-cards__content .card-text {
color: var(--neutral-700, #404040);
font-size: 16px;
font-weight: 400;
line-height: 160%; }
.integrations-cards__content .card--links {
padding: 24px;
text-align: center;
border-top: 1px solid var(--gray-200, #e2e4e9);
background: var(--gray-50, #f9fafb);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; }
.integrations-cards__content .card--links .card-link {
color: var(--primary-600, #f52283);
font-size: 14px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.07px;
display: inline-block; }
.integrations-cards__content .divider {
font-size: 9px;
margin: 0px 24px;
color: #e2e4e9; }
.integrations-cards .card-header {
height: 110px; }
.integrations-cards .card-header img {
max-height: 88px; }
@media (max-width: 767px) {
.integrations-cards .d-xs-hide {
display: none !important; } }
@media (min-width: 767px) {
.integrations-cards {
padding: 40px 80px 80px 80px !important; }
.integrations-cards .d-sm-hide {
display: none !important; }
.integrations-cards .left--sidebar {
padding: 0; }
.integrations-cards .main--content {
max-width: 952px;
padding: 0; }
.integrations-cards__featured-cards .card .row {
gap: 0; } }
@media (min-width: 992px) {
.integrations-cards .main--content {
padding-left: 40px; }
.integrations-cards .left--sidebar {
max-width: 288px; } }
@media (min-width: 1300px) {
.integrations-cards__featured-cards .featured_title {
margin-top: 0; } }
@media (min-width: 1300px) {
.integrations-cards__featured-cards .featured_title {
font-size: 24px;
margin-bottom: 24px; }
.integrations-cards__featured-cards .featured--image {
width: 45.66667%; }
.integrations-cards__featured-cards .card {
margin-bottom: 24px; }
.integrations-cards__featured-cards .featured--content {
padding: 25px;
width: 53.33333%; }
.integrations-cards__featured-cards .card-title {
font-size: 24px;
margin-bottom: 16px; }
.integrations-cards__featured-cards .card-text {
font-size: 18px;
margin-bottom: 24px; }
.integrations-cards__featured-cards .btn {
font-size: 16px; }
.integrations-cards__content .title {
font-size: 24px; }
.integrations-cards__content .title p {
font-size: 16px; }
.integrations-cards__content .card--img {
padding: 26px 69px 8px 70px; }
.integrations-cards__content .divider {
margin: 0px 10px; } }
@media (min-width: 1800px) {
.integrations-cards .main--content {
max-width: 100%; } }
.integrations-cards .kadence-blog-content-table {
border-color: var(--kd-gray-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 24px; }
.integrations-cards .kadence-blog-content-table__title {
color: var(--kd-neutral-500);
text-transform: uppercase; }
.integrations-cards .kadence-blog-content-table__title {
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.integrations-cards .kadence-blog-content-table__divider {
background-color: var(--kd-neutral-200);
height: 1px; }
.integrations-cards .kadence-blog-content-table__items {
display: grid;
justify-items: stretch;
row-gap: 8px; }
.integrations-cards .kadence-blog-content-table__link {
border-radius: 4px;
color: var(--kd-neutral-400);
outline: none;
padding: 12px;
transition: color 0.3s ease, background 0.3s ease; }
.integrations-cards .kadence-blog-content-table__link {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.integrations-cards .kadence-blog-content-table__link.active {
background-color: var(--kd-primary-50);
color: var(--kd-primary-600); }
.integrations-cards .kadence-blog-content-table__link:hover:not(.active) {
background-color: var(--kd-neutral-100);
color: var(--kd-neutral-900); }
.integrations-cards .kadence-blog-talk-expert-block {
border-color: var(--kd-gray-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 24px; }
.integrations-cards .kadence-blog-talk-expert-block p {
font-size: 14px; }
@media (min-width: 768px) {
.integrations-cards .kadence-blog-talk-expert-block {
margin-top: 16px; } }
.integrations-cards .kadence-blog-talk-expert-block__info {
color: var(--kd-gray-400);
row-gap: 4px;
text-align: center; }
.integrations-cards .kadence-blog-talk-expert-block__info {
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.integrations-cards .kadence-blog-talk-expert-block__info {
display: grid;
justify-items: stretch; }
.integrations-cards .kadence-blog-talk-expert-block__title {
color: var(--kd-neutral-900); }
.integrations-cards .kadence-blog-talk-expert-block__title {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
.integrations-cards .small--image {
text-align: center; }
.single--video .banner-section-wrapper {
background-image: url(img/bg-net.svg);
background-position: center 64px;
background-repeat: no-repeat;
background-size: 975px 656px;
padding-bottom: 48px;
padding-top: 48px; }
@media (min-width: 576px) {
.single--video .banner-section-wrapper {
background-position: center 29%;
background-size: 1438px 966px; } }
.single--video .kadence-video-wrapper {
width: 100%; }
@media (min-width: 576px) {
.single--video .kadence-video-wrapper {
max-width: 640px; } }
.single--video .kadence-video-wrapper,
.single--video .kadence-video-poster {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 8px;
background-color: #fff; }
.single--video .kadence-play-button:after {
background-image: url(img/play-button.svg);
background-size: cover;
content: "";
display: block;
height: 72px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 72px;
cursor: pointer; }
.single--video .kadence-video-poster {
border-radius: 8.828px; }
.single--video iframe {
visibility: hidden; }
.single--video .social--media {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch; }
.single--video .social--media h4, .single--video .social--media .h4 {
color: var(--neutral-900, #171717);
font-size: 20px;
font-weight: 600;
line-height: 150%;
/* 30px */ }
.single--video .social--media .social--icons {
display: flex;
align-items: flex-start;
gap: 24px;
justify-content: center; }
.single--video .social--media .social--icons .social-link {
border-radius: 100px;
background-color: var(--gray-800, #1f2937);
display: flex;
padding: 10px;
align-items: center;
gap: 8px;
width: 40px;
height: 40px;
justify-content: center;
color: #b8bdc6; }
.single--video .social--media .social--icons .social-link i {
font-size: 24px; }
.single--video .banner-section {
position: relative;
text-align: center;
display: grid;
justify-items: center;
row-gap: 40px; }
.single--video .banner-section:before {
background: radial-gradient(137.05% 100% at 50% 0, var(--kd-gradient-radial-banner));
border-radius: 902px;
bottom: -334px;
content: "";
filter: blur(150px);
transform: translateZ(0);
height: 520px;
opacity: 0.8;
position: absolute;
width: 520px;
z-index: -1; }
@media (min-width: 576px) {
.single--video .banner-section:before {
bottom: -572px;
filter: blur(250px);
height: 902px;
width: 902px; } }
.single--video .banner-section .btn {
box-shadow: var(--kd-shadow-button-primary);
color: var(--kd-neutral-50);
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.single--video .banner-section__header {
background-color: transparent;
display: grid;
justify-items: center;
row-gap: 16px; }
@media (min-width: 576px) {
.single--video .banner-section__header {
row-gap: 24px; } }
.single--video .banner-section__title {
color: var(--kd-neutral-900);
display: grid;
justify-items: center;
max-width: 714px;
row-gap: 12px;
font-size: 32px;
line-height: 135%;
/* 43.2px */
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.single--video .banner-section__title {
max-width: 1040px;
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
@media (max-width: 576px) {
.single--video .banner-section iframe {
height: 222px; } }
.single--video .banner-section__description {
color: var(--kd-neutral-500);
max-width: 280px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.single--video .banner-section__description {
max-width: 470px;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.single--video .banner-section__image {
display: none;
position: absolute;
top: 162px; }
@media (min-width: 768px) {
.single--video .banner-section__image {
display: block; } }
.single--video .banner-section__image_man {
height: 151px;
width: 86px; }
@media (min-width: 768px) {
.single--video .banner-section__image_man {
left: 0; } }
@media (min-width: 992px) {
.single--video .banner-section__image_man {
left: 10%; } }
.single--video .banner-section__image_man_and_women {
height: 229px;
top: 180px;
width: 136px; }
@media (min-width: 768px) {
.single--video .banner-section__image_man_and_women {
right: 0; } }
@media (min-width: 992px) {
.single--video .banner-section__image_man_and_women {
right: 10%; } }
.hero__with__forms__two {
padding: 48px 24px; }
.hero__with__forms__two .container {
padding: 0; }
.hero__with__forms__two .card {
border: none;
border-radius: 16px;
position: relative; }
.hero__with__forms__two .card .card-body {
padding: 24px;
border-radius: 16px; }
@media (max-width: 767px) {
.hero__with__forms__two .card-body {
background-color: var(--primary-50, #FFF0F8); } }
.hero__with__forms__two .hero--title {
color: var(--neutral-900, #171717);
font-size: 32px;
font-weight: 600;
line-height: 135%;
/* 43.2px */
letter-spacing: -0.32px;
margin-bottom: 16px; }
.hero__with__forms__two .badge {
margin-bottom: 8px; }
.hero__with__forms__two .text--content p {
color: var(--neutral-500, #737373);
font-size: 16px;
font-weight: 400;
line-height: 160%;
margin-bottom: 56px; }
.hero__with__forms__two .form--row {
background-image: url("img/release-notes/mobile-vector.png");
background-repeat: no-repeat;
background-size: contain;
background-position: 10% -68%;
position: relative; }
.hero__with__forms__two .hero__form form .hs-fieldtype-text {
margin-bottom: 16px; }
.hero__with__forms__two .hero__form form .hs-fieldtype-text:first-child {
margin-bottom: 8px; }
.hero__with__forms__two .hero__form form fieldset {
padding: 0; }
.hero__with__forms__two .hero__form form label {
display: none; }
.hero__with__forms__two .hero__form form input[type="submit"] {
width: 100%; }
.hero__with__forms__two .hero__form form .input input {
min-height: 56px;
padding: 8px 16px;
border-radius: 8px; }
.hero__with__forms__two .hero__form ul[role="alert"] {
list-style: none;
margin: 0;
padding-left: 0;
padding-top: 16px;
text-align: center; }
.hero__with__forms__two .hero__form ul[role="alert"] label {
display: block; }
@media (min-width: 767px) {
.hero__with__forms__two .form--row {
background-image: unset; }
.hero__with__forms__two .card-body {
background-image: url("img/release-notes/desktop-vector.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 100%; } }
@media (min-width: 1200px) {
.hero__with__forms__two {
padding: 80px; }
.hero__with__forms__two .card-body {
background-size: unset;
background-position: 88% -27%; }
.hero__with__forms__two .badge {
margin-bottom: 12px; }
.hero__with__forms__two .hero--title {
font-size: 64px;
line-height: 110%;
letter-spacing: -0.64px;
margin-bottom: 24px; }
.hero__with__forms__two .card .card-body {
padding: 80px; }
.hero__with__forms__two .hero__form {
align-items: center;
display: grid;
height: 95%; }
.hero__with__forms__two .text--content p {
font-size: 18px; } }
@media (min-width: 1340px) {
.hero__with__forms__two .card-body {
background-size: contain;
background-position: 10% 5%; } }
.video_block_two {
padding: 80px 0; }
.video_block_two .container {
padding: 0; }
@media (max-width: 574px) {
.video_block_two {
padding: 48px 24px; } }
.video_block_two .title {
color: #171717;
text-align: center;
font-family: Inter;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.56px;
margin: 0 0 56px; }
@media (max-width: 800px) {
.video_block_two .title {
font-size: 32px;
line-height: 1.35; }
.video_block_two .title br {
display: none; } }
.video_block_two .title h1, .video_block_two .title .h1 {
font-size: inherit;
line-height: inherit; }
.video_block_two .title h2, .video_block_two .title .h2 {
font-size: inherit;
line-height: inherit; }
.video_block_two .title h3, .video_block_two .title .h3 {
font-size: inherit;
line-height: inherit; }
.video_block_two .title h4, .video_block_two .title .h4 {
font-size: inherit;
line-height: inherit; }
.video_block_two .title h5, .video_block_two .title .h5 {
font-size: inherit;
line-height: inherit; }
.video_block_two .title h6, .video_block_two .title .h6 {
font-size: inherit;
line-height: inherit; }
.video_block_two .video {
width: auto;
height: auto;
text-align: center;
max-width: 100%;
max-height: 100%; }
.video_block_two .video video {
border-radius: 20px;
max-width: 100%;
max-height: 100%; }
.wall-in-love h1, .wall-in-love .h1 {
font-size: 56px; }
.wall-in-love .row {
align-items: center; }
.wall-in-love .image {
position: relative; }
.wall-in-love .image:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 560px;
background: radial-gradient(137.05% 100% at 50% 0%, #FFF9C7 5.59%, #FFE4F3 51.56%, #FFF 100%);
filter: blur(160px); }
.logos_list_wrapper .lc_list {
display: flex;
justify-content: center;
align-items: center;
gap: 60px; }
@media (max-width: 1200px) {
.logos_list_wrapper .lc_list {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
padding: 0 15px;
justify-content: flex-start; }
.logos_list_wrapper .lc_list::-webkit-scrollbar {
width: 0; } }
.logos_list_wrapper .lc_list img {
max-width: 80px;
max-height: 50px; }
.cards_ajax_wrapper {
text-align: center; }
.cards_ajax_wrapper .ca_tabs {
border-radius: 12px;
background: #FFF;
box-shadow: 0px 32px 56px 0px rgba(47, 43, 67, 0.06);
display: inline-flex;
padding: 16px;
gap: 16px;
margin: 0 0 32px; }
@media (max-width: 400px) {
.cards_ajax_wrapper .ca_tabs {
flex-wrap: wrap; } }
.cards_ajax_wrapper .ca_tabs .ca_tab {
border-radius: 8px;
border: 1px solid #E5E5E5;
padding: 12px 20px;
color: #737373;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 160%;
transition: all 0.2s 0.05s ease; }
@media (max-width: 400px) {
.cards_ajax_wrapper .ca_tabs .ca_tab {
width: 100%; } }
.cards_ajax_wrapper .ca_tabs .ca_tab:hover {
border-color: #E5E5E5;
background: #F5F5F5;
color: #171717; }
.cards_ajax_wrapper .ca_tabs .ca_tab.active {
background: #F52283;
color: #FFF;
border-color: #F52283; }
@media (max-width: 800px) {
.cards_ajax_wrapper .ca_tabs_wrapper {
padding: 0; } }
.cards_ajax_wrapper .ca_tabs_list_item {
display: none; }
.cards_ajax_wrapper .ca_tabs_list_item.active {
display: block; }
.cards_ajax_wrapper .ca_tabs_inner {
display: flex;
gap: 2%;
margin: 0 0 32px;
flex-wrap: wrap; }
.cards_ajax_wrapper .ca_post {
width: 32%;
margin: 0 0 32px;
border: 1px solid #E5E5E5;
background: #FFF;
text-align: left;
height: 492px;
align-content: start;
background: var(--kd-neutral-50);
border-radius: 12px;
display: grid;
justify-items: stretch;
outline: none;
overflow: hidden; }
@media (max-width: 1024px) {
.cards_ajax_wrapper .ca_post {
width: 49%; } }
@media (max-width: 640px) {
.cards_ajax_wrapper .ca_post {
width: 100%; } }
.cards_ajax_wrapper .ca_post .ca_post_image {
max-height: 264px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
transition-duration: .3s;
transition-property: margin, border-radius, max-height;
transition-timing-function: ease-in-out; }
.cards_ajax_wrapper .ca_post .ca_post_header {
display: flex;
gap: 12px;
align-items: center;
margin: 0 0 24px; }
.cards_ajax_wrapper .ca_post .ca_post_header .ca_post_avatar {
width: 56px; }
.cards_ajax_wrapper .ca_post .ca_post_header .ca_post_avatar img {
border-radius: 32px;
border: 1.5px solid #FFF;
box-shadow: 0px 0px 0px 1px rgba(33, 33, 38, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 5px 11px 0px rgba(34, 42, 53, 0.14), 0px 4px 6px 0px rgba(34, 42, 53, 0.04), 0px 24px 68px 0px rgba(47, 48, 55, 0.05), 0px 2px 3px 0px rgba(0, 0, 0, 0.04); }
.cards_ajax_wrapper .ca_post .ca_post_header .ca_post_meta {
width: calc(100% - 56px); }
.cards_ajax_wrapper .ca_post .ca_post_header .ca_post_meta .ca_post_name {
color: #171717;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; }
.cards_ajax_wrapper .ca_post .ca_post_header .ca_post_meta .ca_post_state {
color: #737373;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.cards_ajax_wrapper .ca_post .ca_post_info {
display: grid;
height: max-content;
max-height: 50vh;
overflow: hidden;
transition-duration: .3s;
transition-property: margin-top, margin-bottom, max-height;
transition-timing-function: ease-in-out;
gap: 16px;
margin: 24px; }
.cards_ajax_wrapper .ca_post .customer-stories-grid-card__description {
display: grid;
height: max-content;
margin: 0 24px;
overflow: hidden;
transition-duration: .3s;
transition-property: opacity, margin-top, margin-bottom, max-height;
transition-timing-function: ease-in-out;
margin-bottom: 0;
margin-top: 0;
max-height: 0;
opacity: 0;
gap: 20px; }
.cards_ajax_wrapper .ca_post .customer-stories-grid-card__description svg {
color: #f52283;
height: 24px;
width: 32px; }
.cards_ajax_wrapper .ca_post .customer-stories-grid-card__description .customer-stories-grid-card__quote {
color: #171717;
display: grid;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
gap: 20px; }
.cards_ajax_wrapper .ca_post .customer-stories-grid-card__description .customer-stories-grid-card__link {
align-items: center;
color: #f52283;
display: flex;
gap: 6px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.cards_ajax_wrapper .ca_post .customer-stories-grid-card__description .customer-stories-grid-card__link:after {
font-size: 20px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
.cards_ajax_wrapper .ca_post .ca_post_body_title {
color: #171717;
display: grid;
gap: 12px;
justify-items: start;
font-weight: 600;
font-size: 24px;
line-height: 1.4;
letter-spacing: -0.24px; }
.cards_ajax_wrapper .ca_post .ca_post_body_title_badge {
color: #6b7280;
padding: 6px 0;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.4; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_short_text {
color: #525252;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
margin: 0 0 24px; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_full_text {
color: #171717;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
display: none;
margin: 0 0 24px; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper .ca_post_video_poster {
height: 170px;
position: relative; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper .ca_post_video_poster .ca_post_play_wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: flex; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper .ca_post_video_poster .ca_post_play_wrap .ca_post_video_play_btn {
margin: auto;
backdrop-filter: blur(6px);
border-radius: 40px;
transition: all 0.2s 0.05s ease; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper .ca_post_video_poster .ca_post_play_wrap .ca_post_video_play_btn:hover {
opacity: 0.9; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper .ca_post_video_poster img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
border-radius: 8px; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper video {
display: none; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_video_wrapper source {
width: 100%; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32px 0 0; }
.cards_ajax_wrapper .ca_post .ca_post_body .ca_post_footer .ca_post_logo {
max-width: 102px; }
.cards_ajax_wrapper .ca_post.active {
background: #FFFAFC; }
.cards_ajax_wrapper .ca_post:hover .ca_post_info {
margin-bottom: 0;
margin-top: 0;
max-height: 0; }
.cards_ajax_wrapper .ca_post:hover .customer-stories-grid-card__description {
margin-bottom: 24px;
margin-top: 24px;
max-height: 50vh;
opacity: 1; }
.cards_ajax_wrapper .ca_post.style_2 {
padding: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: auto;
gap: 20px; }
.cards_ajax_wrapper #loadmore .btn {
border-radius: 8px;
border: 1px solid #E5E5E5;
padding: 12px 20px;
color: #737373;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 160%;
transition: all 0.2s 0.05s ease;
display: inline-block; }
.cards_ajax_wrapper #loadmore .btn:hover {
border-color: #E5E5E5;
background: #F5F5F5;
color: #171717; }
.cards_ajax_wrapper #loadmore .btn.active {
background: #F52283;
color: #FFF;
border-color: #F52283; }
#masthead_transparent {
display: none; }
#masthead_transparent .mega-menu__link__bGluay {
color: #fff; }
.transparent_header header {
position: absolute;
background: transparent; }
.transparent_header #masthead_transparent {
display: block; }
#hero_modern_section {
background: no-repeat right bottom #111827;
background-size: contain;
padding: 160px 0 90px; }
@media (max-width: 1024px) {
#hero_modern_section {
padding: 80px 0; } }
@media (max-width: 800px) {
#hero_modern_section {
background-position-y: top; } }
#hero_modern_section .hms_col {
width: 50%;
display: inline-flex;
flex-direction: column;
gap: 20px;
padding: 0 50px 0 0; }
@media (max-width: 1024px) {
#hero_modern_section .hms_col {
width: 100%;
padding: 0; } }
#hero_modern_section .hms_col .hs-form {
display: flex;
justify-content: space-between;
padding: 0 100px 0 0;
gap: 20px; }
@media (max-width: 480px) {
#hero_modern_section .hms_col .hs-form {
flex-wrap: wrap; } }
@media (max-width: 800px) {
#hero_modern_section .hms_col .hs-form {
padding: 0; } }
#hero_modern_section .hms_col .hs_email {
width: 70%; }
@media (max-width: 480px) {
#hero_modern_section .hms_col .hs_email {
width: 100%; } }
#hero_modern_section .hms_col .hs_email label {
display: none; }
#hero_modern_section .hms_col .hs_email input {
border-radius: 8px;
padding: 10px 12px 10px 44px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z' stroke='%23B8BDC6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 6L12 13L2 6' stroke='%23B8BDC6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 12px center #fff; }
#hero_modern_section .hms_col .hs_submit {
width: 30%; }
@media (max-width: 480px) {
#hero_modern_section .hms_col .hs_submit {
width: 100%; }
#hero_modern_section .hms_col .hs_submit input {
width: 100%; } }
#hero_modern_section .hm_title {
color: #FFF;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%;
/* 70.4px */
letter-spacing: -0.64px; }
@media (max-width: 800px) {
#hero_modern_section .hm_title {
font-size: 40px; } }
#hero_modern_section .hm_title span {
background: linear-gradient(92deg, #FFF 0, #FFF9C7 48.27%, #FFD6ED 60.99%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Inter;
font-style: normal;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.64px; }
#hero_modern_section .hm_label {
color: #FF319C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
#hero_modern_section .hm_text {
color: #A3A3A3;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
#hero_modern_section .hm_text p {
margin: 0 0 25px; }
.posts_carousel {
padding: 80px 0; }
.posts_carousel .pc_header {
display: flex;
margin: 0 0 32px;
justify-content: space-between;
align-items: end; }
.posts_carousel .pc_header .pc_title {
color: #171717;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.48px;
margin: 0 0 10px; }
@media (max-width: 640px) {
.posts_carousel .pc_header .pc_title {
font-size: 24px; } }
.posts_carousel .pc_header .pc_description {
color: #6B7280;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
@media (max-width: 640px) {
.posts_carousel .pc_header .pc_info {
width: 50%; } }
.posts_carousel .pc_slider {
overflow: hidden;
width: 100%; }
.posts_carousel .pc_slider .pc_post_slide {
padding: 16px;
border-radius: 12px;
border: 1px solid var(--Neutral-200, #E5E5E5);
width: 100%;
box-sizing: border-box; }
.posts_carousel .pc_slider .pc_post_image {
border-radius: 12px;
height: 210px;
margin: 0 0 24px;
width: 100%; }
.posts_carousel .pc_slider .pc_post_image img {
border-radius: 12px;
object-fit: cover;
width: 100%;
height: 100%; }
.posts_carousel .pc_slider .pc_post_title {
color: #171717;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; }
.posts_carousel .pc_slider .pc_post_time {
color: #6B7280;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; }
.posts_carousel .pc_nav_icon {
display: inline-block; }
.posts_carousel .pc_nav_icon:hover {
opacity: 0.8;
transition: all 0.2s 0.05s ease; }
.posts_carousel .pc_nav_icon.pc_nav_left {
transform: rotate(180deg); }
.posts_carousel .pc_nav_icon.swiper-button-disabled {
opacity: 0.3; }
.posts_carousel .pc_nav_icon.swiper-button-disabled:hover {
opacity: 0.3; }
.newsletter_section {
padding: 80px 0; }
.featured_content_blog {
padding: 20px 0; }
.featured_content_block {
position: relative;
width: 100%;
background: #FFF0F8 no-repeat;
background-size: cover;
border: 1px solid #FFC9EA;
padding: 24px;
border-radius: 12px;
overflow: hidden; }
.featured_content_block .fcb_svg {
position: absolute;
top: 0;
left: 0;
z-index: 9; }
.featured_content_block .fcb_svg.right_svg {
left: auto;
top: auto;
right: 0;
bottom: 0; }
.featured_content_block .fcb_inner {
position: relative;
z-index: 10;
display: flex;
gap: 24px; }
@media only screen and (max-width: 600px) {
.featured_content_block .fcb_inner {
flex-direction: column; } }
.featured_content_block .fcb_image {
width: 35%; }
@media only screen and (max-width: 600px) {
.featured_content_block .fcb_image {
width: 100%;
text-align: center; } }
.featured_content_block .fcb_image img {
border-radius: 8px; }
.featured_content_block .fcb_info {
display: inline-flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
width: 65%; }
@media only screen and (max-width: 600px) {
.featured_content_block .fcb_info {
width: 100%; } }
.featured_content_block .fcb_label {
color: #FF319C;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 1;
display: inline-flex;
width: fit-content;
padding: 6px 8px; }
.featured_content_block .fcb_label.with_bg {
border-radius: 100px;
border: 1px solid #FFC9EA;
background: #FFF0F8;
box-shadow: 0 1px 3px 0 rgba(47, 43, 67, 0.1);
letter-spacing: 1px;
color: #FF60B9; }
.featured_content_block .fcb_title {
color: #171717;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: -0.32px; }
@media only screen and (max-width: 600px) {
.featured_content_block .fcb_title {
font-size: 24px;
line-height: 140%;
letter-spacing: -0.24px; } }
.featured_content_block .fcb_content {
color: #404040;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.featured_content_block .fcb_btn {
color: #fff !important;
background-color: #F52283;
text-decoration: none !important;
padding: 12px 24px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
display: inline-block;
height: 40px;
border-radius: 6px;
border: 1px solid #D5015C;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 6px 0px rgba(47, 43, 67, 0.2);
text-align: center; }
@media only screen and (max-width: 600px) {
.featured_content_block .fcb_btn {
width: 100%; } }
.featured_content_block .fcb_btn:hover {
background-color: var(--kd-primary-700);
border-color: var(--kd-primary-800); }
.featured_content_block .fcb_btn.secondary {
border-radius: 6px;
border: #E5E5E5;
background: #FFF;
box-shadow: 0 2px 6px 0 rgba(47, 43, 67, 0.1);
color: #171717 !important; }
.featured_content_block .fcb_btn.secondary:hover {
background: #f5f5f5; }
.featured_content_block .fcb_btn.secondary svg {
margin: 0 0 0 5px; }
.featured_content_block.with_bg {
border: 1px solid #D4D4D4; }
.featured_content_block.remove_image_paddings {
padding: 0; }
.featured_content_block.remove_image_paddings .fcb_inner {
gap: 0; }
.featured_content_block.remove_image_paddings .fcb_info {
padding: 24px; }
.competitor_table_block {
padding: 80px 0; }
.competitor_table_block h2, .competitor_table_block .h2 {
text-align: center;
font-size: 56px;
color: #171717;
margin: 0 0 80px; }
.competitor_table_block .competitor_table tr td {
color: #404040;
font-size: 18px;
font-weight: 500;
border: 1px solid #E2E4E9;
padding: 17px 24px; }
.competitor_table_block .competitor_table tr td.row_val {
text-align: center; }
.competitor_table_block .competitor_table tr td[data-type=bg_1] {
background: #F9FAFB;
box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.06); }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr td {
font-size: 12px;
padding: 14px 14px;
background: #F9FAFB; }
.competitor_table_block .competitor_table tr td[data-type=bg_1] {
box-shadow: none; } }
.competitor_table_block .competitor_table tr.title td {
font-size: 24px;
font-weight: 600;
color: #171717;
padding: 32px 24px; }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.title td {
font-size: 14px;
padding: 14px 14px; } }
.competitor_table_block .competitor_table tr.ct_header td {
text-align: center;
padding: 0;
border: none; }
.competitor_table_block .competitor_table tr.ct_header td.corner_td {
border: none; }
.competitor_table_block .competitor_table tr.ct_header td .inner_td {
padding: 17px 24px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border: 1px solid #E2E4E9;
border-bottom: none; }
.competitor_table_block .competitor_table tr.ct_header td:last-child .inner_td {
border: none; }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.ct_header td {
background: none; } }
.competitor_table_block .competitor_table tr.ct_header .mobile {
display: none; }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.ct_header .desktop {
display: none; }
.competitor_table_block .competitor_table tr.ct_header .mobile {
display: block; } }
.competitor_table_block .competitor_table tr.footer_header td {
text-align: center;
padding: 0;
border: none; }
.competitor_table_block .competitor_table tr.footer_header td.corner_td {
border: none; }
.competitor_table_block .competitor_table tr.footer_header td .inner_td {
padding: 17px 24px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border: 1px solid #E2E4E9;
border-top: none; }
.competitor_table_block .competitor_table tr.footer_header td:last-child .inner_td {
border: none; }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.footer_header {
display: none; } }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.count_1 td {
height: 75px; } }
.competitor_table_block .competitor_table tr.count_1 td:first-child {
border-radius: 16px 0 0 0;
display: block;
border-right: none;
border-bottom: 0; }
.competitor_table_block .competitor_table tr.count_1 td:last-child {
border-radius: 0 16px 0 0;
display: block;
border-left: none;
border-bottom: 0; }
@media (max-width: 768px) {
.competitor_table_block .competitor_table tr.last_row td {
height: 75px; } }
.competitor_table_block .competitor_table tr.last_row td:first-child {
border-radius: 0 0 0 16px;
display: block;
border-top: none;
border-right: none; }
.competitor_table_block .competitor_table tr.last_row td:last-child {
border-radius: 0 0 16px 0;
display: block;
border-top: none;
border-left: none; }
@media (max-width: 768px) {
.competitor_table_block .table_btn.desktop {
display: none; } }
.competitor_table_block .table_btn.mobile {
display: none;
max-width: 250px; }
@media (max-width: 768px) {
.competitor_table_block .table_btn.mobile {
display: block; } }
@media (max-width: 400px) {
.competitor_table_block .table_btn.mobile {
max-width: 100%; } }
.badge-heading {
padding-top: 50px !important;
padding-bottom: 50px !important; }
.badge-heading .container .badge-heading_wrapper {
justify-content: center;
text-align: center; }
.badge-heading .container .badge-heading_wrapper .badge {
margin-bottom: 20px; }
.badge-heading .container .badge-heading_wrapper .badge-heading_heading {
color: var(--neutral-900, #171717);
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.56px; }
@media (min-width: 992px) {
.badge-heading .container .badge-heading_wrapper .badge-heading_heading {
font-size: 56px; } }
.stat-cards {
padding-top: 50px !important;
padding-bottom: 50px !important; }
.stat-cards .stat-cards_wrapper {
display: flex;
flex-wrap: wrap; }
.stat-cards .stat-cards_wrapper .stats-cards_card {
width: 100%;
text-align: center;
padding-top: 5px;
padding-bottom: 40px;
margin-bottom: 15px; }
@media (min-width: 576px) {
.stat-cards .stat-cards_wrapper .stats-cards_card {
width: 50%;
border-left: 1px solid #cecece; }
.stat-cards .stat-cards_wrapper .stats-cards_card:nth-of-type(3) {
border-left: none; } }
@media (min-width: 992px) {
.stat-cards .stat-cards_wrapper .stats-cards_card {
width: 25%;
border-left: 1px solid #cecece;
margin-bottom: 0; }
.stat-cards .stat-cards_wrapper .stats-cards_card:nth-of-type(3) {
border-left: 1px solid #cecece; } }
.stat-cards .stat-cards_wrapper .stats-cards_card:first-of-type {
border-left: none; }
.stat-cards .stat-cards_wrapper .stats-cards_card__heading {
color: var(--neutral-900, #171717);
font-size: 38px;
font-weight: 600;
letter-spacing: -0.56px;
margin-bottom: 5px; }
.stat-cards .stat-cards_wrapper .stats-cards_card__content {
color: var(--kd-gray-600, #46505d); }
.text__with__forms__three {
padding: 48px 24px;
background-image: url("img/blocks/text-with-forms-three/mobile-bg.png");
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
/* Badge */
/* title */
/* Lists */
/* Demo form */
/* Large devices (desktops, 992px and up) */
/* Small devices (landscape phones, 576px and up) */ }
.text__with__forms__three .block__info {
margin-bottom: 40px;
text-align: center; }
.text__with__forms__three .hs-error-msgs {
list-style: none;
margin: 5px 0 0;
padding-left: 0;
text-align: left; }
.text__with__forms__three .hs-error-msgs label.hs-error-msg {
display: block;
color: red;
font-size: 12px; }
.text__with__forms__three .badge-primary {
font-size: 10px;
padding: 6px 12px;
margin-bottom: 12px; }
.text__with__forms__three .kadence-heading-xl {
color: var(--neutral-900, #171717);
font-size: 40px;
line-height: 110%;
letter-spacing: -0.4px;
margin-bottom: 32px; }
.text__with__forms__three .lists__item {
margin: 0; }
.text__with__forms__three .list__item {
display: flex;
border: none;
background: unset;
color: var(--kd-neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 155.556% */
margin-bottom: 16px;
padding: 0;
text-align: left; }
@media (min-width: 576px) {
.text__with__forms__three .list__item {
font-size: 18px;
line-height: 28px; } }
.text__with__forms__three .list__item i {
position: relative;
top: 2px;
margin-right: 16px;
color: #f52283;
font-size: 20px; }
.text__with__forms__three .list__item:last-child {
margin-bottom: 0; }
.text__with__forms__three .block__text {
font-size: 14px;
line-height: 160%; }
.text__with__forms__three .desktop_form {
padding: 0 0 0 150px; }
@media (max-width: 1024px) {
.text__with__forms__three .desktop_form {
padding: 0 0 0 60px; } }
@media (max-width: 576px) {
.text__with__forms__three .desktop_form {
padding: 0; } }
.text__with__forms__three.content_download_form_block .demo__form {
width: 100%;
min-height: 350px; }
@media (max-width: 576px) {
.text__with__forms__three.content_download_form_block .hbspt-form {
text-align: left; }
.text__with__forms__three.content_download_form_block .hbspt-form input.hs-button {
width: 100%; } }
@media (max-width: 576px) {
.text__with__forms__three.content_download_form_block .block__info {
text-align: left; }
.text__with__forms__three.content_download_form_block .block__info h1, .text__with__forms__three.content_download_form_block .block__info .h1 {
font-size: 32px;
font-weight: 600;
line-height: 135%;
letter-spacing: -0.32px;
margin-bottom: 20px; } }
.text__with__forms__three .demo__form {
border-radius: 8px;
border: 1px solid var(--neutral-200, #e5e5e5);
background: var(--neutral-50, #fff);
padding: 16px;
display: none; }
@media (max-width: 576px) {
.text__with__forms__three .demo__form {
margin: 20px 0; } }
.text__with__forms__three .demo__form .extra__info {
margin-top: 24px;
color: var(--neutral-500, #737373);
font-size: 12px; }
.text__with__forms__three .demo__form .hs-richtext.hs-main-font-element::after {
content: "";
height: 1px;
display: block;
background-color: #e5e5e5;
position: relative;
top: 25px; }
@media (max-width: 576px) {
.text__with__forms__three .demo__form .hs-richtext.hs-main-font-element::after {
display: none; } }
.text__with__forms__three .demo__form .grecaptcha-badge {
margin: 24px auto 0; }
.text__with__forms__three .demo__form .hs_error_rollup {
text-align: center;
opacity: 0;
display: none; }
.text__with__forms__three .demo__form .hs_error_rollup label {
color: red; }
.text__with__forms__three .hbspt-form .hs-main-font-element:not(.hs-error-msg) {
margin-bottom: 24px; }
.text__with__forms__three .hbspt-form .hs-main-font-element p {
font-weight: 600;
line-height: 150%; }
.text__with__forms__three .hbspt-form .hs-fieldtype-text,
.text__with__forms__three .hbspt-form .hs-fieldtype-select,
.text__with__forms__three .hbspt-form .hs_submit {
margin-top: 24px; }
.text__with__forms__three .hbspt-form .hs-fieldtype-select select {
border: none;
border-bottom: 1px solid #E5E5E5;
color: #525252;
background: #fff; }
@media (max-width: 576px) {
.text__with__forms__three .hbspt-form .hs-fieldtype-select select {
padding: 8px 0; } }
.text__with__forms__three .hbspt-form fieldset label {
display: none; }
.text__with__forms__three .hbspt-form .hs_submit .actions {
text-align: center; }
.text__with__forms__three .block__logo {
display: none; }
.text__with__forms__three .block__logos {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
gap: 24px;
width: 100%;
margin-top: 24px; }
@media (max-width: 576px) {
.text__with__forms__three .block__logos {
margin: 0 0 40px;
gap: 16px; } }
.text__with__forms__three .block__logos .logo__item {
display: flex;
align-items: center;
justify-content: center;
padding: 8.25px 11.34px 8.25px 11.34px;
border-radius: 8px;
border: 1px solid var(--kd-neutral-200);
background: var(--neutral-50, #fff);
box-shadow: 0 1px 3px 0 rgba(47, 43, 67, 0.1); }
@media (max-width: 576px) {
.text__with__forms__three .block__logos .logo__item {
width: 64px;
height: 64px; } }
@media (max-width: 576px) {
.text__with__forms__three .demo__form input.hs-button {
min-width: 187px; } }
@media (max-width: 992px) {
.text__with__forms__three .container {
padding: 0; } }
@media (min-width: 992px) {
.text__with__forms__three .block__info {
text-align: left; }
.text__with__forms__three .badge-primary {
font-size: 14px;
padding: 6px 16px; } }
@media (min-width: 1200px) {
.text__with__forms__three {
padding: 80px 24px;
background-image: url("img/blocks/text-with-forms-three/desktop-bg.png"); }
.text__with__forms__three .block__info {
max-width: 100%;
padding: 0 0 0 0; }
.text__with__forms__three .kadence-heading-xl {
font-size: 56px;
font-weight: 700; }
.text__with__forms__three .block__text {
font-size: 18px; }
.text__with__forms__three .demo__form {
max-width: 546px;
min-height: 571px;
padding: 24px;
float: left;
box-shadow: 16px 24px 40px 0 rgba(13, 24, 51, 0.06); }
.text__with__forms__three .demo__form .hs-input {
width: 100% !important;
min-height: 56px; }
.text__with__forms__three .demo__form .extra__info {
margin-top: 32px;
font-size: 12px; }
.text__with__forms__three .hbspt-form .hs-main-font-element p {
font-size: 24px !important;
line-height: 140%; }
.text__with__forms__three .hbspt-form fieldset:last-child .hs-fieldtype-text {
margin-bottom: 0; }
.text__with__forms__three .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(2) .input {
margin-right: 24px; }
.text__with__forms__three .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(3) .input {
margin-right: 0; }
.text__with__forms__three .hbspt-form .hs_submit {
margin-top: 32px; }
.text__with__forms__three .hbspt-form .hs_submit .hs-button {
display: flex;
width: 100%; }
.text__with__forms__three .hbspt-form .hs_submit i {
position: relative;
top: -33px;
left: 68px;
color: #fff; }
.text__with__forms__three .col-12.col-md-6:first-child {
padding-top: 0; }
.text__with__forms__three .block__logos {
gap: 32px;
margin-top: 40px;
justify-content: space-between;
flex-wrap: nowrap; }
.text__with__forms__three .logo__item {
height: auto;
width: auto;
max-width: 80px;
padding: 8px 11px; } }
.text__with__forms__three .testimonial-card {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 24px;
padding: 24px;
align-self: stretch;
border-radius: 8px;
border: 1px solid var(--Neutral-200, #E5E5E5);
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(12px);
margin-bottom: 40px; }
@media (min-width: 576px) {
.text__with__forms__three .testimonial-card {
padding: 32px 40px;
flex-direction: column;
align-items: flex-start;
row-gap: 24px;
align-self: stretch; } }
.text__with__forms__three .testimonial-card_header {
width: 100%;
display: flex;
align-items: center;
column-gap: 12px; }
.text__with__forms__three .testimonial-card_header .avatar {
width: 56px;
height: 56px;
border-radius: 32px;
border: 1.5px solid #FFF;
box-shadow: 0px 0px 0px 1px rgba(33, 33, 38, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 5px 11px 0px rgba(34, 42, 53, 0.14), 0px 4px 6px 0px rgba(34, 42, 53, 0.04), 0px 24px 68px 0px rgba(47, 48, 55, 0.05), 0px 2px 3px 0px rgba(0, 0, 0, 0.04);
overflow: hidden; }
.text__with__forms__three .testimonial-card_header .avatar img {
width: 100%;
height: auto; }
.text__with__forms__three .testimonial-card_header .name-position {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex: 1; }
.text__with__forms__three .testimonial-card_header .name-position span {
display: block; }
.text__with__forms__three .testimonial-card_header .name-position span:nth-child(1) {
color: #171717;
text-align: left;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
/* 162.5% */ }
.text__with__forms__three .testimonial-card_header .name-position span:nth-child(2) {
color: var(--kd-neutral-500);
text-align: left;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 157.143% */ }
.text__with__forms__three .testimonial-card_header .company-logo {
align-items: center;
display: none; }
@media (min-width: 576px) {
.text__with__forms__three .testimonial-card_header .company-logo {
display: flex; } }
.text__with__forms__three .testimonial-card_header .company-logo img {
height: 30px;
width: auto; }
.text__with__forms__three .testimonial-card_content {
overflow: hidden;
color: var(--kd-neutral-600);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 162.5% */ }
@media (min-width: 576px) {
.text__with__forms__three .testimonial-card_content {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px; } }
.text__with__forms__three .testimonial-card_content .tesimonial-footer-mobile {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px; }
@media (min-width: 576px) {
.text__with__forms__three .testimonial-card_content .tesimonial-footer-mobile {
display: none; } }
.text__with__forms__three .testimonial-card_content .tesimonial-footer-mobile img {
height: 30px;
width: auto; }
.pricing-hero-section__companies p {
font-size: 16px;
margin: 0 0 20px;
color: #A3A3A3; }
@media (max-width: 576px) {
.pricing-hero-section__companies p {
color: #525252; } }
.pricing-hero-section__companies.additional .pricing-hero-section__logos {
flex-wrap: wrap;
gap: 20px; }
@media (min-width: 1024px) {
.pricing-hero-section__companies.additional .pricing-hero-section__logos {
flex-wrap: nowrap; } }
.pricing-hero-section__companies.additional .pricing-hero-section__logos a {
margin: 0 0 20px; }
@media (max-width: 576px) {
.pricing-hero-section__companies.additional .pricing-hero-section__logos a {
width: auto !important; } }
.mobile_form {
display: none; }
@media (max-width: 576px) {
.mobile_form {
display: block; } }
@media (max-width: 576px) {
.desktop_form {
display: none; } }
.text__with__forms__four {
padding: 48px 24px;
background-image: url("img/blocks/text-with-forms-four/mobile-bg.png");
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
/* Badge */
/* title */
/* Lists */
/* Demo form */
/* Large devices (desktops, 992px and up) */
/* Small devices (landscape phones, 576px and up) */ }
.text__with__forms__four .d-block {
text-align: center;
margin-bottom: 40px; }
@media (min-width: 576px) {
.text__with__forms__four .d-block {
text-align: left; } }
.text__with__forms__four .block__info {
margin-bottom: 40px;
text-align: center; }
@media (min-width: 576px) {
.text__with__forms__four .block__info {
margin-bottom: 32px; } }
.text__with__forms__four .hs-error-msgs {
list-style: none;
margin: 5px 0 0;
padding-left: 0;
text-align: left; }
.text__with__forms__four .hs-error-msgs label.hs-error-msg {
display: block;
color: red;
font-size: 12px; }
.text__with__forms__four .badge-primary {
font-size: 10px;
padding: 6px 12px;
margin-bottom: 12px; }
.text__with__forms__four .kadence-heading-xl {
color: var(--neutral-900, #171717);
font-size: 40px;
line-height: 48px;
letter-spacing: -0.4px;
margin-bottom: 32px;
font-weight: 700; }
@media (min-width: 576px) {
.text__with__forms__four .kadence-heading-xl {
font-size: 48px; } }
.text__with__forms__four .lists__item {
margin: 40px 0 0 0; }
@media (min-width: 576px) {
.text__with__forms__four .lists__item {
margin: 0px; } }
.text__with__forms__four .list__item {
display: flex;
border: none;
background: unset;
color: var(--kd-neutral-900);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 155.556% */
margin-bottom: 16px;
padding: 0;
text-align: left; }
@media (min-width: 576px) {
.text__with__forms__four .list__item {
font-size: 18px;
line-height: 28px; } }
.text__with__forms__four .list__item i {
position: relative;
top: 2px;
margin-right: 16px;
color: #f52283;
font-size: 20px; }
.text__with__forms__four .list__item:last-child {
margin-bottom: 0; }
.text__with__forms__four .block__text {
font-size: 14px;
line-height: 160%; }
.text__with__forms__four .desktop_form {
padding: 0 0 0 150px; }
@media (max-width: 1024px) {
.text__with__forms__four .desktop_form {
padding: 0 0 0 60px; } }
@media (max-width: 576px) {
.text__with__forms__four .desktop_form {
padding: 0; } }
.text__with__forms__four.content_download_form_block .demo__form {
width: 100%;
min-height: 350px; }
@media (max-width: 576px) {
.text__with__forms__four.content_download_form_block .hbspt-form {
text-align: left; } }
@media (max-width: 576px) {
.text__with__forms__four.content_download_form_block .block__info {
text-align: left; }
.text__with__forms__four.content_download_form_block .block__info h1, .text__with__forms__four.content_download_form_block .block__info .h1 {
font-size: 32px;
font-weight: 600;
line-height: 135%;
letter-spacing: -0.32px;
margin-bottom: 20px; } }
.text__with__forms__four .demo__form {
display: flex;
padding: 24px 16px;
flex-direction: column;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
border: 1px solid var(--kd-neutral-200);
background: var(--kd-neutral-50);
box-shadow: 16px 24px 40px 0px rgba(13, 24, 51, 0.06); }
@media (min-width: 576px) {
.text__with__forms__four .demo__form {
padding: 48px; } }
.text__with__forms__four .demo__form .hs-richtext.hs-main-font-element::after {
content: "";
height: 1px;
border-top: 1px solid #e5e5e5;
display: block;
position: relative;
top: 32px;
padding-bottom: 32px; }
@media (min-width: 576px) {
.text__with__forms__four .demo__form .hs-richtext.hs-main-font-element::after {
display: none; } }
.text__with__forms__four .demo__form .grecaptcha-badge {
margin: 24px auto 0; }
.text__with__forms__four .demo__form .hs_error_rollup {
text-align: center;
opacity: 0;
display: none; }
.text__with__forms__four .demo__form .hs_error_rollup label {
color: red; }
.text__with__forms__four .hbspt-form .hs-main-font-element:not(.hs-error-msg) {
margin-bottom: 24px; }
.text__with__forms__four .hbspt-form .hs-main-font-element p {
font-size: 20px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 32px;
letter-spacing: -0.24px;
text-align: center; }
@media (min-width: 576px) {
.text__with__forms__four .hbspt-form .hs-main-font-element p {
font-size: 24px !important;
font-weight: 700 !important; } }
.text__with__forms__four .hbspt-form .hs-fieldtype-text,
.text__with__forms__four .hbspt-form .hs-fieldtype-select,
.text__with__forms__four .hbspt-form .hs_submit {
margin-top: 32px; }
@media (min-width: 576px) {
.text__with__forms__four .hbspt-form .hs-fieldtype-text,
.text__with__forms__four .hbspt-form .hs-fieldtype-select,
.text__with__forms__four .hbspt-form .hs_submit {
margin-top: 24px; } }
.text__with__forms__four .hbspt-form .hs-fieldtype-select select {
border: none;
border-bottom: 1px solid #E5E5E5;
background: #fff; }
@media (max-width: 576px) {
.text__with__forms__four .hbspt-form .hs-fieldtype-select select {
padding: 8px 0; } }
.text__with__forms__four .hbspt-form fieldset label {
display: none; }
.text__with__forms__four .hbspt-form .hs_submit .actions {
text-align: center; }
.text__with__forms__four .hbspt-form fieldset:nth-child(3), .text__with__forms__four .hbspt-form fieldset:nth-child(5) {
display: none; }
.text__with__forms__four .hbspt-form input[type="text"],
.text__with__forms__four .hbspt-form input[type="email"],
.text__with__forms__four .hbspt-form input[type="phone"],
.text__with__forms__four .hbspt-form select {
font-weight: 500;
color: var(--kd-neutral-500); }
.text__with__forms__four .hbspt-form input::placeholder,
.text__with__forms__four .hbspt-form select option {
color: var(--kd-neutral-500);
font-weight: 500; }
.text__with__forms__four .hbspt-form .form-columns-2 .hs-firstname,
.text__with__forms__four .hbspt-form .form-columns-2 .hs-lastname {
width: 100%;
float: unset; }
.text__with__forms__four .hbspt-form .form-columns-2 .hs-firstname .input,
.text__with__forms__four .hbspt-form .form-columns-2 .hs-lastname .input {
margin-right: 0; }
.text__with__forms__four .block__logo {
display: none; }
@media (max-width: 576px) {
.text__with__forms__four .demo__form input.hs-button {
width: 100%; } }
@media (max-width: 992px) {
.text__with__forms__four .container {
padding: 0; } }
@media (min-width: 992px) {
.text__with__forms__four .block__info {
text-align: left; }
.text__with__forms__four .badge-primary {
font-size: 14px;
padding: 6px 16px; } }
.text__with__forms__four .extra__info {
color: var(--kd-neutral-500);
margin-top: 32px;
font-size: 10px;
font-weight: 400;
text-align: left; }
@media (min-width: 576px) {
.text__with__forms__four .extra__info {
margin-top: 16px; } }
@media (min-width: 1200px) {
.text__with__forms__four {
padding: 80px 24px;
background-image: url("img/blocks/text-with-forms-four/desktop-bg.png"); }
.text__with__forms__four .block__info {
max-width: 100%;
padding: 0 0 0 0; }
.text__with__forms__four .kadence-heading-xl {
font-size: 48px;
font-weight: 700;
line-height: 56px;
margin-bottom: 0; }
.text__with__forms__four .block__text {
font-size: 18px; }
.text__with__forms__four .demo__form .hs-input {
width: 100% !important;
min-height: 56px; }
.text__with__forms__four .hbspt-form fieldset:last-child .hs-fieldtype-text {
margin-bottom: 0; }
.text__with__forms__four .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(2) .input {
margin-right: 24px; }
.text__with__forms__four .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-of-type(3) .input {
margin-right: 0; }
.text__with__forms__four .hbspt-form .hs_submit {
margin-top: 32px; }
.text__with__forms__four .hbspt-form .hs_submit .hs-button {
display: flex;
width: 100%; }
.text__with__forms__four .hbspt-form .hs_submit i {
position: relative;
top: -33px;
left: 68px;
color: #fff; } }
.text__with__forms__four .subtitle {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 32px 0; }
@media (min-width: 576px) {
.text__with__forms__four .subtitle {
font-weight: 500;
margin: 24px 0; } }
.text__with__forms__four .footer-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 24px 16px;
align-self: stretch;
border-radius: 8px;
border: 1px solid var(--kd-neutral-200);
background: var(--kd-neutral-50); }
@media (min-width: 576px) {
.text__with__forms__four .footer-card {
padding: 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch; } }
.text__with__forms__four .footer-card span {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--kd-neutral-500);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
/* 162.5% */ }
.text__with__forms__four .footer-card .logos,
.text__with__forms__four .footer-card .badges {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 14px 0;
gap: 16px; }
@media (min-width: 576px) {
.text__with__forms__four .footer-card .logos,
.text__with__forms__four .footer-card .badges {
flex-wrap: nowrap;
justify-content: space-between; } }
.text__with__forms__four .footer-card .logos .badge,
.text__with__forms__four .footer-card .badges .badge {
display: flex;
width: 64px;
height: 64px;
padding: 6.4px 8.803px 6.4px 8.797px;
justify-content: center;
align-items: center;
border-radius: 8.253px;
border: 1.032px solid var(--kd-neutral-200);
background: var(--kd-neutral-50);
box-shadow: 0px 1.032px 3.095px 0px rgba(47, 43, 67, 0.1); }
@media (min-width: 576px) {
.text__with__forms__four .footer-card .logos .badge,
.text__with__forms__four .footer-card .badges .badge {
width: 82.526px;
height: 82.526px;
padding: 8.253px 11.347px 8.252px 11.348px; } }
.text__with__forms__four .footer-card .logos .badge img,
.text__with__forms__four .footer-card .badges .badge img {
display: block;
width: 46px;
height: auto; }
@media (min-width: 576px) {
.text__with__forms__four .footer-card .logos .badge img,
.text__with__forms__four .footer-card .badges .badge img {
width: 60px; } }
.mobile_form {
display: none; }
@media (max-width: 576px) {
.mobile_form {
display: block; } }
@media (max-width: 576px) {
.desktop_form {
display: none; } }
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block; }
.updated:not(.published) {
display: none; }
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0; }
.page-links {
clear: both;
margin: 0 0 1.5em; }
.kadence-partners {
display: flex;
gap: 12px; }
.error-404 .page-content {
padding: 100px 0;
text-align: center; }
.why-kadence-hero-wrapper {
overflow: hidden; }
.why-kadence-hero {
align-items: flex-start;
display: grid;
justify-content: center;
justify-items: start;
row-gap: 40px; }
@media (min-width: 992px) {
.why-kadence-hero {
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column; } }
.why-kadence-hero__content-wrapper {
display: grid;
justify-items: start;
row-gap: 24px; }
@media (min-width: 992px) {
.why-kadence-hero__content-wrapper {
row-gap: 42px; } }
.why-kadence-hero__content {
display: grid;
justify-items: start;
row-gap: 24px; }
@media (min-width: 992px) {
.why-kadence-hero__content {
row-gap: 20px; } }
.why-kadence-hero__title {
color: var(--kd-neutral-900);
display: grid;
justify-items: center;
max-width: 626px;
row-gap: 12px;
text-align: center;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 992px) {
.why-kadence-hero__title {
justify-items: start;
text-align: left;
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.why-kadence-hero__description {
color: var(--kd-neutral-600);
max-width: 626px;
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 992px) {
.why-kadence-hero__description {
text-align: left;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.why-kadence-hero__button.has-arrow.has-arrow {
justify-self: stretch;
justify-content: center; }
@media (min-width: 576px) {
.why-kadence-hero__button.has-arrow.has-arrow {
min-height: 56px;
padding: 18px 27px;
justify-self: revert; } }
.why-kadence-hero__image-wrapper {
align-self: center;
height: inherit;
position: relative;
width: inherit; }
.why-kadence-hero__image-wrapper:before {
--kd-var-net-mask-gradient: radial-gradient(
45.95% 45.95% at 50% 54.05%,
#d9d9d9 0%,
hsla(0, 0%, 85%, 0) 100%
);
background-image: url(img/bg-net-mask.svg);
background-position: calc(50% + 40px) calc(100% - 180px);
background-repeat: no-repeat;
background-size: 193%;
bottom: -200px;
height: 150%;
-webkit-mask: var(--kd-var-net-mask-gradient);
mask: var(--kd-var-net-mask-gradient);
opacity: 0.56;
transform: translate(-50%);
width: 200%;
z-index: -1; }
.why-kadence-hero__image-wrapper:after, .why-kadence-hero__image-wrapper:before {
content: "";
left: 50%;
position: absolute; }
.why-kadence-hero__image-wrapper:after {
background: radial-gradient(137.05% 100% at 50% 0, #fff9c7 5.59%, #ffe4f3 51.56%, #fff 100%);
border-radius: 100%;
height: 543px;
top: 70%;
filter: blur(250px);
transform: translate(-50%, -50%) translateZ(0);
width: 543px;
z-index: -2; }
@media (min-width: 992px) {
.why-kadence-hero__image-wrapper:after {
filter: blur(160px);
height: 560px;
top: 50%;
width: 560px; } }
.why-kadence-proven {
display: grid;
justify-items: center;
row-gap: 40px; }
@media (min-width: 992px) {
.why-kadence-proven {
row-gap: 80px; } }
.why-kadence-proven__title {
color: var(--kd-neutral-900);
text-align: center;
max-width: 628px;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 992px) {
.why-kadence-proven__title {
font-size: 56px;
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.why-kadence-proven__companies {
display: grid;
justify-items: center;
row-gap: 24px; }
@media (min-width: 992px) {
.why-kadence-proven__companies {
row-gap: 32px; } }
.why-kadence-proven__stars {
display: grid;
-moz-column-gap: 12px;
column-gap: 12px;
grid-auto-flow: column; }
.why-kadence-proven__logos {
display: grid;
align-items: center;
-moz-column-gap: 16px;
column-gap: 16px;
grid-auto-flow: column; }
@media (min-width: 992px) {
.why-kadence-proven__logos {
-moz-column-gap: 40px;
column-gap: 40px; } }
.why-kadence-proven__logo {
height: 52px;
width: 52px; }
@media (min-width: 576px) {
.why-kadence-proven__logo {
height: 104px;
width: 104px; } }
.why-kadence-proven__logo_framed {
border: 0.5px solid var(--kd-neutral-200);
border-radius: 4px;
box-shadow: var(--kd-shadow-logo);
padding: 4px; }
@media (min-width: 992px) {
.why-kadence-proven__logo_framed {
border-width: 1px;
box-shadow: var(--kd-shadow-badge);
padding: 9px; } }
.why-kadence-proven__logo_centred {
height: 54px;
width: 54px; }
@media (min-width: 992px) {
.why-kadence-proven__logo_centred {
height: 144px;
width: 144px; } }
.why-kadence-proven__content {
display: grid;
row-gap: 48px; }
@media (min-width: 992px) {
.why-kadence-proven__content {
-moz-column-gap: 80px;
column-gap: 80px;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column; } }
.why-kadence-proven__info {
display: grid;
justify-items: start;
order: -1;
padding-top: 40px;
row-gap: 24px; }
@media (min-width: 992px) {
.why-kadence-proven__info {
order: 2;
padding-top: 0; } }
.why-kadence-proven__subtitle {
color: var(--kd-neutral-900);
display: grid;
justify-items: start;
max-width: 530px;
row-gap: 12px;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 992px) {
.why-kadence-proven__subtitle {
font-size: 64px;
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.why-kadence-proven__description {
color: var(--kd-neutral-700);
display: grid;
justify-items: start;
letter-spacing: 0;
max-width: 448px;
row-gap: 32px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 992px) {
.why-kadence-proven__description {
row-gap: 40px;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.why-kadence-proven .button.has-arrow.has-arrow {
justify-self: stretch;
justify-content: center; }
@media (min-width: 576px) {
.why-kadence-proven .button.has-arrow.has-arrow {
justify-self: revert; } }
.kadence-page-pricing {
display: grid;
justify-items: stretch;
overflow: hidden; }
.kadence-page-pricing .pricing-banner,
.kadence-page-pricing .pricing-comparison,
.kadence-page-pricing .pricing-faq,
.kadence-page-pricing .pricing-hero,
.kadence-page-pricing .pricing-testimonial,
.kadence-page-pricing .pricing-work {
overflow: hidden; }
.kadence-page-pricing .pricing-banner {
padding-bottom: 0;
padding-top: 0; }
.pricing-hero-section-wrapper {
background-image: url(img/bg-net.svg);
background-position: top;
background-repeat: no-repeat;
background-size: 1125px 756px; }
@media (min-width: 576px) {
.pricing-hero-section-wrapper {
background-size: 1438px 966px; } }
.pricing-hero-section {
position: relative;
display: grid;
justify-items: center;
row-gap: 56px; }
.pricing-hero-section:before {
background: radial-gradient(137.05% 100% at 50% 0, var(--kd-gradient-radial-banner));
border-radius: 902px;
content: "";
filter: blur(250px);
transform: translateZ(0);
height: 520px;
opacity: 0.8;
position: absolute;
width: 520px;
z-index: -1;
top: 335px; }
@media (min-width: 576px) {
.pricing-hero-section:before {
bottom: -153px;
height: 902px;
top: auto;
width: 902px; } }
.pricing-hero-section__header {
display: grid;
justify-items: stretch;
row-gap: 16px;
text-align: center; }
@media (min-width: 576px) {
.pricing-hero-section__header {
row-gap: 48px; } }
.pricing-hero-section__heading {
display: grid;
justify-items: center;
row-gap: 12px; }
.pricing-hero-section__title {
color: var(--kd-neutral-900);
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 576px) {
.pricing-hero-section__title {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.pricing-hero-section__companies {
color: var(--kd-neutral-600);
display: grid;
justify-items: center;
row-gap: 16px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-hero-section__companies {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (max-width: 576px) {
.pricing-hero-section__companies.additional {
margin: 0 0 20px; }
.pricing-hero-section__companies.additional .pricing-hero-section__logos {
display: flex;
flex-wrap: wrap; }
.pricing-hero-section__companies.additional .pricing-hero-section__logos a {
width: 100%;
margin: 0 0 30px; } }
.pricing-hero-section__logos {
gap: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 16px;
padding-top: 16px; }
@media (min-width: 576px) {
.pricing-hero-section__logos {
display: flex; } }
.pricing-hero-section__content {
display: grid;
gap: 16px;
grid-auto-columns: minmax(0, 1fr);
justify-content: center; }
@media (min-width: 576px) {
.pricing-hero-section__content {
gap: 20px; } }
@media (min-width: 992px) {
.pricing-hero-section__content {
flex-direction: row;
grid-auto-flow: column; } }
.pricing-hero-section .pricing-hero-currencies-wrapper {
text-align: center;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none; }
.pricing-hero-section .pricing-hero-currencies-wrapper::-webkit-scrollbar {
display: none; }
.pricing-hero-section .pricing-hero-currencies-wrapper .pricing-hero-currencies-list {
display: inline-flex;
border-radius: 12px;
border: 1px solid #E5E5E5;
background: #FFF;
box-shadow: 0px 0px 40px 0px rgba(36, 46, 62, 0.12);
padding: 4px; }
.pricing-hero-section .pricing-hero-currencies-wrapper .pricing-toggle-item {
display: flex;
padding: 10px 12px;
justify-content: center;
align-items: center;
color: #A3A3A3;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
gap: 8px;
min-width: 134px;
cursor: pointer; }
@media (max-width: 576px) {
.pricing-hero-section .pricing-hero-currencies-wrapper .pricing-toggle-item {
width: 100%; } }
.pricing-hero-section .pricing-hero-currencies-wrapper .pricing-toggle-item.active {
border-radius: 10px;
border: 1px solid rgba(17, 17, 17, 0.05);
background: #FF319C;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
color: #fff; }
.pricing-plan-card {
align-items: start;
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-300);
border-radius: 16px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 16px;
row-gap: 24px;
align-content: stretch;
grid-template-rows: min-content minmax(58px, auto) min-content min-content 1fr; }
@media (min-width: 576px) {
.pricing-plan-card {
margin-top: 0;
padding: 24px; } }
@media (max-width: 576px) {
.pricing-plan-card {
order: 1; } }
.pricing-plan-card_popular {
--kd-popular-border-width: 4px;
border-width: var(--kd-popular-border-width);
border-color: var(--kd-primary-600);
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 56px;
position: relative;
/* todo: check this rules */ }
@media (min-height: 576px) {
.pricing-plan-card_popular {
margin-top: 50px; } }
@media (max-width: 576px) {
.pricing-plan-card_popular {
order: 0; } }
.pricing-plan-card_popular:before {
background-color: var(--kd-primary-600);
border-top-left-radius: 16px;
border-top-right-radius: 16px;
bottom: 100%;
color: var(--kd-neutral-50);
content: "Most popular";
display: block;
margin-left: calc(var(--kd-popular-border-width) * -1);
padding-bottom: 12px;
padding-top: 12px;
position: absolute;
text-align: center;
width: calc(100% + var(--kd-popular-border-width) * 2);
font-size: 20px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0; }
.pricing-plan-card__head {
color: var(--kd-neutral-900);
display: grid;
justify-items: center;
gap: 10px; }
.pricing-plan-card__name {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
.pricing-plan-card__price {
align-items: center;
-moz-column-gap: 16px;
column-gap: 16px;
display: flex;
justify-content: center; }
.pricing-plan-card__period {
color: var(--kd-neutral-400);
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-plan-card__period {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.pricing-plan-card__currency {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
.pricing-plan-card__currency-value {
white-space: nowrap;
font-size: 56px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.56px;
font-size: 40px;
line-height: 1.1; }
.pricing-plan-card__currency-value.small {
font-size: 32px;
line-height: 1.375; }
.pricing-plan-card__currency-value, .pricing-plan-card__description {
text-align: center; }
.pricing-plan-card__description {
color: var(--kd-neutral-900);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-plan-card__description {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.pricing-plan-card__buttons {
-moz-column-gap: 12px;
column-gap: 12px;
display: grid;
row-gap: 8px; }
@media (min-width: 576px) {
.pricing-plan-card__buttons {
grid-auto-flow: column; } }
.pricing-plan-card__button {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.pricing-plan-card__divider {
background-color: var(--kd-gray-300);
border-style: none;
height: 1px;
margin: 0;
opacity: 1; }
.pricing-plan-card__feature-list {
display: grid;
justify-items: stretch; }
.pricing-plan-card__feature {
color: var(--kd-neutral-600);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-plan-card__feature {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.pricing-plan-card__feature:before {
content: var("");
font-family: KadenceIcons;
font-size: 20px;
padding-right: 16px;
vertical-align: middle; }
.pricing-work-section-wrapper {
background-color: var(--kd-gray-900); }
.pricing-work-section-wrapper .pricing-work-section {
display: grid;
position: relative; }
@media (min-width: 992px) {
.pricing-work-section-wrapper .pricing-work-section {
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column; } }
.pricing-work-section-wrapper .pricing-work-section:before {
background-image: url(https://kadence.co/wp-content/themes/kadence/img/bg-map-contacts.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
content: "";
bottom: -8px;
height: 272px;
width: calc(100vw - var(--kd-gutter-sx-x) * 2); }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section:before {
bottom: -76px;
height: 400px; } }
@media (min-width: 992px) {
.pricing-work-section-wrapper .pricing-work-section:before {
top: 8px;
left: auto;
bottom: auto;
width: 950px;
height: 600px;
right: 0;
z-index: 9; } }
@media (max-width: 1599px) {
.pricing-work-section-wrapper .pricing-work-section:before {
right: -220px; } }
@media (max-width: 1340px) {
.pricing-work-section-wrapper .pricing-work-section:before {
width: 640px; } }
@media (max-width: 1180px) {
.pricing-work-section-wrapper .pricing-work-section:before {
right: -130px; } }
@media (max-width: 992px) {
.pricing-work-section-wrapper .pricing-work-section:before {
right: 0; } }
@media (max-width: 640px) {
.pricing-work-section-wrapper .pricing-work-section:before {
width: 100%;
right: 0; } }
.pricing-work-section-wrapper .pricing-work-section:after {
content: "";
min-height: 296px; }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section:after {
min-height: 360px; } }
@media (min-width: 992px) {
.pricing-work-section-wrapper .pricing-work-section:after {
content: revert;
min-height: auto; } }
.pricing-work-section-wrapper .pricing-work-section__content {
color: var(--kd-neutral-50);
display: grid;
justify-items: stretch;
row-gap: 24px; }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section__content {
justify-items: start;
row-gap: 40px;
z-index: 10; } }
.pricing-work-section-wrapper .pricing-work-section__header {
display: grid;
justify-items: start;
row-gap: 16px; }
.pricing-work-section-wrapper .pricing-work-section__titling {
display: grid;
justify-items: start;
row-gap: 12px; }
.pricing-work-section-wrapper .pricing-work-section__title {
max-width: 562px;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section__title {
font-size: 48px;
font-size: 48px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.48px; } }
.pricing-work-section-wrapper .pricing-work-section__description {
color: var(--kd-gray-400);
max-width: 452px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section__description {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.pricing-work-section-wrapper .pricing-work-section__features {
display: grid;
justify-items: start;
row-gap: 16px; }
.pricing-work-section-wrapper .pricing-work-section__feature-item {
color: var(--kd-neutral-50);
display: flex;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.pricing-work-section-wrapper .pricing-work-section__feature-item:before {
color: var(--kd-primary-600);
content: "\e917";
font-family: KadenceIcons;
font-size: 20px;
padding-right: 16px;
vertical-align: middle; }
@media (min-width: 576px) {
.pricing-work-section-wrapper .pricing-work-section__feature-item {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (min-width: 768px) {
.pricing-work-section-wrapper .pricing-work-section__feature-item {
display: block; } }
.pricing-work-section-wrapper .pricing-work-section__button {
min-width: 172px; }
.pricing-comparison {
display: grid;
justify-items: stretch;
row-gap: 40px; }
@media (min-width: 576px) {
.pricing-comparison {
row-gap: 80px; } }
.pricing-comparison__title {
color: var(--kd-neutral-900);
text-align: center;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 576px) {
.pricing-comparison__title {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.pricing-comparison__tab-marker {
display: none;
pointer-events: none; }
.pricing-comparison__tab-marker:first-of-type:checked ~ .pricing-comparison__tabs label:first-child {
border-bottom-style: solid;
color: var(--kd-neutral-900); }
.pricing-comparison__tab-marker:first-of-type:checked ~ .pricing-table .pricing-table__col:nth-child(2),
.pricing-comparison__tab-marker:first-of-type:checked ~ .pricing-table .pricing-table__row > .pricing-table__cell:nth-child(2) {
display: grid; }
.pricing-comparison__tab-marker:nth-of-type(2):checked ~ .pricing-comparison__tabs label:nth-child(2) {
border-bottom-style: solid;
color: var(--kd-neutral-900); }
.pricing-comparison__tab-marker:nth-of-type(2):checked ~ .pricing-table .pricing-table__col:nth-child(3),
.pricing-comparison__tab-marker:nth-of-type(2):checked ~ .pricing-table .pricing-table__row > .pricing-table__cell:nth-child(3) {
display: grid; }
.pricing-comparison__tab-marker:nth-of-type(3):checked ~ .pricing-comparison__tabs label:nth-child(3) {
border-bottom-style: solid;
color: var(--kd-neutral-900); }
.pricing-comparison__tab-marker:nth-of-type(3):checked ~ .pricing-table .pricing-table__col:nth-child(4),
.pricing-comparison__tab-marker:nth-of-type(3):checked ~ .pricing-table .pricing-table__row > .pricing-table__cell:nth-child(4) {
display: grid; }
.pricing-comparison__tabs {
display: grid;
grid-auto-flow: column;
justify-items: stretch;
list-style-type: none;
margin: 0;
padding: 0;
row-gap: 16px;
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 768px) {
.pricing-comparison__tabs {
display: none; } }
.pricing-comparison__tab {
border-color: var(--kd-primary-600);
border-style: none;
border-width: 4px;
color: var(--kd-neutral-500);
padding-bottom: 16px;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.pricing-table {
--kd-grid-template-columns: 2fr
repeat(var(--kd-pricing-table-columns, 3), 1fr);
background-color: var(--kd-neutral-50);
border-radius: 16px;
overflow: hidden;
width: 100%; }
.pricing-table__row {
display: grid; }
.pricing-table__row_grid {
grid-template-columns: 2fr 1fr; }
@media (min-width: 768px) {
.pricing-table__row_grid {
grid-template-columns: var(--kd-grid-template-columns); } }
.pricing-table__row_thead {
--kd-grid-template-columns-sm: repeat(
var(--kd-pricing-table-columns, 3),
1fr
);
--kd-grid-template-columns-lg: 2fr
repeat(var(--kd-pricing-table-columns, 3), 1fr);
grid-template-columns: 1fr;
justify-items: stretch;
margin: 0 0 16px;
border-radius: 16px; }
@media (min-width: 768px) {
.pricing-table__row_thead {
grid-template-columns: var(--kd-grid-template-columns-sm); } }
@media (min-width: 992px) {
.pricing-table__row_thead {
grid-template-columns: var(--kd-grid-template-columns-lg); } }
.pricing-table .pricing_table_inner > .pricing-table__row:nth-child(even) {
background: #F9FAFB; }
.pricing-table .pricing_table_inner > .pricing-table__row:last-child {
border-radius: 0 0 16px 16px; }
.pricing-table > .pricing-table__row:nth-of-type(2n) {
background-color: var(--kd-gray-50); }
.pricing-table__row:where(:not(:last-child)) {
border-bottom: 1px solid var(--kd-gray-200); }
.pricing-table__row .pricing-table__cell:where(:not(:last-child)) {
border-right: 1px solid var(--kd-gray-200); }
.pricing-table__cell, .pricing-table__category {
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
display: grid;
grid-auto-flow: column;
justify-content: center;
color: var(--kd-neutral-700);
height: 48px;
padding: 12px;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-table__cell, .pricing-table__category {
height: 64px;
padding: 16px 24px;
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.pricing-table__cell_th, .pricing-table__category_th {
justify-content: start; }
.pricing-table__cell_th i, .pricing-table__category_th i {
margin-right: 8px; }
.pricing-table__cell_corner, .pricing-table__category_corner {
display: none; }
@media (min-width: 992px) {
.pricing-table__cell_corner, .pricing-table__category_corner {
display: grid; } }
.pricing-table__category {
justify-content: start;
background-color: var(--kd-gray-100) !important; }
.pricing-table__caption {
height: 56px;
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-table__caption {
height: 72px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; } }
.pricing-table__category-text {
height: 48px;
border-radius: 14px 14px 0 0;
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.pricing-table__category-text {
height: 96px;
font-size: 18px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0;
font-size: 24px;
color: var(--kd-neutral-900); } }
.pricing-table__nested-head {
border-bottom: none; }
.pricing-table__nested-head label {
cursor: pointer;
justify-content: space-between; }
.pricing-table__nested-body {
box-shadow: 0 1px 0 0 var(--kd-gray-200);
height: 0;
overflow: hidden;
transition: height 0.3s ease-out; }
.pricing-table__col:where(:not(:last-child)) {
border-right: 1px solid var(--kd-gray-200); }
.pricing-table__col {
display: grid; }
.pricing-table__col-head {
grid-auto-flow: revert;
grid-column-end: -1;
height: 164px;
justify-content: stretch;
overflow: hidden;
padding: 24px;
row-gap: 16px;
text-align: left; }
@media (min-width: 576px) {
.pricing-table__col-head {
height: 193px;
padding: 16px;
text-align: center; } }
@media (min-width: 768px) {
.pricing-table__col-head {
align-content: flex-start;
grid-column-end: revert; } }
@media (min-width: 1340px) {
.pricing-table__col-head {
padding: 24px;
row-gap: 24px; } }
.pricing-table__col-head.pricing-table__cell_corner {
justify-content: flex-start;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
.pricing-table__row_thead {
border: 1px solid var(--kd-gray-200); }
.pricing-table__col-title {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; }
@media (min-width: 576px) {
.pricing-table__col-title {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; } }
.pricing-table__col-subtitle {
color: var(--kd-neutral-500);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.pricing-table__col:first-child {
padding: 0 12px; }
.pricing-table__col:first-child .pricing-table__cell {
color: var(--kd-neutral-500); }
.pricing-table__col:where(:first-child) .pricing-table__cell {
padding: 12px 0; }
.pricing-table__col .pricing-table__cell {
border-right: none;
border-top: 1px solid var(--kd-gray-200); }
.pricing-table__nested-icon {
font-size: 20px;
transform: rotate(180deg);
transition: transform 0.3s ease-out; }
.pricing-table__col:where(:not(:first-child)),
.pricing-table__row > .pricing-table__cell:where(:not(:first-child)) {
display: none; }
@media (min-width: 768px) {
.pricing-table__col:where(:not(:first-child)),
.pricing-table__row > .pricing-table__cell:where(:not(:first-child)) {
display: grid; } }
.pricing-table .nested_open_mark:checked + .pricing-table__nested-head .pricing-table__nested-icon {
transform: rotate(1turn); }
.pricing-table .nested_open_mark:checked ~ .pricing-table__nested-body {
box-shadow: none;
height: 100%; }
.pricing-table .pricing_table_block {
border: 1px solid var(--kd-gray-200);
margin: 0 0 16px;
border-radius: 16px; }
.testimonial-section {
position: relative;
text-align: center;
display: grid;
justify-items: center;
row-gap: 40px; }
.testimonial-section:before {
background: radial-gradient(137.05% 100% at 50% 0, var(--kd-gradient-radial-banner));
border-radius: 902px;
bottom: -334px;
content: "";
filter: blur(150px);
transform: translateZ(0);
height: 520px;
opacity: 0.8;
position: absolute;
width: 520px;
z-index: -1; }
@media (min-width: 576px) {
.testimonial-section:before {
bottom: -572px;
filter: blur(250px);
height: 902px;
width: 902px; } }
.faq-section {
display: grid;
justify-items: stretch;
max-width: 800px;
row-gap: 40px; }
@media (min-width: 576px) {
.faq-section {
row-gap: 56px; } }
.faq-section__title {
gap: 12px;
display: grid;
justify-items: center;
color: var(--kd-neutral-900);
max-width: 712px;
margin: 0 auto;
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.faq-section__title {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.faq-section__accordion {
display: grid;
justify-items: stretch;
row-gap: 12px; }
.faq-section__accordion-item {
border: 1px solid var(--kd-gray-200);
border-radius: 8px;
cursor: pointer;
display: grid;
overflow: hidden;
padding: 16px; }
@media (min-width: 576px) {
.faq-section__accordion-item {
padding: 24px; } }
.faq-section__accordion-item:where(:not(.collapsed)) {
background-color: var(--kd-gray-100); }
.faq-section__accordion-title, .faq-section__accordion-title:not(.collapsed) {
background-color: transparent;
box-shadow: none;
padding: 0;
color: var(--kd-neutral-900WWWWW);
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.faq-section__accordion-title, .faq-section__accordion-title:not(.collapsed) {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
.faq-section__accordion-title:after, .faq-section__accordion-title:not(.collapsed):after {
background-image: none;
color: var(--kd-neutral-500);
content: "\e913";
font-family: KadenceIcons;
font-size: 24px;
font-weight: 700;
height: auto;
line-height: 1;
width: auto; }
.faq-section__accordion-title:not(.collapsed):after {
transform: rotate(45deg); }
.faq-section .collapse:not(.show) {
display: block;
height: 0; }
.faq-section__accordion-description {
padding-top: 16px; }
@media (min-width: 576px) {
.faq-section__accordion-description {
padding-top: 24px; } }
.faq-section__accordion-collapse {
color: var(--kd-neutral-600);
overflow: hidden;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.faq-section__accordion-collapse {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.kadence-page .pricing-banner {
padding: 0; }
.banner-section-wrapper {
background-image: url(img/bg-net.svg);
background-position: center 64px;
background-repeat: no-repeat;
background-size: 975px 656px;
padding-bottom: 48px;
padding-top: 48px; }
@media (min-width: 576px) {
.banner-section-wrapper {
background-position: center 29%;
background-size: 1438px 966px;
padding-bottom: 86px;
padding-top: 86px; } }
.banner-section {
position: relative;
text-align: center;
display: grid;
justify-items: center;
row-gap: 40px; }
.banner-section:before {
background: radial-gradient(137.05% 100% at 50% 0, var(--kd-gradient-radial-banner));
border-radius: 902px;
bottom: -334px;
content: "";
filter: blur(150px);
transform: translateZ(0);
height: 520px;
opacity: 0.8;
position: absolute;
width: 520px;
z-index: -1; }
@media (min-width: 576px) {
.banner-section:before {
bottom: -572px;
filter: blur(250px);
height: 902px;
width: 902px; } }
.banner-section .hero__btns {
display: flex;
gap: 12px; }
@media (max-width: 576px) {
.banner-section .hero__btns {
flex-wrap: wrap; }
.banner-section .hero__btns .button {
width: 100% !important; } }
.banner-section .btn {
box-shadow: var(--kd-shadow-button-primary);
color: var(--kd-neutral-50);
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.banner-section__header {
background-color: transparent;
display: grid;
justify-items: center;
row-gap: 16px; }
@media (min-width: 576px) {
.banner-section__header {
row-gap: 24px; } }
.banner-section__title {
color: var(--kd-neutral-900);
display: grid;
justify-items: center;
max-width: 714px;
row-gap: 12px;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
@media (min-width: 576px) {
.banner-section__title {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.banner-section__description {
color: var(--kd-neutral-500);
max-width: 280px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.banner-section__description {
max-width: 470px;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.banner-section__image {
display: none;
position: absolute;
top: 162px; }
@media (min-width: 768px) {
.banner-section__image {
display: block; } }
.banner-section__image_man {
height: 151px;
width: 86px; }
@media (min-width: 768px) {
.banner-section__image_man {
left: 0; } }
@media (min-width: 992px) {
.banner-section__image_man {
left: 10%; } }
.banner-section__image_man_and_women {
height: 229px;
top: 180px;
width: 136px; }
@media (min-width: 768px) {
.banner-section__image_man_and_women {
right: 0; } }
@media (min-width: 992px) {
.banner-section__image_man_and_women {
right: 10%; } }
.kadence-blog-post-grid {
display: grid;
row-gap: 40px; }
.kadence-blog-post-grid.kadence-blog-post-grid {
padding-top: 0; }
@media (min-width: 768px) {
.kadence-blog-post-grid {
row-gap: 120px; } }
.kadence-blog-post-grid__cards {
display: grid;
gap: 16px;
grid-auto-rows: 1fr; }
@media (min-width: 768px) {
.kadence-blog-post-grid__cards {
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1340px) {
.kadence-blog-post-grid__cards {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kadence-blog-post-grid__cards-wrapper {
display: grid;
row-gap: 40px; }
@media (min-width: 768px) {
.kadence-blog-post-grid__cards-wrapper {
row-gap: 48px; } }
@media (min-width: 768px) {
.kadence-blog .background_wrapper_bg {
padding-bottom: calc(var(--kd-gutter-md-y) * 2);
margin-bottom: 0; } }
@media (min-width: 768px) {
.kadence-blog .background_wrapper_bg_bottom {
margin-top: 0;
overflow: visible;
overflow-x: clip; } }
._kadence-blog-banner,
._kadence-blog-hero {
align-items: center;
background-color: var(--kd-neutral-100);
display: grid;
justify-content: center;
justify-items: center; }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS[disabled=disabled] {
display: none; }
.kadence-blog-post-section {
display: grid;
justify-items: stretch;
margin-left: auto;
margin-right: auto;
max-width: 1040px;
row-gap: 40px;
align-content: start;
gap: 32px;
grid-template-areas: "title" "toc" "hero" "content" "banner"; }
@media (min-width: 768px) {
.kadence-blog-post-section {
padding-left: 0;
padding-right: 0;
row-gap: 64px;
grid-template-columns: 296px 1fr;
grid-template-areas: "title title" "hero hero" "toc content" "banner content" ". content"; } }
.kadence-blog-post-section .grid-area-title {
grid-area: title; }
.kadence-blog-post-section .grid-area-toc {
grid-area: toc; }
.kadence-blog-post-section .grid-area-hero {
grid-area: hero; }
.kadence-blog-post-section .grid-area-content {
grid-area: content; }
.kadence-blog-post-section .grid-area-banner {
grid-area: banner; }
.kadence-blog-post {
display: grid;
justify-items: center;
overflow: hidden;
position: relative; }
.kadence-blog-post:before {
background-image: radial-gradient(137.05% 100% at 50% 0, var(--kd-gradient-radial-banner));
background-size: cover;
border-top-left-radius: 1096px;
border-top-right-radius: 1096px;
content: "";
display: block;
filter: blur(250px);
transform: translateZ(0);
height: 548px;
opacity: 0.6;
position: absolute;
top: 335px;
width: 1096px;
z-index: -1; }
.kadence-blog-post .kadence-blog-post-title {
color: var(--kd-neutral-900);
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px;
display: grid;
justify-items: center;
row-gap: 12px; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-title {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.kadence-blog-post .kadence-blog-post-hero {
display: grid;
justify-items: stretch;
row-gap: 16px; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-hero {
row-gap: 24px; } }
.kadence-blog-post .kadence-blog-post-hero__author {
background-color: var(--kd-neutral-50);
border-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
-moz-column-gap: 16px;
column-gap: 16px;
display: flex;
padding: 12px; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-hero__author {
padding: 16px; } }
.kadence-blog-post .kadence-blog-post-hero__author-avatar {
flex-grow: 0;
flex-shrink: 0; }
.kadence-blog-post .kadence-blog-post-hero__author-avatar .avatar__image {
height: 64px;
width: 64px; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-hero__author-avatar .avatar__image {
height: 48px;
width: 48px; } }
.kadence-blog-post .kadence-blog-post-hero__author-info {
-moz-column-gap: 16px;
column-gap: 16px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
row-gap: 2px; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-hero__author-info {
align-items: flex-end;
flex-direction: row; } }
.kadence-blog-post .kadence-blog-post-hero__author-info-inner {
display: grid;
flex-grow: 1;
row-gap: 2px; }
.kadence-blog-post .kadence-blog-post-hero__author-name {
color: var(--kd-neutral-900);
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-hero__author-name {
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.kadence-blog-post .kadence-blog-post-hero__author-date, .kadence-blog-post .kadence-blog-post-hero__author-role {
color: var(--kd-gray-500);
font-size: 12px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-hero__author-date, .kadence-blog-post .kadence-blog-post-hero__author-role {
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.kadence-blog-post .kadence-blog-post-hero__image {
border-radius: 12px;
min-height: 200px;
-o-object-fit: cover;
object-fit: cover;
margin-left: auto;
margin-right: auto; }
.kadence-blog-post .kadence-blog-post-sidebar {
align-content: flex-start;
display: grid;
justify-items: stretch;
row-gap: 16px; }
.kadence-blog-post .kadence-blog-talk-expert-block {
background-image: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 24px; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-talk-expert-block {
margin-top: -8px; } }
.kadence-blog-post .kadence-blog-talk-expert-block__info {
color: var(--kd-gray-400);
row-gap: 4px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
display: grid;
justify-items: stretch; }
.kadence-blog-post .kadence-blog-talk-expert-block__title {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
.kadence-blog-post .kadence-blog-talk-expert-block .hbspt-form {
text-align: center; }
.kadence-blog-post .kadence-blog-talk-expert-block .hbspt-form .input input {
text-align: center; }
.kadence-blog-post .kadence-blog-talk-expert-block .hbspt-form label {
font-size: 12px; }
.kadence-blog-post .kadence-blog-talk-expert-block .hbspt-form ul {
margin: 0;
padding: 0 0 0 20px; }
.kadence-blog-post .kadence-blog-talk-expert-block .hbspt-form .hs-button {
margin: 20px 0 0; }
.kadence-blog-post .kadence-blog-post-content {
color: var(--kd-neutral-900);
display: grid;
row-gap: 32px;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content {
row-gap: 40px;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.kadence-blog-post .kadence-blog-post-content-block {
display: grid;
justify-items: stretch;
row-gap: 16px; }
.kadence-blog-post .kadence-blog-post-content-block a {
color: #F52283;
text-decoration: none; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content-block {
row-gap: 24px; } }
.kadence-blog-post .kadence-blog-post-content-block__title {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content-block__title {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.kadence-blog-post .kadence-blog-post-content-block__image {
align-items: center;
background-size: cover;
border-radius: 8px;
display: grid;
justify-items: center;
min-height: 234px;
padding: 12px; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content-block__image {
min-height: 336px; } }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-content-block__image {
border-radius: 12px;
padding: 0; } }
.kadence-blog-post .kadence-blog-post-content-block__image_bg-1 {
background-image: url(img/blog-bg-1.svg); }
.kadence-blog-post .kadence-blog-post-content-block__image_bg-2 {
background-image: url(img/blog-bg-2.svg); }
.kadence-blog-post .kadence-blog-post-content-block__image_bg-3 {
background-image: url(img/blog-bg-3.svg); }
.kadence-blog-post .kadence-blog-post-content-blockquote {
background-color: var(--kd-gray-50);
border-color: var(--kd-gray-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 32px; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-content-blockquote {
padding: 32px;
row-gap: 40px; } }
.kadence-blog-post .kadence-blog-post-content-blockquote__icon {
color: var(--kd-primary-600);
height: 24px;
width: 32px; }
.kadence-blog-post .kadence-blog-post-content-blockquote__quote {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 768px) {
.kadence-blog-post .kadence-blog-post-content-blockquote__quote {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.kadence-blog-post .kadence-blog-post-content-blockquote__author {
display: grid;
row-gap: 2px; }
.kadence-blog-post .kadence-blog-post-content-blockquote__name {
color: var(--kd-primary-600);
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content-blockquote__name {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
.kadence-blog-post .kadence-blog-post-content-blockquote__role {
color: var(--kd-neutral-500);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.kadence-blog-post .kadence-blog-post-content-blockquote__role {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.blog-related-article-section {
display: grid;
justify-items: center;
row-gap: 40px; }
@media (min-width: 768px) {
.blog-related-article-section {
row-gap: 64px; } }
.blog-related-article-section__background {
background-color: var(--kd-gray-50);
justify-self: stretch; }
.blog-related-article-section__title {
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.blog-related-article-section__title {
font-size: 48px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.48px; } }
.blog-related-article-section__articles {
-moz-column-gap: 24px;
column-gap: 24px;
display: grid;
row-gap: 16px;
grid-auto-rows: 1fr; }
@media (min-width: 768px) {
.blog-related-article-section__articles {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kadence-blog-post .custom_author_block {
border-radius: 8px;
border: 1px solid #E5E5E5;
background: #FFF;
display: flex;
padding: 16px;
gap: 16px;
flex-wrap: nowrap; }
@media (max-width: 576px) {
.kadence-blog-post .custom_author_block {
flex-wrap: wrap; } }
.kadence-blog-post .custom_author_block .left_col {
width: 80px; }
@media (max-width: 576px) {
.kadence-blog-post .custom_author_block .left_col {
width: 100%; } }
.kadence-blog-post .custom_author_block .right_col {
width: calc(100% - 80px); }
@media (max-width: 576px) {
.kadence-blog-post .custom_author_block .right_col {
width: 100%; } }
.kadence-blog-post .custom_author_block .wp-block-post-author__avatar {
width: 80px;
height: 80px;
border: 3px solid #fff;
border-radius: 51%;
-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
position: relative; }
.kadence-blog-post .custom_author_block .wp-block-post-author__avatar img {
position: relative;
z-index: 10;
border-radius: 51%;
object-fit: cover;
width: 100%;
height: 100%; }
.kadence-blog-post .custom_author_block .wp-block-post-author__avatar a {
position: absolute;
bottom: -3px;
right: -3px;
z-index: 11;
display: inline-block;
text-decoration: none; }
.kadence-blog-post .custom_author_block .wp-block-post-author__avatar a:hover {
opacity: 0.8; }
.kadence-blog-post .custom_author_block .wp-block-post-author__content {
flex-direction: column;
gap: 16px; }
.kadence-blog-post .custom_author_block .wp-block-post-author__name {
color: #171717;
font-family: Inter;
font-size: 20px;
font-weight: 600;
line-height: 150%; }
.kadence-blog-post .custom_author_block .wp-block-post-author__state {
color: #6B7280;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 160%;
margin: 0 0 10px; }
.kadence-blog-post .custom_author_block .wp-block-post-author__bio {
color: #6B7280;
font-family: Inter;
font-size: 14px;
line-height: 160%; }
.kadence-blog-post .custom_author_block .wp-block-post-author__bio p {
font-size: inherit;
line-height: inherit; }
.kadence-blog-post .custom_author_block .wp-block-post-author__more {
color: #F52283;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.07px;
position: relative;
text-decoration: none; }
.kadence-blog-post .custom_author_block .wp-block-post-author__more::after {
font-size: 18px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: "";
position: absolute;
top: 2px;
right: -20px; }
.single-customer-story {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.kadence-video-card-grid {
display: grid;
row-gap: 40px; }
.kadence-video-card-grid.kadence-video-card-grid {
padding-top: 0; }
@media (min-width: 768px) {
.kadence-video-card-grid {
row-gap: 120px; } }
.kadence-video-card-grid__cards {
display: grid;
gap: 16px;
grid-auto-rows: 1fr; }
@media (min-width: 992px) {
.kadence-video-card-grid__cards {
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kadence-newsroom-grid {
display: grid;
justify-items: stretch;
row-gap: 40px; }
@media (min-width: 768px) {
.kadence-newsroom-grid {
row-gap: 56px; } }
.kadence-newsroom-grid__cards {
display: grid;
justify-items: stretch;
row-gap: 16px; }
@media (min-width: 768px) {
.kadence-newsroom-grid__cards {
row-gap: 24px; } }
@media (min-width: 768px) {
.kadence-newsroom-grid__more-button {
justify-self: center; } }
.changelog--information .main--row {
justify-content: center; }
.changelog--information .release__notes__info:after {
content: "";
display: block;
width: 1140px;
height: 1px; }
.changelog--information .release__date {
color: var(--neutral-500, #737373);
font-size: 16px;
font-weight: 600;
line-height: 150%;
margin-bottom: 20px; }
.changelog--information .release__version {
color: var(--gray-900, #111827);
font-size: 48px;
font-weight: 600;
line-height: 110%;
/* 52.8px */
letter-spacing: -0.48px;
margin-bottom: 48px; }
.changelog--information hr {
width: 1140px;
position: relative;
right: 15%;
background: #E5E5E5; }
.changelog--information .release--badge {
border-radius: 4px; }
.changelog--information .kadence-blog-post-hero__author {
width: fit-content;
background: var(--gray-50, #F9FAFB);
border-radius: 4px;
-moz-column-gap: 16px;
column-gap: 16px;
display: flex;
padding: 12px; }
.changelog--information .release__notes__info {
margin-bottom: 64px; }
.changelog--information .release__content p {
margin: 10px 0; }
.changelog--information .release__content .wp-block-list {
font-size: 18px;
margin: 10px 0 0 20px; }
.changelog--information .release__content a {
color: #F52283; }
@media (min-width: 576px) {
.changelog--information .kadence-blog-post-hero__author {
padding: 16px; } }
.changelog--information .kadence-blog-post-hero__author-avatar {
flex-grow: 0;
flex-shrink: 0;
width: 48px;
height: 48px; }
.changelog--information .kadence-blog-post-hero__author-avatar img {
border-radius: 23px; }
.changelog--information .kadence-blog-post-hero__author-avatar .avatar__image {
height: 64px;
width: 64px; }
@media (min-width: 768px) {
.changelog--information .kadence-blog-post-hero__author-avatar .avatar__image {
height: 48px;
width: 48px; } }
.changelog--information .kadence-blog-post-hero__author-info {
-moz-column-gap: 16px;
column-gap: 16px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
row-gap: 2px; }
@media (min-width: 768px) {
.changelog--information .kadence-blog-post-hero__author-info {
align-items: center;
flex-direction: row; } }
.changelog--information .kadence-blog-post-hero__author-info-inner {
display: grid;
flex-grow: 1;
row-gap: 2px; }
.changelog--information .kadence-blog-post-hero__author-name {
color: var(--kd-neutral-900);
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.changelog--information .kadence-blog-post-hero__author-role {
color: var(--kd-gray-500);
font-size: 12px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.changelog--information .kadence-blog-post-hero__author-role {
font-size: 14px; } }
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; }
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%; }
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block; }
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; }
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
width: 100%; }
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr); }
.gallery-caption {
display: block; }
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none; }
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block; }
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.hidden {
display: none;
pointer-events: none; }
.truncated {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.highlighted {
background-color: var(--kd-primary-50); }
.underscored {
text-decoration-line: underline;
text-underline-offset: 1px; }
.divider {
background-color: var(--kd-neutral-200);
height: 1px; }
.order_priority {
order: unset; }
@media (min-width: 768px) {
.order_priority {
order: 2; } }
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0; }
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em; }
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em; }
/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
.background__wrapper__d3JhcH {
--kd-background-width:800px;
--kd-background-height:1200px;
--kd-background-mask:radial-gradient(46% 46% at 50% 54%,#d9d9d9 0%,hsla(0,0%,85%,0) 100%);
--kd-grid-size:1768px;
--kd-grid-top:0;
--kd-grid-left:50%;
--kd-grid-right:auto;
--kd-grid-bottom:auto;
--kd-grid-translate-x:-50%;
--kd-grid-translate-y:0;
--kd-grid-cell-count:17;
--kd-grid-stroke-width:2px;
--kd-grid-stroke-color:rgba(209,217,219,.56);
--kd-cell-size:calc(var(--kd-grid-size, 0)/max(var(--kd-grid-cell-count, 1), 1));
--kd-grid-rotate-x:60deg;
--kd-grid-rotate-z:45deg;
--kd-rotate-offset-x:20.710678%;
--kd-rotate-offset-y:-15%;
--kd-rotate-size-factor-x:1.41421356;
--kd-rotate-size-factor-y:0.7;
--kd-backlight-opacity:var(--kd-backlight_opacity,1);
--kd-backlight-blur:var(--kd-backlight_blur,160px);
--kd-backlight-width:var(--kd-backlight_width,560px);
--kd-backlight-height:var(--kd-backlight_height,560px);
--kd-backlight-top:var(--kd-backlight_top,470px);
--kd-backlight-left:var(--kd-backlight_left,50%);
--kd-backlight-right:var(--kd-backlight_right,auto);
--kd-backlight-bottom:var(--kd-backlight_bottom,auto);
--kd-backlight-translate-x:var(--kd-backlight_translate_x,-50%);
--kd-backlight-translate-y:var(--kd-backlight_translate_y,-50%);
--kd-backlight-gradient:var(
--kd-backlight_gradient,var(--kd-background-radial-hero)
);
position: relative; }
.background__mask_container__bWFza1 {
height: var(--kd-background-height);
mask: var(--kd-background-mask);
-webkit-mask: var(--kd-background-mask);
overflow: hidden;
width: var(--kd-background-width); }
.background__mask_container__bWFza1 .background__background_container__YmFja2 {
position: relative;
z-index: -2; }
.background__mask_container__bWFza1 .background__background_container__YmFja2 .background__grid__Z3JpZC {
bottom: var(--kd-grid-bottom, auto);
height: calc(var(--kd-grid-size)*var(--kd-rotate-size-factor-y) + var(--kd-grid-stroke-width)*2);
left: var(--kd-grid-left, auto);
position: absolute;
right: var(--kd-grid-right, auto);
top: var(--kd-grid-top, auto);
transform: translate(var(--kd-grid-translate-x), var(--kd-grid-translate-y));
width: calc(var(--kd-grid-size)*var(--kd-rotate-size-factor-x) + var(--kd-grid-stroke-width)*2); }
.background__mask_container__bWFza1 .background__background_container__YmFja2 .background__grid__Z3JpZC:before {
background-image: linear-gradient(to right, var(--kd-grid-stroke-color) var(--kd-grid-stroke-width), transparent 1px), linear-gradient(to bottom, var(--kd-grid-stroke-color) var(--kd-grid-stroke-width), transparent 1px);
background-position: calc(var(--kd-grid-stroke-width)/-2) calc(var(--kd-grid-stroke-width)/-2);
background-size: var(--kd-cell-size) var(--kd-cell-size);
content: "";
height: calc(var(--kd-cell-size)*var(--kd-grid-cell-count) + var(--kd-grid-stroke-width));
position: absolute;
transform: translate(var(--kd-rotate-offset-x), var(--kd-rotate-offset-y)) rotateX(var(--kd-grid-rotate-x)) rotate(var(--kd-grid-rotate-z));
width: calc(var(--kd-cell-size)*var(--kd-grid-cell-count) + var(--kd-grid-stroke-width));
z-index: -1; }
.background__backlight__YmFja2 {
background: var(--kd-backlight-gradient, none);
border-radius: 100%;
bottom: var(--kd-backlight-bottom, auto);
filter: blur(var(--kd-backlight-blur));
height: var(--kd-backlight-height, 0);
left: var(--kd-backlight-left, auto);
opacity: var(--kd-backlight-opacity, 1);
position: absolute;
right: var(--kd-backlight-right, auto);
top: var(--kd-backlight-top, auto);
width: var(--kd-backlight-width, 0);
z-index: -1;
transform: translate(var(--kd-backlight-translate-x), var(--kd-backlight-translate-y)) translateZ(0); }
.background-section__wrapper__d3JhcH {
display: grid;
min-height: 848px; }
@media (min-width: 768px) {
.background-section__wrapper__d3JhcH {
min-height: 760px; } }
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:10; }
@media (min-width: 576px) {
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:20; } }
@media (min-width: 768px) {
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:30; } }
@media (min-width: 992px) {
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:40; } }
@media (min-width: 1340px) {
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:50; } }
@media (min-width: 1600px) {
.background-section__wrapper__d3JhcH .background-section__background__YmFja2 {
--kd-cell-count:60; } }
.banner-section__background_wrapper__YmFja2 {
display: grid;
justify-items: center;
overflow: hidden;
position: relative; }
.banner-section__background_wrapper__YmFja2 .banner-section__background__YmFja2 {
--kd-background-mask:radial-gradient(30% 30% at 50% 38%,#fff 0%,hsla(0,0%,100%,0) 100%);
--kd-background-width:975px;
--kd-background-height:656px;
--kd-grid-size:1200px;
--kd-grid-top:-300px;
--kd-grid-stroke-width:1px;
--kd-grid-stroke-color:var(--kd-neutral-300);
--kd-backlight-translate-y:0;
--kd-backlight-top:124px;
--kd-backlight-width:471px;
--kd-backlight-height:471px;
--kd-backlight-blur:150px;
--kd-backlight-gradient:var(--kd-background-radial-banner);
position: absolute;
top: 0;
z-index: -1; }
@media (min-width: 768px) {
.banner-section__background_wrapper__YmFja2 .banner-section__background__YmFja2 {
--kd-background-mask:radial-gradient(47% 47% at 50% 48%,#d9d9d9 0%,hsla(0,0%,98%,0) 100%);
--kd-background-width:max(100vw,1440px);
--kd-background-height:661px;
--kd-grid-size:1800px;
--kd-grid-top:0;
--kd-grid-translate-y:-39%;
--kd-grid-stroke-color:hsla(0,0%,9%,.16);
--kd-backlight-top:201px;
--kd-backlight-width:903px;
--kd-backlight-height:903px;
--kd-backlight-blur:250px;
--kd-backlight-opacity:0.8;
overflow: hidden; } }
.banner-section__wrapper__d3JhcH {
display: grid;
gap: 40px;
justify-items: center;
position: relative; }
.banner-section__wrapper__d3JhcH .banner-section__buttons__YnV0dG {
display: grid;
gap: 12px; }
@media (min-width: 768px) {
.banner-section__wrapper__d3JhcH .banner-section__buttons__YnV0dG {
display: flex;
gap: 16px; } }
.banner-section__wrapper__d3JhcH .banner-section__additional_image__YWRkaX {
position: absolute;
z-index: 10; }
.banner-section__wrapper__d3JhcH .banner-section__additional_image__YWRkaX.banner-section__first_image__Zmlyc3 {
left: 10%;
top: 50%; }
.banner-section__wrapper__d3JhcH .banner-section__additional_image__YWRkaX.banner-section__second_image__c2Vjb2 {
bottom: -20%;
right: 0; }
@media (max-width: 768px) {
.banner-section__wrapper__d3JhcH .banner-section__additional_image__YWRkaX {
display: none; } }
.blockquote__wrapper__d3JhcH {
background-color: var(--kd-gray-50);
border-color: var(--kd-gray-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 32px; }
@media (min-width: 768px) {
.blockquote__wrapper__d3JhcH {
padding: 32px;
row-gap: 40px; } }
.blockquote__wrapper__d3JhcH .blockquote__icon__aWNvbi {
color: var(--kd-primary-600);
height: 24px;
width: 32px; }
.blockquote__wrapper__d3JhcH .blockquote__quote__cXVvdG {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 768px) {
.blockquote__wrapper__d3JhcH .blockquote__quote__cXVvdG {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.blockquote__wrapper__d3JhcH .blockquote__author__YXV0aG {
display: grid;
row-gap: 2px; }
.blockquote__wrapper__d3JhcH .blockquote__name__bmFtZS {
color: var(--kd-primary-600);
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.blockquote__wrapper__d3JhcH .blockquote__name__bmFtZS {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
.blockquote__wrapper__d3JhcH .blockquote__role__cm9sZS {
color: var(--kd-neutral-500);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.blockquote__wrapper__d3JhcH .blockquote__role__cm9sZS {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.blog-grid__wrapper__d3JhcH {
display: grid;
row-gap: 40px; }
.blog-grid__wrapper__d3JhcH.blog-grid__wrapper__d3JhcH {
padding-top: 0; }
@media (min-width: 768px) {
.blog-grid__wrapper__d3JhcH {
row-gap: 120px; } }
.blog-grid__wrapper__d3JhcH .blog-grid__cards__Y2FyZH {
display: grid;
gap: 16px;
grid-auto-rows: 1fr; }
@media (min-width: 768px) {
.blog-grid__wrapper__d3JhcH .blog-grid__cards__Y2FyZH {
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1340px) {
.blog-grid__wrapper__d3JhcH .blog-grid__cards__Y2FyZH {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.blog-grid__wrapper__d3JhcH .blog-grid__cards_wrapper__Y2FyZH {
display: grid;
row-gap: 40px; }
@media (min-width: 768px) {
.blog-grid__wrapper__d3JhcH .blog-grid__cards_wrapper__Y2FyZH {
row-gap: 48px; } }
.blog-grid-card__wrapper__d3JhcH {
background-color: var(--kd-neutral-50);
border: 1px solid var(--kd-gray-200);
border-radius: 12px;
height: 448px;
outline: none;
overflow: hidden;
position: relative; }
@media (min-width: 768px) {
.blog-grid-card__wrapper__d3JhcH {
height: 548px; } }
@media (max-width: 768px -0.2) {
.blog-grid-card__wrapper__d3JhcH:focus-within .blog-grid-card__scroller__c2Nyb2 {
top: 100%;
transform: translateY(-100%); }
.blog-grid-card__wrapper__d3JhcH:focus-within .blog-grid-card__image__aW1hZ2 {
border-radius: 24px/8px;
padding: 0 16px;
pointer-events: none; } }
.blog-grid-card__wrapper__d3JhcH:hover .blog-grid-card__scroller__c2Nyb2 {
transform: translateY(-96px); }
.blog-grid-card__wrapper__d3JhcH:hover .blog-grid-card__image__aW1hZ2 {
border-radius: 32px/8px;
padding: 0 24px; }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__scroller__c2Nyb2 {
display: grid;
position: absolute;
will-change: transform;
transition: transform 0.3s ease-in-out; }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__image__aW1hZ2 {
height: 320px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
will-change: padding,border-radius;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-property: padding, border-radius; }
@media (min-width: 768px) {
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__image__aW1hZ2 {
height: 396px; } }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__headline__aGVhZG {
display: grid;
justify-items: start;
padding: 16px;
row-gap: 12px; }
@media (min-width: 768px) {
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__headline__aGVhZG {
padding: 24px; } }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__badge__YmFkZ2 {
color: var(--kd-gray-500);
min-height: 1lh;
padding-bottom: 6px;
padding-top: 6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__title__dGl0bG {
min-height: 2lh;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__title__dGl0bG {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__text__dGV4dC {
display: grid;
padding: 0 16px 16px;
row-gap: 16px; }
@media (min-width: 768px) {
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__text__dGV4dC {
padding: 0 24px 24px; } }
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__description__ZGVzY3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: var(--kd-neutral-600);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.blog-grid-card__wrapper__d3JhcH .blog-grid-card__description__ZGVzY3 {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.blog-tab-menu__wrapper__d3JhcH {
background-color: var(--kd-neutral-50);
border-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: stretch;
margin-top: -40px;
padding: 12px;
position: relative; }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__anchor__YW5jaG {
position: absolute;
top: -70px; }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH {
align-items: center;
background: none;
display: grid;
justify-content: center;
justify-items: center;
margin-top: auto;
padding: 0; }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__anchor__YW5jaG {
top: -90px; } }
.blog-tab-menu__wrapper__d3JhcH.blog-tab-menu__opened__b3Blbm .blog-tab-menu__title__dGl0bG, .blog-tab-menu__wrapper__d3JhcH:focus-within .blog-tab-menu__title__dGl0bG, .blog-tab-menu__wrapper__d3JhcH[class~=opened] .blog-tab-menu__title__dGl0bG {
pointer-events: none; }
.blog-tab-menu__wrapper__d3JhcH.blog-tab-menu__opened__b3Blbm .blog-tab-menu__title__dGl0bG:after, .blog-tab-menu__wrapper__d3JhcH:focus-within .blog-tab-menu__title__dGl0bG:after, .blog-tab-menu__wrapper__d3JhcH[class~=opened] .blog-tab-menu__title__dGl0bG:after {
transform: rotate(180deg); }
.blog-tab-menu__wrapper__d3JhcH.blog-tab-menu__opened__b3Blbm .blog-tab-menu__items__aXRlbX, .blog-tab-menu__wrapper__d3JhcH:focus-within .blog-tab-menu__items__aXRlbX, .blog-tab-menu__wrapper__d3JhcH[class~=opened] .blog-tab-menu__items__aXRlbX {
max-height: 100vh; }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__title__dGl0bG {
align-items: center;
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-700);
-moz-column-gap: 8px;
column-gap: 8px;
display: flex;
justify-content: space-between;
padding: 12px 16px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__title__dGl0bG {
display: none; } }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__title__dGl0bG:after {
color: var(--kd-neutral-500);
content: "\e904";
font-family: KadenceIcons;
font-size: 20px;
transition: transform .5s ease; }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items__aXRlbX {
-moz-column-gap: 16px;
column-gap: 12px;
display: grid;
justify-items: stretch;
max-height: 0;
overflow: hidden;
row-gap: 8px;
transition: max-height .6s ease; }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items__aXRlbX {
align-items: center;
display: flex;
justify-content: center;
max-height: none;
padding: 12px; } }
@media (min-width: 992px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items__aXRlbX {
-moz-column-gap: 16px;
column-gap: 16px;
padding: 16px; } }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items_wrapper__aXRlbX {
background-color: var(--kd-neutral-50);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
position: absolute;
top: calc(100% - 12px);
width: 100%;
z-index: 1; }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items_wrapper__aXRlbX {
border-radius: 12px;
padding: 0;
top: auto;
width: auto; } }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items__aXRlbX :first-child {
margin-top: 10px; }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__items__aXRlbX :first-child {
margin: 0; } }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS {
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-500);
cursor: pointer;
padding: 12px 16px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media (min-width: 992px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (min-width: 768px) {
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS {
padding-left: 20px;
padding-right: 20px;
transition: background-color .3s ease,color .3s ease; } }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS.blog-tab-menu__active__YWN0aX, .blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS[class~=active], .blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS[disabled] {
pointer-events: none; }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS.blog-tab-menu__active__YWN0aX, .blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS[class~=active] {
background-color: var(--kd-primary-600);
border-style: none;
color: var(--kd-neutral-50); }
.blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS:active:not(.blog-tab-menu__active__YWN0aX):not([class~=active]), .blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS:focus:not(.blog-tab-menu__active__YWN0aX):not([class~=active]), .blog-tab-menu__wrapper__d3JhcH .blog-tab-menu__item__aXRlbS:hover:not(.blog-tab-menu__active__YWN0aX):not([class~=active]) {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH {
align-items: center;
border: 1px solid var(--kd-neutral-900);
border-radius: 6px;
box-sizing: border-box;
color: var(--kd-neutral-900);
-moz-column-gap: 10px;
column-gap: 10px;
display: flex;
justify-content: center;
min-height: 48px;
padding: 13px 28px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
cursor: pointer; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:active, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:visited {
color: var(--kd-neutral-900); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW) {
background-color: var(--kd-primary-600);
border-color: var(--kd-primary-700);
box-shadow: var(--kd-shadow-button-primary);
color: var(--kd-neutral-50); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):focus, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):focus-visible, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):focus-within, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):hover {
background-color: var(--kd-primary-700);
border-color: var(--kd-primary-800); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):active, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__primary__cHJpbW):visited {
color: var(--kd-neutral-50); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2) {
background-color: var(--kd-neutral-50);
border-color: var(--kd-neutral-200);
box-shadow: var(--kd-shadow-button-secondary);
color: var(--kd-neutral-900); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):focus, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):focus-visible, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):focus-within, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):hover {
background-color: var(--kd-neutral-100); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):active, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__secondary__c2Vjb2):visited {
color: var(--kd-neutral-900); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG) {
background-color: var(--kd-primary-50);
border-color: var(--kd-primary-200);
color: var(--kd-primary-600); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):focus, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):focus-visible, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):focus-within, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):hover {
background-color: var(--kd-primary-100);
border-color: var(--kd-primary-400); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):active, .button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__tertiary__dGVydG):visited {
color: var(--kd-primary-600); }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__small__c21hbG) {
min-height: 40px;
padding: 10px 24px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__normal__bm9ybW) {
min-height: 48px;
padding: 15px 28px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__large__bGFyZ2) {
min-height: 56px;
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__normal_desktop_large__bm9ybW) {
min-height: 48px;
padding: 13px 28px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
@media (min-width: 768px) {
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__normal_desktop_large__bm9ybW) {
min-height: 56px;
padding: 18px 27px; } }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__small_desktop_large__c21hbG) {
min-height: 40px;
padding: 10px 24px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
@media (min-width: 768px) {
.button__wrapper__d3JhcH.button__wrapper__d3JhcH:where(.button__small_desktop_large__c21hbG) {
min-height: 56px;
padding: 18px 27px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; } }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH [class~=disabled], .button__wrapper__d3JhcH.button__wrapper__d3JhcH:disabled {
opacity: .2;
pointer-events: none; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH.button__has_arrow__aGFzX2 {
justify-content: center; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH.button__has_arrow__aGFzX2::after {
font-size: 18px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
.button__wrapper__d3JhcH.button__wrapper__d3JhcH[link-lightbox] {
display: none; }
@media (min-width: 768px) {
.button__wrapper__d3JhcH.button__wrapper__d3JhcH[link-lightbox] {
display: flex; } }
.case-studies-panel__wrapper__d3JhcH {
align-items: stretch;
background: var(--kd-neutral-50);
border: 1px solid var(--kd-gray-200);
border-radius: 12px/12px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
gap: 24px;
justify-items: stretch;
padding: 16px; }
@media (min-width: 768px) {
.case-studies-panel__wrapper__d3JhcH {
grid-template-columns: auto auto;
padding: 24px; } }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__image__aW1hZ2 {
border-radius: 8px/8px;
max-height: 186px;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 768px) {
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__image__aW1hZ2 {
max-height: 426px; } }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby {
align-content: space-between;
display: grid;
gap: 24px;
justify-items: stretch; }
@media (min-width: 768px) {
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby {
gap: 40px;
justify-items: start;
padding: 24px; } }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC {
display: grid;
gap: 12px;
justify-items: start; }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__logo__bG9nby {
box-sizing: border-box;
max-width: 166px;
padding: 4px 28px 15px 0; }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
gap: 16px;
justify-items: start;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__title__dGl0bG {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; } }
@media (min-width: 576px) {
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__title__dGl0bG {
gap: 16px; } }
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__description__ZGVzY3 {
color: var(--kd-neutral-600);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.case-studies-panel__wrapper__d3JhcH .case-studies-panel__info__aW5mby .case-studies-panel__text__dGV4dC .case-studies-panel__description__ZGVzY3 {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.company-description-card__wrapper__d3JhcH {
border: 1px solid var(--kd-gray-200);
border-radius: 8px/8px;
display: grid;
gap: 16px;
padding: 16px; }
@media (min-width: 768px) {
.company-description-card__wrapper__d3JhcH {
padding: 24px; } }
.company-description-card__wrapper__d3JhcH .company-description-card__logo__bG9nby {
box-sizing: border-box;
padding: 4px 28px 15px 0;
width: 166px; }
.company-description-card__wrapper__d3JhcH .company-description-card__description__ZGVzY3 {
color: var(--kd-neutral-600);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
.company-info-card__wrapper__d3JhcH {
border: 1px solid var(--kd-gray-200);
border-radius: 8px/8px;
display: grid;
gap: 16px;
padding: 16px; }
@media (min-width: 768px) {
.company-info-card__wrapper__d3JhcH {
gap: 24px;
padding: 24px; } }
.company-info-card__wrapper__d3JhcH .company-info-card__category__Y2F0ZW, .company-info-card__wrapper__d3JhcH .company-info-card__employees__ZW1wbG, .company-info-card__wrapper__d3JhcH .company-info-card__features__ZmVhdH, .company-info-card__wrapper__d3JhcH .company-info-card__location__bG9jYX {
color: var(--kd-neutral-900);
display: grid;
gap: 16px;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.company-info-card__wrapper__d3JhcH .company-info-card__category__Y2F0ZW > span, .company-info-card__wrapper__d3JhcH .company-info-card__employees__ZW1wbG > span, .company-info-card__wrapper__d3JhcH .company-info-card__features__ZmVhdH > span, .company-info-card__wrapper__d3JhcH .company-info-card__location__bG9jYX > span {
align-items: center;
color: var(--kd-neutral-500);
display: flex;
gap: 12px;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.company-info-card__wrapper__d3JhcH .company-info-card__feature_list__ZmVhdH {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 8px; }
.company-info-card__wrapper__d3JhcH .company-info-card__feature_list__ZmVhdH [class~=badge-primary] {
border-radius: 4px/4px;
padding: 6px;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.company-info-card__wrapper__d3JhcH .company-info-card__category__Y2F0ZW > span::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
vertical-align: baseline;
content: ""; }
.company-info-card__wrapper__d3JhcH .company-info-card__employees__ZW1wbG > span::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
vertical-align: baseline;
content: ""; }
.company-info-card__wrapper__d3JhcH .company-info-card__location__bG9jYX > span::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
vertical-align: baseline;
content: ""; }
.company-info-card__wrapper__d3JhcH .company-info-card__features__ZmVhdH > span::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
vertical-align: baseline;
content: ""; }
.content-table__wrapper__d3JhcH {
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 8px;
border-style: none;
border-width: 1px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: stretch;
position: relative;
transition: background-color .5s ease,padding .5s ease; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH {
border-style: solid;
box-shadow: none;
padding: 24px;
row-gap: 24px; } }
.content-table__wrapper__d3JhcH.content-table__opened__b3Blbm, .content-table__wrapper__d3JhcH:focus-within, .content-table__wrapper__d3JhcH[class~=opened] {
padding: 12px; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH.content-table__opened__b3Blbm, .content-table__wrapper__d3JhcH:focus-within, .content-table__wrapper__d3JhcH[class~=opened] {
padding: 24px; } }
.content-table__wrapper__d3JhcH.content-table__opened__b3Blbm .content-table__title__dGl0bG, .content-table__wrapper__d3JhcH:focus-within .content-table__title__dGl0bG, .content-table__wrapper__d3JhcH[class~=opened] .content-table__title__dGl0bG {
pointer-events: none; }
.content-table__wrapper__d3JhcH.content-table__opened__b3Blbm .content-table__title__dGl0bG:after, .content-table__wrapper__d3JhcH:focus-within .content-table__title__dGl0bG:after, .content-table__wrapper__d3JhcH[class~=opened] .content-table__title__dGl0bG:after {
transform: rotate(180deg); }
.content-table__wrapper__d3JhcH.content-table__opened__b3Blbm .content-table__items__aXRlbX, .content-table__wrapper__d3JhcH:focus-within .content-table__items__aXRlbX, .content-table__wrapper__d3JhcH[class~=opened] .content-table__items__aXRlbX {
max-height: 100vh; }
.content-table__wrapper__d3JhcH .content-table__title__dGl0bG {
align-items: center;
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 4px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-500);
display: flex;
justify-content: space-between;
max-height: 40px;
overflow: hidden;
padding: 12px;
text-transform: uppercase;
z-index: 1;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__title__dGl0bG {
border-style: none;
padding: 0; } }
.content-table__wrapper__d3JhcH .content-table__title__dGl0bG::after {
font-size: 20px;
vertical-align: middle;
font-family: KadenceIcons;
content: "down";
content: ""; }
.content-table__wrapper__d3JhcH .content-table__title__dGl0bG:after {
color: var(--kd-neutral-900);
transition: transform 0.5 ease; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__title__dGl0bG:after {
display: none; } }
.content-table__wrapper__d3JhcH .content-table__divider__ZGl2aW {
background-color: var(--kd-neutral-200);
display: none;
height: 1px; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__divider__ZGl2aW {
display: block; } }
.content-table__wrapper__d3JhcH .content-table__items_wrapper__aXRlbX {
background-color: var(--kd-neutral-50);
border-radius: 4px;
box-shadow: var(--kd-shadow-card-blog);
padding-left: 12px;
padding-right: 12px;
position: absolute;
top: calc(100% - 12px);
width: 100%; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__items_wrapper__aXRlbX {
box-shadow: none;
padding: 0;
position: static;
top: auto;
width: auto; } }
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX {
display: grid;
justify-items: stretch;
max-height: 0;
overflow: hidden;
row-gap: 8px;
transition: padding .6s ease,max-height .6s ease; }
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX :first-child {
margin-top: 16px; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX :first-child {
margin: 0; } }
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX :last-child {
margin-bottom: 16px; }
@media (min-width: 768px) {
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX :last-child {
margin: 0; }
.content-table__wrapper__d3JhcH .content-table__items__aXRlbX {
max-height: none; } }
.content-table__wrapper__d3JhcH .content-table__link__bGluay {
border-radius: 4px;
color: var(--kd-neutral-400);
cursor: pointer;
outline: none;
padding: 6px 12px;
transition: color .3s ease,background .3s ease;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.content-table__wrapper__d3JhcH .content-table__link__bGluay.content-table__active__YWN0aX, .content-table__wrapper__d3JhcH .content-table__link__bGluay[class~=active] {
background-color: var(--kd-primary-50);
color: var(--kd-primary-600); }
.content-table__wrapper__d3JhcH .content-table__link__bGluay:active:not(.content-table__active__YWN0aX), .content-table__wrapper__d3JhcH .content-table__link__bGluay:active:not([class~=active]), .content-table__wrapper__d3JhcH .content-table__link__bGluay:focus:not(.content-table__active__YWN0aX), .content-table__wrapper__d3JhcH .content-table__link__bGluay:focus:not([class~=active]), .content-table__wrapper__d3JhcH .content-table__link__bGluay:hover:not(.content-table__active__YWN0aX), .content-table__wrapper__d3JhcH .content-table__link__bGluay:hover:not([class~=active]) {
background-color: var(--kd-neutral-100);
color: var(--kd-neutral-900); }
.customer-stories-grid__wrapper__d3JhcH {
display: grid;
row-gap: 40px; }
.customer-stories-grid__wrapper__d3JhcH.customer-stories-grid__wrapper__d3JhcH {
padding-top: 0; }
@media (min-width: 768px) {
.customer-stories-grid__wrapper__d3JhcH {
row-gap: 178px; } }
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__tab_menu__dGFiX2 {
align-items: start;
margin-top: 48px; }
@media (min-width: 768px) {
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__tab_menu__dGFiX2 {
margin-top: 0; } }
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__cards_wrapper__Y2FyZH {
display: grid;
gap: 40px; }
@media (min-width: 768px) {
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__cards_wrapper__Y2FyZH {
gap: 48px; } }
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__cards__Y2FyZH {
display: grid;
gap: 16px; }
@media (min-width: 768px) {
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__cards__Y2FyZH {
gap: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1340px) {
.customer-stories-grid__wrapper__d3JhcH .customer-stories-grid__cards__Y2FyZH {
gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.customer-stories-grid-card__wrapper__d3JhcH {
align-content: start;
background: var(--kd-neutral-50);
border: 1px solid var(--kd-neutral-200);
border-radius: 12px;
display: grid;
height: 410px;
justify-items: stretch;
outline: none;
overflow: hidden; }
.customer-stories-grid-card__wrapper__d3JhcH:hover .customer-stories-grid-card__image__aW1hZ2 {
max-height: 176px; }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH:hover .customer-stories-grid-card__image__aW1hZ2 {
max-height: 218px; } }
.customer-stories-grid-card__wrapper__d3JhcH:hover .customer-stories-grid-card__info__aW5mby {
margin-bottom: 0;
margin-top: 0;
max-height: 0; }
.customer-stories-grid-card__wrapper__d3JhcH:hover .customer-stories-grid-card__description__ZGVzY3 {
margin-bottom: 24px;
margin-top: 24px;
max-height: 50vh;
opacity: 1; }
@media (max-width: 767.8px) {
.customer-stories-grid-card__wrapper__d3JhcH:focus-within .customer-stories-grid-card__image__aW1hZ2 {
pointer-events: none; } }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH {
height: 492px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__image__aW1hZ2 {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
max-height: 222px;
-o-object-fit: cover;
object-fit: cover;
transition-duration: .3s;
transition-property: margin,border-radius,max-height;
transition-timing-function: ease-in-out; }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__image__aW1hZ2 {
max-height: 264px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby {
display: grid;
gap: 16px;
height: -moz-max-content;
height: max-content;
margin: 24px;
max-height: 50vh;
overflow: hidden;
transition-duration: .3s;
transition-property: margin-top,margin-bottom,max-height;
transition-timing-function: ease-in-out; }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby {
gap: 16px;
margin: 24px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby .customer-stories-grid-card__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
gap: 12px;
justify-items: start;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby .customer-stories-grid-card__title__dGl0bG {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby .customer-stories-grid-card__title__dGl0bG [class~=badge-primary] {
border-radius: 4px/4px; }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__info__aW5mby .customer-stories-grid-card__badge__YmFkZ2 {
color: var(--kd-gray-500);
padding: 6px 0;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 {
display: grid;
gap: 24px;
height: -moz-max-content;
height: max-content;
margin: 0 24px;
max-height: 0;
opacity: 0;
overflow: hidden;
transition-duration: .3s;
transition-property: opacity,margin-top,margin-bottom,max-height;
transition-timing-function: ease-in-out; }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 {
gap: 40px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__quote__cXVvdG {
color: var(--kd-neutral-900);
display: grid;
gap: 24px;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__quote__cXVvdG .customer-stories-grid-card__text__dGV4dC {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; }
@media (min-width: 768px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__quote__cXVvdG {
gap: 40px; } }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__quote__cXVvdG .customer-stories-grid-card__icon__aWNvbi {
color: var(--kd-primary-600);
height: 24px;
width: 32px; }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__link__bGluay {
align-items: center;
color: var(--kd-primary-600);
display: flex;
gap: 6px;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.07px; }
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__link__bGluay::after {
font-size: 20px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
@media (min-width: 576px) {
.customer-stories-grid-card__wrapper__d3JhcH .customer-stories-grid-card__description__ZGVzY3 .customer-stories-grid-card__link__bGluay {
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; } }
.customer-stories-hero__background_wrapper__YmFja2 {
display: grid;
justify-items: center;
overflow: hidden;
position: relative; }
.customer-stories-hero__background_wrapper__YmFja2 .customer-stories-hero__background__YmFja2 {
--kd-background-mask:radial-gradient(46.75% 46.75% at 50% 48%,#e8e8e8 0%,hsla(0,0%,98%,0) 100%);
--kd-background-width:872px;
--kd-background-height:586px;
--kd-grid-size:1060px;
--kd-grid-translate-y:-250px;
--kd-grid-stroke-width:1px;
--kd-grid-stroke-color:var(--kd-neutral-200);
--kd-backlight-blur:150px;
--kd-backlight-top:252px;
--kd-backlight-translate-y:-40px;
--kd-backlight-width:499px;
--kd-backlight-height:428px;
--kd-backlight-opacity:0.8;
--kd-backlight-gradient:radial-gradient(137.05% 100% at 50% 0%,#fff498 5.59%,#ffc9e7 51.56%,#fff 100%);
position: absolute;
top: 0;
z-index: -1; }
@media (min-width: 768px) {
.customer-stories-hero__background_wrapper__YmFja2 .customer-stories-hero__background__YmFja2 {
--kd-background-mask:radial-gradient(34.66% 34.66% at 50% 48.04%,#d9d9d9 0%,hsla(0,0%,98%,0) 100%);
--kd-background-height:661px;
--kd-background-width:max(100vw,1440px);
--kd-grid-size:1600px;
--kd-grid-translate-y:-244px;
--kd-grid-stroke-color:hsla(0,0%,9%,.16);
--kd-backlight-top:170px;
--kd-backlight-blur:500px;
--kd-backlight-width:1096px;
--kd-backlight-height:1096px;
--kd-backlight-opacity:0.6;
--kd-backlight-gradient:radial-gradient(137.05% 100% at 50% 0%,#fff9c7 5.59%,#ffd6ed 51.56%,#fff 100%);
overflow: hidden; } }
.customer-stories-hero__wrapper__d3JhcH {
display: grid;
gap: 40px; }
@media (min-width: 768px) {
.customer-stories-hero__wrapper__d3JhcH {
gap: 64px; } }
.customer-stories-post-content__wrapper__d3JhcH {
display: grid;
gap: 32px; }
@media (min-width: 768px) {
.customer-stories-post-content__wrapper__d3JhcH {
gap: 40px; } }
.customer-stories-post-section__wrapper__d3JhcH {
align-content: start;
align-items: start;
display: grid;
grid-template-areas: "title" "hero" "sidebar" "content";
justify-items: stretch;
margin-left: auto;
margin-right: auto;
max-width: 1040px;
row-gap: 40px; }
@media (min-width: 768px) {
.customer-stories-post-section__wrapper__d3JhcH {
gap: 64px 32px;
grid-template-areas: "title title" "hero hero" "sidebar content";
grid-template-columns: 328px 1fr; } }
.customer-stories-post-section__wrapper__d3JhcH .customer-stories-post-section__area_title__YXJlYV {
grid-area: title; }
.customer-stories-post-section__wrapper__d3JhcH .customer-stories-post-section__area_hero__YXJlYV {
grid-area: hero; }
.customer-stories-post-section__wrapper__d3JhcH .customer-stories-post-section__area_sidebar__YXJlYV {
grid-area: sidebar; }
.customer-stories-post-section__wrapper__d3JhcH .customer-stories-post-section__area_content__YXJlYV {
grid-area: content; }
.customer-stories-post-sidebar__wrapper__d3JhcH {
display: grid;
gap: 16px; }
.customer-stories-post-title__wrapper__d3JhcH {
display: grid;
gap: 12px;
justify-items: center; }
@media (min-width: 768px) {
.customer-stories-post-title__wrapper__d3JhcH {
gap: 32px; } }
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
gap: 12px;
justify-items: center;
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__title__dGl0bG {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__title__dGl0bG .customer-stories-post-title__image__aW1hZ2 {
box-sizing: border-box;
padding: 3px 19px 10px 0;
width: 110px; }
@media (min-width: 768px) {
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__title__dGl0bG .customer-stories-post-title__image__aW1hZ2 {
padding: 4px 28px 15px 0;
width: 166px; } }
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__description__ZGVzY3 {
color: var(--kd-neutral-600);
max-width: 768px;
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.customer-stories-post-title__wrapper__d3JhcH .customer-stories-post-title__description__ZGVzY3 {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.customer-stories-related-section__background__YmFja2 {
background: var(--kd-gray-50); }
.customer-stories-related-section__wrapper__d3JhcH {
display: grid;
gap: 40px; }
.customer-stories-related-section__wrapper__d3JhcH .customer-stories-related-section__title__dGl0bG {
color: var(--kd-neutral-900);
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.customer-stories-related-section__wrapper__d3JhcH .customer-stories-related-section__title__dGl0bG {
font-size: 48px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.48px; } }
.customer-stories-related-section__wrapper__d3JhcH .customer-stories-related-section__cards__Y2FyZH {
display: grid;
gap: 16px; }
@media (min-width: 768px) {
.customer-stories-related-section__wrapper__d3JhcH .customer-stories-related-section__cards__Y2FyZH {
gap: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1340px) {
.customer-stories-related-section__wrapper__d3JhcH .customer-stories-related-section__cards__Y2FyZH {
gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW {
align-items: center;
display: grid;
gap: 24px; }
@media (min-width: 768px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW {
background: var(--kd-neutral-50);
border-radius: 12px/12px;
box-shadow: var(--kd-shadow-card-blog);
gap: 16px;
grid-template-columns: minmax(0, 1fr) auto;
padding: 16px; } }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby {
display: grid;
gap: 24px; }
@media (min-width: 768px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby {
gap: 56px;
justify-items: start;
padding: 48px; } }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby .e-book-section__title__dGl0bG {
color: var(--kd-primary-600);
display: grid;
gap: 16px;
font-size: 24px;
line-height: 1.4;
font-weight: 500;
letter-spacing: -0.24px; }
@media (min-width: 576px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby .e-book-section__title__dGl0bG {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; } }
@media (min-width: 768px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby .e-book-section__title__dGl0bG {
gap: 24px; } }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby .e-book-section__description__ZGVzY3 {
color: var(--kd-neutral-500);
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__info__aW5mby .e-book-section__description__ZGVzY3 {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__image__aW1hZ2 {
border-radius: 8px/8px;
box-shadow: var(--kd-shadow-blog-card);
-o-object-fit: cover;
object-fit: cover; }
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__image_wrapper__aW1hZ2 {
align-items: center;
background-image: var(--kd-bg-image);
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px/8px;
display: grid;
min-height: 308px;
padding: 16px; }
@media (min-width: 768px) {
.e-book-section__wrapper__d3JhcH .e-book-section__panel__cGFuZW .e-book-section__image_wrapper__aW1hZ2 {
min-height: 468px;
padding: 20px; } }
.example-component__wrapper__d3JhcH {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; }
.example-component__wrapper__d3JhcH .example-component__label__bGFiZW {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.example-component__wrapper__d3JhcH .example-component__label__bGFiZW {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG {
display: grid;
justify-items: stretch;
max-width: 800px;
row-gap: 40px; }
@media (min-width: 768px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG {
margin: 0 auto;
row-gap: 56px; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
font-size: 32px;
font-weight: 600;
gap: 12px;
justify-items: center;
letter-spacing: -.56px;
line-height: 1.1;
margin: 0 auto;
max-width: 712px;
text-align: center; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h1, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h1, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h2, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h2, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h4, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h4, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h5, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h5, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h6, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h6 {
font-size: 32px; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG {
max-width: var(--kd-title-max-width, none); }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h1, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h1, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h2, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h2, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h4, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h4, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h5, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h5, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG h6, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title__dGl0bG .h6 {
font-size: 56px; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title_normal__dGl0bG {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__title_large__dGl0bG {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion__YWNjb3 {
display: grid;
justify-items: stretch;
row-gap: 12px; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_item__YWNjb3 {
border: 1px solid var(--kd-gray-200);
border-radius: 8px;
display: grid;
overflow: hidden; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]) {
background-color: transparent;
box-shadow: none;
color: var(--kd-neutral-900);
cursor: pointer;
padding: 16px;
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3::after, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed])::after {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
vertical-align: baseline;
content: ""; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]):where(:not([class~=collapsed])), .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:where(:not([class~=collapsed])) {
background-color: var(--kd-gray-100); }
@media (min-width: 576px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]) {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
@media (min-width: 768px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]) {
padding: 24px; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:after, .faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]):after {
background-image: none;
color: var(--kd-neutral-500);
font-weight: 700;
height: auto;
width: auto; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]):after {
transform: rotate(45deg); }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__collapse__Y29sbG:not([class~=show]) {
display: block;
height: 0; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_description__YWNjb3 {
padding: 0 16px 16px; }
@media (min-width: 576px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_description__YWNjb3 {
padding: 0 24px 24px; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_collapse__YWNjb3 {
color: var(--kd-neutral-600);
overflow: hidden;
transition: background-color .15s ease-in-out,height .15s linear;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_collapse__YWNjb3 {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_collapse__YWNjb3 * {
color: inherit;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_collapse__YWNjb3 * {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_collapse__YWNjb3 a {
text-decoration-line: underline;
text-underline-offset: 4px; }
.faq__wrapper__d3JhcH .faq__container__Y29udG .faq__accordion_title__YWNjb3:not([class~=collapsed]) + .faq__accordion_collapse__YWNjb3 {
background-color: var(--kd-gray-100); }
.featured-blog-panel__wrapper__d3JhcH {
align-items: stretch;
background: var(--kd-neutral-50);
border: 1px solid var(--kd-gray-200);
border-radius: 12px/12px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
gap: 32px;
padding: 16px; }
@media (min-width: 768px) {
.featured-blog-panel__wrapper__d3JhcH {
gap: 24px;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
padding: 24px; } }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby {
align-content: space-between;
display: grid;
gap: 24px;
justify-items: start; }
@media (min-width: 768px) {
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby {
gap: 40px;
padding: 24px; } }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC {
display: grid;
gap: 12px;
justify-items: start; }
@media (min-width: 768px) {
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC {
gap: 16px; } }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC .featured-blog-panel__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC .featured-blog-panel__title__dGl0bG {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; } }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC .featured-blog-panel__description__ZGVzY3 {
color: var(--kd-neutral-600);
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC .featured-blog-panel__description__ZGVzY3 {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__info__aW5mby .featured-blog-panel__text__dGV4dC [class~=badge-primary] {
border-radius: 4px/4px; }
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__image__aW1hZ2 {
border-radius: 8px/8px;
box-shadow: var(--kd-shadow-blog-card);
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 768px) {
.featured-blog-panel__wrapper__d3JhcH .featured-blog-panel__image__aW1hZ2 {
order: 2; } }
.hero-title__wrapper__d3JhcH {
display: grid;
gap: 24px;
justify-items: center; }
.hero-title__wrapper__d3JhcH .hero-title__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
gap: 12px;
justify-items: center;
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.hero-title__wrapper__d3JhcH .hero-title__title__dGl0bG {
font-size: 64px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.64px;
max-width: var(--kd-title-max-width, none); } }
.hero-title__wrapper__d3JhcH .hero-title__description__ZGVzY3 {
color: var(--kd-neutral-600);
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.hero-title__wrapper__d3JhcH .hero-title__description__ZGVzY3 {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
max-width: var(--kd-description-max-width, none); } }
.hero-title-with-buttons__wrapper__d3JhcH {
display: grid;
gap: 40px;
justify-items: center; }
.hero-title-with-buttons__wrapper__d3JhcH .hero-title-with-buttons__buttons__YnV0dG {
display: grid;
gap: 12px; }
@media (min-width: 768px) {
.hero-title-with-buttons__wrapper__d3JhcH .hero-title-with-buttons__buttons__YnV0dG {
display: flex;
gap: 16px; } }
.hybrid-working-hero__wrapper__d3JhcH {
display: grid;
gap: 40px;
overflow-x: clip; }
@media (min-width: 768px) {
.hybrid-working-hero__wrapper__d3JhcH {
gap: 64px; } }
.hybrid-working-hero__wrapper__d3JhcH .hybrid-working-hero__background_wrapper__YmFja2 {
display: grid;
justify-items: center;
position: relative; }
.hybrid-working-hero__wrapper__d3JhcH .hybrid-working-hero__background__YmFja2 {
--kd-background-mask:radial-gradient(30% 30% at 50% 38%,#fff 0%,hsla(0,0%,100%,0) 100%);
--kd-background-width:975px;
--kd-background-height:656px;
--kd-grid-size:1200px;
--kd-grid-top:-300px;
--kd-grid-stroke-width:1px;
--kd-grid-stroke-color:hsla(0,0%,9%,.16);
--kd-backlight-translate-y:0;
--kd-backlight-top:124px;
--kd-backlight-width:471px;
--kd-backlight-height:471px;
--kd-backlight-blur:300px;
--kd-backlight-gradient:var(--kd-background-radial-banner);
position: absolute;
top: 0;
z-index: -1; }
@media (min-width: 768px) {
.hybrid-working-hero__wrapper__d3JhcH .hybrid-working-hero__background__YmFja2 {
--kd-background-mask:radial-gradient(35% 35% at 50% 48%,#d9d9d9 0%,hsla(0,0%,98%,0) 100%);
--kd-background-width:max(100vw,1440px);
--kd-background-height:1030px;
--kd-grid-size:1800px;
--kd-grid-top:0;
--kd-grid-translate-y:-30%;
--kd-backlight-top:201px;
--kd-backlight-width:903px;
--kd-backlight-height:903px;
--kd-backlight-blur:500px;
--kd-backlight-opacity:0.8;
overflow: hidden; } }
.link-tab-menu__wrapper__d3JhcH {
background-color: var(--kd-neutral-50);
border-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: stretch;
margin-top: -40px;
padding: 12px;
position: relative; }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH {
align-items: center;
background: none;
display: grid;
justify-content: center;
justify-items: center;
margin-top: auto;
padding: 0; } }
.link-tab-menu__wrapper__d3JhcH.link-tab-menu__opened__b3Blbm .link-tab-menu__title__dGl0bG, .link-tab-menu__wrapper__d3JhcH:focus-within .link-tab-menu__title__dGl0bG, .link-tab-menu__wrapper__d3JhcH[class~=opened] .link-tab-menu__title__dGl0bG {
pointer-events: none; }
.link-tab-menu__wrapper__d3JhcH.link-tab-menu__opened__b3Blbm .link-tab-menu__title__dGl0bG:after, .link-tab-menu__wrapper__d3JhcH:focus-within .link-tab-menu__title__dGl0bG:after, .link-tab-menu__wrapper__d3JhcH[class~=opened] .link-tab-menu__title__dGl0bG:after {
transform: rotate(180deg); }
.link-tab-menu__wrapper__d3JhcH.link-tab-menu__opened__b3Blbm .link-tab-menu__items__aXRlbX, .link-tab-menu__wrapper__d3JhcH:focus-within .link-tab-menu__items__aXRlbX, .link-tab-menu__wrapper__d3JhcH[class~=opened] .link-tab-menu__items__aXRlbX {
max-height: 100vh; }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__title__dGl0bG {
align-items: center;
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-700);
-moz-column-gap: 8px;
column-gap: 8px;
display: flex;
justify-content: space-between;
padding: 12px 16px;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px; }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__title__dGl0bG {
display: none; } }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__title__dGl0bG:after {
color: var(--kd-neutral-500);
content: "\e904";
font-family: KadenceIcons;
font-size: 20px;
transition: transform .5s ease; }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items__aXRlbX {
-moz-column-gap: 16px;
column-gap: 12px;
display: grid;
justify-items: stretch;
max-height: 0;
overflow: hidden;
row-gap: 8px;
transition: max-height .6s ease; }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items__aXRlbX {
align-items: center;
display: flex;
justify-content: center;
max-height: none;
padding: 12px; } }
@media (min-width: 992px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items__aXRlbX {
-moz-column-gap: 16px;
column-gap: 16px;
padding: 16px; } }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items_wrapper__aXRlbX {
background-color: var(--kd-neutral-50);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
position: absolute;
top: calc(100% - 12px);
width: 100%;
z-index: 1; }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items_wrapper__aXRlbX {
border-radius: 12px;
padding: 0;
top: auto;
width: auto; } }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items__aXRlbX :first-child {
margin-top: 10px; }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__items__aXRlbX :first-child {
margin: 0; } }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS {
border-color: var(--kd-neutral-200);
border-radius: 8px;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-500);
cursor: pointer;
padding: 12px 16px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media (min-width: 992px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS {
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (min-width: 768px) {
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS {
padding-left: 20px;
padding-right: 20px;
transition: background-color .3s ease,color .3s ease; } }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS.link-tab-menu__active__YWN0aX, .link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS[class~=active], .link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS[disabled] {
pointer-events: none; }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS.link-tab-menu__active__YWN0aX, .link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS[class~=active] {
background-color: var(--kd-primary-600);
border-style: none;
color: var(--kd-neutral-50); }
.link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS:active:not(.link-tab-menu__active__YWN0aX):not([class~=active]), .link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS:focus:not(.link-tab-menu__active__YWN0aX):not([class~=active]), .link-tab-menu__wrapper__d3JhcH .link-tab-menu__item__aXRlbS:hover:not(.link-tab-menu__active__YWN0aX):not([class~=active]) {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900); }
.pagination__wrapper__d3JhcH {
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
display: grid;
grid-auto-flow: column;
justify-content: center;
justify-items: center;
padding-bottom: 16px;
padding-top: 16px; }
.pagination__wrapper__d3JhcH:not(:has(.pagination__item__aXRlbS)) {
padding: 0; }
@media (min-width: 768px) {
.pagination__wrapper__d3JhcH {
-moz-column-gap: 12px;
column-gap: 12px; } }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS {
align-items: center;
background-color: var(--kd-neutral-50);
border-color: var(--kd-gray-200);
border-radius: 100%;
border-style: solid;
border-width: 1px;
color: var(--kd-neutral-400);
display: flex;
height: 40px;
justify-content: center;
outline: none;
padding: 0;
transition: background-color .3s ease,color .3s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 40px;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
@media (min-width: 768px) {
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS {
height: 48px;
width: 48px; } }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__active__YWN0aX, .pagination__wrapper__d3JhcH .pagination__item__aXRlbS[class~=active], .pagination__wrapper__d3JhcH .pagination__item__aXRlbS[disabled] {
pointer-events: none; }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__active__YWN0aX, .pagination__wrapper__d3JhcH .pagination__item__aXRlbS[class~=active] {
background-color: var(--kd-primary-600);
color: var(--kd-neutral-50); }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS:hover {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900); }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__next__bmV4dC, .pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__prev__cHJldi {
background-color: var(--kd-gray-100);
color: var(--kd-neutral-900);
font-size: 24px; }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__next__bmV4dC::after, .pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__prev__cHJldi::after {
font-size: inherit;
vertical-align: middle;
font-family: KadenceIcons;
content: "left";
content: ""; }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__next__bmV4dC[disabled], .pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__prev__cHJldi[disabled] {
opacity: .6; }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__next__bmV4dC:hover, .pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__prev__cHJldi:hover {
background-color: var(--kd-gray-50); }
.pagination__wrapper__d3JhcH .pagination__item__aXRlbS.pagination__next__bmV4dC::after {
font-size: inherit;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
.post-content-block__wrapper__d3JhcH {
display: grid;
justify-items: stretch;
row-gap: 16px; }
@media (min-width: 576px) {
.post-content-block__wrapper__d3JhcH {
row-gap: 24px; } }
.post-content-block__wrapper__d3JhcH .post-content-block__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.post-content-block__wrapper__d3JhcH .post-content-block__title__dGl0bG {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.post-content-block__wrapper__d3JhcH .post-content-block__highlight__aGlnaG {
background-color: var(--kd-primary-50); }
.sidebar-extra-block__wrapper__d3JhcH {
background: var(--kd-neutral-50);
border: 1px solid var(--kd-gray-200);
border-radius: 8px;
display: grid;
justify-items: stretch;
padding: 24px;
row-gap: 24px; }
@media (min-width: 768px) {
.sidebar-extra-block__wrapper__d3JhcH {
margin-top: 16px; } }
.sidebar-extra-block__wrapper__d3JhcH .sidebar-extra-block__image__aW1hZ2 {
max-height: 71px; }
.sidebar-extra-block__wrapper__d3JhcH .sidebar-extra-block__info__aW5mby, .sidebar-extra-block__wrapper__d3JhcH .sidebar-extra-block__info__aW5mby > p {
color: var(--kd-gray-400);
display: grid;
justify-items: stretch;
row-gap: 4px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
.sidebar-extra-block__wrapper__d3JhcH .sidebar-extra-block__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
.video-grid__wrapper__d3JhcH {
display: grid;
row-gap: 40px; }
.video-grid__wrapper__d3JhcH.video-grid__wrapper__d3JhcH {
padding-top: 0; }
@media (min-width: 768px) {
.video-grid__wrapper__d3JhcH {
row-gap: 120px; } }
.video-grid__wrapper__d3JhcH .video-grid__cards__Y2FyZH {
display: grid;
gap: 16px;
grid-auto-rows: 1fr; }
@media (min-width: 992px) {
.video-grid__wrapper__d3JhcH .video-grid__cards__Y2FyZH {
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.video-grid-card__wrapper__d3JhcH {
background-color: var(--kd-neutral-50);
border-color: var(--kd-neutral-200);
border-radius: 12px;
border-style: solid;
border-width: 1px;
display: grid;
justify-items: center;
overflow: hidden;
padding: 16px;
row-gap: 16px; }
@media (min-width: 768px) {
.video-grid-card__wrapper__d3JhcH {
padding: 24px;
row-gap: 24px; } }
.video-grid-card__wrapper__d3JhcH .video-grid-card__preview__cHJldm {
cursor: pointer;
display: grid;
justify-items: stretch;
justify-self: stretch;
position: relative; }
.video-grid-card__wrapper__d3JhcH .video-grid-card__preview__cHJldm:after {
background-image: url(img/play-button.svg);
background-size: cover;
content: "";
display: block;
height: 72px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 72px; }
.video-grid-card__wrapper__d3JhcH .video-grid-card__image__aW1hZ2 {
border-radius: 8px;
height: 222px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden; }
@media (min-width: 576px) {
.video-grid-card__wrapper__d3JhcH .video-grid-card__image__aW1hZ2 {
height: 390px; } }
.video-grid-card__wrapper__d3JhcH .video-grid-card__info__aW5mby {
display: grid;
justify-items: start;
row-gap: 16px; }
.video-grid-card__wrapper__d3JhcH .video-grid-card__headline__aGVhZG {
display: grid;
justify-items: start;
row-gap: 12px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0;
color: var(--kd-neutral-900); }
@media (min-width: 576px) {
.video-grid-card__wrapper__d3JhcH .video-grid-card__headline__aGVhZG {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; } }
.video-grid-card__wrapper__d3JhcH .video-grid-card__badge__YmFkZ2 {
color: var(--kd-gray-500);
padding-bottom: 6px;
padding-top: 6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.video-grid-card__wrapper__d3JhcH .video-grid-card__description__ZGVzY3 {
color: var(--kd-neutral-600);
display: grid;
justify-items: start;
row-gap: 24px;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.video-grid-card__wrapper__d3JhcH .video-grid-card__description__ZGVzY3 {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.video-grid-card__wrapper__d3JhcH .video-grid-card__description__ZGVzY3 .video-grid-card__link__bGluay {
align-items: center;
-moz-column-gap: 6px;
column-gap: 6px;
display: flex;
justify-content: center;
outline: none;
padding-bottom: 2px;
padding-top: 2px;
text-decoration: none;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
color: var(--kd-primary-600); }
.video-grid-card__wrapper__d3JhcH .video-grid-card__description__ZGVzY3 .video-grid-card__link__bGluay::after {
font-size: 20px;
vertical-align: middle;
font-family: KadenceIcons;
content: "right";
content: ""; }
.video-preview-card__wrapper__d3JhcH {
border-radius: 12px/12px;
display: grid;
overflow: hidden; }
.video-preview-card__wrapper__d3JhcH .video-preview-card__link__bGluay {
cursor: pointer;
display: grid;
justify-items: stretch;
outline: none;
position: relative; }
.video-preview-card__wrapper__d3JhcH .video-preview-card__link__bGluay:hover:after {
opacity: .9; }
.video-preview-card__wrapper__d3JhcH .video-preview-card__link__bGluay:after {
background-image: var(--kd-icon-src);
background-size: cover;
border-radius: 51%;
box-shadow: inset 0 0 3px 1px rgba(245, 34, 131, 0.2);
content: "";
display: block;
height: var(--kd-icon-height-sx);
left: 50%;
opacity: 1;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: var(--kd-icon-width-sx);
transition: opacity 0.1s ease-in-out; }
@media (min-width: 768px) {
.video-preview-card__wrapper__d3JhcH .video-preview-card__link__bGluay:after {
height: var(--kd-icon-height);
width: var(--kd-icon-width); } }
.video-preview-card__wrapper__d3JhcH .video-preview-card__image__aW1hZ2 {
min-height: 200px;
-o-object-fit: cover;
object-fit: cover; }
.integrations-grid-card__wrapper__d3JhcH {
margin: 0; }
.toc-widget__wrapper__d3JhcH {
background-color: var(--kd-neutral-50); }
.hero-with-image__background_wrapper__YmFja2 {
display: grid;
justify-items: center;
position: relative; }
.hero-with-image__background_wrapper__YmFja2 .hero-with-image__background__YmFja2 {
--kd-background-mask:radial-gradient(47% 47% at 50% 48%,#d9d9d9 0%,hsla(0,0%,98%,0) 100%);
--kd-background-width:1125px;
--kd-background-height:756px;
--kd-grid-size:1500px;
--kd-grid-top:0px;
--kd-grid-stroke-width:1px;
--kd-grid-stroke-color:hsla(0,0%,9%,.16);
--kd-backlight-translate-y:0;
--kd-backlight-top:124px;
--kd-backlight-width:667px;
--kd-backlight-height:667px;
--kd-backlight-blur:250px;
--kd-backlight-gradient:var(--kd-background-radial-banner);
bottom: -195px;
position: absolute;
top: auto;
z-index: -1; }
@media (min-width: 768px) {
.hero-with-image__background_wrapper__YmFja2 .hero-with-image__background__YmFja2 {
--kd-background-mask:radial-gradient(47% 47% at 50% 48%,#d9d9d9 0%,hsla(0,0%,98%,0) 100%);
--kd-background-width:1204px;
--kd-background-height:1064px;
--kd-grid-size:1800px;
--kd-grid-top:0;
--kd-grid-translate-y:-10%;
--kd-backlight-top:201px;
--kd-backlight-width:903px;
--kd-backlight-height:903px;
--kd-backlight-blur:500px;
--kd-backlight-opacity:1;
bottom: -324px;
left: calc(50% - 238px); } }
.hero-with-image__wrapper__d3JhcH {
overflow: hidden; }
.hero-with-image__wrapper__d3JhcH .hero-with-image__container__Y29udG {
align-items: start;
display: grid;
gap: 40px;
justify-items: stretch; }
@media (min-width: 768px) {
.hero-with-image__wrapper__d3JhcH .hero-with-image__container__Y29udG {
gap: 32px;
grid-template-columns: 1fr minmax(50%, 580px); } }
.hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 {
justify-items: start; }
.hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 .hero-with-image__description__ZGVzY3, .hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 .hero-with-image__title__dGl0bG {
justify-items: start;
text-align: left; }
.hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 .hero-with-image__buttons__YnV0dG {
justify-self: stretch; }
@media (min-width: 768px) {
.hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 .hero-with-image__buttons__YnV0dG {
justify-self: auto; } }
.hero-with-image__wrapper__d3JhcH .hero-with-image__hero_title__aGVyb1 .hero-with-image__buttons__YnV0dG a {
white-space: nowrap; }
.hero-with-image__wrapper__d3JhcH .hero-with-image__image__aW1hZ2.hero-with-image__on_left__b25fbG {
order: -1; }
.home-product-features__wrapper__d3JhcH {
display: grid;
gap: 40px; }
.home-product-features__wrapper__d3JhcH.home-product-features__wrapper__d3JhcH {
padding-bottom: 0; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH.home-product-features__wrapper__d3JhcH {
padding-bottom: var(--kd-gutter-md-y); } }
.home-product-features__wrapper__d3JhcH .home-product-features__hero_title__aGVyb1 {
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.home-product-features__wrapper__d3JhcH .home-product-features__hero_title__aGVyb1 {
color: var(--kd-neutral-900);
font-size: 48px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.48px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__hero_description__aGVyb1 {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-product-features__wrapper__d3JhcH .home-product-features__hero_description__aGVyb1 {
color: var(--kd-neutral-600);
font-size: 18px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG {
padding: 0;
position: relative;
width: calc(100vw - var(--kd-gutter-sx-x)*2); }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG {
max-height: 420px;
padding-top: 0;
width: auto; } }
@media (min-width: 1340px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG {
max-height: 555px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG {
--kd-swiper-progress:var(--kd-progress,0);
padding-top: 42px; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG {
height: 100%;
padding-top: 0;
width: 100%; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__frame__ZnJhbW .home-product-features__slide__c2xpZG {
display: grid;
padding-bottom: var(--kd-gutter-sx-y); }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__frame__ZnJhbW .home-product-features__slide__c2xpZG {
padding-bottom: 0; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW {
align-content: space-between;
align-items: stretch;
bottom: auto;
display: grid;
gap: 8px;
grid-auto-flow: column;
justify-content: stretch;
justify-items: stretch;
left: 0;
pointer-events: none;
right: 0;
top: 0; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW {
background-image: linear-gradient(to right, var(--kd-neutral-200) 2px, transparent 1px);
background-position: 50%;
background-repeat: no-repeat;
background-size: 2px calc(100% - 24px);
bottom: 0;
grid-auto-flow: row;
right: auto;
transform: none;
width: 26px; }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW:before {
background-image: linear-gradient(180deg, rgba(245, 34, 131, 0), #f52283);
background-position: 50%;
background-repeat: no-repeat;
background-size: 4px 100%;
content: "";
display: block;
height: calc(100%*var(--kd-swiper-progress, 0));
left: 0;
position: absolute;
top: 0;
transition: height .6s ease;
width: 26px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet] {
background: var(--kd-gray-200);
border-radius: 4px;
display: block;
height: 2px;
margin: 0;
opacity: 1;
padding: 0 50%; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet] {
align-content: center;
border-radius: 100%;
display: none;
height: 24px;
justify-content: center;
padding: 12px;
position: relative;
width: 24px; }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet]:first-child {
background: var(--kd-neutral-50);
border: 1px solid var(--kd-primary-600);
display: grid;
position: absolute;
top: calc((100% - 26px)*var(--kd-swiper-progress, 0));
transition: top .6s ease; }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet]:first-child:after {
background: var(--kd-primary-600); }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet]:after {
background: var(--kd-neutral-300);
border-radius: 100%;
content: "";
display: block;
height: 12px;
width: 12px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet][class~=swiper-pagination-bullet-active] {
background: var(--kd-primary-600);
opacity: 1; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__slider_container__c2xpZG .home-product-features__slider__c2xpZG .home-product-features__pagination__cGFnaW [class~=swiper-pagination-bullet][class~=swiper-pagination-bullet-active] {
background: var(--kd-neutral-50);
border-color: var(--kd-primary-600); } }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC {
display: grid;
gap: 32px; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC {
align-content: center;
align-items: center;
gap: 60px;
grid-template-columns: 1fr 1fr;
padding-left: 80px; } }
@media (min-width: 1340px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC {
grid-template-columns: minmax(auto, 555px) 1fr; } }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__image_wrapper__aW1hZ2 {
max-height: 288px;
overflow: hidden; }
@media (min-width: 576px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__image_wrapper__aW1hZ2 {
max-height: none; } }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__image_wrapper__aW1hZ2 {
align-self: stretch;
border: 1px solid var(--kd-neutral-200);
border-radius: 12px;
max-width: 555px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__image_wrapper__aW1hZ2 .home-product-features__image__aW1hZ2 {
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 768px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__image_wrapper__aW1hZ2 .home-product-features__image__aW1hZ2 {
height: 100%; } }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC {
display: grid;
gap: 32px;
justify-items: start; }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC .home-product-features__info__aW5mby {
display: grid;
gap: 16px;
max-width: 714px; }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC .home-product-features__info__aW5mby .home-product-features__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 24px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.24px; }
@media (min-width: 576px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC .home-product-features__info__aW5mby .home-product-features__title__dGl0bG {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.4px; } }
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC .home-product-features__info__aW5mby .home-product-features__description__ZGVzY3 {
color: var(--kd-neutral-500);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-product-features__wrapper__d3JhcH .home-product-features__card__Y2FyZC .home-product-features__text__dGV4dC .home-product-features__info__aW5mby .home-product-features__description__ZGVzY3 {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0; } }
.home-testimonial__wrapper__d3JhcH {
background: var(--kd-gray-900, #111827);
overflow: hidden;
position: relative; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__container__Y29udG {
position: relative; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__heading__aGVhZG {
display: grid;
gap: 12px;
justify-items: center;
margin-bottom: 32px; }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__heading__aGVhZG {
margin-bottom: 70px; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__heading__aGVhZG .home-testimonial__title__dGl0bG {
color: var(--kd-neutral-50, #fff);
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px;
max-width: var(--kd-title-max-width, none); }
@media (min-width: 576px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__heading__aGVhZG .home-testimonial__title__dGl0bG {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__slider_container__c2xpZG {
padding: 0;
width: calc(100vw - var(--kd-gutter-sx-x)*2); }
.home-testimonial__wrapper__d3JhcH .home-testimonial__slider_container__c2xpZG .home-testimonial__frame__ZnJhbW {
display: flex;
z-index: 21; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__slider_container__c2xpZG .home-testimonial__frame__ZnJhbW [class~=swiper-slide-active] {
position: relative;
z-index: 1; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC {
display: grid;
gap: 16px;
grid-auto-flow: row; }
@media (min-width: 992px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC {
align-items: start;
gap: 20px;
grid-template-columns: minmax(412px, 512px) 1fr; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial__dGVzdG, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW video {
background: var(--kd-gray-800, #1f2937);
border-radius: 12px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial__dGVzdG {
box-sizing: border-box;
display: grid;
gap: 40px;
min-height: 413px;
padding: 40px; }
@media (min-width: 992px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial__dGVzdG {
grid-column: 2/3;
grid-row: 1/1; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_body__dGVzdG {
display: grid;
gap: 24px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_head__dGVzdG {
display: grid;
gap: 32px;
justify-items: start; }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_head__dGVzdG {
display: flex;
justify-content: space-between; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_head__dGVzdG .home-testimonial__quote_icon__cXVvdG {
color: var(--kd-primary-600);
height: 24px;
width: 32px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_content__dGVzdG {
display: grid;
gap: 12px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_title__dGVzdG {
color: var(--kd-neutral-50, #fff);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_title__dGVzdG {
font-size: 32px;
line-height: 1.35;
font-weight: 500;
letter-spacing: -0.32px; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_description__dGVzdG, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_description__dGVzdG p {
color: var(--kd-gray-400, #b8bdc6);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_description__dGVzdG, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_description__dGVzdG p {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG {
display: grid;
gap: 8px; }
@media (min-width: 1340px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG {
align-items: center;
display: flex; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__dash__ZGFzaC {
background: var(--kd-primary-500, #ff319c);
height: 1px;
margin: 0;
opacity: 1;
width: 24px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author__YXV0aG {
display: grid;
gap: 4px; }
@media (min-width: 1340px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author__YXV0aG {
display: flex; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author_name__YXV0aG {
color: var(--kd-neutral-50, #fff);
font-size: 14px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author_name__YXV0aG {
font-size: 18px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author_role__YXV0aG {
color: var(--kd-neutral-400, #a3a3a3);
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; }
@media (min-width: 576px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__testimonial_footer__dGVzdG .home-testimonial__author_role__YXV0aG {
font-size: 16px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
height: 220px;
max-height: none;
min-height: auto;
width: 100%; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2.home-testimonial__active__YWN0aX, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW.home-testimonial__active__YWN0aX {
scale: 1.1; }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2.home-testimonial__active__YWN0aX, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW.home-testimonial__active__YWN0aX {
scale: 1.05; } }
@media (min-width: 1340px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2.home-testimonial__active__YWN0aX, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW.home-testimonial__active__YWN0aX {
scale: 1; } }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
height: 413px; } }
@media (min-width: 992px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
height: 100%; } }
@media (min-width: 1340px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
height: 412px; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__image__aW1hZ2 {
display: block;
-o-object-fit: cover;
object-fit: cover; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
position: relative; }
@media (min-width: 992px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW {
grid-column: 1/2;
grid-row: 1/1; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW.home-testimonial__active__YWN0aX {
background: none; }
@media (min-width: 992px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__card__Y2FyZC .home-testimonial__video_container__dmlkZW.home-testimonial__active__YWN0aX {
grid-column: 1/3;
height: auto;
justify-self: center;
max-height: 592px;
max-width: 886px;
z-index: 1; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__video_wrapper__dmlkZW {
height: 100%;
width: 100%; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__video_wrapper__dmlkZW .home-testimonial__play_button__cGxheV {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-image: url(img/play-button-3.svg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
box-sizing: border-box;
cursor: pointer;
height: 80px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80px; }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH .home-testimonial__video_wrapper__dmlkZW .home-testimonial__play_button__cGxheV {
height: 96px;
width: 96px; } }
.home-testimonial__wrapper__d3JhcH .home-testimonial__video_wrapper__dmlkZW .home-testimonial__close_button__Y2xvc2 {
align-items: center;
cursor: pointer;
display: none;
justify-items: center;
opacity: .5;
position: absolute;
right: 16px;
top: 16px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background: rgba(255, 255, 255, 0.4);
border-radius: 32px/32px;
box-shadow: var(--kd-shadow-badge);
height: 32px;
width: 32px; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__video_wrapper__dmlkZW .home-testimonial__close_button__Y2xvc2::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
vertical-align: baseline;
content: ""; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__video__dmlkZW {
display: block;
height: 100%;
max-height: none;
min-height: auto;
-o-object-fit: cover;
object-fit: cover;
outline: none;
position: relative;
width: 100%; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__overlay__b3Zlcm {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background: rgba(0, 0, 0, 0.5);
display: none;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 20; }
.home-testimonial__wrapper__d3JhcH .home-testimonial__blurred__Ymx1cn .home-testimonial__image__aW1hZ2, .home-testimonial__wrapper__d3JhcH .home-testimonial__blurred__Ymx1cn .home-testimonial__testimonial__dGVzdG, .home-testimonial__wrapper__d3JhcH .home-testimonial__blurred__Ymx1cn .home-testimonial__video_container__dmlkZW:not(.home-testimonial__active__YWN0aX) {
filter: blur(6px);
transform: translateZ(0); }
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] {
align-items: center;
display: flex;
gap: 24px;
justify-content: space-between;
margin-top: 32px; }
@media (min-width: 768px) {
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] {
gap: 24px;
justify-content: flex-start;
margin-top: 40px; } }
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div[class~=swiper-pagination] {
width: auto; }
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div[class~=swiper-button-next], .home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div[class~=swiper-button-prev] {
background: var(--kd-gray-800, #1f2937);
border: 1px solid var(--kd-gray-700, #374151);
border-radius: 100%/100%;
color: var(--kd-neutral-50, #fff);
height: 50px;
margin-top: 0;
outline: none;
width: 50px; }
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div[class~=swiper-button-next]:after, .home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div[class~=swiper-button-prev]:after {
font-size: inherit; }
.home-testimonial__wrapper__d3JhcH div[class~=navigation-container] div {
position: inherit; }
.home-testimonial__wrapper__d3JhcH div[class~=swiper-pagination] {
color: var(--kd-neutral-50, #fff); }
.home-testimonial__wrapper__d3JhcH div[class~=swiper-pagination] span[class~=swiper-pagination-current] {
color: var(--kd-primary-500, #ff319c); }
.integrations__wrapper__d3JhcH {
display: block; }
.mega-menu__wrapper__d3JhcH a {
outline: none; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS, .mega-menu__wrapper__d3JhcH ul {
list-style: none;
margin: 0;
padding: 0;
text-decoration: none; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS {
display: grid; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS {
display: flex;
gap: 24px; } }
@media (min-width: 992px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS {
gap: 32px; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__label__bGFiZW {
cursor: pointer;
display: flex; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__link__bGluay {
color: var(--kd-neutral-700);
display: flex;
flex-grow: 1;
gap: 6px;
text-decoration: none;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
align-items: center;
justify-content: space-between;
min-height: 64px;
padding: 16px 12px; }
@media (min-width: 576px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__link__bGluay {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0; } }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__link__bGluay {
min-height: auto;
padding: 16px 0; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV {
display: inline-block;
position: relative;
white-space: nowrap; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 {
width: 100%; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 {
width: auto; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 .mega-menu__link__bGluay {
cursor: pointer;
pointer-events: none; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 .mega-menu__link__bGluay::after {
font-size: 16px;
vertical-align: middle;
font-family: KadenceIcons;
content: "up";
content: ""; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 .mega-menu__link__bGluay:after {
transition: transform .3s ease-in-out; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 .mega-menu__link__bGluay:after {
transform: rotate(180deg);
transition: none; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV.mega-menu__has_children__aGFzX2 .mega-menu__link__bGluay {
pointer-events: auto; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__menu_item__bWVudV:hover .mega-menu__submenu__c3VibW {
opacity: 1;
visibility: visible; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_switch__c3VibW {
display: none; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_wrapper__c3VibW {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease-in-out; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_wrapper__c3VibW {
display: block;
grid-template-rows: none; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_wrapper__c3VibW .mega-menu__submenu_colapse__c3VibW {
border-radius: 16px;
box-shadow: 0 0 40px 0 rgba(36, 46, 62, 0.12);
overflow: hidden; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_wrapper__c3VibW .mega-menu__submenu_colapse__c3VibW {
overflow: visible; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu__c3VibW {
background: var(--kd-neutral-50);
border-radius: 16px;
box-shadow: 0 0 40px 0 rgba(36, 46, 62, 0.12);
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
width: 100%; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu__c3VibW {
flex-direction: row;
gap: 24px;
opacity: 0;
visibility: hidden;
width: -moz-max-content;
width: max-content;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-property: opacity, visibility;
left: 30%;
position: absolute;
top: 52px;
transform: translate(-30%);
z-index: 5; } }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu__c3VibW:before {
background-color: var(--kd-neutral-50);
-webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
clip-path: polygon(50% 0, 0 100%, 100% 100%);
content: "";
height: 20px;
left: 30%;
position: absolute;
top: -10px;
width: 20px;
z-index: 5; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu__c3VibW .mega-menu__icon__aWNvbi {
background: var(--kd-primary-50, #fff0f8);
border: 1px solid var(--kd-primary-100, #ffe4f3);
border-radius: 100%;
color: var(--kd-primary-600);
font-weight: 400;
height: 34px;
padding: 8px;
width: 34px; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_switch__c3VibW:checked ~ .mega-menu__label__bGFiZW .mega-menu__link__bGluay:after {
transform: rotate(180deg); }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__submenu_switch__c3VibW:checked ~ .mega-menu__submenu_wrapper__c3VibW {
grid-template-rows: 1fr; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__group__Z3JvdX {
display: flex;
flex-direction: column;
gap: 16px; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__group__Z3JvdX.mega-menu__has_sub_group__aGFzX3 {
gap: 16px; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__group_label__Z3JvdX {
color: var(--kd-neutral-900);
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
padding: 0 0 0 12px;
text-transform: uppercase; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__group_inner__Z3JvdX {
display: flex;
flex-direction: column;
gap: 16px; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__group_inner__Z3JvdX {
flex-direction: row;
gap: 24px; } }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__sub_group_label__c3ViX2 {
color: var(--kd-neutral-500);
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__sub_group__c3ViX2 .mega-menu__subnav__c3Vibm .mega-menu__sub_item_title__c3ViX2 {
align-items: center;
display: flex;
gap: 8px; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__sub_group__c3ViX2 .mega-menu__subnav__c3Vibm .mega-menu__badge__YmFkZ2 {
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__sub_group__c3ViX2 .mega-menu__subnav__c3Vibm .mega-menu__subnav_link__c3Vibm {
color: var(--kd-neutral-900);
padding: 12px;
text-decoration: none;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.08px;
align-items: center;
border-radius: 6px;
display: flex;
gap: 16px;
min-width: -moz-max-content;
min-width: max-content;
transition: background 0.3s ease-in-out; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__sub_group__c3ViX2 .mega-menu__subnav__c3Vibm .mega-menu__subnav_link__c3Vibm:hover {
background: #f3f4f6; }
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__divider__ZGl2aW {
background: var(--kd-gray-200);
height: 1px;
max-height: 1px; }
@media (min-width: 768px) {
.mega-menu__wrapper__d3JhcH .mega-menu__menu__bWVudS .mega-menu__divider__ZGl2aW {
height: auto;
max-height: none;
max-width: 1px;
width: 1px; } }
.new-feature-products-hero__wrapper__d3JhcH {
display: grid;
gap: 40px;
justify-items: center;
overflow: hidden;
position: relative; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__container__Y29udG {
display: grid;
gap: 40px; }
@media (min-width: 1340px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__container__Y29udG.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__container__Y29udG {
padding-left: 80px;
padding-right: 80px; } }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__container__Y29udG {
gap: 50px; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__background__YmFja2 {
aspect-ratio: 1297/480;
background-image: url(img/home-hero-bg.svg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 361px;
width: calc(100vw - 40px);
z-index: -1; }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__background__YmFja2 {
--kd-bg-width:min(100vw,1440px);
top: 157px;
width: var(--kd-bg-width); } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__backlight__YmFja2 {
background-size: cover;
background: radial-gradient(137% 100% at 50% 0, #fff9c7 6%, #ffe4f3 52%, #fff 100%);
border-radius: 100%/100%;
filter: blur(182px);
height: 327px;
position: absolute;
top: 337px;
width: 327px;
z-index: -1;
transform: translateZ(0); }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__backlight__YmFja2 {
filter: blur(500px);
height: 903px;
top: 397px;
width: 903px; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 32px;
font-style: normal;
font-weight: 800;
letter-spacing: -2px;
line-height: 1.2;
text-align: center; }
@media (min-width: 576px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__title__dGl0bG {
font-size: 84px;
font-weight: 800;
line-height: 94px; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__description__ZGVzY3 {
color: var(--kd-neutral-700);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__description__ZGVzY3 {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG {
background-image: linear-gradient(to right, var(--kd-neutral-200) 2px, transparent 1px);
background-position: bottom;
background-repeat: no-repeat;
background-size: 2px calc(100% - 500px);
display: grid;
gap: 16px;
justify-items: center; }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG {
align-items: center;
background: none;
gap: 462px 0;
grid-template-columns: 1fr auto 1fr;
justify-items: center;
justify-self: stretch; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__video__dmlkZW {
border-radius: 6px/6px;
box-shadow: 0 17px 34px 0 rgba(14, 19, 45, 0.08);
margin-bottom: 32px;
overflow: hidden; }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__video__dmlkZW {
border-radius: 12px/12px;
grid-column: 2/span 1;
grid-row: 1/span 2;
margin-bottom: auto; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__video_player__dmlkZW {
display: block;
max-width: 240px; }
@media (min-width: 992px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__video_player__dmlkZW {
max-width: 454px; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC {
align-items: center;
background: var(--kd-neutral-50);
border: 1px solid var(--kd-neutral-200);
border-radius: 8px;
box-shadow: 0 32px 64px 0 rgba(14, 19, 45, 0.08);
color: var(--kd-neutral-900);
display: grid;
justify-items: center;
max-width: 240px;
padding: 16px;
position: relative;
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 0; }
@media (min-width: 576px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC {
font-size: 20px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0; } }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC {
gap: 10px; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:before {
background-image: url(img/home-hero-bg-corner.svg);
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 188px;
position: absolute;
width: 301px;
z-index: -1; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(1 of .new-feature-products-hero__card__Y2FyZC) {
align-self: end;
justify-self: start; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(1 of .new-feature-products-hero__card__Y2FyZC):before {
left: calc(50% - 20px);
top: calc(100% + 6px); }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(3 of .new-feature-products-hero__card__Y2FyZC) {
align-self: start;
justify-self: start; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(3 of .new-feature-products-hero__card__Y2FyZC):before {
bottom: calc(100% + 6px);
left: calc(50% - 20px);
transform: scaleY(-1); }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(2 of .new-feature-products-hero__card__Y2FyZC) {
align-self: end;
justify-self: end; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(2 of .new-feature-products-hero__card__Y2FyZC):before {
right: calc(50% - 20px);
top: calc(100% + 6px);
transform: scaleX(-1); }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(4 of .new-feature-products-hero__card__Y2FyZC) {
align-self: start;
justify-self: end; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__content__Y29udG .new-feature-products-hero__card__Y2FyZC:nth-child(4 of .new-feature-products-hero__card__Y2FyZC):before {
bottom: calc(100% + 6px);
right: calc(50% - 20px);
transform: scale(-1); } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__bullet__YnVsbG {
background: var(--kd-primary-600);
border-radius: 100%;
height: 10px;
margin: 19px;
position: relative;
width: 10px; }
@media (min-width: 768px) {
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__bullet__YnVsbG {
display: none; } }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__bullet__YnVsbG:before {
background: var(--kd-primary-600);
border-radius: 100%;
content: "";
height: 29px;
left: 50%;
opacity: .2;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 29px; }
.new-feature-products-hero__wrapper__d3JhcH .new-feature-products-hero__bullet__YnVsbG:after {
background: var(--kd-primary-600);
border-radius: 100%;
content: "";
height: 48px;
left: 50%;
opacity: .1;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 48px; }
@media (min-width: 1340px) {
.newsletter__wrapper__d3JhcH.newsletter__wrapper__d3JhcH {
padding-left: 80px;
padding-right: 80px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW {
align-items: start;
border: none;
border-radius: 16px;
display: grid;
gap: 56px;
overflow: hidden;
padding: 24px;
position: relative; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__hbspt-form__aGJzcH div {
margin: 0 !important; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW {
background: var(--kd-primary-50); }
@media (min-width: 768px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW {
gap: 40px;
grid-template-columns: 1fr minmax(min-content, 366px);
padding: 40px; } }
@media (min-width: 992px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW {
padding: 80px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW:before {
background-image: url(img/newsletter-bg-1.svg);
background-repeat: no-repeat;
background-size: cover;
bottom: 66px;
content: "";
height: 320px;
left: -64px;
position: absolute;
width: 529px;
z-index: 0; }
@media (min-width: 768px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW:before {
bottom: 0;
height: 552px;
left: 50%;
width: 912px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW:after {
background-image: url(img/newsletter-bg-2.svg);
background-repeat: no-repeat;
background-size: cover;
bottom: 32px;
content: "";
height: 506px;
left: 16px;
position: absolute;
width: 402px;
z-index: 0; }
@media (min-width: 768px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW:after {
bottom: -234px;
height: 873px;
left: 50%;
width: 694px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC {
display: grid;
gap: 16px;
position: relative;
z-index: 1; }
@media (min-width: 768px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC {
gap: 24px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC .newsletter__title__dGl0bG {
color: var(--kd-neutral-900);
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 992px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC .newsletter__title__dGl0bG {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC .newsletter__description__ZGVzY3 {
color: var(--kd-neutral-500);
font-family: Inter,sans-serif;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; }
@media (min-width: 576px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .newsletter__text__dGV4dC .newsletter__description__ZGVzY3 {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW h3, .newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW .h3 {
margin: 0; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form {
display: grid;
gap: 16px;
position: relative;
z-index: 1; }
@media (min-width: 768px) {
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form {
gap: 24px;
max-width: 366px;
padding-top: 24px; } }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form .newsletter__fields__ZmllbG {
display: grid;
gap: 8px; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form .newsletter__input__aW5wdX, .newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form [class~=input] input {
border: 1px solid var(--kd-neutral-200);
border-radius: 8px;
padding: 16px;
font-size: 14px;
line-height: 1.6;
font-weight: 500;
letter-spacing: 0;
background: var(--kd-neutral-50);
font-family: Inter,sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.6;
margin: 0 !important;
width: 100% !important; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form .newsletter__input__aW5wdX::-moz-placeholder, .newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form [class~=input] input::-moz-placeholder {
color: var(--kd-neutral-400);
font-family: Inter,sans-serif;
font-size: 14px;
font-weight: 500; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form .newsletter__input__aW5wdX::placeholder, .newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form [class~=input] input::placeholder {
color: var(--kd-neutral-400);
font-family: Inter,sans-serif;
font-size: 14px;
font-weight: 500; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form input[type=submit] {
font-family: Inter,sans-serif;
min-height: 56px;
width: 100% !important; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form div > label, .newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form div > legend {
display: none; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form .newsletter__hs_submit__aHNfc3 {
margin: 0; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form ul {
list-style: none;
margin: 0;
padding: 0;
position: relative; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form ul li {
padding-top: 2px; }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form ul label {
color: var(--kd-primary-700); }
.newsletter__wrapper__d3JhcH .newsletter__panel__cGFuZW form ul label:before {
content: "* "; }
.our-investors__wrapper__d3JhcH {
display: grid;
gap: 32px; }
@media (min-width: 768px) {
.our-investors__wrapper__d3JhcH {
gap: 48px; } }
.our-investors__wrapper__d3JhcH .our-investors__title__dGl0bG {
color: var(--kd-neutral-900);
display: grid;
gap: 12px;
justify-items: center;
text-align: center;
font-size: 32px;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.32px; }
@media (min-width: 576px) {
.our-investors__wrapper__d3JhcH .our-investors__title__dGl0bG {
font-size: 56px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.56px; } }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 {
display: grid;
gap: 32px;
justify-items: center; }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__logo__bG9nby {
align-items: center;
background: var(--kd-neutral-50);
border: 1px solid var(--kd-neutral-200);
border-radius: 8px;
box-shadow: var(--kd-shadow-card-blog);
display: grid;
justify-items: center;
min-height: 135px;
padding: 16px; }
@media (min-width: 768px) {
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__logo__bG9nby {
min-height: 123px; } }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__logo__bG9nby .our-investors__logo_img__bG9nb1 {
height: 100%;
max-height: 30px;
width: auto; }
@media (min-width: 768px) {
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__logo__bG9nby .our-investors__logo_img__bG9nb1 {
max-height: 40px; } }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__primary_logos__cHJpbW {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
justify-self: stretch; }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__primary_logos__cHJpbW .our-investors__logo__bG9nby {
flex-basis: 155px; }
@media (min-width: 768px) {
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__primary_logos__cHJpbW .our-investors__logo__bG9nby {
flex-basis: 165px; } }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__secondary_logos__c2Vjb2 {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
justify-self: stretch; }
@media (min-width: 768px) {
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__secondary_logos__c2Vjb2 .our-investors__logo__bG9nby {
min-height: 92px; } }
.our-investors__wrapper__d3JhcH .our-investors__logos__bG9nb3 .our-investors__secondary_logos__c2Vjb2 .our-investors__logo_img__bG9nb1 {
height: 100%;
max-height: 30px;
width: auto; }
.topbar__wrapper__d3JhcH {
background: var(--kd-neutral-50);
list-style: none;
margin: 0;
padding: 0;
text-decoration: none; }
.topbar__wrapper__d3JhcH .topbar__container__Y29udG {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.3s ease-in-out; }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__container__Y29udG {
display: block;
grid-template-rows: none;
overflow: visible; } }
@media (min-width: 1340px) {
.topbar__wrapper__d3JhcH .topbar__container__Y29udG {
margin-left: auto;
margin-right: auto;
max-width: 1280px; } }
@media (min-width: 1600px) {
.topbar__wrapper__d3JhcH .topbar__container__Y29udG {
max-width: 1440px; } }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym {
align-items: center;
display: grid;
justify-content: stretch;
min-height: 72px;
overflow-y: hidden;
padding: 0 24px; }
@media (max-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG a:first-child {
display: none; } }
@media (max-width: 767.8px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym {
max-width: none; } }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym {
display: flex;
flex-direction: row;
gap: 16px;
height: 96px;
justify-content: space-between;
max-height: none;
max-width: none;
overflow-y: visible; } }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby {
display: flex;
height: 72px;
justify-content: space-between;
padding: 10px 0; }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby {
display: block;
height: auto; } }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby img {
max-width: 100px; }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby img {
max-width: 132px; } }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby a {
display: flex; }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__logo__bG9nby .topbar__buttons__YnV0dG {
display: none;
padding: 0; }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
padding: 16px 0; }
@media (min-width: 576px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG {
zoom: .8; } }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG {
zoom: 1;
flex-direction: row;
padding: 0; } }
@media (min-width: 992px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG {
flex-direction: row; } }
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG a {
text-align: center;
white-space: nowrap;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media (min-width: 1040px) {
.topbar__wrapper__d3JhcH .topbar__navbar__bmF2Ym .topbar__buttons__YnV0dG a:first-child {
display: inline-block; } }
.topbar__wrapper__d3JhcH .topbar__switch__c3dpdG {
display: none; }
.topbar__wrapper__d3JhcH .topbar__toggle__dG9nZ2 {
align-items: center;
align-self: center;
background-color: var(--kd-neutral-100);
border: 1px solid var(--kd-neutral-200);
border-radius: 100%;
box-shadow: none;
display: flex;
height: 40px;
justify-content: center;
padding: 0;
position: relative;
vertical-align: middle;
width: 40px; }
.topbar__wrapper__d3JhcH .topbar__toggle__dG9nZ2:before {
background: var(--kd-icon-toggler) no-repeat center;
content: "";
inset: 10px;
position: absolute; }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__toggle__dG9nZ2 {
display: none; } }
.topbar__wrapper__d3JhcH .topbar__switch__c3dpdG:checked ~ .topbar__container__Y29udG {
grid-template-rows: 1fr; }
@media (min-width: 768px) {
.topbar__wrapper__d3JhcH .topbar__switch__c3dpdG:checked ~ .topbar__container__Y29udG {
grid-template-rows: none; } }
.topbar__wrapper__d3JhcH .topbar__switch__c3dpdG:checked ~ .topbar__container__Y29udG .topbar__toggle__dG9nZ2::before {
speak: never;
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "KadenceIcons" !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
vertical-align: baseline;
content: ""; }
.topbar__wrapper__d3JhcH .topbar__switch__c3dpdG:checked ~ .topbar__container__Y29udG .topbar__toggle__dG9nZ2:before {
background: none; }
.why-kadence-hero__wrapper__d3JhcH {
display: grid;
gap: 40px; }
@media (min-width: 768px) {
.why-kadence-hero__wrapper__d3JhcH {
gap: 24px; } }