@charset "UTF-8";
    :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-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: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--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: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--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;
}
*,
*::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;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #000;
text-decoration: underline;
}
a:hover {
color: black;
}
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;
direction: ltr ;
unicode-bidi: bidi-override;
}
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: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
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]::-webkit-calendar-picker-indicator {
display: none;
}
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);
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend {
line-height: inherit;
}
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;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-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;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 15px);
padding-left: var(--bs-gutter-x, 15px);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 30px;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.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.3333333333%;
}
.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.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.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.3333333333%;
}
.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.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.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.3333333333%;
}
.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.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.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.3333333333%;
}
.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.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.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: 1200px) {
.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.3333333333%;
}
.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.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.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: 1400px) {
.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.3333333333%;
}
.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.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.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;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.link-primary {
color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
color: rgb(10.4, 88, 202.4);
}
.link-secondary {
color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
color: rgb(86.4, 93.6, 100);
}
.link-success {
color: #198754;
}
.link-success:hover, .link-success:focus {
color: rgb(20, 108, 67.2);
}
.link-info {
color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
color: rgb(61.4, 212.6, 243);
}
.link-warning {
color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
color: rgb(255, 205.4, 56.6);
}
.link-danger {
color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
color: rgb(176, 42.4, 55.2);
}
.link-light {
color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
color: rgb(249.4, 250.2, 251);
}
.link-dark {
color: #212529;
}
.link-dark:hover, .link-dark:focus {
color: rgb(26.4, 29.6, 32.8);
}
.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: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.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;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 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: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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-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;
} .text-break {
word-wrap: break-word !important;
word-break: break-word !important;
} .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: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
} .swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.c-black {
color: #252C2D;
}
.c-green {
color: #D0FF9B;
}
.bg-black {
background-color: #252C2D;
}
h1, .h1 {
font-family: "Founders Grotesk Semibold", sans-serif;
font-size: 29px;
line-height: 28px;
letter-spacing: normal;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 768px) {
h1, .h1 {
font-size: 47px;
line-height: 41px;
}
}
@media (min-width: 992px) {
h1, .h1 {
font-size: 70px;
line-height: 60px;
}
}
h1 span, h1 strong, .h1 span, .h1 strong {
color: rgba(245, 246, 247, 0.5);
font-weight: 600;
}
h2, .h2 {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
h2, .h2 {
font-size: 17px;
line-height: 23px;
}
}
.detalle {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.detalle {
font-size: 14px;
line-height: 16px;
}
}
h2.body-text {
font-family: "Founders Grotesk Regular", sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.02em;
}
@media (min-width: 768px) {
h2.body-text {
font-size: 16px;
line-height: 20px;
letter-spacing: -0.015em;
}
}
.r-gap-5 {
row-gap: 5px;
}
.r-gap-10 {
row-gap: 10px;
}
.gap-15 {
gap: 15px;
}
.r-gap-20 {
row-gap: 15px;
}
@media (min-width: 768px) {
.r-gap-20 {
row-gap: 20px;
}
}
.c-gap-10 {
column-gap: 10px;
}
.c-gap-15 {
column-gap: 15px;
}
@media (min-width: 768px) {
.c-gap-md-20 {
column-gap: 20px;
}
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-30 {
padding-top: 30px;
}
@media (min-width: 768px) {
.pt-md-20 {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.pt-md-15 {
padding-top: 15px;
}
}
@media (min-width: 768px) {
.pt-md-10 {
padding-top: 10px;
}
}
.pt-header {
padding-top: 101px;
}
@media (min-width: 768px) {
.pt-header {
padding-top: 126px;
}
}
@media (min-width: 992px) {
.pt-header {
padding-top: 146px;
}
}
.pt-yellow {
padding-top: 20px;
}
@media (min-width: 768px) {
.pt-yellow {
padding-top: 30px;
}
}
.mt-yellow {
margin-top: 20px;
}
@media (min-width: 768px) {
.mt-yellow {
margin-top: 30px;
}
}
.r-gap-yellow {
row-gap: 20px;
}
@media (min-width: 768px) {
.r-gap-yellow {
row-gap: 30px;
}
}
.pt-pink {
padding-top: 40px;
}
@media (min-width: 768px) {
.pt-pink {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.pt-pink {
padding-top: 60px;
}
}
.mt-pink {
margin-top: 40px;
}
@media (min-width: 768px) {
.mt-pink {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.mt-pink {
margin-top: 60px;
}
}
.mb-pink {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.mb-pink {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.mb-pink {
margin-bottom: 60px;
}
}
.r-gap-pink {
row-gap: 40px;
}
@media (min-width: 768px) {
.r-gap-pink {
row-gap: 50px;
}
}
@media (min-width: 992px) {
.r-gap-pink {
row-gap: 60px;
}
}
.pt-blue {
padding-top: 50px;
}
@media (min-width: 768px) {
.pt-blue {
padding-top: 70px;
}
}
@media (min-width: 992px) {
.pt-blue {
padding-top: 80px;
}
}
.pt-green {
padding-top: 60px;
}
@media (min-width: 768px) {
.pt-green {
padding-top: 80px;
}
}
@media (min-width: 992px) {
.pt-green {
padding-top: 120px;
}
}
.pt-red {
padding-top: 100px;
}
@media (min-width: 768px) {
.pt-red {
padding-top: 150px;
}
}
@media (min-width: 992px) {
.pt-red {
padding-top: 180px;
}
}
main section {
margin-bottom: 100px;
}
@media (min-width: 768px) {
main section {
margin-bottom: 150px;
}
}
@media (min-width: 992px) {
main section {
margin-bottom: 180px;
}
}
main section:last-of-type {
margin-bottom: 0;
}
footer {
padding-top: 100px;
}
@media (min-width: 768px) {
footer {
padding-top: 150px;
}
}
@media (min-width: 992px) {
footer {
padding-top: 180px;
}
}
@media (min-width: 768px) {
.px-md-20 {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.px-lg-10 {
padding-left: 10px;
padding-right: 10px;
}
}
.p-20 {
padding: 20px;
}
.py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.ml-20 {
margin-left: 20px;
}
@media (min-width: 992px) {
.ml-lg-20 {
margin-left: 20px;
}
}
.mt-auto {
margin-top: auto;
}
@media (min-width: 992px) {
.pt-lg-0 {
padding-top: 0;
}
}
.px-15 {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.px-md-20 {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.pl-lg-0 {
padding-left: 0;
}
}
.c-gap-5 {
column-gap: 5px;
}
@media (min-width: 768px) {
.pl-md-20 {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.pl-lg-0 {
padding-left: 0;
}
}
@media (min-width: 992px) {
.ml-lg-auto {
margin-left: auto;
}
}
@media (min-width: 992px) {
.mr-lg-20 {
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.px-lg-down-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@font-face {
font-family: "Founders Grotesk Regular";
src: url(//skylights.tech/wp-content/themes/skylights/assets/fonts/FoundersGrotesk-Regular.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "Founders Grotesk Medium";
src: url(//skylights.tech/wp-content/themes/skylights/assets/fonts/FoundersGrotesk-Medium.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "Founders Grotesk Semibold";
src: url(//skylights.tech/wp-content/themes/skylights/assets/fonts/FoundersGrotesk-Semibold.woff2) format("woff2");
font-display: swap;
}  html {
font-size: 62.5%;
scroll-behavior: smooth;
background-color: #151515;
}
body {
color: #F5F6F7;
font-family: "Founders Grotesk Regular", sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.02em;
}
@media (min-width: 768px) {
body {
font-size: 16px;
line-height: 20px;
letter-spacing: -0.015em;
}
}
body {
background: #161616;
transition: background-color cubic-bezier(0.19, 1, 0.22, 1) 1s;
}
body.no-scroll {
overflow: hidden;
}
.body-no-scroll {
overflow: hidden;
}
a:not([href]):not([tabindex]) {
cursor: pointer;
}
#link-copied {
position: fixed;
z-index: 100;
left: 30px;
transform: translateX(50%);
bottom: 30px;
padding: 8px 15px 11px;
border-radius: 5px;
background-color: #252C2D;
color: #FFFFFF;
opacity: 0;
transition: opacity 0.4s ease;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
}
@media (min-width: 768px) {
#link-copied {
transform: translateX(0);
left: 30px;
}
}
@media (min-width: 992px) {
#link-copied {
bottom: 30px;
}
}
#link-copied.show {
opacity: 1;
}
.wpcf7 form .wpcf7-response-output {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
border: 1px solid rgba(245, 246, 247, 0.1) !important;
color: #F5F6F7;
text-transform: uppercase;
padding: 12px 15px 15px !important;
outline: none !important;
margin: 10px 0 0 0 !important;
grid-column: span 2;
}
.grid-text {
display: flex;
flex-direction: column;
row-gap: 20px;
}
@media (min-width: 768px) {
.grid-text {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 30px;
row-gap: 30px;
}
}
@media (min-width: 992px) {
.grid-text {
grid-template-columns: repeat(3, 1fr);
column-gap: 90px;
}
}
@media (min-width: 768px) {
.grid-text .text-in {
grid-column: 3/span 8;
}
}
@media (min-width: 992px) {
.grid-text .text-in {
grid-column: span 1;
}
}
.hero-img-container {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border-radius: 8px;
overflow: hidden;
display: flex;
position: relative;
aspect-ratio: 2;
}
.hero-img-container img {
height: 100%;
width: 100%;
object-fit: cover;
}
.video-container {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border-radius: 8px;
overflow: hidden;
display: flex;
position: relative;
}
.video-container video {
width: 100%;
cursor: pointer;
}
.video-container .control-video {
border: 1px solid rgba(245, 246, 247, 0.15);
background-color: rgba(245, 246, 247, 0.2);
backdrop-filter: blur(10px);
border-radius: 100px;
overflow: hidden;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
pointer-events: none;
width: 35px;
height: 35px;
top: 15px;
right: 15px;
}
@media (min-width: 768px) {
.video-container .control-video {
top: 20px;
right: 20px;
}
}
.video-container .control-video svg {
transform: scale(0.8);
}
@media (min-width: 992px) {
.video-container .control-video {
top: 20px;
right: 30px;
width: 44px;
height: 44px;
}
.video-container .control-video svg {
transform: scale(1);
}
}
.video-container .control-video .pause {
display: none;
}
.video-container .control-video .play {
display: none;
margin-left: 4.5px;
}
.video-container .control-video .sound {
display: block;
}
.video-container .control-video.pause .pause {
display: block;
}
.video-container .control-video.pause .play {
display: none;
}
.video-container .control-video.pause .sound {
display: none;
}
.video-container .control-video.play .pause {
display: none;
}
.video-container .control-video.play .play {
display: block;
}
.video-container .control-video.play .sound {
display: none;
}
.video-container .cover-video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.video-container .cover-video img {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-container .cover-video.show {
opacity: 1;
}
.video-container.horizontal .hero-image {
width: 100%;
}
.video-container.horizontal .hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.video-container.horizontal {
width: 100%;
height: 100%;
}
.video-container.horizontal video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.video-container .home-hero-image {
width: 100%;
height: auto;
}
.video-container .home-hero-image img {
width: 100%;
height: auto;
}
.card-desc-container {
z-index: 1;
position: static;
margin-top: 20px;
}
@media (min-width: 768px) {
.card-desc-container {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.card-desc-container {
margin-top: 0;
position: absolute;
left: 0;
width: 100%;
bottom: 20px;
}
}
.card-desc-container .card-desc {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
padding: 20px;
}
.card-desc-container .card-desc .h2 {
margin-top: -1px;
}
@media (min-width: 992px) {
.card-desc-container .card-desc {
border-radius: 5px;
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
}
.card-desc-container .card-desc .h2 {
margin-top: -2px;
}
}
.card-desc-container .tags {
display: flex;
gap: 5px;
flex-wrap: wrap;
position: relative;
}
.card-desc-container .tag {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
background-color: rgba(245, 246, 247, 0.15);
border-color: rgba(245, 246, 247, 0.1);
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.card-desc-container .tag {
font-size: 14px;
line-height: 16px;
}
}
.card-desc-container .tag {
white-space: nowrap;
display: flex;
gap: 10px;
align-items: center;
border-radius: 5px;
padding: 5px 15px 6px;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
@media (min-width: 992px) {
.card-desc-container .tag {
transition: none;
background-color: rgba(245, 246, 247, 0);
}
}
.card-desc-container .tag p {
margin-top: -2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.card-desc-container .tag p {
font-size: 14px;
line-height: 16px;
}
}
.service-card {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
padding: 15px 0;
}
@media (min-width: 768px) {
.service-card {
padding: 20px 0px;
}
}
.service-card .text-container {
display: flex;
height: auto;
flex-direction: column;
align-items: start;
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 768px) {
.service-card .text-container {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 992px) {
.service-card .text-container {
width: 78.915%;
height: 100%;
margin-right: 0;
}
}
.service-card .img-container {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.service-card .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.8s;
}
.service-card .img-container img:first-child {
position: static;
height: auto;
}
.service-card .img-container img.active {
opacity: 1;
}
.service-card .acc-service {
width: 100%;
}
.service-card .acc-service .item {
cursor: pointer;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.service-card .acc-service .item {
padding-bottom: 30px;
}
}
.service-card .acc-service .item .item-header {
display: flex;
flex-direction: column;
gap: 15px;
}
@media (min-width: 768px) {
.service-card .acc-service .item .item-header {
gap: 20px;
}
}
.service-card .acc-service .item .bar {
background-color: rgba(245, 246, 247, 0.2);
position: relative;
height: 1px;
width: 100%;
display: block;
margin-top: -0.5px;
}
.service-card .acc-service .item .bar::after {
content: "";
background-color: #D0FF9B;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scaleX(0);
transform-origin: left;
}
.service-card .acc-service .item .inner-item {
display: grid;
grid-template-rows: 0fr;
width: 100%;
transition: grid-template-rows cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
cursor: default;
}
.service-card .acc-service .item.active .inner-item {
grid-template-rows: 1fr;
}
.service-card .acc-service .item.active .bar::after {
transition: transform linear 6s;
transform: scaleX(1);
}
.testimonios-card {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
overflow: hidden;
}
@media (min-width: 768px) {
.testimonios-card {
gap: 20px;
}
}
.testimonios-card .img-container {
width: 100%;
height: auto;
border-radius: 8px;
overflow: hidden;
}
@media (min-width: 992px) {
.testimonios-card .text-swiper-container {
position: absolute;
left: 20px;
bottom: 20px;
width: 40.21%;
}
}
.testimonios-card .navigation-testimonial {
position: absolute;
bottom: 30px;
right: 30px;
display: none;
gap: 5px;
}
@media (min-width: 992px) {
.testimonios-card .navigation-testimonial {
display: flex;
}
}
.testimonios-card .navigation-testimonial .swiper-button-prev,
.testimonios-card .navigation-testimonial .swiper-button-next {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
}
.testimonios-card .navigation-testimonial .swiper-button-prev.swiper-button-lock,
.testimonios-card .navigation-testimonial .swiper-button-next.swiper-button-lock {
display: none;
}
.testimonios-card .text-container {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
transition: opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95) !important;
padding: 15px;
}
@media (min-width: 768px) {
.testimonios-card .text-container {
padding: 20px;
}
}
@media (min-width: 992px) {
.testimonios-card .text-container {
background-color: rgba(245, 246, 247, 0.2);
border-color: rgba(245, 246, 247, 0.15);
border-radius: 5px;
}
}
.testimonios-card .text-container img {
width: 122px;
}
@media (min-width: 768px) {
.testimonios-card .text-container img {
width: 157px;
}
}
.logos-container {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.logos-container {
gap: 30px;
}
}
@media (min-width: 992px) {
.logos-container {
grid-template-columns: repeat(3, 1fr);
}
}
.logos-container .logo-item {
width: 100%;
height: auto;
position: relative;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
aspect-ratio: 1.7157;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.logos-container .logo-item {
aspect-ratio: 1.94444444;
}
}
.logos-container .logo-item img {
position: absolute;
height: auto;
width: calc(100% - 20px);
}
@media (min-width: 768px) {
.logos-container .logo-item img {
width: calc(100% - 40px);
}
}
.logos-container .logo-item img.new-image {
opacity: 0;
transform: translateY(30px);
}
.card-quote {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
width: 100%;
padding: 20px;
aspect-ratio: 1.425619;
position: relative;
}
@media (min-width: 768px) {
.card-quote {
aspect-ratio: 1.82;
padding: 50px;
}
}
@media (min-width: 992px) {
.card-quote {
aspect-ratio: 1.9142857;
padding: 0;
}
}
.card-quote .first-svg {
position: absolute;
left: 30px;
top: 40px;
width: calc(100% - 60px);
}
@media (min-width: 768px) {
.card-quote .first-svg {
left: 60px;
top: 60px;
width: calc(100% - 120px);
}
}
@media (min-width: 992px) {
.card-quote .first-svg {
left: 80px;
top: 80px;
width: calc(100% - 160px);
}
}
.card-quote .first-svg img {
width: 100%;
height: auto;
}
.card-quote .second-svg {
position: absolute;
transform: rotate(180deg);
left: 30px;
bottom: 40px;
width: calc(100% - 60px);
}
@media (min-width: 768px) {
.card-quote .second-svg {
width: calc(100% - 120px);
left: 60px;
bottom: 60px;
}
}
@media (min-width: 992px) {
.card-quote .second-svg {
width: calc(100% - 160px);
left: 80px;
bottom: 80px;
}
}
.card-quote .second-svg img {
width: 100%;
height: auto;
}
.about-slide-img {
width: 100%;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 1.5869;
}
.about-slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-big-card {
width: 100%;
overflow: hidden;
position: relative;
}
.about-big-card img {
width: 100%;
height: auto;
border-radius: 8px;
}
.about-big-card .text-container {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
}
.about-big-card .text-container .h2 {
margin-top: -2px;
}
.about-big-card .text-container {
padding: 15px;
margin-top: 15px;
}
@media (min-width: 768px) {
.about-big-card .text-container {
padding: 20px 0;
margin-top: 20px;
}
}
@media (min-width: 992px) {
.about-big-card .text-container {
margin-top: 0;
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
position: absolute;
bottom: 20px;
right: 20px;
width: 30%;
color: #F5F6F7;
border-radius: 5px;
padding: 20px;
width: 33.3333333%;
}
.about-big-card .text-container .h2 {
margin-top: -2px;
}
}
.cards-ethos {
display: grid;
grid-template-rows: repeat(3, 1fr);
gap: 20px;
}
@media (min-width: 768px) {
.cards-ethos {
gap: 30px;
}
}
@media (min-width: 1200px) {
.cards-ethos {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
}
}
.cards-ethos .card-item {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
display: flex;
flex-direction: column;
padding: 15px;
}
@media (min-width: 768px) {
.cards-ethos .card-item {
padding: 20px;
}
}
@media (min-width: 1200px) {
.cards-ethos .card-item {
aspect-ratio: 1.1025;
}
}
.cards-ethos .card-item .title {
display: flex;
align-items: start;
justify-content: space-between;
gap: 60px;
}
@media (min-width: 992px) {
.cards-ethos .card-item .title {
gap: 30px;
}
}
.cards-ethos .card-item .title img {
height: auto;
flex: none;
width: 36px;
}
.cards-ethos .card-item .h2 {
margin-top: -2px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.cards-ethos .card-item p {
width: 69.69%;
}
}
.lines {
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.lines::after {
content: "";
display: block;
height: 15px;
width: 100%;
background-image: repeating-linear-gradient(to right, rgba(245, 246, 247, 0.2) 0 1px, transparent 0.5px 5%);
background-size: 100% 100%;
will-change: transform;
transform: translateZ(0); backface-visibility: hidden; }
.container-timeline {
width: 100%;
border-radius: 8px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
overflow: hidden;
padding: 15px;
}
@media (min-width: 768px) {
.container-timeline {
padding: 20px 0 20px 20px;
}
}
.container-timeline .time-tag {
padding: 6px 15px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
}
.container-timeline .time-tag p {
margin-top: -2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.container-timeline .time-tag p {
font-size: 14px;
line-height: 16px;
}
}
.container-timeline .fact-wrapper {
border-left: 1px solid rgba(245, 246, 247, 0.2);
padding-left: 15px;
margin-top: 15px;
}
@media (min-width: 768px) {
.container-timeline .fact-wrapper {
padding-left: 20px;
margin-top: 20px;
}
}
.container-timeline .fact-wrapper .inner-fact {
width: 85.187%;
}
@media (min-width: 768px) {
.container-timeline .fact-wrapper .inner-fact {
width: 72.536%;
}
}
@media (min-width: 992px) {
.container-timeline .fact-wrapper .inner-fact {
width: 74.822%;
}
}
.container-timeline .fact-wrapper .img-wrapper {
width: 100%;
overflow: hidden;
border-radius: 5px;
}
.team {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.team {
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.team {
grid-template-columns: repeat(4, 1fr);
}
}
.team .member {
position: relative;
}
@media (max-width: 767.98px) {
.team .member {
display: flex;
gap: 10px;
}
}
.team .member img {
width: 100%;
height: auto;
overflow: hidden;
border-radius: 8px;
width: 36.232%;
object-position: center;
object-fit: cover;
aspect-ratio: 0.8865;
}
@media (min-width: 768px) {
.team .member img {
width: 100%;
aspect-ratio: 0.77717;
}
}
@media (min-width: 992px) {
.team .member img {
aspect-ratio: 0.7783;
}
}
.team .member .team-description {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
flex: 1;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: end;
}
@media (min-width: 768px) {
.team .member .team-description {
border-radius: 5px;
flex: auto;
padding: 20px;
position: absolute;
left: 20px;
bottom: 20px;
width: 66.476%;
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
}
}
@media (min-width: 992px) {
.team .member .team-description {
width: 68.48%;
}
}
.team .member .team-description .job-title {
color: rgba(245, 246, 247, 0.5);
}
.wrapper-toggle {
display: flex;
gap: 10px;
align-items: center;
}
.wrapper-toggle .container-word {
cursor: pointer;
position: relative;
user-select: none;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.wrapper-toggle .container-word {
font-size: 14px;
line-height: 16px;
}
}
.wrapper-toggle .container-word .grid-word {
transition: opacity 0.2s cubic-bezier(0.3, 0.86, 0.36, 0.95);
margin-top: -2px;
}
.wrapper-toggle .container-word .list-word {
transition: opacity 0.2s cubic-bezier(0.3, 0.86, 0.36, 0.95);
position: absolute;
top: 0;
left: 0;
margin-top: -2px;
opacity: 0;
}
.wrapper-toggle .listado-toggle {
width: 24px;
height: 14px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 20px;
position: relative;
}
.wrapper-toggle .listado-toggle .toggle-circle {
width: 8px;
height: 8px;
background-color: #F5F6F7;
border-radius: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3px;
transition: left cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
}
.wrapper-toggle.active .listado-toggle .toggle-circle {
left: 13px;
}
.wrapper-toggle.active .container-word .grid-word {
opacity: 0;
}
.wrapper-toggle.active .container-word .list-word {
opacity: 1;
}
@media (min-width: 992px) {
.container-page {
overflow: auto;
width: 100vw;
height: 100vh;
}
}
@media (min-width: 992px) {
.container-page::-webkit-scrollbar {
display: none;
}
}
@media (min-width: 992px) {
.container-page .inner-page {
display: flex;
padding-top: 96px;
height: 100%;
}
}
.container-page .inner-page section {
margin-top: 20px !important;
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.container-page .inner-page section {
margin-top: 30px !important;
}
}
@media (min-width: 992px) {
.container-page .inner-page section {
padding-bottom: 50px;
margin-top: 0 !important;
}
}
@media (min-width: 992px) {
.container-page .inner-page section .container-fluid, .container-page .inner-page section .container-sm, .container-page .inner-page section .container-md, .container-page .inner-page section .container-lg, .container-page .inner-page section .container-xl, .container-page .inner-page section .container-xxl {
padding: 0 !important;
}
}
.container-page .inner-page section:first-child {
padding-top: 101px;
}
@media (min-width: 768px) {
.container-page .inner-page section:first-child {
padding-top: 126px;
}
}
@media (min-width: 992px) {
.container-page .inner-page section:first-child {
padding-top: 0;
}
}
.container-page .inner-page section.sec-hero {
width: 100vw;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container-page .inner-page section.sec-hero {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.container-page .inner-page section.sec-hero {
height: 100%;
flex: none;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
}
}
.container-page .inner-page section.sec-hero:not(.footer) {
padding-top: 71px;
margin-top: 0 !important;
}
@media (min-width: 768px) {
.container-page .inner-page section.sec-hero:not(.footer) {
padding-top: 86px;
}
}
@media (min-width: 992px) {
.container-page .inner-page section.sec-hero:not(.footer) {
padding-top: 0;
}
}
.container-page .inner-page section.sec-hero footer {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 100%;
}
.container-page .inner-page section.sec-hero footer .container-fluid, .container-page .inner-page section.sec-hero footer .container-sm, .container-page .inner-page section.sec-hero footer .container-md, .container-page .inner-page section.sec-hero footer .container-lg, .container-page .inner-page section.sec-hero footer .container-xl, .container-page .inner-page section.sec-hero footer .container-xxl {
height: 100%;
display: flex;
flex-direction: column;
}
.container-page .inner-page section.sec-hero footer .container-fluid .row.pt-green.r-gap-yellow, .container-page .inner-page section.sec-hero footer .container-sm .row.pt-green.r-gap-yellow, .container-page .inner-page section.sec-hero footer .container-md .row.pt-green.r-gap-yellow, .container-page .inner-page section.sec-hero footer .container-lg .row.pt-green.r-gap-yellow, .container-page .inner-page section.sec-hero footer .container-xl .row.pt-green.r-gap-yellow, .container-page .inner-page section.sec-hero footer .container-xxl .row.pt-green.r-gap-yellow {
margin-top: auto;
}
@media (min-width: 992px) {
.container-page .inner-page section.auto {
height: auto;
flex: none;
}
}
.big-image-horitzontal {
width: 66.66666667%;
}
.grid-horizontal {
display: grid;
width: 100%;
grid-template-columns: 1fr;
gap: 20px;
padding: 0px 15px;
}
@media (min-width: 768px) {
.grid-horizontal {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin: 0 auto;
padding: 0px 20px;
width: 83.33333333%;
}
}
@media (min-width: 992px) {
.grid-horizontal {
margin-right: 0;
grid-auto-flow: column; grid-auto-columns: 33.333vw; grid-template-rows: repeat(2, calc(50% - 15px)); height: 100%;
margin-left: 30px;
padding: 0px;
}
}
.big-image-horizontal {
flex: none;
}
@media (min-width: 768px) {
.big-image-horizontal {
grid-column: span 2;
grid-row: span 2;
}
}
@media (min-width: 992px) {
.big-image-horizontal {
width: auto;
min-width: max-content;
max-width: 100%;
}
}
.big-image-horizontal {
border-radius: 8px;
overflow: hidden;
}
.big-image-horizontal img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.big-image-horizontal img {
max-width: calc(66.66666667vw - 30px);
}
}
.wrapper-little {
overflow: hidden;
border-radius: 8px;
grid-column: span 1;
grid-row: span 1;
}
.wrapper-little img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.third-of-viewport {
width: calc(33.33333333vw - 60px);
height: 100%;
}
}
.container-info {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
height: 100%;
display: flex;
flex-direction: column;
padding: 15px;
}
@media (min-width: 768px) {
.container-info {
padding: 20px;
}
}
.container-info .svgs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.container-info .svgs .svg-item {
border-top: 1px solid rgba(245, 246, 247, 0.2);
padding-top: 10px;
gap: 15px;
display: flex;
}
@media (min-width: 768px) {
.container-info .svgs .svg-item {
gap: 20px;
padding-top: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.container-info .svgs .svg-item {
flex-direction: column;
}
}
.container-info .svgs .svg-item p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.container-info .svgs .svg-item p {
font-size: 14px;
line-height: 16px;
}
}
.container-info .svgs .svg-item p {
margin-top: -2px;
}
.container-info .svgs .svg-item img {
flex: none;
height: auto;
width: 30px;
}
@media (min-width: 768px) {
.container-info .svgs .svg-item img {
width: 36px;
}
}
.container-info .h2 {
margin-top: -1px;
}
@media (min-width: 768px) {
.container-info .h2 {
margin-top: -2px;
}
}
.grid-little-img {
display: flex;
flex-direction: column;
height: 100%;
gap: 30px;
}
.order-btn.show svg {
transform: rotate(180deg);
}
.order-blog {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
position: absolute;
border-radius: 3px;
top: calc(100% + 5px);
right: 0;
width: auto;
pointer-events: none;
display: flex;
flex-direction: column;
gap: 5px;
opacity: 0;
pointer-events: none;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
padding: 10px;
}
@media (min-width: 768px) {
.order-blog {
padding: 15px;
}
}
.order-blog a {
white-space: nowrap;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.order-blog a {
font-size: 14px;
line-height: 16px;
}
}
.order-blog a {
margin-top: -2px;
}
.order-blog a.active {
display: none;
}
.order-blog.show {
pointer-events: auto;
opacity: 1;
}
.divider-blog {
padding-top: 10px;
}
@media (min-width: 768px) {
.divider-blog {
padding-top: 15px;
}
}
.divider-blog {
border-top: 1px solid rgba(245, 246, 247, 0.2);
}
@media (max-width: 767.98px) {
.overflow-hidden-sm {
overflow: hidden;
}
}
.blog-pagination {
display: flex;
gap: 5px;
align-items: center;
}
.blog-pagination .page-numbers, .blog-pagination .btn-next, .blog-pagination .btn-prev {
width: 32px;
height: 32px;
padding-bottom: 2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.blog-pagination .page-numbers, .blog-pagination .btn-next, .blog-pagination .btn-prev {
font-size: 14px;
line-height: 16px;
}
}
.blog-pagination .page-numbers, .blog-pagination .btn-next, .blog-pagination .btn-prev {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
transition: border-color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.blog-pagination .page-numbers.active, .blog-pagination .page-numbers.current, .blog-pagination .btn-next.active, .blog-pagination .btn-next.current, .blog-pagination .btn-prev.active, .blog-pagination .btn-prev.current {
background-color: #D0FF9B;
pointer-events: none;
border-color: #D0FF9B;
color: #252C2D;
}
@media (min-width: 992px) {
.blog-pagination .page-numbers:hover, .blog-pagination .btn-next:hover, .blog-pagination .btn-prev:hover {
border-color: rgba(245, 246, 247, 0.5);
}
}
.post-tag {
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
border-radius: 5px;
padding: 6.5px 10px;
}
@media (min-width: 768px) {
.post-tag {
padding: 6.5px 15px;
}
}
.post-tag p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.post-tag p {
font-size: 14px;
line-height: 16px;
}
}
.post-tag p {
margin-top: -2px;
}
.hero-blog {
width: 100%;
height: auto;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 1.5681;
}
@media (min-width: 768px) {
.hero-blog {
aspect-ratio: 2.233333;
}
}
.hero-blog img {
width: 100%;
height: 100%;
object-fit: cover;
}
.principal-content h2, .principal-content h1, .principal-content h3, .principal-content h4, .principal-content h5, .principal-content h6 {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.principal-content h2, .principal-content h1, .principal-content h3, .principal-content h4, .principal-content h5, .principal-content h6 {
font-size: 17px;
line-height: 23px;
}
}
.principal-content h2, .principal-content h1, .principal-content h3, .principal-content h4, .principal-content h5, .principal-content h6 {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.principal-content h2, .principal-content h1, .principal-content h3, .principal-content h4, .principal-content h5, .principal-content h6 {
margin-bottom: 15px;
}
}
.principal-content a {
text-decoration: underline;
}
.principal-content p {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.principal-content p {
margin-bottom: 30px;
}
}
.principal-content p:empty {
display: none;
}
.principal-content > *:not(:empty):last-child {
margin-bottom: 0;
}
.sticky-col {
position: sticky;
height: 100%;
top: 100px;
z-index: 10;
}
.container-follow {
width: 100%;
border-radius: 5px;
display: flex;
align-items: center;
gap: 5px;
position: relative;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
padding: 9.5px 10px;
justify-content: space-between;
background-color: rgba(245, 246, 247, 0.1);
}
.container-follow p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.container-follow p {
font-size: 14px;
line-height: 16px;
}
}
.container-follow p {
margin-top: -2px;
}
.container-follow .social-icons {
display: flex;
gap: 5px;
}
.container-follow .social-icons .social-icon {
background-color: #D0FF9B;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
width: 30px;
height: 30px;
}
.container-follow .social-icons .social-icon svg {
transform: scale(0.85);
}
@media (min-width: 768px) {
.container-follow .social-icons .social-icon {
width: 36px;
height: 36px;
}
.container-follow .social-icons .social-icon svg {
transform: scale(1);
}
}
.img-wrapper-post {
border-radius: 8px;
overflow: hidden;
}
.cobertura-bigcard {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
}
@media (min-width: 768px) {
.cobertura-bigcard {
gap: 20px;
}
}
.cobertura-bigcard .img-wrapper {
overflow: hidden;
border-radius: 8px;
aspect-ratio: 1.5681;
}
@media (min-width: 768px) {
.cobertura-bigcard .img-wrapper {
aspect-ratio: 2.1135;
}
}
@media (min-width: 992px) {
.cobertura-bigcard .img-wrapper {
aspect-ratio: 1.7;
}
}
@media (min-width: 1200px) {
.cobertura-bigcard .img-wrapper {
aspect-ratio: 2.1135;
}
}
.cobertura-bigcard .img-wrapper {
position: relative;
}
.cobertura-bigcard img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
object-fit: cover;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.4s;
}
.cobertura-bigcard img.active {
opacity: 1;
}
.cobertura-bigcard .text-wrapper {
width: 100%;
height: auto;
}
@media (min-width: 992px) {
.cobertura-bigcard .text-wrapper {
position: absolute;
bottom: 20px;
left: 0;
}
}
.cobertura-bigcard .acc-item {
width: 100%;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
cursor: pointer;
padding: 14.5px 15px;
}
@media (min-width: 768px) {
.cobertura-bigcard .acc-item {
padding: 20px;
}
}
@media (min-width: 992px) {
.cobertura-bigcard .acc-item {
background-color: rgba(245, 246, 247, 0.2);
border: 1px solid rgba(245, 246, 247, 0.15);
}
}
.cobertura-bigcard .acc-item .acc-header {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
}
.cobertura-bigcard .acc-item .acc-header svg {
transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
.cobertura-bigcard .acc-item .acc-inner {
width: 100%;
}
@media (min-width: 768px) {
.cobertura-bigcard .acc-item .acc-inner {
width: 91.837%;
}
}
@media (min-width: 992px) {
.cobertura-bigcard .acc-item .acc-inner {
width: 100%;
}
}
.cobertura-bigcard .acc-item .acc-inner {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
.cobertura-bigcard .acc-item .acc-inner p {
cursor: auto;
}
.cobertura-bigcard .acc-item.show .acc-inner {
grid-template-rows: 1fr;
}
.cobertura-bigcard .acc-item.show svg {
transform: rotate(45deg);
}
.main-404 {
height: 100vh;
overflow: hidden;
width: 100%;
background-color: #161616;
position: relative;
}
.main-404 .dot-404 {
width: 10px;
height: 10px;
background-color: #FFFFFF;
border-radius: 100%;
position: absolute;
}
.main-404 .dot-404:nth-child(1) {
top: 15%;
left: 10%;
}
.main-404 .dot-404:nth-child(2) {
top: 5%;
left: 30%;
}
.main-404 .dot-404:nth-child(3) {
top: 25%;
left: 70%;
}
.main-404 .dot-404:nth-child(4) {
top: 10%;
left: 85%;
}
.main-404 .dot-404:nth-child(5) {
top: 35%;
left: 30%;
}
.main-404 .dot-404:nth-child(6) {
top: 60%;
left: 80%;
}
.main-404 .dot-404:nth-child(7) {
top: 90%;
left: 5%;
}
.main-404 .dot-404:nth-child(8) {
top: 70%;
left: 25%;
}
.main-404 .dot-404:nth-child(9) {
top: 85%;
left: 90%;
}
.main-404 .dot-404:nth-child(10) {
top: 90%;
left: 50%;
}
@media (min-width: 768px) {
.main-404 .dot-404:nth-child(3) {
top: 20%;
left: 60%;
}
.main-404 .dot-404:nth-child(1) {
top: 15%;
left: 10%;
}
.main-404 .dot-404:nth-child(2) {
top: 5%;
left: 30%;
}
.main-404 .dot-404:nth-child(3) {
top: 20%;
left: 60%;
}
.main-404 .dot-404:nth-child(4) {
top: 10%;
left: 85%;
}
.main-404 .dot-404:nth-child(5) {
top: 35%;
left: 30%;
}
.main-404 .dot-404:nth-child(6) {
top: 65%;
left: 70%;
}
.main-404 .dot-404:nth-child(7) {
top: 90%;
left: 5%;
}
.main-404 .dot-404:nth-child(8) {
top: 70%;
left: 25%;
}
.main-404 .dot-404:nth-child(9) {
top: 85%;
left: 90%;
}
.main-404 .dot-404:nth-child(10) {
top: 90%;
left: 50%;
}
.main-404 .dot-404:nth-child(11) {
top: 50%;
left: 5%;
}
.main-404 .dot-404:nth-child(12) {
top: 45%;
left: 95%;
}
.main-404 .dot-404:nth-child(6) {
top: 65%;
left: 70%;
}
}
.title-404 {
width: 100%;
position: absolute;
left: 0;
top: 40px;
}
@media (min-width: 768px) {
.title-404 {
top: 50px;
}
}
@media (min-width: 992px) {
.title-404 {
top: 60px;
}
}
.indoor-hero {
width: 100%;
height: auto;
aspect-ratio: 1.5681;
border-radius: 8px;
overflow: hidden;
position: relative;
}
@media (min-width: 768px) {
.indoor-hero {
aspect-ratio: 1.997;
}
}
@media (min-width: 992px) {
.indoor-hero {
aspect-ratio: 2.233334;
}
}
.indoor-hero img {
width: 100%;
height: 100%;
object-fit: cover;
}
.container-marquee {
position: absolute;
left: 0;
width: 100%;
bottom: 20px;
}
.container-marquee .marquee {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
}
.container-marquee .marquee .inner-marquee {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.container-marquee .marquee .items {
display: flex;
align-items: center;
flex: none;
flex-wrap: nowrap;
}
.container-marquee .marquee .item {
display: flex;
flex: none;
gap: 15px;
align-items: center;
margin-left: 5px;
margin-right: 5px;
flex: none;
white-space: nowrap;
padding: 10px 15px;
border-radius: 3px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
color: #F5F6F7;
cursor: default;
}
.container-marquee .marquee .item p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.container-marquee .marquee .item p {
font-size: 14px;
line-height: 16px;
}
}
.container-marquee .marquee .item p {
margin-top: -2px;
color: #FFFFFF;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.big-card-req {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
row-gap: 40px;
padding: 15px;
}
@media (min-width: 768px) {
.big-card-req {
padding: 20px;
row-gap: 50px;
}
}
.big-card-req .text-wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.big-card-req .text-wrapper {
width: 92.735%;
}
}
@media (min-width: 992px) {
.big-card-req .text-wrapper {
width: 36.18%;
}
}
.big-card-req .img-wrapper {
margin-left: auto;
width: 100%;
border-radius: 3px;
overflow: hidden;
}
@media (min-width: 992px) {
.big-card-req .img-wrapper {
width: 48.707%;
}
}
.big-card-req .divider {
height: 1px;
background-color: rgba(245, 246, 247, 0.1);
width: 100%;
}
@media (min-width: 768px) {
.big-card-req .divider {
width: calc(83.3333333333vw - 80px);
}
}
@media (min-width: 992px) {
.big-card-req .divider {
width: 100%;
}
}
.big-card-req ul {
margin: 0;
padding: 0;
}
.big-card-req ul li {
padding-left: 25px;
position: relative;
}
.big-card-req ul li::before {
content: "";
width: 5px;
height: 5px;
background-color: #F5F6F7;
border-radius: 5px;
position: absolute;
left: 6px;
top: 9px;
}
@media (min-width: 992px) {
.big-card-req ul li::before {
top: 8px;
}
}
.cart-tec-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
gap: 20px;
}
@media (min-width: 768px) {
.cart-tec-grid {
gap: 30px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.cart-tec-grid {
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
}
}
.cart-tec {
width: 100%;
border-radius: 8px;
display: flex;
gap: 20px;
height: 100%;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
padding: 15px;
align-items: start;
justify-content: space-between;
}
.cart-tec p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.cart-tec p {
font-size: 17px;
line-height: 23px;
}
}
.cart-tec p {
margin-top: -1px;
}
@media (min-width: 768px) {
.cart-tec {
padding: 20px;
}
}
.cart-tec img {
flex: none;
height: auto;
width: 30px;
}
@media (min-width: 768px) {
.cart-tec img {
width: 36px;
}
}
.acc-cob-item {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
overflow: hidden;
padding: 15px;
cursor: pointer;
}
@media (min-width: 768px) {
.acc-cob-item {
padding: 20px;
}
}
.acc-cob-item .header-acc {
display: flex;
}
.acc-cob-item .header-acc .number {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.acc-cob-item .header-acc .number {
font-size: 17px;
line-height: 23px;
}
}
.acc-cob-item .header-acc .number {
width: 20px;
margin-right: 16px;
padding-top: 4px;
}
@media (min-width: 768px) {
.acc-cob-item .header-acc .number {
margin-right: 28px;
}
}
.acc-cob-item .header-acc .h2 {
padding-top: 4px;
}
@media (min-width: 992px) {
.acc-cob-item .header-acc {
align-items: center;
}
.acc-cob-item .header-acc .h2 {
padding-top: 0;
}
.acc-cob-item .header-acc .number {
padding-top: 0;
}
}
.acc-cob-item .inner-acc {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.acc-cob-item .inner-acc .over-acc {
overflow: hidden;
}
.acc-cob-item .inner-acc .over-acc.show {
overflow: visible;
}
.acc-cob-item .acc-icon {
width: 30px;
height: 30px;
border-radius: 3px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
flex: none;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
@media (min-width: 768px) {
.acc-cob-item .acc-icon {
width: 36px;
height: 36px;
}
}
.acc-cob-item .content {
padding-left: 36px;
cursor: auto;
}
@media (min-width: 768px) {
.acc-cob-item .content {
padding-left: 48px;
width: 92.735%;
}
}
@media (min-width: 992px) {
.acc-cob-item .content {
width: 100%;
display: flex;
align-items: end;
}
.acc-cob-item .content p {
width: 41.795%;
}
.acc-cob-item .content .pt-yellow {
width: 41.795%;
margin-left: auto;
padding: 0 !important;
margin-top: -51px !important;
}
}
.acc-cob-item .img-wrapper {
border-radius: 5px;
overflow: hidden;
width: 100%;
}
@media (min-width: 768px) {
.acc-cob-item .img-wrapper {
width: 64.332%;
}
}
@media (min-width: 992px) {
.acc-cob-item .img-wrapper {
width: 100%;
opacity: 0;
transition: opacity cubic-bezier(0.19, 0.22, 0.36, 0.95) 0.2s;
}
.acc-cob-item .img-wrapper.show {
opacity: 1;
}
}
.acc-cob-item .img-wrapper img {
width: 100%;
height: auto;
}
.acc-cob-item.show .acc-icon {
opacity: 0;
}
.acc-cob-item.show .inner-acc {
grid-template-rows: 1fr;
}
.big-map {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
overflow: hidden;
width: 100%;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
aspect-ratio: 1.677777;
}
@media (min-width: 992px) {
.big-map {
aspect-ratio: 2.23;
}
}
.big-map .wrapper-svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.big-map .container-svg {
display: flex;
position: absolute;
left: 0;
top: 50%;
width: 200%;
}
@media (min-width: 768px) {
.big-map .container-svg {
width: 130%;
}
}
@media (min-width: 992px) {
.big-map .container-svg {
width: 100%;
}
}
.big-map svg {
width: 100%;
height: auto;
}
.big-map .dot-green-abs {
position: absolute;
width: 40px;
height: 40px;
background-color: rgba(208, 255, 155, 0.6);
}
.big-map .location-label {
position: absolute;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
background-color: rgba(245, 246, 247, 0.2);
padding: 6px 15px;
border-radius: 5px;
opacity: 0;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.big-map .location-label {
font-size: 14px;
line-height: 16px;
}
}
.big-map .location-label {
white-space: nowrap;
transform: translate(40px, -50%);
}
@media (min-width: 768px) {
.big-map .location-label {
transform: translate(80px, -50%);
}
}
.big-map .location-label::before {
content: "";
height: 1px;
background-color: rgba(245, 246, 247, 0.2);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -40px;
width: 40px;
}
@media (min-width: 768px) {
.big-map .location-label::before {
left: -80px;
width: 80px;
transform: scaleX(0);
transition: transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
transform-origin: right;
}
}
@media (min-width: 768px) {
.big-map .location-label.active::before {
transform: scaleX(1);
}
}
.big-map .location-label.right {
transform: translate(calc(-100% - 40px), -50%);
}
@media (min-width: 768px) {
.big-map .location-label.right {
transform: translate(calc(-100% - 80px), -50%);
}
}
.big-map .location-label.right::before {
left: auto;
right: -40px;
}
@media (min-width: 768px) {
.big-map .location-label.right::before {
right: -80px;
}
}
.box-impact {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
gap: 5px;
}
@media (min-width: 768px) {
.box-impact {
gap: 20px;
}
}
@media (min-width: 992px) {
.box-impact {
gap: 30px;
}
}
.box-impact {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
padding: 40px;
}
@media (min-width: 768px) {
.box-impact {
padding: 50px;
}
}
@media (min-width: 992px) {
.box-impact {
padding: 60px;
}
}
.faq-acc-item {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
padding: 15px;
cursor: pointer;
}
@media (min-width: 768px) {
.faq-acc-item {
padding: 20px;
}
}
.faq-acc-item .header-acc {
display: flex;
justify-content: space-between;
gap: 20px;
}
@media (min-width: 768px) {
.faq-acc-item .header-acc {
align-items: center;
}
}
.faq-acc-item .header-acc p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.faq-acc-item .header-acc p {
font-size: 17px;
line-height: 23px;
}
}
.faq-acc-item .header-acc p {
margin-top: -1px;
}
.faq-acc-item .header-acc .acc-icon {
width: 30px;
height: 30px;
border-radius: 3px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
flex: none;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
.faq-acc-item .header-acc .acc-icon svg {
transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
@media (min-width: 768px) {
.faq-acc-item .header-acc .acc-icon {
width: 36px;
height: 36px;
}
}
.faq-acc-item .inner-acc {
cursor: auto;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s cubic-bezier(0.3, 0.86, 0.36, 0.95);
width: calc(100% - 15px);
}
@media (min-width: 768px) {
.faq-acc-item .inner-acc {
width: calc(100% - 30px);
}
}
@media (min-width: 992px) {
.faq-acc-item .inner-acc {
width: calc(100% - 60px);
}
}
.faq-acc-item.show .inner-acc {
grid-template-rows: 1fr;
}
.faq-acc-item.show .acc-icon svg {
transform: rotate(45deg);
}
.draggable-marquee {
width: 100%;
display: flex;
justify-content: center;
position: relative;
}
.draggable-marquee .inner-marquee {
display: flex;
align-items: center;
flex: none;
flex-wrap: nowrap;
}
.draggable-marquee .inner-marquee .items {
display: flex;
align-items: center;
flex: none;
flex-wrap: nowrap;
}
.draggable-marquee .inner-marquee .items .item {
width: calc(100vw - 30px);
}
@media (min-width: 768px) {
.draggable-marquee .inner-marquee .items .item {
width: 61.85vw;
}
}
@media (min-width: 992px) {
.draggable-marquee .inner-marquee .items .item {
width: 46.66667vw;
}
}
.draggable-marquee .inner-marquee .items .item {
margin-left: 15px;
margin-right: 15px;
}
.draggable-marquee .proxy {
position: absolute;
height: 1px;
width: 100%;
top: 0;
left: 0;
pointer-events: none;
}
.location-group .first-circle {
opacity: 0;
}
.location-group .second-circle {
opacity: 0;
}
#container-wm {
width: 100%;
}
.fade-on-scroll,
.animate-on-scroll {
opacity: 0;
will-change: scroll-position;
}
.stagger-on-scroll .stagger-child {
opacity: 0;
transform: translateY(0px);
will-change: scroll-position;
}
.stagger-on-scroll.animate .stagger-child {
animation-name: a;
animation-fill-mode: forwards;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
animation-duration: 1s;
}
@media (max-width: 991.98px) {
.stagger-on-scroll.animate .stagger-child {
animation-duration: 0.8s;
}
}
s .fade-on-scroll.animate {
animation-name: d;
animation-fill-mode: forwards;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
animation-duration: 1s;
}
@media (max-width: 991.98px) {
s .fade-on-scroll.animate {
animation-duration: 0.8s;
}
}
.animate-on-scroll.animate {
animation-name: a;
animation-fill-mode: forwards;
animation-duration: 1s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 991.98px) {
.animate-on-scroll.animate {
animation-duration: 0.8s;
}
}
.line-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
flex-direction: column;
align-items: start;
display: none;
}
.line-container .overflow-wrapper {
overflow: hidden;
display: inline-block;
}
.line-container .overflow-wrapper .line {
display: inline-flex;
white-space: nowrap;
color: #252C2D;
transform: translateY(100%);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 991.98px) {
.line-container .overflow-wrapper .line {
transition-duration: 0.8s;
}
}
.text-up {
display: inline-block;
position: relative;
width: 100%;
color: transparent;
opacity: 0;
will-change: transform;
}
.text-up .line-container {
display: flex;
}
.text-up.animate {
opacity: 1;
}
.text-up.animate .line {
transform: translateY(0);
}
@keyframes a {
0% {
opacity: 0;
-webkit-backface-visibility: hidden;
}
to {
opacity: 1;
-webkit-backface-visibility: hidden;
}
}
@keyframes d {
0% {
opacity: 0;
transform: translateY(20px);
-webkit-backface-visibility: hidden;
}
to {
opacity: 1;
transform: translateY(0);
-webkit-backface-visibility: hidden;
}
}
.anim-delay-1 {
animation-delay: 0.12s;
}
.anim-delay-2 {
animation-delay: 0.24s;
}
.anim-delay-3 {
animation-delay: 0.36s;
}
.anim-delay-4 {
animation-delay: 0.48s;
}
.anim-delay-5 {
animation-delay: 0.6s;
}
@media (min-width: 768px) {
.anim-delay-md-1 {
animation-delay: 0.12s;
}
}
@media (min-width: 768px) {
.anim-delay-md-2 {
animation-delay: 0.24s;
}
}
@media (min-width: 768px) {
.anim-delay-md-3 {
animation-delay: 0.36s;
}
}
@media (min-width: 768px) {
.anim-delay-md-4 {
animation-delay: 0.48s;
}
}
@media (min-width: 768px) {
.anim-delay-md-5 {
animation-delay: 0.6s;
}
}
@media (min-width: 992px) {
.anim-delay-lg-1 {
animation-delay: 0.12s;
}
}
@media (min-width: 992px) {
.anim-delay-lg-2 {
animation-delay: 0.24s;
}
}
@media (min-width: 992px) {
.anim-delay-lg-3 {
animation-delay: 0.36s;
}
}
@media (min-width: 992px) {
.anim-delay-lg-4 {
animation-delay: 0.48s;
}
}
@media (min-width: 992px) {
.anim-delay-lg-5 {
animation-delay: 0.6s;
}
}
svg:not(:root) {
overflow: hidden;
}
.svg-footer.w-100.h-auto {
overflow: visible !important;
}
svg[role=icon] {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
vertical-align: middle;
}
.visibility-hidden {
visibility: hidden;
position: absolute;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
}
a {
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.overlay {
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
z-index: -1;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.7s;
}
.overlay.show {
opacity: 1;
pointer-events: auto;
}
.overlay.with-zero {
z-index: 100;
}
.section-tag {
display: flex;
align-items: center;
gap: 5px;
}
.section-tag p {
margin-top: -2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.section-tag p {
font-size: 14px;
line-height: 16px;
}
}
.section-tag .tagdot {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.section-tag .tagdot::after {
content: "";
width: 8px;
height: 8px;
background-color: #D0FF9B;
border-radius: 50%;
display: block;
}
@media (max-width: 767.98px) {
.overflow-hiddem-sm {
overflow: hidden;
}
}
@media (min-width: 992px) {
.overflow-hidden-lg {
overflow: hidden;
}
}
@media (min-width: 992px) {
.h-lg-100 {
height: 100%;
}
}
@media (min-width: 992px) {
.hover-link {
cursor: pointer;
}
.hover-link:hover {
color: rgba(245, 246, 247, 0.5);
transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
}
.sticky-filters {
position: sticky;
z-index: 99;
top: 20px;
}
@media (min-width: 768px) {
.sticky-filters {
top: 0;
}
}
.flex-1 {
flex: 1;
}
footer, .footer {
padding-bottom: 15px;
}
@media (min-width: 768px) {
footer, .footer {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
footer, .footer {
padding-bottom: 30px;
}
}
footer .footer-part, .footer .footer-part {
padding: 15px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
footer .footer-part, .footer .footer-part {
font-size: 14px;
line-height: 16px;
}
}
footer .footer-part, .footer .footer-part {
border-radius: 8px;
cursor: pointer;
}
@media (min-width: 768px) {
footer .footer-part, .footer .footer-part {
cursor: default;
}
}
footer .footer-part .footer-links, .footer .footer-part .footer-links {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.5s;
}
@media (min-width: 768px) {
footer .footer-part .footer-links, .footer .footer-part .footer-links {
display: block;
}
}
footer .footer-part .footer-links a, .footer .footer-part .footer-links a {
display: flex;
background-color: rgba(245, 246, 247, 0.05);
border-radius: 5px;
align-items: center;
padding: 11px 12px;
}
@media (min-width: 768px) {
footer .footer-part .footer-links a, .footer .footer-part .footer-links a {
padding: 11px 15px;
}
}
footer .footer-part .footer-links a p, .footer .footer-part .footer-links a p {
margin-top: -2px;
}
footer .footer-part .footer-links .inner-footer-links, .footer .footer-part .footer-links .inner-footer-links {
display: flex;
flex-direction: column;
gap: 5px;
padding-top: 15px;
cursor: default;
}
footer .footer-part .footer-links .inner-footer-links a, .footer .footer-part .footer-links .inner-footer-links a {
cursor: pointer;
}
footer .footer-part .footer-caret, .footer .footer-part .footer-caret {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
background-color: rgba(245, 246, 247, 0.05);
}
@media (min-width: 768px) {
footer .footer-part .footer-caret, .footer .footer-part .footer-caret {
display: none;
}
}
footer .footer-part .footer-caret svg, .footer .footer-part .footer-caret svg {
transition: transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
footer .footer-part.show .footer-links, .footer .footer-part.show .footer-links {
grid-template-rows: 1fr;
}
footer .footer-part.show .footer-caret svg, .footer .footer-part.show .footer-caret svg {
transform: rotate(45deg);
}
footer .newsletter-part, .footer .newsletter-part {
padding: 15px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
}
section.sec-hero.footer {
margin-top: 100px !important;
}
@media (min-width: 768px) {
section.sec-hero.footer {
margin-top: 150px !important;
}
}
@media (min-width: 992px) {
section.sec-hero.footer {
margin-top: 0 !important;
}
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
width: 100vw;
}
header > .container-fluid, header > .container-sm, header > .container-md, header > .container-lg, header > .container-xl, header > .container-xxl {
padding-top: 15px;
}
@media (min-width: 768px) {
header > .container-fluid, header > .container-sm, header > .container-md, header > .container-lg, header > .container-xl, header > .container-xxl {
padding-top: 20px;
}
}
@media (min-width: 992px) {
header > .container-fluid, header > .container-sm, header > .container-md, header > .container-lg, header > .container-xl, header > .container-xxl {
padding-top: 30px;
}
}
header .logo-header {
height: 15px;
width: auto;
}
@media (min-width: 768px) {
header .logo-header {
height: 22px;
width: auto;
}
}
header .drop-lang {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
gap: 8px;
border-radius: 5px;
align-items: center;
text-decoration: none;
padding: 11px 10px;
}
@media (min-width: 768px) {
header .drop-lang {
padding: 9px 13px;
}
}
header .drop-lang p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
header .drop-lang p {
font-size: 14px;
line-height: 16px;
}
}
header .drop-lang p {
margin-top: -2px;
}
header .drop-lang svg {
margin-top: 2px;
}
header .drop-lang.show svg {
transform: rotate(180deg);
}
header .lang-menu {
position: absolute;
top: calc(100% + 5px);
right: 0;
width: 100%;
pointer-events: none;
display: flex;
flex-direction: column;
gap: 5px;
}
header .lang-menu .drop-lang {
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
header .lang-menu.show {
pointer-events: auto;
}
header .lang-menu.show .drop-lang {
opacity: 1;
}
header .navbar {
border-radius: 5px;
width: auto;
}
@media (min-width: 992px) {
header .navbar {
width: 100%;
position: absolute;
left: 0;
top: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
}
}
header .navbar p {
margin-top: -1px;
}
header .navbar .burger-menu {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 10px 8px;
}
@media (min-width: 768px) {
header .navbar .burger-menu {
width: 39px;
height: 36px;
padding: 10px 9.5px;
}
}
@media (min-width: 992px) {
header .navbar .burger-menu {
width: 20px;
height: 16px;
padding: 0;
}
}
header .navbar .burger-menu .span-container {
height: 12px;
width: 100%;
position: relative;
}
header .navbar .burger-menu .span-container span {
width: 100%;
position: absolute;
height: 1.5px;
background-color: #F5F6F7;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.35s, transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.35s, background-color cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.2s;
}
header .navbar .burger-menu .span-container span:nth-child(1) {
top: 0;
transform: translateY(-50%);
}
header .navbar .burger-menu .span-container span:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
header .navbar .burger-menu .span-container span:nth-child(3) {
top: 50%;
transform: translateY(-50%);
}
header .navbar .burger-menu .span-container span:nth-child(4) {
bottom: 0;
transform: translateY(50%);
}
header .navbar .burger-menu.show .span-container span:nth-child(1) {
opacity: 0;
}
header .navbar .burger-menu.show .span-container span:nth-child(2) {
transform: translateY(-50%) rotate(45deg);
}
header .navbar .burger-menu.show .span-container span:nth-child(3) {
transform: translateY(-50%) rotate(-45deg);
}
header .navbar .burger-menu.show .span-container span:nth-child(4) {
opacity: 0;
}
header .header-navbar {
cursor: pointer;
transition: color 0.2s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
@media (max-width: 991.98px) {
header .header-navbar {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
}
}
@media (min-width: 992px) {
header .header-navbar {
padding: 9px 15px;
}
}
@media (min-width: 992px) {
header .header-navbar:hover {
color: rgba(245, 246, 247, 0.5);
}
}
@media (min-width: 992px) {
header .header-navbar:hover .burger-menu span {
background-color: rgba(245, 246, 247, 0.5);
}
}
header .container-links {
opacity: 0;
pointer-events: none;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
position: absolute;
top: calc(100% + 15px);
left: 0;
width: calc(100vw - 30px);
padding: 15px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
}
@media (min-width: 768px) {
header .container-links {
top: calc(100% + 20px);
width: 53.666666667vw;
}
}
@media (min-width: 992px) {
header .container-links {
backdrop-filter: none;
opacity: 1;
background-color: transparent;
border: none;
border-radius: none;
position: static;
padding: 0;
display: grid;
grid-template-rows: 0fr;
width: 100%;
transition: grid-template-rows cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.35s;
}
}
header .container-links .inner-links {
display: flex;
flex-direction: column;
gap: 5px;
}
@media (min-width: 992px) {
header .container-links .inner-links {
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 15px;
}
}
header .container-links .inner-links li {
display: flex;
flex-direction: column;
}
header .container-links .inner-links li a {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
header .container-links .inner-links li a {
font-size: 14px;
line-height: 16px;
}
}
header .container-links .inner-links li a {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border-radius: 3px;
display: flex;
align-items: center;
gap: 9px;
padding: 11px 12px;
}
@media (min-width: 768px) {
header .container-links .inner-links li a {
padding: 11px 15px;
}
}
header .container-links .inner-links li a p {
margin-top: -2px;
}
header .container-links .inner-links li a.active::before {
content: "";
width: 8px;
height: 8px;
background-color: #D0FF9B;
border-radius: 8px;
}
header .container-links .inner-links li.accordion-sublinks > a::after {
content: "";
flex: none;
margin-left: auto;
width: 13px;
height: 8px;
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.29883 1.25L6.79883 6.75L12.2988 1.25' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
header .container-links .inner-links li.accordion-sublinks .sublinks {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
header .container-links .inner-links li.accordion-sublinks .sublinks .inner-sublinks {
padding-top: 5px;
display: flex;
flex-direction: column;
gap: 5px;
}
header .container-links .inner-links li.accordion-sublinks.show > a::after {
transform: rotate(180deg);
}
header .container-links .inner-links li.accordion-sublinks.show .sublinks {
grid-template-rows: 1fr;
}
header .container-links .inner-links li.accordion-sublinks.no-transition .sublinks {
transition: none;
}
header .container-links .inner-links li a {
transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 992px) {
header .container-links .inner-links li a:hover {
color: rgba(245, 246, 247, 0.5);
}
}
header .container-links.show {
opacity: 1;
pointer-events: all;
}
@media (min-width: 992px) {
header .container-links.show {
grid-template-rows: 1fr;
}
}
.loader-for-home {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #151515;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.loader-for-home .inner-loader {
position: absolute;
left: 0;
width: 100%;
bottom: 30px;
}
.loader-for-home .inner-loader .img-loader {
width: 100%;
}
.loader-for-home .inner-loader .img-loader.img-one {
display: block;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transform: translateY(25%);
}
.loader-for-home .inner-loader .img-loader.img-two {
opacity: 0;
width: 100%;
transform: translateY(25%);
}
.loader-for-home .inner-loader .little-img {
position: absolute;
height: 34.5%;
width: auto;
opacity: 0;
transform: translateY(25%);
bottom: calc(100% + 10px);
right: 0;
}
@media (min-width: 768px) {
.loader-for-home .inner-loader .little-img {
left: calc(100% + 10px);
top: 0;
bottom: auto;
right: auto;
}
}
@media (min-width: 992px) {
.loader-for-home .inner-loader .little-img {
left: calc(100% + 15px);
}
}
.input-wrapper {
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
}
.input-wrapper input {
color: #FFFFFF;
height: 43.5px;
margin-top: -2.5px;
margin-bottom: -3px;
}
@media (min-width: 768px) {
.input-wrapper input {
height: 40px;
margin-top: 0;
margin-bottom: 0;
}
}
.input-wrapper input {
border-radius: 5px !important;
border: 1px solid rgba(245, 246, 247, 0.1);
background-color: rgba(245, 246, 247, 0.05);
width: 100%;
padding: 9px 15px 11px;
transition: border-color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.input-wrapper input::placeholder {
color: rgba(245, 246, 247, 0.3);
}
.input-wrapper input:focus-visible {
outline: none !important;
border: 1px solid rgba(245, 246, 247, 0.5);
}
@media (max-width: 767.98px) {
.input-wrapper input {
font-size: 16px;
width: 114.2857142857%;
transform: scale(0.875);
transform-origin: left center;
}
}
.input-wrapper textarea {
padding: 10px 15px;
border-radius: 5px;
width: 100%;
resize: none;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
height: 144px;
margin-top: -7px;
margin-bottom: -9px;
}
@media (min-width: 768px) {
.input-wrapper textarea {
height: 128px;
margin: 0;
}
}
.input-wrapper textarea {
transition: border-color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.input-wrapper textarea::placeholder {
color: rgba(245, 246, 247, 0.3);
}
.input-wrapper textarea:focus-visible {
outline: none !important;
border: 1px solid rgba(245, 246, 247, 0.5);
}
@media (max-width: 767.98px) {
.input-wrapper textarea {
font-size: 16px;
width: 114.2857142857%;
transform: scale(0.875);
transform-origin: left center;
}
}
.input-wrapper .wpcf7-form-control-wrap {
width: 100%;
display: flex;
flex-direction: column;
gap: 5px;
}
.wpcf7-acceptance {
display: flex;
}
.wpcf7-acceptance .wpcf7-list-item {
margin-left: 0 !important;
}
.wpcf7-acceptance .wpcf7-list-item > label {
display: flex;
gap: 10px;
}
.wpcf7-acceptance .wpcf7-list-item > label input {
flex: none;
}
.wpcf7-acceptance .wpcf7-list-item > label .wpcf7-list-item-label {
margin-top: 2px;
}
@media (min-width: 768px) {
.wpcf7-acceptance .wpcf7-list-item > label .wpcf7-list-item-label {
margin-top: 0px;
}
}
.input-wrapper-checkbox {
display: flex;
gap: 10px;
}
@media (min-width: 768px) {
.input-wrapper-checkbox {
align-items: center;
}
}
.input-wrapper-checkbox input[type=checkbox] {
width: 24px;
height: 24px;
appearance: none;
position: relative;
cursor: pointer;
}
.input-wrapper-checkbox input[type=checkbox]::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
}
.input-wrapper-checkbox input[type=checkbox]::after {
content: "";
display: block;
width: 11px;
height: 9px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.503906 4.47314L3.81408 7.47314L9.50456 0.473145' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition: opacity 0.1s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.input-wrapper-checkbox input[type=checkbox]:checked::after {
opacity: 1;
}
.input-wrapper-checkbox label {
color: rgba(245, 246, 247, 0.7);
user-select: none;
transition: color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
padding-top: 2px;
}
@media (min-width: 768px) {
.input-wrapper-checkbox label {
padding-top: 0;
}
}
@media (min-width: 992px) {
.input-wrapper-checkbox label:hover {
color: #F5F6F7;
}
}
.input-wrapper-checkbox label:hover {
cursor: pointer;
}
.input-wrapper-checkbox label a {
color: #F5F6F7;
transition: color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
position: relative;
z-index: 1;
text-decoration: underline;
}
@media (min-width: 992px) {
.input-wrapper-checkbox label a:hover {
color: rgba(245, 246, 247, 0.7);
}
}
.contact-container {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
display: flex;
flex-wrap: wrap;
padding: 15px;
}
@media (min-width: 768px) {
.contact-container {
padding: 20px;
}
}
@media (min-width: 992px) {
.contact-container {
flex-wrap: nowrap;
}
}
.contact-container .info-container {
display: flex;
width: 100%;
}
@media (min-width: 992px) {
.contact-container .info-container {
width: 38.05%;
flex-direction: column;
}
}
.contact-container .info-container .logo-wrapper {
width: 43.58%;
height: auto;
}
@media (min-width: 768px) {
.contact-container .info-container .logo-wrapper {
width: 15.98%;
}
}
@media (min-width: 992px) {
.contact-container .info-container .logo-wrapper {
width: 43.981%;
}
}
.contact-container .info-container .logo-wrapper img {
width: 100%;
height: auto;
}
.contact-container .info-container .text-wrapper {
width: 100%;
display: flex;
gap: 15px;
flex-direction: column;
padding-left: 15px;
}
@media (min-width: 768px) {
.contact-container .info-container .text-wrapper {
justify-content: space-between;
gap: 20px;
padding-left: 30px;
flex-direction: row;
}
}
@media (min-width: 992px) {
.contact-container .info-container .text-wrapper {
padding-left: 0;
flex-direction: column;
justify-content: start;
margin-top: auto;
}
}
.contact-container .info-container .text-wrapper a {
transition: color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
@media (min-width: 992px) {
.contact-container .info-container .text-wrapper a:hover {
color: rgba(245, 246, 247, 0.6);
}
}
.contact-container .info-container .social-wrapper {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.contact-container .info-container .social-wrapper {
padding-top: 10px;
}
}
.contact-container .info-container .social-wrapper .social-item {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border: 0px;
width: 26px;
height: 26px;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
@media (min-width: 992px) {
.contact-container .info-container .social-wrapper .social-item:hover {
color: rgba(245, 246, 247, 0.6);
}
}
.contact-container .form-container {
width: auto;
flex: 1;
}
@media (min-width: 992px) {
.contact-container .form-container {
padding-left: 30px;
}
}
.contact-container .form-container form {
display: flex;
flex-direction: column;
gap: 15px;
}
@media (min-width: 768px) {
.contact-container .form-container form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (min-width: 768px) {
.contact-container .form-container form .one {
grid-column: span 1;
}
}
@media (min-width: 768px) {
.contact-container .form-container form .two {
grid-column: span 2;
}
}
@media (min-width: 992px) {
.contact-container.horizontal {
height: 100%;
}
.contact-container.horizontal .info-container {
display: none;
}
.contact-container.horizontal .form-container {
width: 100%;
padding-left: 0 !important;
}
.contact-container.horizontal .form-container form {
height: 100%;
}
}
@media (min-width: 992px) {
.horizontal-5 {
width: 41.66666667vw;
margin-left: 30px;
}
}
.search-input-wrapper {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 5px;
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 4px 5px 4px 15px;
transition: border 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
border: 1px solid rgba(245, 246, 247, 0.1);
cursor: text;
}
.search-input-wrapper.active {
border: 1px solid rgba(245, 246, 247, 0.5);
}
@media (min-width: 768px) {
.search-input-wrapper {
padding: 9px 10px 9px 15px;
}
}
.search-input-wrapper input {
background-color: transparent;
border: none;
color: #F5F6F7;
padding: 0;
padding-bottom: 3px;
vertical-align: middle;
flex: 1;
align-self: stretch;
-webkit-appearance: none;
appearance: none;
}
.search-input-wrapper input::placeholder {
color: rgba(245, 246, 247, 0.3);
}
.search-input-wrapper input:focus-visible {
outline: none !important;
}
.search-input-wrapper input::-webkit-search-cancel-button {
appearance: none;
cursor: pointer;
width: 16px;
height: 16px;
margin-top: 4px;
margin-right: 0 !important;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L12 12' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3Cpath d='M4 12L12 4' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
.search-input-wrapper input {
font-size: 16px;
width: 114.2857142857%;
transform: scale(0.875);
transform-origin: left center;
}
}
@media (min-width: 768px) {
.search-input-wrapper input {
width: 100%;
}
}
.search-input-wrapper .search-icon {
background-color: rgba(245, 246, 247, 0.1);
border-radius: 3px;
border: none;
outline: none;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
@media (min-width: 768px) {
.search-input-wrapper .search-icon {
width: 36px;
height: 36px;
}
}
.search-input-wrapper .search-icon svg {
flex: none;
height: auto;
width: 15px;
}
@media (min-width: 768px) {
.search-input-wrapper .search-icon svg {
width: 17px;
}
}
.selectize-control {
width: 100%;
position: relative;
cursor: pointer;
}
.selectize-control .selectize-input {
position: relative;
display: flex;
align-items: center;
border-radius: 20px;
padding: 19px 15px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
align-items: center;
border-radius: 3px;
gap: 5px;
padding: 9px 10px;
transition: border 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
@media (min-width: 768px) {
.selectize-control .selectize-input {
padding: 9px 15px;
}
}
@media (min-width: 992px) {
.selectize-control .selectize-input {
padding: 10px 15px;
}
}
.selectize-control .selectize-input .item {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.selectize-control .selectize-input .item {
font-size: 14px;
line-height: 16px;
}
}
.selectize-control .selectize-input svg {
flex: none;
}
.selectize-control .selectize-input p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.selectize-control .selectize-input p {
font-size: 14px;
line-height: 16px;
}
}
.selectize-control .selectize-input p {
margin-top: -2px;
}
.selectize-control .selectize-input.blur {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
gap: 8px;
}
@media (min-width: 992px) {
.selectize-control .selectize-input:hover {
border: 1px solid rgba(245, 246, 247, 0.9);
}
}
.selectize-control .selectize-input input {
margin: 0px;
padding: 0;
pointer-events: none;
caret-color: transparent;
position: relative !important;
margin-right: 20px;
}
.selectize-control .selectize-input input::placeholder {
color: #252C2D;
opacity: 1;
}
.selectize-control .selectize-input.dropdown-active::after {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.53125 0.530331L6.03125 6.03033L11.5312 0.530331' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3C/svg%3E");
}
.selectize-control .selectize-input::after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 15px;
height: 15px;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.53125 0.530331L6.03125 6.03033L11.5312 0.530331' stroke='%23F5F6F7' stroke-width='1.5'/%3E%3C/svg%3E");
}
.selectize-control .selectize-dropdown {
z-index: 100;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
position: absolute;
border-radius: 3px;
top: calc(100% + 5px) !important;
padding: 15px;
right: 0;
width: auto;
display: flex;
flex-direction: column;
gap: 5px;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
.selectize-control .selectize-dropdown a {
white-space: nowrap;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.selectize-control .selectize-dropdown a {
font-size: 14px;
line-height: 16px;
}
}
.selectize-control .selectize-dropdown a {
margin-top: -2px;
}
.selectize-control .selectize-dropdown .option {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.selectize-control .selectize-dropdown .option {
font-size: 14px;
line-height: 16px;
}
}
.selectize-control .selectize-dropdown .option:not(:last-of-type) {
padding-bottom: 11px;
}
.selectize-control .selectize-dropdown .option.selected span::after {
opacity: 1;
}
#footer-form-submitted {
position: fixed;
z-index: 1051;
left: 50%;
transform: translateX(-50%);
bottom: 30px;
padding: 20px !important;
background-color: #D0FF9B;
color: #252C2D;
opacity: 0;
pointer-events: none;
border-radius: 5px;
text-transform: uppercase;
transition: opacity 0.4s ease;
}
@media (min-width: 992px) {
#footer-form-submitted {
transform: none;
left: 30px;
top: auto;
bottom: 30px;
}
}
#footer-form-submitted {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
}
#footer-form-submitted.show {
opacity: 1;
}
@media (max-width: 767.98px) {
#footer-form-submitted {
left: 15px;
right: 15px;
bottom: 15px;
transform: none;
}
}
button {
font-weight: 400;
}
.container-bottom-sheet {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
pointer-events: none;
}
.container-bottom-sheet .bottom-sheet {
pointer-events: all;
width: 100%;
transform: translateY(100%);
padding: 0px 15px 15px 15px;
background-color: #252C2D;
border-radius: 8px 8px 0 0;
}
.container-bottom-sheet .bottom-sheet::after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 15px;
background-color: #252C2D;
}
.container-bottom-sheet .bottom-sheet .drag-area {
padding-top: 15px;
padding-bottom: 20px;
display: flex;
justify-content: center;
}
.container-bottom-sheet .bottom-sheet .drag-area .drag-bar {
width: 100px;
height: 5px;
background-color: rgba(245, 246, 247, 0.1);
border-radius: 20px;
}
.container-bottom-sheet .bottom-sheet .filter-sheet {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
padding: 11px 15px;
display: flex;
gap: 5px;
border-radius: 3px;
align-items: center;
}
.container-bottom-sheet .bottom-sheet .filter-sheet .filter {
width: 100%;
display: flex;
gap: 10px;
align-items: center;
}
.container-bottom-sheet .bottom-sheet .filter-sheet .circle-white {
width: 12px;
height: 10px;
align-items: center;
justify-content: center;
display: none;
}
.container-bottom-sheet .bottom-sheet .filter-sheet .circle-white::after {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #F5F6F7;
border-radius: 8px;
}
.container-bottom-sheet .bottom-sheet .filter-sheet p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.container-bottom-sheet .bottom-sheet .filter-sheet p {
font-size: 14px;
line-height: 16px;
}
}
.container-bottom-sheet .bottom-sheet .filter-sheet p {
margin-top: -2px;
}
.container-bottom-sheet .bottom-sheet .filter-sheet.active .circle-white {
display: flex;
}
.fixed-notification {
position: fixed;
pointer-events: none;
left: 0;
width: 100%;
z-index: 1003;
bottom: 20px;
}
@media (min-width: 768px) {
.fixed-notification {
bottom: 30px;
}
}
.fixed-notification .btn-notification {
pointer-events: all;
}
@media (max-width: 767.98px) {
.fixed-notification .btn-notification svg {
width: 26px;
height: auto;
}
}
.modal-cookies {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
background-color: rgba(245, 246, 247, 0.15);
border: 1px solid rgba(245, 246, 247, 0.2);
border-radius: 5px;
padding: 20px;
pointer-events: all;
transition: opacity 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.modal-cookies.hide {
opacity: 0;
pointer-events: none;
}
.button {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.button {
font-size: 14px;
line-height: 16px;
}
}
.button {
display: flex;
gap: 8px;
align-items: center;
border-radius: 5px;
text-decoration: none;
padding: 11px 10px;
border: none;
}
@media (min-width: 768px) {
.button {
padding: 11px 15px 11px 12px;
}
}
@media (min-width: 992px) {
.button {
padding: 10.5px 15px 10.5px 11px;
}
}
.button p {
display: block;
margin-top: -2px;
position: relative;
}
.button .dot {
width: 8px;
height: 8px;
border-radius: 100px;
transition: transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
.button.green {
background-color: #D0FF9B;
color: #252C2D;
}
.button.green .container-dot {
position: relative;
width: 8px;
height: 8px;
}
@media (min-width: 992px) {
.button.green .container-dot {
width: 15px;
height: 15px;
}
}
.button.green .container-dot .dot {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #252C2D;
}
.button.green .container-dot .arrow {
position: absolute;
left: 50%;
top: 50%;
transform: translate(calc(-50% - 8px), calc(-50% + 8px));
transition: transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
z-index: 1;
}
.button.gray {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
color: #F5F6F7;
transition: border 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
padding: 10px 10px;
}
@media (min-width: 768px) {
.button.gray {
padding: 10px 15px 10px 12px;
}
}
@media (min-width: 992px) {
.button.gray {
padding: 10px 15px 10px 15px;
}
}
@media (min-width: 992px) {
.button.gray:hover {
border: 1px solid rgba(245, 246, 247, 0.9);
}
}
@media (min-width: 992px) {
.button:hover .container-dot .dot {
transform: translate(-50%, -50%) scale(1.8);
transform-origin: center;
}
.button:hover .container-dot .arrow {
transform: translate(-50%, -50%) !important;
transition: transform cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
}
.button.button-header {
gap: 5px;
}
.btn-filter {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
align-items: center;
border-radius: 3px;
gap: 5px;
padding: 9px 10px;
transition: border 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
@media (min-width: 768px) {
.btn-filter {
padding: 9px 15px;
}
}
.btn-filter svg {
flex: none;
}
.btn-filter p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.btn-filter p {
font-size: 14px;
line-height: 16px;
}
}
.btn-filter p {
margin-top: -2px;
}
.btn-filter.blur {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
gap: 8px;
}
@media (min-width: 992px) {
.btn-filter:hover {
border: 1px solid rgba(245, 246, 247, 0.9);
}
}
.swiper-button-prev,
.swiper-button-next {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
position: static;
width: 45px;
height: 45px;
margin: 0;
border-radius: 8px;
background-image: none;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-prev.swiper-button-lock,
.swiper-button-next.swiper-button-lock {
display: none;
}
#swiper-features .swiper-slide {
height: auto !important;
margin-top: 0 !important;
}
#swiper-features .swiper-wrapper {
display: grid !important;
grid-template-rows: auto auto !important;
grid-auto-flow: column;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
row-gap: 20px;
}
@media (min-width: 768px) {
#swiper-features .swiper-wrapper {
row-gap: 50px;
}
}
@media (min-width: 992px) {
#swiper-features .swiper-wrapper {
row-gap: 60px;
}
}
.swiper-pagination {
padding: 10px 15px;
display: flex;
position: static;
gap: 10px;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border-radius: 8px;
}
.swiper-pagination:has(.swiper-pagination-bullet:only-child) {
display: none;
}
.swiper-pagination .swiper-pagination-bullet {
background-color: #F5F6F7;
}
#swiper-testimonials .swiper-slide {
transition: opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
display: flex;
flex-direction: column;
gap: 15px;
height: auto;
}
@media (min-width: 768px) {
#swiper-testimonials .swiper-slide {
gap: 20px;
}
}
#swiper-testimonials .swiper-slide .text-container {
flex: 1;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
#swiper-testimonials-text .swiper-wrapper {
align-items: end;
}
}
#aboutSwiper .swiper-wrapper {
transition-timing-function: linear;
align-items: center;
}
#aboutSwiper .swiper-wrapper img {
display: block;
will-change: transform;
transform: translateZ(0);
}
@media (min-width: 992px) {
.swiper-blog .swiper-slide:nth-child(1) {
width: calc(41.6666666667vw - 40px) !important;
}
.swiper-blog .swiper-slide:nth-child(2) {
flex: 1;
margin-right: 0 !important;
}
}
.thumb {
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.thumb:hover .text-container a {
color: rgba(245, 246, 247, 0.6);
}
}
.thumb .img-container {
position: relative;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 1.5898;
}
.thumb .img-container a {
display: flex;
width: 100%;
height: 100%;
}
.thumb .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.thumb .tag-container {
left: 15px;
right: 15px;
top: 15px;
display: flex;
justify-content: space-between;
gap: 30px;
position: absolute;
}
.thumb .tags {
display: flex;
gap: 5px;
flex-wrap: wrap;
position: relative;
}
.thumb .tags .tags-extra {
display: flex;
flex-direction: column;
gap: 5px;
position: absolute;
top: calc(100% + 5px);
align-items: start;
}
@media (min-width: 992px) {
.thumb .tags .tags-extra {
position: static;
flex-direction: row;
}
}
.thumb .tag {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
background-color: rgba(245, 246, 247, 0.2);
border-color: rgba(245, 246, 247, 0.15);
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.thumb .tag {
font-size: 14px;
line-height: 16px;
}
}
.thumb .tag {
white-space: nowrap;
padding: 6.5px 15px;
display: flex;
gap: 10px;
align-items: center;
border-radius: 5px;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
@media (min-width: 992px) {
.thumb .tag {
transition: none;
}
}
.thumb .tag p {
margin-top: -2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.thumb .tag p {
font-size: 14px;
line-height: 16px;
}
}
.thumb .tag.principal::after {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #D0FF9B;
border-radius: 8px;
}
.thumb .tag.live::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #D0FF9B;
border-radius: 8px;
}
.thumb .tag.continuous {
cursor: pointer;
}
@media (min-width: 992px) {
.thumb .tag.continuous {
display: none;
}
}
.thumb .tag.continuous.hide {
opacity: 0;
pointer-events: none;
}
@media (max-width: 991.98px) {
.thumb .tag.extra {
opacity: 0;
pointer-events: none;
}
.thumb .tag.extra.show {
opacity: 1;
pointer-events: auto;
}
}
.thumb .text-container {
display: flex;
align-items: start;
}
.thumb .text-container a:not(.live) {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.thumb .text-container a:not(.live) {
font-size: 17px;
line-height: 23px;
}
}
.thumb .text-container a:not(.live) {
margin-top: -2px;
color: #F5F6F7;
transition: color 0.3s cubic-bezier(0.3, 0.86, 0.36, 0.95);
padding-top: 13px;
padding-top: 10px;
}
@media (min-width: 768px) {
.thumb .text-container a:not(.live) {
padding-top: 15px;
}
}
.thumb .date {
display: flex;
align-items: center;
gap: 5px;
padding-top: 2px;
padding-bottom: 5px;
}
.thumb .date p {
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.thumb .date p {
font-size: 14px;
line-height: 16px;
}
}
.thumb .date p {
margin-top: -2px;
}
.thumb .date .dot {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.thumb .date .dot::after {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #D0FF9B;
border-radius: 8px;
}
.grid-projects {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (min-width: 768px) {
.grid-projects {
gap: 50px;
}
}
@media (min-width: 992px) {
.grid-projects {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px 30px;
}
}
.grid-projects.list {
grid-template-columns: 1fr;
gap: 15px;
}
@media (min-width: 768px) {
.grid-projects.list {
gap: 20px;
}
}
.grid-projects.list .thumb .img-container {
display: none;
}
.grid-projects.list .thumb .list-item {
width: 100%;
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
padding: 20px;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: start;
gap: 10px;
}
@media (min-width: 768px) {
.grid-projects.list .thumb .list-item {
gap: 15px;
}
}
@media (min-width: 992px) {
.grid-projects.list .thumb .list-item {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.grid-projects.list .thumb .list-item .tags {
display: flex;
max-width: 100%;
overflow: auto;
flex-wrap: nowrap;
}
.grid-projects.list .thumb .list-item .tags .tag {
white-space: nowrap;
}
.grid-projects.list .thumb .list-item .tags.is-overflowing {
mask-image: linear-gradient(to left, transparent 0%, black 40px);
mask-repeat: no-repeat;
mask-size: 100% 100%;
-webkit-mask-image: linear-gradient(to left, transparent 0%, black 40px);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
padding-right: 20px;
}
.grid-projects.list .thumb .list-item .tags::-webkit-scrollbar {
display: none;
}
.grid-projects .text-container {
margin-top: 0;
}
.grid-projects .text-container .h2 {
margin-top: -2px;
}
.grid-projects .thumb .list-item {
display: flex;
}
.grid-projects .thumb .list-item .tags {
display: none;
}
.filter-projects {
z-index: 100;
position: fixed;
left: 50%;
transform: translateX(-50%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
display: flex;
gap: 5px;
border-radius: 5px;
padding: 8px;
bottom: 20px;
transition: opacity cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
}
@media (min-width: 768px) {
.filter-projects {
padding: 10px;
bottom: 30px;
}
}
@media (min-width: 992px) {
.filter-projects {
padding: 9px;
}
}
.filter-projects .filter {
background-color: rgba(245, 246, 247, 0.05);
border: 1px solid rgba(245, 246, 247, 0.1);
color: #F5F6F7;
border: 0px;
background-color: rgba(245, 246, 247, 0.1);
display: flex;
align-items: center;
gap: 5px;
border-radius: 3px;
padding: 10px 12px;
}
@media (min-width: 768px) {
.filter-projects .filter {
padding: 10px 15px;
}
}
@media (min-width: 992px) {
.filter-projects .filter {
transition: border-color cubic-bezier(0.3, 0.86, 0.36, 0.95) 0.3s;
border: 1px solid transparent;
}
.filter-projects .filter:hover {
border-color: rgba(245, 246, 247, 0.5);
}
}
.filter-projects .filter p {
margin-top: -2px;
font-family: "Founders Grotesk Medium", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.filter-projects .filter p {
font-size: 14px;
line-height: 16px;
}
}
.filter-projects .filter .dot-white {
width: 12px;
height: 10px;
align-items: center;
justify-content: center;
display: none;
}
.filter-projects .filter .dot-white::after {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #F5F6F7;
border-radius: 8px;
}
.filter-projects .filter.active .dot-white {
display: flex;
}
.filter-projects .filter.close {
padding: 0;
width: 36px;
height: 36px;
justify-content: center;
}
.filter-projects.hide {
opacity: 0;
pointer-events: none;
}
.filter-projects.hide.show {
opacity: 1;
pointer-events: auto;
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mx-reset {
margin: 0;
}
.btn,
button:focus {
outline: 0;
appearance: none;
}
.ul-reset {
list-style: none;
padding: 0;
}
.ul-reset * {
text-decoration: none !important;
}
input.text,
input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit],
.input-checkbox,
textarea {
-webkit-appearance: none;
border-radius: 0;
}
[class^=col] img {
max-width: 100%;
}
::placeholder {
color: rgba(245, 246, 247, 0.5);
}
.h1,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
margin-bottom: 0;
}
#__bs_notify__ {
top: 95% !important;
right: 10px !important;
border-radius: 15px !important;
height: 60px !important;
}
a {
color: inherit;
}
a:hover {
color: inherit;
text-decoration: none;
}