/* Generated by scripts/build_css_bundle.py -- do not edit by hand.
Edit the sources in assets/css/ and re-run the script. */
/* ===== bootstrap.min.css ===== */
/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #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-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f
}
*,
::after,
::before {
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: transparent
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: .25
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color)
}
.h1,
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
.h1,
h1 {
font-size: 2.5rem
}
}
.h2,
h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
.h2,
h2 {
font-size: 2rem
}
}
.h3,
h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
.h3,
h3 {
font-size: 1.75rem
}
}
.h4,
h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
.h4,
h4 {
font-size: 1.5rem
}
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
.small,
small {
font-size: .875em
}
.mark,
mark {
padding: .1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg)
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: var(--bs-code-color);
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .1875rem .375rem;
font-size: .875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: .25rem
}
kbd kbd {
padding: 0;
font-size: 1em
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: var(--bs-secondary-color);
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button: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: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media (min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
::file-selector-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-1 {
font-size: 5rem
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-2 {
font-size: 4.5rem
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-3 {
font-size: 4rem
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-4 {
font-size: 3.5rem
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-5 {
font-size: 3rem
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-6 {
font-size: 2.5rem
}
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: .875em;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote>:last-child {
margin-bottom: 0
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: .875em;
color: #6c757d
}
.blockquote-footer::before {
content: "— "
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: .875em;
color: var(--bs-secondary-color)
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.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.66666667%
}
.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.33333333%
}
.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.66666667%
}
.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.33333333%
}
.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.66666667%
}
.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.33333333%
}
.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.66666667%
}
.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.33333333%
}
.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.66666667%
}
.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.33333333%
}
.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.66666667%
}
.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
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color)
}
.table>:not(caption)>*>* {
padding: .5rem .5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}
.table>tbody {
vertical-align: inherit
}
.table>thead {
vertical-align: bottom
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}
.caption-top {
caption-side: top
}
.table-sm>:not(caption)>*>* {
padding: .25rem .25rem
}
.table-bordered>:not(caption)>* {
border-width: var(--bs-border-width) 0
}
.table-bordered>:not(caption)>*>* {
border-width: 0 var(--bs-border-width)
}
.table-borderless>:not(caption)>*>* {
border-bottom-width: 0
}
.table-borderless>:not(:first-child) {
border-top-width: 0
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg)
}
.table-hover>tbody>tr:hover>* {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg)
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #cfe2ff;
--bs-table-border-color: #a6b5cc;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e2e3e5;
--bs-table-border-color: #b5b6b7;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1e7dd;
--bs-table-border-color: #a7b9b1;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #a6c3ca;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #ccc2a4;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #c6acae;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: #c6c7c8;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: #4d5154;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media (max-width:575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
.form-label {
margin-bottom: .5rem
}
.col-form-label {
padding-top: calc(.375rem + var(--bs-border-width));
padding-bottom: calc(.375rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + var(--bs-border-width));
padding-bottom: calc(.5rem + var(--bs-border-width));
font-size: 1.25rem
}
.col-form-label-sm {
padding-top: calc(.25rem + var(--bs-border-width));
padding-bottom: calc(.25rem + var(--bs-border-width));
font-size: .875rem
}
.form-text {
margin-top: .25rem;
font-size: .875em;
color: var(--bs-secondary-color)
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control[type=file] {
overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0
}
.form-control::-moz-placeholder {
color: var(--bs-secondary-color);
opacity: 1
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1
}
.form-control:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1
}
.form-control::-webkit-file-upload-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none
}
.form-control::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: var(--bs-secondary-bg)
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--bs-secondary-bg)
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0
}
.form-control-plaintext:focus {
outline: 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
padding: .25rem .5rem;
font-size: .875rem;
border-radius: var(--bs-border-radius-sm)
}
.form-control-sm::-webkit-file-upload-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg)
}
.form-control-lg::-webkit-file-upload-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
textarea.form-control {
min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-sm {
min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-control-color {
width: 3rem;
height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius)
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius)
}
.form-control-color.form-control-sm {
height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-select {
transition: none
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
padding-right: .75rem;
background-image: none
}
.form-select:disabled {
background-color: var(--bs-secondary-bg)
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color)
}
.form-select-sm {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem;
border-radius: var(--bs-border-radius-sm)
}
.form-select-lg {
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg)
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: .125rem
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: .25em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact
}
.form-check-input[type=checkbox] {
border-radius: .25em
}
.form-check-input[type=radio] {
border-radius: 50%
}
.form-check-input:active {
filter: brightness(90%)
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: .5
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
cursor: default;
opacity: .5
}
.form-switch {
padding-left: 2.5em
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
transition: background-position .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
transition: none
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0
}
.form-check-inline {
display: inline-block;
margin-right: 1rem
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
pointer-events: none;
filter: none;
opacity: .65
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent
}
.form-range:focus {
outline: 0
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range::-moz-focus-outer {
border: 0
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
-webkit-appearance: none;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
-moz-appearance: none;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe
}
.form-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem
}
.form-range:disabled {
pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color)
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color)
}
.form-floating {
position: relative
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem .75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-floating>label {
transition: none
}
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
padding: 1rem .75rem
}
.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
color: transparent
}
.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
color: transparent
}
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
color: rgba(var(--bs-body-color-rgb), .65);
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
color: rgba(var(--bs-body-color-rgb), .65);
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius)
}
.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius)
}
.form-floating>.form-control:-webkit-autofill~label {
color: rgba(var(--bs-body-color-rgb), .65);
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control-plaintext~label {
border-width: var(--bs-border-width) 0
}
.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
color: #6c757d
}
.form-floating>.form-control:disabled~label::after,
.form-floating>:disabled~label::after {
background-color: var(--bs-secondary-bg)
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
z-index: 5
}
.input-group .btn {
position: relative;
z-index: 2
}
.input-group .btn:focus {
z-index: 5
}
.input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius)
}
.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg)
}
.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: var(--bs-border-radius-sm)
}
.input-group-lg>.form-select,
.input-group-sm>.form-select {
padding-right: 3rem
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: var(--bs-form-valid-color)
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius)
}
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.form-select.is-valid,
.was-validated .form-select:valid {
border-color: var(--bs-form-valid-border-color)
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
width: calc(3rem + calc(1.5em + .75rem))
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
border-color: var(--bs-form-valid-border-color)
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
background-color: var(--bs-form-valid-color)
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: var(--bs-form-valid-color)
}
.form-check-inline .form-check-input~.valid-feedback {
margin-left: .5em
}
.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
z-index: 3
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: var(--bs-form-invalid-color)
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius)
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
border-color: var(--bs-form-invalid-border-color)
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
width: calc(3rem + calc(1.5em + .75rem))
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
border-color: var(--bs-form-invalid-border-color)
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
background-color: var(--bs-form-invalid-color)
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: var(--bs-form-invalid-color)
}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left: .5em
}
.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
z-index: 4
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color)
}
.btn-check+.btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color)
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity)
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b5ed7;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529
}
.btn-outline-primary {
--bs-btn-color: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0d6efd;
--bs-btn-hover-border-color: #0d6efd;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d6efd;
--bs-btn-active-border-color: #0d6efd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0d6efd;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0d6efd;
--bs-gradient: none
}
.btn-outline-secondary {
--bs-btn-color: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6c757d;
--bs-btn-active-border-color: #6c757d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none
}
.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none
}
.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none
}
.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
text-decoration: underline
}
.btn-link:focus-visible {
color: var(--bs-btn-color)
}
.btn-link:hover {
color: var(--bs-btn-hover-color)
}
.btn-group-lg>.btn,
.btn-lg {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg)
}
.btn-group-sm>.btn,
.btn-sm {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm)
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing.collapse-horizontal {
transition: none
}
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius)
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer)
}
.dropdown-menu-start {
--bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-end {
--bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-start {
--bs-position: start
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-sm-end {
--bs-position: end
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-start {
--bs-position: start
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-md-end {
--bs-position: end
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-start {
--bs-position: start
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-lg-end {
--bs-position: end
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-start {
--bs-position: start
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xl-end {
--bs-position: end
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1400px) {
.dropdown-menu-xxl-start {
--bs-position: start
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxl-end {
--bs-position: end
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer)
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-toggle::after {
vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer)
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropstart .dropdown-toggle::after {
display: none
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0
}
.dropstart .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0)
}
.dropdown-item:focus,
.dropdown-item:hover {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg)
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: .875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color)
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
flex: 1 1 auto
}
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group {
border-radius: var(--bs-border-radius)
}
.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
margin-left: calc(var(--bs-border-width) * -1)
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
margin-top: calc(var(--bs-border-width) * -1)
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: 0 0;
border: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.nav-link {
transition: none
}
}
.nav-link:focus,
.nav-link:hover {
color: var(--bs-nav-link-hover-color)
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.nav-link.disabled,
.nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius)
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color)
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color)
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius)
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg)
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap)
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
border-bottom-color: currentcolor
}
.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,
.nav-justified>.nav-link {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
color: var(--bs-navbar-brand-hover-color)
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color)
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem;
color: var(--bs-navbar-color)
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
color: var(--bs-navbar-active-color)
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition)
}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto
}
@media (min-width:576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .navbar-toggler {
display: none
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand .offcanvas .offcanvas-header {
display: none
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
[data-bs-theme=dark] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius)
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color)
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color)
}
.card-subtitle {
margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color)
}
.card-text:last-child {
margin-bottom: 0
}
.card-link+.card-link {
margin-left: var(--bs-card-spacer-x)
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}
.card-header-tabs {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
border-bottom: 0
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg)
}
.card-header-pills {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius)
}
.card-img,
.card-img-bottom,
.card-img-top {
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius)
}
.card-group>.card {
margin-bottom: var(--bs-card-group-margin)
}
@media (min-width:576px) {
.card-group {
display: flex;
flex-flow: row wrap
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #86b7fe;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition)
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition)
}
@media (prefers-reduced-motion:reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0
}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius)
}
.breadcrumb-item+.breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color)
}
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex;
padding-left: 0;
list-style: none
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.page-link {
transition: none
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color)
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow)
}
.active>.page-link,
.page-link.active {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color)
}
.disabled>.page-link,
.page-link.disabled {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color)
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width) * -1)
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius)
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius)
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg)
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm)
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius)
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius)
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color)
}
.alert-dismissible {
padding-right: 3rem
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis)
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis)
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis)
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis)
}
.alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis)
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis)
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis)
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis)
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #0d6efd;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius)
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition)
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height)
}
.progress-stacked>.progress {
overflow: visible
}
.progress-stacked>.progress>.progress-bar {
width: 100%
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
animation: none
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius)
}
.list-group-numbered {
list-style-type: none;
counter-reset: section
}
.list-group-numbered>.list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg)
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg)
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg)
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color)
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width)
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:1400px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 var(--bs-list-group-border-width)
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: .375rem;
opacity: var(--bs-btn-close-opacity)
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity)
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity)
}
.btn-close.disabled,
.btn-close:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity)
}
.btn-close-white {
filter: var(--bs-btn-close-white-filter)
}
[data-bs-theme=dark] .btn-close {
filter: var(--bs-btn-close-white-filter)
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius)
}
.toast.showing {
opacity: 0
}
.toast:not(.show) {
display: none
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none
}
.toast-container>:not(:last-child) {
margin-bottom: var(--bs-toast-spacing)
}
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}
.toast-header .btn-close {
margin-right: calc(-.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x)
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2)
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg)
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity)
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height)
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding)
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}
.modal-footer>* {
margin: calc(var(--bs-modal-footer-gap) * .5)
}
@media (min-width:576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: var(--bs-box-shadow)
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto
}
.modal-sm {
--bs-modal-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
--bs-modal-width: 1140px
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-sm-down .modal-footer,
.modal-fullscreen-sm-down .modal-header {
border-radius: 0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto
}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-md-down .modal-footer,
.modal-fullscreen-md-down .modal-header {
border-radius: 0
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto
}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-lg-down .modal-footer,
.modal-fullscreen-lg-down .modal-header {
border-radius: 0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto
}
}
@media (max-width:1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xl-down .modal-footer,
.modal-fullscreen-xl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto
}
}
@media (max-width:1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-footer,
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity)
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height)
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-top-color: var(--bs-tooltip-bg)
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-right-color: var(--bs-tooltip-bg)
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
top: calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg)
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg)
}
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius)
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius)
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height)
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border)
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg)
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width)
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {
border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border)
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg)
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {
border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border)
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg)
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width)
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {
border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border)
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg)
}
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color)
}
.carousel {
position: relative
}
.carousel.pointer-event {
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
transform: translateX(100%)
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators [data-bs-target] {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000
}
.carousel-dark .carousel-caption {
color: #000
}
[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon {
filter: invert(1) grayscale(100)
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000
}
[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
color: #000
}
.spinner-border,
.spinner-grow {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}
@keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s
}
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5
}
@media (max-width:575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-sm {
transition: none
}
}
@media (max-width:575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-sm.show:not(.hiding),
.offcanvas-sm.showing {
transform: none
}
.offcanvas-sm.hiding,
.offcanvas-sm.show,
.offcanvas-sm.showing {
visibility: visible
}
}
@media (min-width:576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-sm .offcanvas-header {
display: none
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-md {
transition: none
}
}
@media (max-width:767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-md.show:not(.hiding),
.offcanvas-md.showing {
transform: none
}
.offcanvas-md.hiding,
.offcanvas-md.show,
.offcanvas-md.showing {
visibility: visible
}
}
@media (min-width:768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-md .offcanvas-header {
display: none
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-lg {
transition: none
}
}
@media (max-width:991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-lg.show:not(.hiding),
.offcanvas-lg.showing {
transform: none
}
.offcanvas-lg.hiding,
.offcanvas-lg.show,
.offcanvas-lg.showing {
visibility: visible
}
}
@media (min-width:992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-lg .offcanvas-header {
display: none
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xl {
transition: none
}
}
@media (max-width:1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-xl.show:not(.hiding),
.offcanvas-xl.showing {
transform: none
}
.offcanvas-xl.hiding,
.offcanvas-xl.show,
.offcanvas-xl.showing {
visibility: visible
}
}
@media (min-width:1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-xl .offcanvas-header {
display: none
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xxl {
transition: none
}
}
@media (max-width:1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-xxl.show:not(.hiding),
.offcanvas-xxl.showing {
transform: none
}
.offcanvas-xxl.hiding,
.offcanvas-xxl.show,
.offcanvas-xxl.showing {
visibility: visible
}
}
@media (min-width:1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-xxl .offcanvas-header {
display: none
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
@media (prefers-reduced-motion:reduce) {
.offcanvas {
transition: none
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
transform: none
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
visibility: visible
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.offcanvas-backdrop.fade {
opacity: 0
}
.offcanvas-backdrop.show {
opacity: .5
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height)
}
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: .5
}
.placeholder.btn::before {
display: inline-block;
content: ""
}
.placeholder-xs {
min-height: .6em
}
.placeholder-sm {
min-height: .8em
}
.placeholder-lg {
min-height: 1.2em
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite
}
@keyframes placeholder-glow {
50% {
opacity: .2
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%
}
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-success {
color: #fff !important;
background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}
.link-primary {
color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-primary:focus,
.link-primary:hover {
color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary {
color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary:focus,
.link-secondary:hover {
color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}
.link-success {
color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-success:focus,
.link-success:hover {
color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}
.link-info {
color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-info:focus,
.link-info:hover {
color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}
.link-warning {
color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-warning:focus,
.link-warning:hover {
color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}
.link-danger {
color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-danger:focus,
.link-danger:hover {
color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}
.link-light {
color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-light:focus,
.link-light:hover {
color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}
.link-dark {
color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-dark:focus,
.link-dark:hover {
color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}
.icon-link {
display: inline-flex;
gap: .375rem;
align-items: center;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-underline-offset: 0.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.icon-link>.bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: .2s ease-in-out transform
}
@media (prefers-reduced-motion:reduce) {
.icon-link>.bi {
transition: none
}
}
.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}
.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: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
@media (min-width:576px) {
.sticky-sm-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-sm-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:768px) {
.sticky-md-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-md-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:992px) {
.sticky-lg-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-lg-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1200px) {
.sticky-xl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1400px) {
.sticky-xxl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xxl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
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
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
position: absolute !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: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: .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
}
.object-fit-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-none {
-o-object-fit: none !important;
object-fit: none !important
}
.opacity-0 {
opacity: 0 !important
}
.opacity-25 {
opacity: .25 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-75 {
opacity: .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
}
.overflow-x-auto {
overflow-x: auto !important
}
.overflow-x-hidden {
overflow-x: hidden !important
}
.overflow-x-visible {
overflow-x: visible !important
}
.overflow-x-scroll {
overflow-x: scroll !important
}
.overflow-y-auto {
overflow-y: auto !important
}
.overflow-y-hidden {
overflow-y: hidden !important
}
.overflow-y-visible {
overflow-y: visible !important
}
.overflow-y-scroll {
overflow-y: 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-inline-grid {
display: inline-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: var(--bs-box-shadow) !important
}
.shadow-sm {
box-shadow: var(--bs-box-shadow-sm) !important
}
.shadow-lg {
box-shadow: var(--bs-box-shadow-lg) !important
}
.shadow-none {
box-shadow: none !important
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !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
}
.border-opacity-10 {
--bs-border-opacity: 0.1
}
.border-opacity-25 {
--bs-border-opacity: 0.25
}
.border-opacity-50 {
--bs-border-opacity: 0.5
}
.border-opacity-75 {
--bs-border-opacity: 0.75
}
.border-opacity-100 {
--bs-border-opacity: 1
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: .25rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: 1rem !important
}
.gap-4 {
gap: 1.5rem !important
}
.gap-5 {
gap: 3rem !important
}
.row-gap-0 {
row-gap: 0 !important
}
.row-gap-1 {
row-gap: .25rem !important
}
.row-gap-2 {
row-gap: .5rem !important
}
.row-gap-3 {
row-gap: 1rem !important
}
.row-gap-4 {
row-gap: 1.5rem !important
}
.row-gap-5 {
row-gap: 3rem !important
}
.column-gap-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
font-size: calc(1.325rem + .9vw) !important
}
.fs-3 {
font-size: calc(1.3rem + .6vw) !important
}
.fs-4 {
font-size: calc(1.275rem + .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-lighter {
font-weight: lighter !important
}
.fw-light {
font-weight: 300 !important
}
.fw-normal {
font-weight: 400 !important
}
.fw-medium {
font-weight: 500 !important
}
.fw-semibold {
font-weight: 600 !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: var(--bs-secondary-color) !important
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, .5) !important
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !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
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important
}
.link-opacity-10 {
--bs-link-opacity: 0.1
}
.link-opacity-10-hover:hover {
--bs-link-opacity: 0.1
}
.link-opacity-25 {
--bs-link-opacity: 0.25
}
.link-opacity-25-hover:hover {
--bs-link-opacity: 0.25
}
.link-opacity-50 {
--bs-link-opacity: 0.5
}
.link-opacity-50-hover:hover {
--bs-link-opacity: 0.5
}
.link-opacity-75 {
--bs-link-opacity: 0.75
}
.link-opacity-75-hover:hover {
--bs-link-opacity: 0.75
}
.link-opacity-100 {
--bs-link-opacity: 1
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1
}
.link-offset-1 {
text-underline-offset: 0.125em !important
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important
}
.link-offset-2 {
text-underline-offset: 0.25em !important
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important
}
.link-offset-3 {
text-underline-offset: 0.375em !important
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-success {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-info {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-light {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: 0.1
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: 0.1
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: 0.25
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: 0.25
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: 0.5
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: 0.5
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: 0.75
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: 0.75
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-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-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !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-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: var(--bs-border-radius) !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
.z-n1 {
z-index: -1 !important
}
.z-0 {
z-index: 0 !important
}
.z-1 {
z-index: 1 !important
}
.z-2 {
z-index: 2 !important
}
.z-3 {
z-index: 3 !important
}
@media (min-width:576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.object-fit-sm-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-sm-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-sm-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-sm-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-sm-none {
-o-object-fit: none !important;
object-fit: 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-inline-grid {
display: inline-grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: .25rem !important
}
.gap-sm-2 {
gap: .5rem !important
}
.gap-sm-3 {
gap: 1rem !important
}
.gap-sm-4 {
gap: 1.5rem !important
}
.gap-sm-5 {
gap: 3rem !important
}
.row-gap-sm-0 {
row-gap: 0 !important
}
.row-gap-sm-1 {
row-gap: .25rem !important
}
.row-gap-sm-2 {
row-gap: .5rem !important
}
.row-gap-sm-3 {
row-gap: 1rem !important
}
.row-gap-sm-4 {
row-gap: 1.5rem !important
}
.row-gap-sm-5 {
row-gap: 3rem !important
}
.column-gap-sm-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-sm-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-sm-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-sm-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-sm-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-sm-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.object-fit-md-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-md-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-md-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-md-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-md-none {
-o-object-fit: none !important;
object-fit: 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-inline-grid {
display: inline-grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.row-gap-md-0 {
row-gap: 0 !important
}
.row-gap-md-1 {
row-gap: .25rem !important
}
.row-gap-md-2 {
row-gap: .5rem !important
}
.row-gap-md-3 {
row-gap: 1rem !important
}
.row-gap-md-4 {
row-gap: 1.5rem !important
}
.row-gap-md-5 {
row-gap: 3rem !important
}
.column-gap-md-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-md-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-md-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-md-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-md-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-md-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.object-fit-lg-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-lg-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-lg-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-lg-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-lg-none {
-o-object-fit: none !important;
object-fit: 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-inline-grid {
display: inline-grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.row-gap-lg-0 {
row-gap: 0 !important
}
.row-gap-lg-1 {
row-gap: .25rem !important
}
.row-gap-lg-2 {
row-gap: .5rem !important
}
.row-gap-lg-3 {
row-gap: 1rem !important
}
.row-gap-lg-4 {
row-gap: 1.5rem !important
}
.row-gap-lg-5 {
row-gap: 3rem !important
}
.column-gap-lg-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-lg-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-lg-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-lg-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-lg-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-lg-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.object-fit-xl-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-xl-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-xl-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-xl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-xl-none {
-o-object-fit: none !important;
object-fit: 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-inline-grid {
display: inline-grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.row-gap-xl-0 {
row-gap: 0 !important
}
.row-gap-xl-1 {
row-gap: .25rem !important
}
.row-gap-xl-2 {
row-gap: .5rem !important
}
.row-gap-xl-3 {
row-gap: 1rem !important
}
.row-gap-xl-4 {
row-gap: 1.5rem !important
}
.row-gap-xl-5 {
row-gap: 3rem !important
}
.column-gap-xl-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-xl-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-xl-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-xl-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-xl-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-xl-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1400px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.object-fit-xxl-contain {
-o-object-fit: contain !important;
object-fit: contain !important
}
.object-fit-xxl-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.object-fit-xxl-fill {
-o-object-fit: fill !important;
object-fit: fill !important
}
.object-fit-xxl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important
}
.object-fit-xxl-none {
-o-object-fit: none !important;
object-fit: 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-inline-grid {
display: inline-grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: .25rem !important
}
.gap-xxl-2 {
gap: .5rem !important
}
.gap-xxl-3 {
gap: 1rem !important
}
.gap-xxl-4 {
gap: 1.5rem !important
}
.gap-xxl-5 {
gap: 3rem !important
}
.row-gap-xxl-0 {
row-gap: 0 !important
}
.row-gap-xxl-1 {
row-gap: .25rem !important
}
.row-gap-xxl-2 {
row-gap: .5rem !important
}
.row-gap-xxl-3 {
row-gap: 1rem !important
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important
}
.row-gap-xxl-5 {
row-gap: 3rem !important
}
.column-gap-xxl-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important
}
.column-gap-xxl-1 {
-moz-column-gap: 0.25rem !important;
column-gap: .25rem !important
}
.column-gap-xxl-2 {
-moz-column-gap: 0.5rem !important;
column-gap: .5rem !important
}
.column-gap-xxl-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important
}
.column-gap-xxl-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important
}
.column-gap-xxl-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.fs-1 {
font-size: 2.5rem !important
}
.fs-2 {
font-size: 2rem !important
}
.fs-3 {
font-size: 1.75rem !important
}
.fs-4 {
font-size: 1.5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-inline-grid {
display: inline-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
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
/* ===== font-awesome.css ===== */
/*!
* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
*/
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:$white}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-conditioner:before{content:"\f8f4"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-alarm-exclamation:before{content:"\f843"}.fa-alarm-plus:before{content:"\f844"}.fa-alarm-snooze:before{content:"\f845"}.fa-album:before{content:"\f89f"}.fa-album-collection:before{content:"\f8a0"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-alien:before{content:"\f8f5"}.fa-alien-monster:before{content:"\f8f6"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-align-slash:before{content:"\f846"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-amp-guitar:before{content:"\f8a1"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audivle:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badge-sheriff:before{content:"\f8a2"}.fa-badger-honey:before{content:"\f6b4"}.fa-bags-shopping:before{content:"\f847"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-banjo:before{content:"\f8a3"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-bed-alt:before{content:"\f8f7"}.fa-bed-bunk:before{content:"\f8f8"}.fa-bed-empty:before{content:"\f8f9"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-exclamation:before{content:"\f848"}.fa-bell-on:before{content:"\f8fa"}.fa-bell-plus:before{content:"\f849"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-betamax:before{content:"\f8a4"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-biking-mountain:before{content:"\f84b"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blinds:before{content:"\f8fb"}.fa-blinds-open:before{content:"\f8fc"}.fa-blinds-raised:before{content:"\f8fd"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boombox:before{content:"\f8a5"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-bottom:before{content:"\f84d"}.fa-border-center-h:before{content:"\f89c"}.fa-border-center-v:before{content:"\f89d"}.fa-border-inner:before{content:"\f84e"}.fa-border-left:before{content:"\f84f"}.fa-border-none:before{content:"\f850"}.fa-border-outer:before{content:"\f851"}.fa-border-right:before{content:"\f852"}.fa-border-style:before{content:"\f853"}.fa-border-style-alt:before{content:"\f854"}.fa-border-top:before{content:"\f855"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-bring-forward:before{content:"\f856"}.fa-bring-front:before{content:"\f857"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burger-soda:before{content:"\f858"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-cactus:before{content:"\f8a7"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camcorder:before{content:"\f8a8"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-home:before{content:"\f8fe"}.fa-camera-movie:before{content:"\f8a9"}.fa-camera-polaroid:before{content:"\f8aa"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-building:before{content:"\f859"}.fa-car-bump:before{content:"\f5e0"}.fa-car-bus:before{content:"\f85a"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caravan:before{content:"\f8ff"}.fa-caravan-alt:before{content:"\e000"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cars:before{content:"\f85b"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cassette-tape:before{content:"\f8ab"}.fa-cat:before{content:"\f6be"}.fa-cat-space:before{content:"\e001"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-cctv:before{content:"\f8ac"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clarinet:before{content:"\f8ad"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-music:before{content:"\f8ae"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-pot:before{content:"\e002"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-coffin-cross:before{content:"\e051"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coin:before{content:"\f85c"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comet:before{content:"\e003"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-music:before{content:"\f8af"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-music:before{content:"\f8b0"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-computer-classic:before{content:"\f8b1"}.fa-computer-speaker:before{content:"\f8b2"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-construction:before{content:"\f85d"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cowbell:before{content:"\f8b3"}.fa-cowbell-more:before{content:"\f8b4"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digging:before{content:"\f85e"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-disc-drive:before{content:"\f8b5"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-drone:before{content:"\f85f"}.fa-drone-alt:before{content:"\f860"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dryer:before{content:"\f861"}.fa-dryer-alt:before{content:"\f862"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fan-table:before{content:"\e004"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-farm:before{content:"\f864"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-faucet-drip:before{content:"\e006"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-music:before{content:"\f8b6"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-search:before{content:"\f865"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-film-canister:before{content:"\f8b7"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flashlight:before{content:"\f8b8"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-flute:before{content:"\f8b9"}.fa-flux-capacitor:before{content:"\f8ba"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-download:before{content:"\e053"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folder-upload:before{content:"\e054"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-font-case:before{content:"\f866"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-galaxy:before{content:"\e008"}.fa-game-board:before{content:"\f867"}.fa-game-board-alt:before{content:"\f868"}.fa-game-console-handheld:before{content:"\f8bb"}.fa-gamepad:before{content:"\f11b"}.fa-gamepad-alt:before{content:"\f8bc"}.fa-garage:before{content:"\e009"}.fa-garage-car:before{content:"\e00a"}.fa-garage-open:before{content:"\e00b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-citrus:before{content:"\f869"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gramophone:before{content:"\f8bd"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-guitar-electric:before{content:"\f8be"}.fa-guitars:before{content:"\f8bf"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-h4:before{content:"\f86a"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-chef:before{content:"\f86b"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-headphones:before{content:"\f8c2"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-medical:before{content:"\f809"}.fa-head-side-virus:before{content:"\e064"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-heat:before{content:"\e00c"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-horizontal-rule:before{content:"\f86c"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-horse-saddle:before{content:"\f8c3"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house:before{content:"\e00d"}.fa-house-damage:before{content:"\f6f1"}.fa-house-day:before{content:"\e00e"}.fa-house-flood:before{content:"\f74f"}.fa-house-leave:before{content:"\e00f"}.fa-house-night:before{content:"\e010"}.fa-house-return:before{content:"\e011"}.fa-house-signal:before{content:"\e012"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-joystick:before{content:"\f8c5"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-jug:before{content:"\f8c6"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-kazoo:before{content:"\f8c7"}.fa-kerning:before{content:"\f86f"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-lamp-desk:before{content:"\e014"}.fa-lamp-floor:before{content:"\e015"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lasso:before{content:"\f8c8"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-light-ceiling:before{content:"\e016"}.fa-light-switch:before{content:"\e017"}.fa-light-switch-off:before{content:"\e018"}.fa-light-switch-on:before{content:"\e019"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-line-columns:before{content:"\f870"}.fa-line-height:before{content:"\f871"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-music:before{content:"\f8c9"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microphone-stand:before{content:"\f8cb"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-microwave:before{content:"\e01b"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-money-check-edit:before{content:"\f872"}.fa-money-check-edit-alt:before{content:"\f873"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-alt:before{content:"\f8cd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mp3-player:before{content:"\f8ce"}.fa-mug:before{content:"\f874"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-mug-tea:before{content:"\f875"}.fa-music:before{content:"\f001"}.fa-music-alt:before{content:"\f8cf"}.fa-music-alt-slash:before{content:"\f8d0"}.fa-music-slash:before{content:"\f8d1"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-outlet:before{content:"\e01c"}.fa-oven:before{content:"\e01d"}.fa-overline:before{content:"\f876"}.fa-page-break:before{content:"\f877"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-paragraph-rtl:before{content:"\f878"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-laptop:before{content:"\f87a"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-rotary:before{content:"\f8d3"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-piano:before{content:"\f8d4"}.fa-piano-keyboard:before{content:"\f8d5"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-planet-moon:before{content:"\e01f"}.fa-planet-ringed:before{content:"\e020"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-police-box:before{content:"\e021"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portal-enter:before{content:"\e022"}.fa-portal-exit:before{content:"\e023"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-projector:before{content:"\f8d6"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radar:before{content:"\e024"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-radio:before{content:"\f8d7"}.fa-radio-alt:before{content:"\f8d8"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-raygun:before{content:"\e025"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-refrigerator:before{content:"\e026"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocket-launch:before{content:"\e027"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-router:before{content:"\f8da"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-sax-hot:before{content:"\f8db"}.fa-saxophone:before{content:"\f8dc"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-image:before{content:"\f8f3"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-send-back:before{content:"\f87e"}.fa-send-backward:before{content:"\f87f"}.fa-sensor:before{content:"\e028"}.fa-sensor-alert:before{content:"\e029"}.fa-sensor-fire:before{content:"\e02a"}.fa-sensor-on:before{content:"\e02b"}.fa-sensor-smoke:before{content:"\e02c"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signal-stream:before{content:"\f8dd"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-siren:before{content:"\e02d"}.fa-siren-on:before{content:"\e02e"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-cow:before{content:"\f8de"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snooze:before{content:"\f880"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-solar-system:before{content:"\e02f"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-alt:before{content:"\f883"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-circle:before{content:"\e030"}.fa-sort-circle-down:before{content:"\e031"}.fa-sort-circle-up:before{content:"\e032"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-shapes-down:before{content:"\f888"}.fa-sort-shapes-down-alt:before{content:"\f889"}.fa-sort-shapes-up:before{content:"\f88a"}.fa-sort-shapes-up-alt:before{content:"\f88b"}.fa-sort-size-down:before{content:"\f88c"}.fa-sort-size-down-alt:before{content:"\f88d"}.fa-sort-size-up:before{content:"\f88e"}.fa-sort-size-up-alt:before{content:"\f88f"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-space-station-moon:before{content:"\e033"}.fa-space-station-moon-alt:before{content:"\e034"}.fa-spade:before{content:"\f2f4"}.fa-sparkles:before{content:"\f890"}.fa-speakap:before{content:"\f3f3"}.fa-speaker:before{content:"\f8df"}.fa-speaker-deck:before{content:"\f83c"}.fa-speakers:before{content:"\f8e0"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-sprinkler:before{content:"\e035"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-star-shooting:before{content:"\e036"}.fa-starfighter:before{content:"\e037"}.fa-starfighter-alt:before{content:"\e038"}.fa-stars:before{content:"\f762"}.fa-starship:before{content:"\e039"}.fa-starship-freighter:before{content:"\e03a"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunglasses:before{content:"\f892"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-sword-laser:before{content:"\e03b"}.fa-sword-laser-alt:before{content:"\e03c"}.fa-swords:before{content:"\f71d"}.fa-swords-laser:before{content:"\e03d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-telescope:before{content:"\e03e"}.fa-temperature-down:before{content:"\e03f"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-up:before{content:"\e040"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-size:before{content:"\f894"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-transporter:before{content:"\e042"}.fa-transporter-1:before{content:"\e043"}.fa-transporter-2:before{content:"\e044"}.fa-transporter-3:before{content:"\e045"}.fa-transporter-empty:before{content:"\e046"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-trash-undo:before{content:"\f895"}.fa-trash-undo-alt:before{content:"\f896"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-triangle-music:before{content:"\f8e2"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-trumpet:before{content:"\f8e3"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turntable:before{content:"\f8e4"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-alt:before{content:"\f8e5"}.fa-tv-music:before{content:"\f8e6"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typewriter:before{content:"\f8e7"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-ufo:before{content:"\e047"}.fa-ufo-beam:before{content:"\e048"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usb-drive:before{content:"\f8e9"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alien:before{content:"\e04a"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-cowboy:before{content:"\f8ea"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-music:before{content:"\f8eb"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-robot:before{content:"\e04b"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-user-unlock:before{content:"\e058"}.fa-user-visor:before{content:"\e04c"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-vacuum:before{content:"\e04d"}.fa-vacuum-robot:before{content:"\e04e"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vhs:before{content:"\f8ec"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-violin:before{content:"\f8ed"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-wagon-covered:before{content:"\f8ee"}.fa-walker:before{content:"\f831"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-washer:before{content:"\f898"}.fa-watch:before{content:"\f2e1"}.fa-watch-calculator:before{content:"\f8f0"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-sine:before{content:"\f899"}.fa-wave-square:before{content:"\f83e"}.fa-wave-triangle:before{content:"\f89a"}.fa-waveform:before{content:"\f8f1"}.fa-waveform-path:before{content:"\f8f2"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-turbine:before{content:"\f89b"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-frame:before{content:"\e04f"}.fa-window-frame-open:before{content:"\e050"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
@font-face {
font-family: "flaticon";
src: url("../fonts/flaticon.woff2") format("woff2"),
url("../fonts/flaticon.woff") format("woff"),
url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"),
}
i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before, span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before {
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-right-arrow:before {
content: "\f101";
}
.flaticon-pin:before {
content: "\f102";
}
.flaticon-briefcase:before {
content: "\f103";
}
.flaticon-success:before {
content: "\f104";
}
.flaticon-success-1:before {
content: "\f105";
}
.flaticon-plus:before {
content: "\f106";
}
.flaticon-stats:before {
content: "\f107";
}
.flaticon-placeholder:before {
content: "\f108";
}
.flaticon-insurance:before {
content: "\f109";
}
.flaticon-call:before {
content: "\f10a";
}
.flaticon-instagram:before {
content: "\f10b";
}
.flaticon-file:before {
content: "\f10c";
}
.flaticon-shield:before {
content: "\f10d";
}
.flaticon-timetable:before {
content: "\f10e";
}
.flaticon-apple:before {
content: "\f10f";
}
.flaticon-shield-1:before {
content: "\f110";
}
.flaticon-profit:before {
content: "\f111";
}
.flaticon-facebook:before {
content: "\f112";
}
.flaticon-whatsapp:before {
content: "\f113";
}
.flaticon-youtube:before {
content: "\f114";
}
.flaticon-car-insurance:before {
content: "\f115";
}
.flaticon-insurance-1:before {
content: "\f116";
}
.flaticon-home-insurance:before {
content: "\f117";
}
.flaticon-life-insurance:before {
content: "\f118";
}
.flaticon-life-insurance-1:before {
content: "\f119";
}
.flaticon-clock:before {
content: "\f11a";
}
.flaticon-protection:before {
content: "\f11b";
}
.flaticon-approved:before {
content: "\f11c";
}
.flaticon-clipboard:before {
content: "\f11d";
}
.flaticon-linkedin:before {
content: "\f11e";
}
.flaticon-life-insurance-2:before {
content: "\f11f";
}
.flaticon-home-insurance-1:before {
content: "\f120";
}
.flaticon-health-insurance:before {
content: "\f121";
}
.flaticon-insurance-2:before {
content: "\f122";
}
.flaticon-health-insurance-1:before {
content: "\f123";
}
.flaticon-calculator:before {
content: "\f124";
}
.flaticon-insurance-3:before {
content: "\f125";
}
.flaticon-team:before {
content: "\f126";
}
.flaticon-search:before {
content: "\f127";
}
.flaticon-star:before {
content: "\f128";
}
.flaticon-money-bag:before {
content: "\f129";
}
.flaticon-healthcare:before {
content: "\f12a";
}
.flaticon-fast-time:before {
content: "\f12b";
}
.flaticon-growth:before {
content: "\f12c";
}
.flaticon-insurance-4:before {
content: "\f12d";
}
.flaticon-facebook-1:before {
content: "\f12e";
}
.flaticon-salary:before {
content: "\f12f";
}
.flaticon-cooperation:before {
content: "\f130";
}
.flaticon-travel-insurance:before {
content: "\f131";
}
.flaticon-insurance-5:before {
content: "\f132";
}
.flaticon-play-button:before {
content: "\f133";
}
.flaticon-growth-1:before {
content: "\f134";
}
.flaticon-calculator-1:before {
content: "\f135";
}
.flaticon-insurance-6:before {
content: "\f136";
}
.flaticon-prevention:before {
content: "\f137";
}
.flaticon-car-insurance-1:before {
content: "\f138";
}
.flaticon-property-insurance:before {
content: "\f139";
}
.flaticon-twitter:before {
content: "\f13a";
}
.flaticon-profit-1:before {
content: "\f13b";
}
.flaticon-protection-1:before {
content: "\f13c";
}
.flaticon-save-money:before {
content: "\f13d";
}
.flaticon-check:before {
content: "\f13e";
}
.flaticon-family-insurance:before {
content: "\f13f";
}
.flaticon-diamond:before {
content: "\f140";
}
.flaticon-cooperation-1:before {
content: "\f141";
}
.flaticon-property-insurance-1:before {
content: "\f142";
}
.flaticon-property-insurance-2:before {
content: "\f143";
}
.flaticon-insurance-7:before {
content: "\f144";
}
.flaticon-insurance-agent:before {
content: "\f145";
}
.flaticon-time-and-delivery:before {
content: "\f146";
}
.flaticon-insurance-8:before {
content: "\f147";
}
.flaticon-insurance-9:before {
content: "\f148";
}
.flaticon-goals-of-the-year:before {
content: "\f149";
}
.flaticon-hand:before {
content: "\f14a";
}
.flaticon-insurance-10:before {
content: "\f14b";
}
.flaticon-social:before {
content: "\f14c";
}
.flaticon-message-alert:before {
content: "\f14d";
}
.flaticon-insurance-11:before {
content: "\f14e";
}
.flaticon-arrow:before {
content: "\f14f";
}
.flaticon-security-protection:before {
content: "\f150";
}
/* ===== animate.css ===== */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN Auction OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/* ===== magnific-popup.css ===== */
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: $white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: $white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #fff; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: $white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid $white;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #fff; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid $white;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #fff; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* ===== meanmenu.css ===== */
/*! #######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
display: none
}
.mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #070337;
padding: 4px 0;
min-height: 42px;
z-index: 999999
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #070337;
margin-top: 44px
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 10px 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #e0e3ed;
text-decoration: none;
text-transform: capitalize
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 10px 10%;
text-shadow: none !important;
visibility: visible
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: 0;
margin-bottom: 0
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 10px 15%
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 10px 20%
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 10px 25%
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 32px;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: transparent;
border: none !important;
font-size: 14px
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.mean-remove {
display: none !important
}
/* ===== odometer.css ===== */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.odometer.odometer-auto-theme
.odometer-digit
.odometer-value.odometer-last-value,
.odometer.odometer-theme-default
.odometer-digit
.odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
.odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down
.odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
.odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}
/* ===== swiper-bundle.min.css ===== */
/**
* Swiper 14.2.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2026 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 26, 2026
*/
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* ===== datepickerboot.css ===== */
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #ffffff;
}
.datepicker>div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
background-image: linear-gradient(top, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
background-image: linear-gradient(top, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999999;
}
.datepicker th.datepicker-switch {
width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
cursor: pointer;
width: 16px;
height: 16px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
vertical-align: middle;
background-color: #eeeeee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
padding: 4px 5px;
}
/* ===== nice-select.css ===== */
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: 1px solid #CCCCCC;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
color: #6E6E6E;
font-family: "Plus Jakarta Sans", system-ui;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26.08px;
height: 57px;
line-height: 40px;
outline: none;
padding: 8px 10px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #6E6E6E; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #6E6E6E; }
.nice-select:after {
border-bottom: 2px solid #6E6E6E;
border-right: 2px solid #6E6E6E;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #6E6E6E;
color: #6E6E6E;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #6E6E6E; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
/* ===== ion.rangeSlider.min.css ===== */
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1
}
.irs-handle.type_last {
z-index: 2
}
.irs-min,
.irs-max {
position: absolute;
display: block;
cursor: default
}
.irs-min {
left: 0
}
.irs-max {
right: 0
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px
}
.irs-with-grid .irs-grid {
display: block
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000
}
.irs-grid-pol.small {
height: 4px
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed
}
.irs-disabled {
opacity: .4
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important
}
.irs--flat {
height: 40px
}
.irs--flat.irs-with-grid {
height: 60px
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent
}
.irs--flat .irs-handle>i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453
}
.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
background-color: #a43540
}
.irs--flat .irs-min,
.irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
color: white;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9
}
.irs--flat .irs-grid-text {
color: #999
}
.irs--big {
height: 55px
}
.irs--big.irs-with-grid {
height: 70px
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5)
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
border-radius: 30px
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}
.irs--big .irs-min,
.irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px
}
.irs--big .irs-grid-pol {
background-color: #428bca
}
.irs--big .irs-grid-text {
color: #428bca
}
.irs--modern {
height: 55px
}
.irs--modern.irs-with-grid {
height: 55px
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, 0.5)
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: white;
transform: rotate(45deg)
}
.irs--modern .irs-handle>i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}
.irs--modern .irs-handle.state_hover>i:nth-child(1),
.irs--modern .irs-handle:hover>i:nth-child(1) {
border-color: #7685a2
}
.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
border-color: #48536a
}
.irs--modern .irs-min,
.irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: white;
background-color: #d1d6e0;
border-radius: 5px
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: white;
border-radius: 5px
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426
}
.irs--modern .irs-grid {
height: 25px
}
.irs--modern .irs-grid-pol {
background-color: #dedede
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1
}
.irs--sharp.irs-with-grid {
height: 57px
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: black;
border-radius: 2px
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, 0.5)
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2
}
.irs--sharp .irs-handle>i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
background-color: black
}
.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
border-top-color: black
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
color: white;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: .4;
background-color: #a804b2;
border-radius: 2px
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: white;
border-radius: 2px
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-grid {
height: 25px
}
.irs--sharp .irs-grid-pol {
background-color: #dedede
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--round {
height: 50px
}
.irs--round.irs-with-grid {
height: 65px
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5)
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background-color: #f0f6ff
}
.irs--round .irs-min,
.irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa
}
.irs--round .irs-grid {
height: 25px
}
.irs--round .irs-grid-pol {
background-color: #dedede
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--square {
height: 50px
}
.irs--square.irs-with-grid {
height: 60px
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: black
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid black;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
background-color: #f0f6ff
}
.irs--square .irs-min,
.irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1)
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: black;
color: white
}
.irs--square .irs-grid {
height: 25px
}
.irs--square .irs-grid-pol {
background-color: #dedede
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px
}
/* ===== main.css ===== */
/*
Theme Name: Eduspace
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Insurn - Insurance Company HTML Template
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
:root {
--body: #fff;
--black: #000;
--white: #fff;
--theme-color:#0365d4;
--theme-color-2:#F7921E;
--header:#0f3564;
--base:#0f3564;
--text:#878c8f;
--border:#dcdcdc;
--ratting:#F8BC26;
--bg:#fafafa;
---box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
--color-gradient-1: linear-gradient( 180deg, rgb(43,50,178) 0%, rgb(20,136,204) 100%);
--color-gradient-2: linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
--color-gradient-3: linear-gradient( 180deg, rgba(15, 53, 100, 1) 0%, rgba(15, 53, 100, 1) 100%);
}
.theme-btn {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
border: none;
outline: none !important;
background: var(--color-gradient-1);
color: var(--white);
font-size: 16px;
font-weight: 600;
padding: 22px 44px;
transition: 0.5s ease-in-out;
text-transform: capitalize;
position: relative;
z-index: 2;
overflow: hidden;
text-align: center;
border-radius: 120px;
line-height: 1;
font-family: "DM Sans", sans-serif;
}
.theme-btn::after {
content: "";
background: var(--color-gradient-3);
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
clip-path: circle(0% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
z-index: -1;
}
.theme-btn i {
margin-left: 10px;
}
.theme-btn:hover {
background: var(--color-gradient-3);
color: var(--white);
}
.theme-btn:hover::after {
clip-path: circle(100% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
@media (max-width: 767px) {
.theme-btn {
padding: 20px 32px;
}
}
@media (max-width: 575px) {
.theme-btn {
padding: 18px 30px;
font-size: 14px;
}
}
/* --------------------------------------------
Template Default Fonts & Fonts Styles
---------------------------------------------- */
body {
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 30px;
color: var(--text);
background-color: var(--white);
padding: 0;
margin: 0;
overflow-x: hidden;
font-weight: 500;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
button {
border: none;
background-color: transparent;
padding: 0;
}
input:focus {
color: var(--white);
outline: none;
}
input {
color: var(--white);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Unbounded", sans-serif;
margin: 0px;
padding: 0;
color: var(--header);
text-transform: capitalize;
transition: all 0.4s ease-in-out;
font-weight: 600;
}
h1 {
font-size: 90px;
}
@media (max-width: 1199px) {
h1 {
font-size: 60px;
}
}
@media (max-width: 575px) {
h1 {
font-size: 38px;
}
}
h2 {
font-size: 42px;
line-height: 130%;
}
@media (max-width: 1199px) {
h2 {
font-size: 38px;
}
}
@media (max-width: 767px) {
h2 {
font-size: 32px;
}
}
@media (max-width: 575px) {
h2 {
font-size: 28px;
}
}
@media (max-width: 470px) {
h2 {
font-size: 25px;
}
}
h3 {
font-size: 24px;
line-height: 150%;
}
@media (max-width: 575px) {
h3 {
font-size: 20px;
}
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
a {
text-decoration: none;
outline: none !important;
cursor: pointer;
color: var(--header);
transition: all 0.4s ease-in-out;
}
p {
margin: 0px;
transition: all 0.4s ease-in-out;
}
.preloader {
align-items: center;
cursor: default;
display: flex;
height: 100%;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999999;
}
.preloader .animation-preloader {
z-index: 1000;
}
.preloader .animation-preloader .spinner {
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: var(--theme-color);
height: 9em;
margin: 0 auto 3.5em auto;
width: 9em;
}
@media (max-width: 767px) {
.preloader .animation-preloader .spinner {
width: 7.5em;
height: 7.5em;
margin: 0 auto 1.5em auto;
}
}
.preloader .animation-preloader .txt-loading {
font: bold 5em "Unbounded", sans-serif, "DM Sans", sans-serif;
text-align: center;
user-select: none;
}
@media (max-width: 767px) {
.preloader .animation-preloader .txt-loading {
font-size: 2.5em;
}
}
.preloader .animation-preloader .txt-loading .letters-loading {
color: var(--theme-color);
position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
animation: letters-loading 4s infinite;
color: var(--header);
content: attr(data-text-preloader);
left: 0;
opacity: 0;
font-family: "Unbounded", sans-serif;
position: absolute;
top: -3px;
transform: rotateY(-90deg);
}
.preloader p {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 8px;
color: var(--theme-color);
}
.preloader .loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
z-index: 1;
pointer-events: none;
}
.preloader .loader .row {
height: 100%;
}
.preloader .loader .loader-section {
padding: 0px;
}
.preloader .loader .loader-section .bg {
background-color: var(--bg);
height: 100%;
left: 0;
width: 100%;
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
opacity: 0;
transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
width: 0;
transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
.header-search-bar {
height: 270px;
position: fixed;
top: -200%;
left: 0;
right: 0;
z-index: 9999;
background: var(--white);
transition: 0.3s;
}
.header-search-bar.search-open {
top: 0;
}
.contact-search-form-box {
margin-top: 50px;
}
.contact-search-form-box form {
position: relative;
}
.contact-search-form-box form button {
position: absolute;
right: 30px;
top: 15px;
font-size: 18px;
}
.search-close {
position: absolute;
right: 50px;
top: 35px;
font-size: 50px;
color: var(--header);
font-weight: 300;
width: 45px;
height: 45px;
}
.search-bar .contact-search-form-box input {
border: none;
width: 100%;
outline: none;
color: var(--header);
border-bottom: 1px solid var(--border);
font-size: 24px;
padding-bottom: 30px;
font-weight: 400;
line-height: 1;
}
@media (max-width: 767px) {
.search-bar .contact-search-form-box input {
font-size: 22px;
}
}
.search-bar .contact-search-form-box input::placeholder {
color: var(--header);
}
.search-bar .contact-search-form-box i {
color: var(--theme-color);
}
.search-bar .contact-search-form-box p {
color: #666C78;
padding-top: 15px;
}
.search-bar .search-bar-title {
font-size: 25px;
}
.back-to-top {
border-radius: 50%;
background-color: var(--theme-color);
width: 50px;
height: 50px;
line-height: 50px;
color: var(--white);
font-size: 18px;
position: fixed;
display: inline-block;
z-index: 9999;
right: 30px;
bottom: 30px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}
.back-to-top:hover {
background-color: var(--header);
color: var(--white);
}
.back-to-top.show {
opacity: 1;
visibility: visible;
transform: translate(0);
}
.section-title {
position: relative;
z-index: 99;
margin-bottom: 30px;
margin-top: -7px;
}
@media (max-width: 767px) {
.section-title {
text-align: center;
margin-bottom: 0;
}
}
.section-title span {
font-size: 18px;
display: inline-block;
margin-bottom: 5px;
text-transform: capitalize;
}
.section-title-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.section-title-area {
flex-wrap: wrap;
gap: 30px;
margin-bottom: 0;
justify-content: center;
}
}
.section-title-area .section-title {
margin-bottom: 0;
}
@media (max-width: 575px) {
.section-title-area .theme-btn {
display: none;
}
}
@media (max-width: 575px) {
.section-title-area .swiper-dot {
display: none;
}
}
.center {
text-align: center;
margin: 0 auto;
}
.section-bg {
background-color: var(--bg) !important;
}
.section-padding {
padding: 120px 0;
}
@media (max-width: 1199px) {
.section-padding {
padding: 100px 0;
}
}
@media (max-width: 991px) {
.section-padding {
padding: 80px 0;
}
}
@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes arryUpDown {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(10px);
}
}
.animation__arryUpDown {
animation: arryUpDown 2s ease infinite alternate;
}
@keyframes arryLeftRight {
0% {
transform: translateX(-10px);
}
100% {
transform: translateX(10px);
}
}
.animation__arryLeftRight {
animation: arryLeftRight 2s ease infinite alternate;
}
@keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}
@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounce-x {
-webkit-animation: bounce-x 7s infinite linear;
animation: bounce-x 7s infinite linear;
}
.GlidingArrow {
-webkit-animation: slide 5s linear infinite;
animation: slide 5s linear infinite;
}
.delay1 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.delay2 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.delay3 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.delay4 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.delay5 {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
/* Defining animation Keyframes */
@-webkit-keyframes slide {
0% {
opacity: 0;
transform: translateX(-150);
}
20% {
opacity: 1;
transform: translateX(-90);
}
80% {
opacity: 1;
transform: translateX(90);
}
100% {
opacity: 0;
transform: translateX(150);
}
}
@keyframes slide {
0% {
opacity: 0;
transform: translateX(-150);
}
20% {
opacity: 1;
transform: translateX(-90);
}
80% {
opacity: 1;
transform: translateX(90);
}
100% {
opacity: 0;
transform: translateX(150);
}
}
/*img-animation**********************/
.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}
@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-right {
animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}
@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}
@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-top {
animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-bottom {
animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
@keyframes img-anim-bottom {
0% {
transform: translateY(5%);
clip-path: inset(100% 0 0 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@-webkit-keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
@keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}
@keyframes rounded {
50% {
transform: rotate(15deg);
}
}
@keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes tpswing {
0% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes loaderpulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes rounded {
50% {
transform: rotate(20deg);
}
}
@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}
.float-bob-y {
-webkit-animation-name: float-bob-y;
animation-name: float-bob-y;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.float-bob-x {
-webkit-animation-name: float-bob-x;
animation-name: float-bob-x;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes float-bob-x {
0% {
-webkit-transform: translateX(0px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@keyframes float-bob-x {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounce-x {
-webkit-animation: bounce-x 7s infinite linear;
animation: bounce-x 7s infinite linear;
}
@keyframes animate-positive {
0% {
width: 0;
}
}
@media (max-width: 1199px) {
.menu-thumb {
display: none !important;
}
}
.header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.header-main .main-menu ul {
margin-bottom: 0;
}
.header-main .main-menu ul li {
position: relative;
list-style: none;
display: inline-block;
margin-inline-end: 50px;
}
@media (max-width: 1600px) {
.header-main .main-menu ul li {
margin-inline-end: 30px;
}
}
@media (max-width: 1399px) {
.header-main .main-menu ul li {
margin-inline-end: 25px;
}
}
.header-main .main-menu ul li:last-child {
margin-inline-end: 0;
}
.header-main .main-menu ul li a {
display: inline-block;
font-size: 17px;
font-weight: 500;
color: var(--white);
font-family: "DM Sans", sans-serif;
padding: 20px 0;
text-align: left;
position: relative;
text-transform: capitalize;
transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a .head-icon {
margin-left: 0;
margin-right: 5px;
}
.header-main .main-menu ul li a i {
margin-left: 5px;
}
.header-main .main-menu ul li a:hover {
color: var(--theme-color) !important;
}
.header-main .main-menu ul li .submenu {
position: absolute;
top: 100%;
inset-inline-start: 0;
min-width: 250px;
background: var(--white);
z-index: 99999;
visibility: hidden;
opacity: 0;
transform-origin: top center;
color: var(--header);
box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08);
transform: translateY(10px);
transition: all 0.4s ease-in-out;
padding: 30px 30px;
}
.header-main .main-menu ul li .submenu li {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.header-main .main-menu ul li .submenu li:not(:last-child) {
padding-bottom: 15px;
}
.header-main .main-menu ul li .submenu li a {
position: relative;
z-index: 11;
font-size: 17px;
font-weight: 500;
color: var(--header);
padding: 0 0;
padding-bottom: 0;
padding-top: 0;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a:hover {
color: var(--white) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
inset-inline-start: 113%;
top: 0;
visibility: hidden;
opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
color: var(--theme-color) !important;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
color: var(--theme-color);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
-webkit-transform: translateY(1);
-moz-transform: translateY(1);
-ms-transform: translateY(1);
-o-transform: translateY(1);
transform: translateY(1);
visibility: visible;
opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--theme-color);
}
.header-main .main-menu ul li .has-homemenu {
width: 800px;
padding: 30px 30px 10px 30px;
opacity: 0;
left: -250px;
visibility: hidden;
padding: 30px 30px 10px 30px;
}
@media (max-width: 991px) {
.header-main .main-menu ul li .has-homemenu .homemenu-items {
flex-wrap: wrap;
}
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
position: relative;
overflow: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
width: 100%;
transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
text-align: center;
margin: 15px auto;
display: inline-block;
font-size: 16px;
font-weight: 600;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title a {
color: var(--header);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title a:hover {
color: var(--theme-color) !important;
}
.header-main .main-menu ul li:hover > a {
color: var(--theme-color);
}
.header-main .main-menu ul li:hover > a::after {
color: var(--theme-color);
}
.header-main .main-menu ul li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.header-main .header-right {
gap: 50px;
}
@media (max-width: 1399px) {
.header-main .header-right {
gap: 20px;
}
}
.header-main .header-right .search-icon {
color: var(--header);
font-size: 18px;
}
.header-main .sidebar__toggle {
cursor: pointer;
font-size: 20px;
color: var(--header);
}
.header-1 {
position: absolute;
top: 10px;
left: 0;
width: 100%;
z-index: 9999;
}
.header-1 .container-fluid {
padding: 0 80px;
}
@media (max-width: 1899px) {
.header-1 .container-fluid {
padding: 0 45px;
}
}
@media (max-width: 1600px) {
.header-1 .container-fluid {
padding: 0 35px;
}
}
@media (max-width: 1199px) {
.header-1 .container-fluid {
padding: 0 25px;
}
}
.header-1 .mean__menu-wrapper {
position: relative;
z-index: 99;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 0 30px;
}
.header-1 .mean__menu-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-image: url(../../assets/img/header/header-bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 1280px;
z-index: -1;
left: -42px;
}
@media (max-width: 1600px) {
.header-1 .mean__menu-wrapper::before {
display: none;
}
}
.header-1 .mean__menu-wrapper .social-icon {
gap: 35px;
display: flex;
align-items: center;
position: relative;
z-index: 9;
}
@media (max-width: 1600px) {
.header-1 .mean__menu-wrapper .social-icon {
display: none;
}
}
.header-1 .mean__menu-wrapper .social-icon a {
color: var(--white);
}
.header-1 .mean__menu-wrapper .bg-shape {
position: absolute;
left: -3%;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.header-1 .mean__menu-wrapper .header-mean-search {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1199px) {
.header-1 .mean__menu-wrapper .header-mean-search {
display: none;
}
}
.header-1 .mean__menu-wrapper .header-mean-search p {
font-size: 17px;
color: var(--white);
}
@media (max-width: 1600px) {
.header-1 .mean__menu-wrapper .header-mean-search p {
display: none;
}
}
.header-1 .mean__menu-wrapper .header-mean-search .header-search .search-toggle {
color: var(--white);
}
.header-1 .header-right .header-contact {
text-align: right;
}
@media (max-width: 1199px) {
.header-1 .header-right .header-contact {
display: none;
}
}
.header-1 .header-right .header-contact a {
color: #97a2b7;
display: block;
}
.header-1 .header-right .sidebar__toggle {
color: var(--white);
}
.header-top-section {
padding: 12px 0;
background-repeat: no-repeat;
background-size: cover;
margin: 0 110px;
}
@media (max-width: 1600px) {
.header-top-section {
background-image: none !important;
background: var(--theme-color);
margin: 0;
}
}
@media (max-width: 1199px) {
.header-top-section {
display: none;
}
}
@media (max-width: 1199px) {
.middle-header {
display: none;
}
}
.header-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-top-wrapper .header-list li {
color: var(--white);
}
.header-top-wrapper .header-list li i {
color: var(--white);
margin-right: 5px;
}
.header-top-wrapper p {
color: var(--white);
}
.header-top-wrapper .header-list-right {
display: flex;
align-items: center;
gap: 25px;
}
.header-top-wrapper .header-list-right li a {
color: var(--white);
}
.middle-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.middle-header-wrapper .middle-header-right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 1600px) {
.middle-header-wrapper .middle-header-right {
gap: 30px;
}
}
.middle-header-wrapper .middle-header-right .icon-items {
display: flex;
align-items: center;
gap: 15px;
border-right: 1px solid #e9e9f1;
padding: 16px 0;
padding-right: 50px;
}
@media (max-width: 1600px) {
.middle-header-wrapper .middle-header-right .icon-items {
border: none;
padding-right: 0;
}
}
.middle-header-wrapper .middle-header-right .icon-items .icon {
font-size: 39px;
color: var(--theme-color);
}
.middle-header-wrapper .middle-header-right .icon-items .content h6 {
font-size: 16px;
}
.middle-header-wrapper .middle-header-right .icon-items.border-none {
padding-right: 0;
border-right: none;
}
.header-2 {
position: relative;
}
.header-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: #0f3564;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
width: 80%;
z-index: -1;
}
@media (max-width: 1899px) {
.header-2::before {
width: 100%;
border-radius: 0;
}
}
.header-2::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background: linear-gradient(180deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
width: calc(100% - 1150px);
left: initial;
z-index: -1;
}
@media (max-width: 1899px) {
.header-2::after {
display: none;
}
}
.header-2 .header-left {
display: flex;
align-items: center;
gap: 50px;
}
.header-2 .header-left .social-icon {
gap: 15px;
display: flex;
align-items: center;
position: relative;
z-index: 9;
}
@media (max-width: 1600px) {
.header-2 .header-left .social-icon {
display: none;
}
}
.header-2 .header-left .social-icon a {
color: var(--white);
}
.header-2 .header-logo {
display: none;
}
@media (max-width: 1199px) {
.header-2 .header-logo {
display: block;
}
}
.header-2 .header-mean-search {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 1199px) {
.header-2 .header-mean-search {
display: none;
}
}
.header-2 .header-mean-search p {
color: var(--white);
}
.header-2 .header-mean-search .header-search .search-toggle {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background-color: #3a8fd0;
text-align: center;
color: var(--white);
justify-content: center;
}
.header-2 .header-mean-search .header-search .search-toggle i {
text-align: center;
}
.header-2 .header-right .theme-btn {
background: #4271c8;
}
@media (max-width: 1399px) {
.header-2 .header-right .theme-btn {
display: none;
}
}
.header-2 .header-main .main-menu ul li {
margin-inline-end: 40px;
}
.header-2 .sidebar__toggle {
color: var(--white);
}
.header-section-3 {
background-color: rgb(3, 101, 212);
position: relative;
}
.header-section-3 .bg-shape {
position: absolute;
top: 0;
right: 0;
z-index: 91;
}
@media (max-width: 1600px) {
.header-section-3 .bg-shape {
display: none;
}
}
.header-section-3 .container-fluid {
padding: 0 120px;
}
@media (max-width: 1899px) {
.header-section-3 .container-fluid {
padding: 0 25px;
}
}
.header-main-wrapper-3 {
display: flex;
align-items: center;
gap: 55px;
padding: 0 70px;
background-color: var(--white);
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom: 12px solid rgb(3, 101, 212);
position: relative;
}
@media (max-width: 1399px) {
.header-main-wrapper-3 {
padding: 0 30px;
gap: 30px;
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 {
background-color: transparent;
padding: 0;
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .main-logo {
display: none;
}
}
.header-main-wrapper-3 .main-header-right-3 {
width: 100%;
}
.header-main-wrapper-3 .main-header-right-3 .header-main .main-menu ul li a {
color: var(--header);
}
.header-main-wrapper-3 .main-header-right-3 .header-main .main-menu ul li a:hover {
color: var(--theme-color) !important;
}
.header-main-wrapper-3 .main-header-right-3 .header-main .header-logo {
display: none;
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .main-header-right-3 .header-main .header-logo {
display: block;
}
}
.header-main-wrapper-3 .header-right-contact-items {
display: flex;
align-items: center;
gap: 200px;
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .header-right-contact-items {
gap: 20px;
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .header-right-contact-items {
display: none;
}
}
.header-main-wrapper-3 .header-right-contact-items .social-icon {
gap: 20px;
display: flex;
align-items: center;
background-color: #f2f2f2;
padding: 20px 60px;
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .header-right-contact-items .social-icon {
padding: 20px;
}
}
.header-main-wrapper-3 .header-right-contact-items .social-icon a {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border: 1px solid #d4d4d6;
text-align: center;
border-radius: 50%;
}
.header-main-wrapper-3 .header-right-contact-items .social-icon a:hover {
background-color: var(--theme-color);
color: var(--white);
}
.header-main-wrapper-3 .right-contact {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header-main-wrapper-3 .right-contact .icon-items {
display: flex;
align-items: center;
position: relative;
z-index: 999;
gap: 15px;
}
.header-main-wrapper-3 .right-contact .icon-items .icon {
width: 55px;
height: 70px;
line-height: 80px;
border-radius: 10px;
text-align: center;
background-color: var(--white);
font-size: 30px;
color: var(--theme-color);
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .right-contact .icon-items .icon {
background-color: var(--bg);
}
}
.header-main-wrapper-3 .right-contact .icon-items .content p {
font-size: 12px;
font-family: "Unbounded", sans-serif;
color: var(--white);
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .right-contact .icon-items .content p {
color: var(--theme-color);
}
}
.header-main-wrapper-3 .right-contact .icon-items .content h6 {
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 500;
color: var(--white);
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .right-contact .icon-items .content h6 {
color: var(--header);
}
}
.header-main-wrapper-3 .right-contact .icon-items .content h6 a {
color: var(--white);
}
@media (max-width: 1600px) {
.header-main-wrapper-3 .right-contact .icon-items .content h6 a {
color: var(--header);
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .theme-btn {
display: none;
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .search-toggle {
color: var(--white);
}
}
@media (max-width: 1199px) {
.header-main-wrapper-3 .sidebar__toggle {
color: var(--white);
}
}
.sticky {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
z-index: 999;
transition: all 0.9s;
background-color: #0f3564;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: var(---box-shadow);
}
.sticky .header-logo {
display: block !important;
}
.sticky.header-3 {
padding: 0 30px;
}
.sticky.header-3 .search-toggle {
color: var(--white);
}
.sticky.header-3 .sidebar__toggle {
color: var(--white);
}
.sticky.header-3 .header-main .main-menu ul li a {
color: var(--white);
}
.sticky.header-3 .header-main .main-menu ul li a:hover {
color: var(--theme-color);
}
.sticky.header-3 .header-main .submenu li a {
color: var(--header) !important;
}
.sticky.header-3 .header-main .submenu li a:hover {
color: var(--white) !important;
}
.sticky.header-2 .social-icon {
display: none;
}
.sticky.header-2 .header-mean-search p {
display: none;
}
.sticky.header-2::after {
width: calc(100% - 1275px);
}
.offcanvas__info {
background: var(--white) none repeat scroll 0 0;
border-left: 2px solid var(--theme-color);
position: fixed;
right: 0;
top: 0;
width: 400px;
height: 100%;
-webkit-transform: translateX(calc(100% + 80px));
-moz-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 99999;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: none;
}
.offcanvas__info.info-open {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.offcanvas__logo a img {
width: 150px;
}
.offcanvas__wrapper {
position: relative;
height: 100%;
padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas-title {
font-size: 28px;
margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content p {
color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
background-color: var(--theme-color);
position: relative;
z-index: 9;
cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .social-icon {
margin-top: 30px;
gap: 10px;
margin-bottom: 30px;
}
.offcanvas__wrapper .offcanvas__content .social-icon a {
width: 52px;
height: 52px;
line-height: 52px;
text-align: center;
font-size: 16px;
display: block;
background: transparent;
color: var(--header);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .social-icon a:hover {
background-color: var(--theme-color);
color: var(--white);
border: 1px solid var(--theme-color);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
margin-top: 20px;
margin-bottom: 40px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
font-size: 28px;
margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
font-size: 16px;
color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) {
margin-bottom: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span {
font-weight: 600;
color: var(--header);
font-size: 18px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li a {
font-size: 16px;
color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button {
display: flex;
align-items: center;
}
.offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area {
margin-top: 30px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area .offcanvas-gallery-items {
display: flex;
align-items: center;
gap: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area .offcanvas-gallery-items:not(:last-child) {
margin-bottom: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area .offcanvas-gallery-items .offcanvas-image {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 0;
}
.offcanvas__wrapper .offcanvas__content .theme-btn {
width: 100%;
text-align: center;
}
.offcanvas__overlay {
position: fixed;
height: 100%;
width: 100%;
background: #151515;
z-index: 900;
top: 0;
opacity: 0;
visibility: hidden;
right: 0;
}
.offcanvas__overlay.overlay-open {
opacity: 0.8;
visibility: visible;
}
@media (max-width: 450px) {
.offcanvas__info {
width: 350px;
}
}
@media (max-width: 575px) {
.offcanvas__wrapper {
padding: 20px;
}
}
.breadcrumb-wrapper {
position: relative;
overflow: hidden;
}
.breadcrumb-wrapper .page-heading {
position: relative;
padding: 180px 0 180px;
z-index: 9;
}
@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading {
padding: 150px 0;
}
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading {
padding: 120px 0;
}
}
.breadcrumb-wrapper .page-heading h1 {
color: var(--white);
font-size: 70px;
position: relative;
z-index: 9;
font-weight: 500;
}
@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading h1 {
font-size: 55px;
}
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading h1 {
font-size: 42px;
}
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
display: inline-flex;
align-items: center;
padding: 14px 30px;
gap: 20px;
background-color: rgb(3, 101, 212);
line-height: 1;
max-width: 315px;
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading .breadcrumb-items {
padding: 14px 20px;
}
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
color: var(--white);
text-transform: capitalize;
font-weight: 600;
font-size: 18px;
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
font-size: 16px;
}
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
color: var(--white);
transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
color: var(--theme-color);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
color: var(--white);
}
.error-content {
margin-top: -40px;
}
.error-content h2 {
font-weight: 700;
font-size: 320px;
line-height: 1;
}
@media (max-width: 1199px) {
.error-content h2 {
font-size: 300px;
}
}
@media (max-width: 991px) {
.error-content h2 {
font-size: 200px;
}
}
@media (max-width: 575px) {
.error-content h2 {
font-size: 110px;
}
}
.error-content h3 {
font-weight: 700;
}
.mean-container a.meanmenu-reveal {
display: none;
}
.mean-container .mean-nav {
background: none;
margin-top: 0;
}
.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
}
.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}
.mean-container .mean-nav > ul .homemenu {
position: relative;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb {
position: relative;
width: 280px;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
gap: 10px;
display: flex;
justify-content: center;
flex-direction: column;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button .theme-btn {
padding: 10px 30px;
color: var(--white) !important;
width: initial;
font-size: 14px;
text-align: center;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
color: var(--white) !important;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb::before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930));
background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover::before {
visibility: visible;
opacity: 1;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover .demo-button {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover .homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu .homemenu-thumb img {
width: 100%;
}
.mean-container .mean-nav > ul .homemenu .homemenu-content .homemenu-title {
margin-top: 15px;
display: inline-block;
font-size: 16px;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav ul li a {
width: 100%;
padding: 10px 0;
color: var(--header);
font-size: 17px;
font-weight: 500;
line-height: 1.5;
}
.mean-container .mean-nav ul li a.border-none {
border: none;
}
.mean-container .mean-nav ul li a:hover {
color: var(--theme-color);
}
.mean-container .mean-nav ul li a .head-icon {
display: none;
}
.mean-container .mean-nav ul li a:last-child {
border-bottom: 0;
}
.mean-container .mean-nav ul li a:hover {
color: var(--theme-color);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 5px;
padding: 0 !important;
}
.mean-container .mean-nav ul li > a > i {
display: none;
}
.mean-container .mean-nav ul li > a.mean-expand i {
display: inline-block;
}
.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.4s ease-in-out;
}
.mean-container .mean-nav ul li .mega-menu li a {
height: 200px;
width: 100%;
padding: 0;
border-top: 0;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.mean-container .mean-nav ul li.menu-thumb {
display: none;
}
}
.hero-1 {
padding: 0 0 100px;
background-position: bottom !important;
position: relative;
}
@media (max-width: 1899px) {
.hero-1 {
overflow: hidden;
}
}
@media (max-width: 1600px) {
.hero-1 {
background-image: none !important;
background: var(--theme-color);
padding-top: 100px;
margin-bottom: 120px;
}
}
@media (max-width: 1199px) {
.hero-1 {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.hero-1 {
margin-bottom: 80px;
}
}
.hero-1 .hero-shape {
position: absolute;
bottom: -25%;
left: 0;
right: 0;
z-index: -1;
}
@media (max-width: 1600px) {
.hero-1 .hero-shape {
display: none;
}
}
.hero-1 .hero-content {
text-align: center;
position: relative;
z-index: 9;
}
.hero-1 .hero-content .border-shape {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1600px) {
.hero-1 .hero-content .border-shape {
display: none;
}
}
.hero-1 .hero-content p {
font-weight: 600;
color: var(--white);
border: 1px solid #31546e;
display: inline-block;
padding: 8px 30px;
border-radius: 100px;
margin-bottom: 20px;
}
.hero-1 .hero-content h1 {
color: var(--white);
}
@media (max-width: 1399px) {
.hero-1 .hero-content h1 {
font-size: 70px;
}
}
@media (max-width: 767px) {
.hero-1 .hero-content h1 {
font-size: 60px;
}
}
@media (max-width: 575px) {
.hero-1 .hero-content h1 {
font-size: 48px;
}
}
@media (max-width: 470px) {
.hero-1 .hero-content h1 {
font-size: 38px;
}
}
.hero-1 .hero-content .theme-btn {
margin-top: 40px;
}
.hero-1 .hero-content .theme-btn::after {
background: var(--white);
}
.hero-1 .hero-content .theme-btn:hover {
color: var(--header);
}
.hero-1 .hero-image {
margin-left: -200px;
}
@media (max-width: 1600px) {
.hero-1 .hero-image {
margin-left: 0;
}
.hero-1 .hero-image img {
width: 100%;
height: 100%;
}
}
.hero-2 {
padding: 170px 0 170px;
position: relative;
z-index: 9;
}
.hero-2 .hero-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transform: scale(1);
-webkit-transition: all 8s ease-out 0s;
-moz-transition: all 8s ease-out 0s;
-ms-transition: all 8s ease-out 0s;
-o-transition: all 8s ease-out 0s;
transition: all 8s ease-out 0s;
z-index: 9;
}
.hero-2 .hero-content {
position: relative;
z-index: 99;
}
@media (max-width: 767px) {
.hero-2 .hero-content {
text-align: center;
}
}
.hero-2 .hero-content h6 {
font-size: 18px;
color: var(--white);
font-family: "DM Sans", sans-serif;
background-color: rgba(255, 255, 255, 0.078);
display: inline-block;
padding: 12px 40px;
border-radius: 20px;
line-height: 1;
margin-bottom: 20px;
}
.hero-2 .hero-content h1 {
font-size: 96px;
color: var(--white);
}
@media (max-width: 1399px) {
.hero-2 .hero-content h1 {
font-size: 85px;
}
}
@media (max-width: 1199px) {
.hero-2 .hero-content h1 {
font-size: 75px;
}
}
@media (max-width: 991px) {
.hero-2 .hero-content h1 {
font-size: 65px;
}
}
@media (max-width: 767px) {
.hero-2 .hero-content h1 {
font-size: 52px;
}
}
@media (max-width: 575px) {
.hero-2 .hero-content h1 {
font-size: 40px;
}
}
.hero-2 .hero-content h1 span {
font-weight: 400;
}
.hero-2 .hero-content h1 .text-color {
color: #49a3d8;
}
.hero-2 .hero-content p {
font-size: 20px;
color: var(--white);
max-width: 600px;
margin: 40px auto 0;
}
@media (max-width: 575px) {
.hero-2 .hero-content p {
font-size: 18px;
}
}
.hero-2 .hero-content .hero-button {
margin-top: 50px;
}
@media (max-width: 767px) {
.hero-2 .hero-content .hero-button {
margin-top: 30px;
}
}
.hero-2 .hero-content .hero-button .theme-btn {
border: 1px solid var(--theme-color);
}
.hero-2 .hero-content .hero-button .theme-btn:hover {
border: 1px solid var(--header);
}
.hero-2 .hero-content .hero-button .theme-btn.style-2 {
background: transparent;
color: var(--white);
border: 1px solid var(--white);
}
.hero-2 .hero-content .hero-button .theme-btn.style-2 i {
background-color: var(--theme-color);
color: var(--white);
}
.hero-2 .hero-content .hero-button .theme-btn.style-2:hover {
border: 1px solid var(--theme-color);
}
.hero-2 .hero-content .hero-button .theme-btn.style-2:hover::before, .hero-2 .hero-content .hero-button .theme-btn.style-2:hover::after {
background-color: var(--theme-color);
}
.hero-section-2 {
position: relative;
}
.hero-section-2 .swiper-dot {
transform: translateY(-50%) rotate(-90deg);
position: absolute;
top: 50%;
left: 2%;
z-index: 99;
}
.hero-section-2 .swiper-dot::before {
position: absolute;
content: "";
height: 270px;
width: 6px;
background-color: var(--theme-color);
transform: rotate(-90deg);
left: 71px;
top: -123px;
z-index: -1;
}
@media (max-width: 1600px) {
.hero-section-2 .swiper-dot {
display: none;
}
}
.hero-section-2 .swiper-dot .swiper-pagination-bullet {
width: 25px;
height: 25px;
transition: 0.6s;
background: var(--white);
opacity: 1;
border-radius: 25px;
}
.hero-section-2 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
transition: 0.6s;
position: relative;
background-color: var(--theme-color);
}
.hero-section-2 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
display: none;
}
.hero-section-2 .swiper-slide.swiper-slide-active .hero-bg {
-webkit-transform: scale(1.19);
-moz-transform: scale(1.19);
transform: scale(1.19);
}
.hero-3 {
padding: 95px 0;
}
.hero-3 .hero-content {
background-position: center;
background-repeat: no-repeat;
padding: 75px 90px;
}
@media (max-width: 1199px) {
.hero-3 .hero-content {
padding: 50px 50px;
}
}
@media (max-width: 767px) {
.hero-3 .hero-content {
padding: 50px 40px;
}
}
@media (max-width: 575px) {
.hero-3 .hero-content {
padding: 40px 30px;
}
}
.hero-3 .hero-content h1 {
font-size: 86px;
}
@media (max-width: 1399px) {
.hero-3 .hero-content h1 {
font-size: 64px;
}
}
@media (max-width: 767px) {
.hero-3 .hero-content h1 {
font-size: 54px;
}
}
@media (max-width: 575px) {
.hero-3 .hero-content h1 {
font-size: 38px;
}
}
.hero-3 .hero-content h1 span {
color: var(--theme-color);
}
.hero-3 .hero-content .hero-button {
margin-top: 50px;
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1199px) {
.hero-3 .hero-content .hero-button {
flex-wrap: wrap;
margin-top: 30px;
gap: 20px;
}
}
.hero-3 .hero-content .hero-button .button-text {
display: flex;
align-items: center;
}
.hero-3 .hero-content .hero-button .button-text .video-btn {
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 50%;
background-color: transparent;
display: inline-block;
text-align: center;
border: 1px solid #eceff3;
position: relative;
z-index: 9;
}
.hero-3 .hero-content .hero-button .button-text .video-btn::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--bg);
content: "";
z-index: -1;
}
.hero-3 .hero-content .hero-button .button-text span {
font-size: 16px;
font-weight: 500;
font-family: "Unbounded", sans-serif;
color: #141414;
}
.why-choose-us-wrapper .choose-us-content {
margin-left: 20px;
}
@media (max-width: 1199px) {
.why-choose-us-wrapper .choose-us-content {
margin-left: 0;
}
}
.why-choose-us-wrapper .choose-us-content p {
margin-top: 20px;
margin-bottom: 35px;
}
.why-choose-us-wrapper .choose-us-content .icon-items-area {
margin-left: 60px;
}
@media (max-width: 1399px) {
.why-choose-us-wrapper .choose-us-content .icon-items-area {
margin-left: 0;
}
}
.why-choose-us-wrapper .choose-us-content .icon-box-main {
position: relative;
}
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-shape {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
}
@media (max-width: 1199px) {
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-shape {
display: none;
}
}
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-shape img {
height: 100%;
}
.why-choose-us-wrapper .choose-us-content .icon-box-main.style-2 {
background: linear-gradient(90deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
}
.why-choose-us-wrapper .choose-us-content .icon-box-main.style-2 .icon-box-items {
border-radius: 0px 100px 0px 0px;
}
.why-choose-us-wrapper .choose-us-content .icon-box-main.style-4 {
background: linear-gradient(90deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
}
.why-choose-us-wrapper .choose-us-content .icon-box-main.style-4 .icon-box-items {
border-radius: 0px 0 100px 0px;
}
.why-choose-us-wrapper .choose-us-content .icon-box-main.style-3 .icon-box-items {
border-radius: 0px 0px 0px 100px;
}
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-bottom-shape {
position: absolute;
bottom: 0;
left: -24px;
top: 0;
}
@media (max-width: 1199px) {
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-bottom-shape {
display: none;
}
}
.why-choose-us-wrapper .choose-us-content .icon-box-main .left-bottom-shape img {
height: 100%;
}
.why-choose-us-wrapper .choose-us-content .icon-box-items {
padding: 30px 15px;
padding-top: 0;
background: #0f3564;
text-align: center;
border-radius: 100px 0px 0px 0px;
position: relative;
}
@media (max-width: 1199px) {
.why-choose-us-wrapper .choose-us-content .icon-box-items {
border-radius: 0 !important;
}
}
.why-choose-us-wrapper .choose-us-content .icon-box-items.style-2 {
border-radius: 0 100px 0px 0px;
background: linear-gradient(90deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
}
.why-choose-us-wrapper .choose-us-content .icon-box-items .icon {
width: 75px;
height: 90px;
line-height: 90px;
text-align: center;
margin: 0 auto 30px;
position: relative;
z-index: 9;
font-size: 40px;
z-index: 9;
color: var(--white);
}
.why-choose-us-wrapper .choose-us-content .icon-box-items .icon::before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 75px;
height: 85px;
content: "";
background: #3f5d83;
border-radius: 0px 0px 37.5px 37.5px;
z-index: -1;
}
.why-choose-us-wrapper .choose-us-content .icon-box-items .icon::after {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
bottom: 0;
content: "";
width: 75px;
height: 80px;
line-height: 80px;
background-color: rgb(34, 70, 113);
border-radius: 0px 0px 37.5px 37.5px;
z-index: -1;
}
.why-choose-us-wrapper .choose-us-content .icon-box-items h5 {
color: var(--white);
}
.why-choose-us-wrapper .choose-us-image-2 {
display: none;
}
@media (max-width: 1600px) {
.why-choose-us-wrapper .choose-us-image-2 {
display: block;
}
.why-choose-us-wrapper .choose-us-image-2 img {
width: 100%;
height: 100%;
}
}
.why-choose-us-section {
position: relative;
}
.why-choose-us-section .choose-us-image {
position: absolute;
bottom: 0;
top: 0;
left: -20px;
}
@media (max-width: 1600px) {
.why-choose-us-section .choose-us-image {
display: none;
}
}
.counter-wrapper {
position: relative;
z-index: 9;
}
.counter-wrapper .counter-image {
position: relative;
}
@media (max-width: 1199px) {
.counter-wrapper .counter-image {
height: 450px;
}
.counter-wrapper .counter-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.counter-wrapper .counter-image img {
width: 100%;
height: 100%;
}
.counter-wrapper .counter-image .video-items {
padding: 80px 40px 120px;
background: var(--color-gradient-1);
position: absolute;
right: 70px;
bottom: 100px;
text-align: center;
border-radius: 150px 150px 0 0;
}
@media (max-width: 1399px) {
.counter-wrapper .counter-image .video-items {
border-radius: 0;
padding: 0;
right: initial;
bottom: initial;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent;
}
}
.counter-wrapper .counter-image .video-items .video-btn {
width: 105px;
height: 105px;
line-height: 105px;
text-align: center;
border-radius: 50%;
background-color: var(--white);
display: inline-block;
}
.counter-wrapper .counter-image .video-items h4 {
color: var(--white);
font-size: 24px;
font-weight: 500;
max-width: 210px;
margin-top: 50px;
}
@media (max-width: 1399px) {
.counter-wrapper .counter-image .video-items h4 {
color: var(--header);
}
}
.counter-wrapper .counter-wrap {
background-color: var(--white);
box-shadow: 0px 0px 50px 0px rgba(15, 53, 100, 0.07);
padding: 55px;
border-radius: 95px 0 0 95px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 9;
margin: -100px 70px 0;
}
@media (max-width: 1399px) {
.counter-wrapper .counter-wrap {
flex-wrap: wrap;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-radius: 0;
gap: 30px;
padding: 30px;
}
}
.counter-wrapper .counter-wrap .counter-items {
display: flex;
align-items: center;
gap: 25px;
}
.counter-wrapper .counter-wrap .counter-items .icon {
width: 105px;
height: 105px;
line-height: 105px;
text-align: center;
border-radius: 50%;
position: relative;
font-size: 90px;
}
.counter-wrapper .counter-wrap .counter-items .icon .circle-shape {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.counter-wrapper .counter-wrap .counter-items .content h2 {
font-size: 45px;
}
.counter-section {
position: relative;
z-index: 9;
}
.counter-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--white);
z-index: -1;
top: 83.7%;
height: initial;
}
.counter-section .container {
max-width: 1500px;
margin: 0 auto;
}
.feature-company-wrapper {
padding: 80px;
border-radius: 30px 30px 330px 30px;
margin-top: 60px;
position: relative;
}
@media (max-width: 1199px) {
.feature-company-wrapper {
padding: 30px;
border-radius: 30px !important;
}
}
@media (max-width: 575px) {
.feature-company-wrapper {
padding: 30px;
}
}
.feature-company-wrapper .dot-1 {
position: absolute;
left: 18.5%;
top: 9%;
}
@media (max-width: 1199px) {
.feature-company-wrapper .dot-1 {
display: none;
}
}
.feature-company-wrapper .dot-2 {
position: absolute;
left: 43.5%;
top: 9%;
}
@media (max-width: 1199px) {
.feature-company-wrapper .dot-2 {
display: none;
}
}
.feature-company-wrapper .dot-3 {
position: absolute;
left: 67.9%;
top: 9%;
}
@media (max-width: 1199px) {
.feature-company-wrapper .dot-3 {
display: none;
}
}
@media (max-width: 767px) {
.feature-company-wrapper {
margin-top: 30px;
}
}
.feature-company-wrapper .nav {
display: flex;
align-items: center;
justify-content: center;
gap: 70px;
margin-bottom: 50px;
border-top: 1px solid #224671;
padding-top: 40px;
}
@media (max-width: 1199px) {
.feature-company-wrapper .nav {
gap: 20px;
margin-bottom: 30px;
padding-top: 0;
border-top: none;
justify-content: start;
}
}
.feature-company-wrapper .nav .nav-item .nav-link {
font-size: 14px;
font-weight: 500;
font-family: "Unbounded", sans-serif;
display: inline-block;
color: var(--white);
width: 250px;
height: 100px;
border-radius: 45px 45px 45px 45px;
background-color: rgb(34, 70, 113);
padding-top: 25px;
padding-left: 30px;
position: relative;
line-height: 1.7;
}
.feature-company-wrapper .nav .nav-item .nav-link::before {
position: absolute;
top: -15px;
left: 50px;
margin-left: -10px;
content: "";
display: block;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 18px solid rgb(34, 70, 113);
}
.feature-company-wrapper .nav .nav-item .nav-link.active {
background-color: #205cbf;
}
.feature-company-wrapper .nav .nav-item .nav-link.active::before {
border-bottom: 18px solid #205cbf;
}
.feature-company-wrapper .feature-company-content {
text-align: right;
}
@media (max-width: 1199px) {
.feature-company-wrapper .feature-company-content {
text-align: left;
}
}
.feature-company-wrapper .feature-company-content .icon-items {
display: flex;
align-items: center;
gap: 100px;
position: relative;
justify-content: end;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.feature-company-wrapper .feature-company-content .icon-items {
justify-content: start;
}
}
.feature-company-wrapper .feature-company-content .icon-items::before {
position: absolute;
top: 50%;
right: 30px;
content: "";
transform: translate(-50%, -50%);
width: 100px;
height: 1px;
background-color: rgb(34, 70, 113);
}
.feature-company-wrapper .feature-company-content .icon-items .number {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
background-color: rgb(34, 70, 113);
color: var(--white);
}
.feature-company-wrapper .feature-company-content .icon-items .icon {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 10px;
background-color: #1f60c0;
position: relative;
z-index: 9;
font-size: 40px;
color: var(--white);
}
.feature-company-wrapper .feature-company-content .icon-items .icon .shape {
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
}
.feature-company-wrapper .feature-company-content h3 {
color: var(--white);
margin-bottom: 20px;
}
.feature-company-wrapper .feature-company-thumb {
margin-left: 20px;
}
@media (max-width: 1199px) {
.feature-company-wrapper .feature-company-thumb {
margin-left: 0;
}
}
.feature-company-wrapper .feature-company-thumb img {
width: 100%;
height: 100%;
}
.work-process-items-2 {
margin-top: 30px;
text-align: center;
}
.work-process-items-2 .thumb {
position: relative;
z-index: 9;
}
.work-process-items-2 .thumb .number {
font-size: 80px;
font-weight: 600;
color: transparent;
-webkit-text-stroke: 1.2px rgba(30, 32, 35, 0.47);
position: absolute;
right: 0;
top: 73%;
font-family: "Unbounded", sans-serif;
}
@media (max-width: 767px) {
.work-process-items-2 .thumb .number {
display: none;
}
}
.work-process-items-2 .thumb .number-2 {
font-size: 80px;
font-weight: 600;
color: transparent;
-webkit-text-stroke: 1.2px rgba(30, 32, 35, 0.47);
position: absolute;
right: 0;
top: 10px;
font-family: "Unbounded", sans-serif;
z-index: -1;
}
@media (max-width: 767px) {
.work-process-items-2 .thumb .number-2 {
display: none;
}
}
.work-process-items-2 .thumb .number-3 {
font-size: 80px;
font-weight: 600;
color: transparent;
-webkit-text-stroke: 1.2px rgba(30, 32, 35, 0.47);
position: absolute;
left: -30px;
bottom: 10px;
font-family: "Unbounded", sans-serif;
z-index: -1;
}
@media (max-width: 767px) {
.work-process-items-2 .thumb .number-3 {
display: none;
}
}
.work-process-items-2 .content {
max-width: 300px;
margin: -50px auto 0;
position: relative;
z-index: 9;
}
.work-process-items-2 .content .icon {
width: 90px;
height: 90px;
line-height: 105px;
text-align: center;
border-radius: 50%;
background: var(--color-gradient-1);
margin: 0 auto 20px;
font-size: 45px;
color: var(--white);
}
.work-process-items-2 .content h3 {
margin-bottom: 10px;
}
.counter-wrapper-2 {
padding: 80px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.counter-wrapper-2 {
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
}
.counter-wrapper-2 .counter-box-items-2 {
width: 180px;
height: 180px;
text-align: center;
border: 1px dashed var(--theme-color);
border-radius: 50%;
position: relative;
z-index: 9;
padding-top: 50px;
position: relative;
}
.counter-wrapper-2 .counter-box-items-2 .arrow-shape {
position: absolute;
top: 42%;
right: -81%;
}
@media (max-width: 1399px) {
.counter-wrapper-2 .counter-box-items-2 .arrow-shape {
display: none;
}
}
.counter-wrapper-2 .counter-box-items-2 .arrow-shape-2 {
position: absolute;
top: 38%;
right: -81%;
}
@media (max-width: 1399px) {
.counter-wrapper-2 .counter-box-items-2 .arrow-shape-2 {
display: none;
}
}
.counter-wrapper-2 .counter-box-items-2::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
width: 155px;
height: 155px;
border-radius: 50%;
background-color: var(--white);
z-index: -1;
}
.counter-wrapper-2 .counter-box-items-2 h2 {
line-height: 1;
}
.counter-section-2 {
margin: 0 100px;
border-radius: 141px 141px 0px 0px;
margin-bottom: -120px;
position: relative;
z-index: 9;
}
@media (max-width: 1199px) {
.counter-section-2 {
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
}
.cost-calculate-wrapper {
position: relative;
}
.cost-calculate-wrapper .nav {
display: flex;
align-items: center;
border: 1px solid #cfd7e0;
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
@media (max-width: 1199px) {
.cost-calculate-wrapper .nav {
justify-content: space-between;
}
}
.cost-calculate-wrapper .nav .nav-item .nav-link {
padding: 24px 30px;
line-height: 1;
padding-right: 200px;
font-size: 24px;
color: #0f3564;
}
@media (max-width: 1199px) {
.cost-calculate-wrapper .nav .nav-item .nav-link {
padding-right: 30px;
}
}
.cost-calculate-wrapper .nav .nav-item .nav-link.active {
background: var(--color-gradient-1);
color: var(--white);
}
.cost-calculate-wrapper .cost-calculate-left {
position: relative;
}
.cost-calculate-wrapper .cost-box-items {
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
border: 1px solid rgba(18, 56, 103, 0.2);
padding: 50px 70px;
}
@media (max-width: 1199px) {
.cost-calculate-wrapper .cost-box-items {
padding: 50px 50px;
}
}
@media (max-width: 767px) {
.cost-calculate-wrapper .cost-box-items {
padding: 30px 40px;
}
}
@media (max-width: 575px) {
.cost-calculate-wrapper .cost-box-items {
padding: 30px 30px;
}
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items {
width: 100%;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items:not(:last-child) {
margin-bottom: 40px;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .pro-head .title {
font-size: 16px;
color: var(--header);
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .pro-head .point {
font-size: 16px;
color: var(--header);
font-family: "Unbounded", sans-serif;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .progress {
background: #eceff3;
justify-content: flex-start;
border-radius: 0;
align-items: center;
position: relative;
display: flex;
height: 8px;
width: 100%;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: #244671;
height: 8px;
width: 0;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .style-two {
animation: load2 3s normal forwards;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .style-three {
animation: load3 3s normal forwards;
}
.cost-calculate-wrapper .cost-box-items .progress-wrap .pro-items .style-four {
animation: load4 3s normal forwards;
}
@keyframes load {
0% {
width: 0;
}
100% {
width: 35%;
}
}
@keyframes load2 {
0% {
width: 0;
}
100% {
width: 45%;
}
}
@keyframes load3 {
0% {
width: 0;
}
100% {
width: 52%;
}
}
@keyframes load4 {
0% {
width: 0;
}
100% {
width: 76%;
}
}
.cost-calculate-wrapper .cost-box-items .number-list {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.cost-calculate-wrapper .cost-box-items .number-list li {
font-size: 16px;
color: var(--text);
}
.cost-calculate-wrapper .cost-calculate-right-items {
margin-right: -54%;
}
@media (max-width: 1199px) {
.cost-calculate-wrapper .cost-calculate-right-items {
margin-right: 0;
}
}
.cost-calculate-wrapper .cost-calculate-right-items .cost-box-wrap {
padding: 50px 30px 185px;
border-radius: 0px 0px 156px 156px;
max-width: 350px;
height: 100%;
}
@media (max-width: 991px) {
.cost-calculate-wrapper .cost-calculate-right-items .cost-box-wrap {
max-width: 800px;
}
}
.cost-calculate-wrapper .cost-calculate-right-items .cost-box-wrap .icon {
margin-bottom: 20px;
font-size: 40px;
color: var(--white);
}
.cost-calculate-wrapper .cost-calculate-right-items .cost-box-wrap h3 {
color: var(--white);
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.cost-calculate-wrapper .cost-calculate-right-items .calculate-image {
height: 463px;
position: absolute;
top: 115px;
right: -24%;
}
@media (max-width: 1899px) {
.cost-calculate-wrapper .cost-calculate-right-items .calculate-image {
display: none;
}
}
.cost-calculate-wrapper .cost-calculate-right-items .calculate-image img {
width: 100%;
height: 100%;
}
.cost-calculate-section {
position: relative;
}
.counter-wrapper-33 {
position: relative;
overflow: hidden;
}
.counter-wrapper-33 .counter-box-321 {
background-color: var(--white);
box-shadow: var(---box-shadow);
text-align: center;
padding: 25px 30px;
padding-top: 60px;
position: relative;
z-index: 99;
}
.counter-wrapper-33 .counter-box-321 .icon {
position: relative;
z-index: 9;
font-size: 40px;
color: var(--theme-color);
}
.counter-wrapper-33 .counter-box-321 .icon .circle-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.counter-wrapper-33 .counter-box-321 .icon .number {
width: 33px;
height: 33px;
line-height: 33px;
display: inline-block;
background: var(--color-gradient-1);
border-radius: 50%;
color: var(--white);
position: absolute;
bottom: -23px;
right: 62px;
font-size: 10px;
}
.counter-wrapper-33 .counter-box-321 .box-count {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
margin-top: 40px;
}
.counter-wrapper-33 .counter-box-321 h4 {
font-size: 40px;
font-weight: 600;
}
@media (max-width: 1399px) {
.counter-wrapper-33 .counter-box-321 h4 {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.counter-wrapper-33 .counter-box-321 h4 {
font-size: 19px;
}
}
@media (max-width: 991px) {
.counter-wrapper-33 .counter-box-321 h4 {
font-size: 40px;
}
}
.counter-wrapper-33 .counter-box-321 p {
text-align: left;
line-height: 1.5;
font-size: 14px;
font-family: "Unbounded", sans-serif;
color: var(--header);
font-weight: 600;
}
.counter-wrapper-33 .thumb {
margin-left: -50%;
position: relative;
z-index: 9;
}
.counter-wrapper-33 .thumb img {
width: 100%;
height: 100%;
}
.counter-wrapper-33 .shape-bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.counter-wrapper-33 .shape-bg img {
width: 100%;
height: 100%;
border-radius: 0px 0px 200px 0px;
height: 104%;
}
.work-process-box-3 {
margin-top: 30px;
text-align: center;
position: relative;
}
.work-process-box-3::before {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url(../../assets/img/work-process/bg-shape.png);
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
.work-process-box-3::before {
display: none;
}
}
.work-process-box-3 .content {
padding: 40px 60px;
position: relative;
z-index: 9;
}
.work-process-box-3 .content .step {
border-radius: 22.5px 22.5px 22.5px 22.5px;
width: 60px;
height: 137px;
line-height: 137px;
background: var(--color-gradient-1);
color: var(--white);
display: inline-block;
position: absolute;
bottom: 86px;
right: 26px;
}
.work-process-box-3 .content .step span {
transform: rotate(-90deg);
display: inline-block;
}
.work-process-box-3 .content::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: #fff;
border-radius: 5px 5px 5px 125px;
max-width: 370px;
box-shadow: 0px 0px 40px 0px rgba(42, 35, 115, 0.06);
margin: 0 auto;
z-index: -1;
height: 80%;
}
@media (max-width: 1199px) {
.work-process-box-3 .content::before {
max-width: initial;
height: 100%;
}
}
.work-process-box-3 .content h3 {
margin-bottom: 10px;
font-weight: 500;
}
.work-process-box-3 .icon {
width: 138px;
height: 138px;
line-height: 158px;
background: var(--theme-color);
border-radius: 50%;
margin: 40px auto 0;
position: relative;
font-size: 70px;
color: var(--white);
}
.work-process-box-3 .icon::before {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
border-radius: 50%;
background: #f6f6f7;
transform: translate(-50%, -50%);
content: "";
z-index: -1;
}
.work-process-box-3:hover::before {
background-image: url(../../assets/img/service/hover-bg-2.png);
}
@media (max-width: 1199px) {
.details-feature-wrapper .section-title {
text-align: left;
}
}
.details-feature-wrapper .content .text {
margin-top: 30px;
}
.details-feature-wrapper .content .icon-items {
margin-top: 50px;
}
.details-feature-wrapper .content .icon-items li {
display: flex;
align-items: center;
gap: 40px;
}
.details-feature-wrapper .content .icon-items li:not(:last-child) {
margin-bottom: 30px;
}
.details-feature-wrapper .content .icon-items li .icon {
width: 60px;
height: 80px;
line-height: 80px;
border-radius: 30px 30px 30px 30px;
background-color: var(--theme-color);
color: var(--white);
text-align: center;
font-weight: 500;
font-family: "Unbounded", sans-serif;
}
.details-feature-wrapper .content .icon-items li .content-icon {
flex-basis: 80%;
}
.details-feature-wrapper .content .icon-items li .content-icon h3 {
margin-bottom: 12px;
font-weight: 500;
}
.details-feature-wrapper .feature-image {
height: 600px;
}
.details-feature-wrapper .feature-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.work-process-section-3 {
position: relative;
}
@media (max-width: 1199px) {
.work-process-section-3 {
background-color: var(--bg);
padding-top: 0;
}
}
.work-process-section-3 .line-shape {
text-align: center;
max-width: 860px;
margin: 30px auto 0;
}
@media (max-width: 1399px) {
.work-process-section-3 .line-shape {
display: none;
}
}
.work-process-section-3 .left-shape {
position: absolute;
top: 0;
bottom: 0;
width: 520px;
}
@media (max-width: 1199px) {
.work-process-section-3 .left-shape {
display: none;
}
}
.work-process-section-3 .left-shape img {
height: 100%;
width: 100%;
}
@media (max-width: 767px) {
.about-wrapper .about-content .section-title {
text-align: left;
}
}
.about-wrapper .about-content .about-text {
max-width: 535px;
margin-top: 20px;
margin-bottom: 35px;
}
.about-wrapper .about-content .about-items {
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 1199px) {
.about-wrapper .about-content .about-items {
flex-wrap: wrap;
gap: 30px;
}
}
.about-wrapper .about-content .about-items .content h3 {
margin-top: 25px;
}
.about-wrapper .about-content .about-items ul li {
display: flex;
gap: 20px;
}
.about-wrapper .about-content .about-items ul li:not(:last-child) {
margin-bottom: 50px;
}
.about-wrapper .about-content .about-items ul li .icon {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
background-image: var(--color-gradient-1);
color: var(--white);
}
.about-wrapper .about-content .about-items ul li .content {
flex-basis: 60%;
}
.about-wrapper .about-content .about-items ul li .content h4 {
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.about-wrapper .about-image {
margin-left: -100px;
position: relative;
}
@media (max-width: 1199px) {
.about-wrapper .about-image {
margin-left: 0;
}
}
@media (max-width: 767px) {
.about-wrapper .about-image img {
width: 100%;
height: 100%;
}
}
.about-wrapper .about-image .about-image-2 {
position: absolute;
bottom: 0;
right: 0;
z-index: 9;
}
.about-section {
position: relative;
}
.about-section .bg-shape {
position: absolute;
bottom: 14%;
right: 10px;
}
@media (max-width: 1399px) {
.about-section .bg-shape {
display: none;
}
}
.about-wrapper-2 {
margin-top: 13px;
}
.about-wrapper-2 .about-image {
position: relative;
margin-left: -59%;
margin-right: 40px;
}
@media (max-width: 1899px) {
.about-wrapper-2 .about-image {
margin-right: 0;
margin-left: 0;
}
}
.about-wrapper-2 .about-image img {
width: 100%;
height: 100%;
}
.about-wrapper-2 .about-image .about-image-2 {
position: absolute;
bottom: -40px;
right: -25%;
}
.about-wrapper-2 .about-image .about-image-2 img {
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-image .about-image-2 {
left: 0;
right: initial;
}
}
@media (max-width: 991px) {
.about-wrapper-2 .about-image .about-image-2 {
right: initial;
bottom: 0;
}
}
@media (max-width: 767px) {
.about-wrapper-2 .about-image .about-image-2 {
display: none;
}
}
.about-wrapper-2 .about-image .about-image-2::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
width: 360px;
height: 350px;
border: 1px solid #cdd4dc;
border-radius: 50%;
}
.about-wrapper-2 .about-image .about-image-2::after {
position: absolute;
top: 49%;
left: 39%;
transform: translate(-50%, -50%);
content: "";
width: 290px;
height: 320px;
border-radius: 50%;
background: linear-gradient(90deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
opacity: 0.4;
}
.about-wrapper-2 .about-image .counter-box {
padding: 35px 40px;
background-color: var(--header);
position: absolute;
right: -38%;
top: 12%;
display: flex;
align-items: center;
gap: 20px;
border-radius: 100px;
transform: rotate(-90deg);
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-image .counter-box {
right: 0;
}
}
@media (max-width: 991px) {
.about-wrapper-2 .about-image .counter-box {
display: none;
}
}
.about-wrapper-2 .about-image .counter-box h2 {
color: var(--white);
}
.about-wrapper-2 .about-image .counter-box p {
color: var(--white);
font-family: "DM Sans", sans-serif;
}
.about-wrapper-2 .about-content {
margin-left: 10px;
}
@media (max-width: 767px) {
.about-wrapper-2 .about-content {
margin-left: 0;
}
.about-wrapper-2 .about-content .section-title {
text-align: left;
}
}
.about-wrapper-2 .about-content h4 {
font-weight: 500;
color: #1488cc;
margin-top: 30px;
margin-bottom: 30px;
}
.about-wrapper-2 .about-content p {
max-width: 590px;
font-size: 18px;
}
.about-wrapper-2 .about-content .skill-feature {
margin-top: 30px;
}
.about-wrapper-2 .about-content .skill-feature .box-title {
font-size: 16px;
font-weight: 700;
font-family: "DM Sans", sans-serif;
}
.about-wrapper-2 .about-content .skill-feature .progress-value {
margin-bottom: 10px;
color: var(--header);
text-transform: capitalize;
}
.about-wrapper-2 .about-content .skill-feature .progress {
position: relative;
height: 10px;
background-color: var(--white);
border-radius: 0;
overflow: visible;
margin-top: 15px;
border-radius: 30px;
}
.about-wrapper-2 .about-content .skill-feature .progress-bar {
background-color: var(--theme-color);
height: 10px;
margin: 0;
border-radius: inherit;
overflow: visible;
position: relative;
margin-top: 0;
}
.about-wrapper-2 .about-content .skill-feature .progress-value {
position: absolute;
top: -38px;
right: -8px;
font-size: 16px;
font-weight: 700;
font-family: "DM Sans", sans-serif;
}
.about-wrapper-2 .about-content .icon-items-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.about-wrapper-2 .about-content .icon-items-area {
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
}
}
.about-wrapper-2 .about-content .icon-items {
display: flex;
gap: 14px;
}
.about-wrapper-2 .about-content .icon-items .icon {
color: var(--theme-color);
}
.about-wrapper-2 .about-content .icon-items .content {
max-width: 280px;
}
.about-wrapper-2 .about-content .icon-items .content h5 {
font-size: 18px;
margin-bottom: 10px;
}
.about-section-2 {
background-color: #f5f5f5;
}
.about-wrapper-3 .about-image {
text-align: right;
position: relative;
}
@media (max-width: 767px) {
.about-wrapper-3 .about-image img {
width: 100%;
height: 100%;
}
}
.about-wrapper-3 .about-image .about-image-2 {
position: absolute;
bottom: 0;
left: 0;
}
.about-wrapper-3 .about-image .counter-box {
width: 270px;
height: 270px;
background-color: var(--white);
border: 2px dashed var(--theme-color);
position: absolute;
top: 30%;
left: 10%;
z-index: 9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%);
}
.about-wrapper-3 .about-image .counter-box h2 {
font-size: 80px;
font-family: "DM Sans", sans-serif;
line-height: 1;
}
.about-wrapper-3 .about-image .counter-box p {
font-size: 22px;
color: var(--header);
line-height: 1;
}
.about-wrapper-3 .about-content {
margin-left: 40px;
}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content {
margin-left: 0;
}
.about-wrapper-3 .about-content .section-title {
text-align: left;
}
}
.about-wrapper-3 .about-content .about-text {
margin-top: 30px;
}
.about-wrapper-3 .about-content .about-list {
margin-top: 25px;
}
.about-wrapper-3 .about-content .about-list li {
font-size: 18px;
color: var(--header);
}
.about-wrapper-3 .about-content .about-list li:not(:last-child) {
margin-bottom: 15px;
}
.about-wrapper-3 .about-content .about-list li i {
color: var(--header);
margin-right: 10px;
}
.about-wrapper-3 .about-content .customer-info {
display: flex;
align-items: center;
gap: 20px;
margin-top: 30px;
}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content .customer-info {
flex-wrap: wrap;
}
}
.about-wrapper-3 .about-content .customer-info .customer-content span {
color: var(--header);
display: inline-block;
margin-top: 10px;
}
.about-wrapper-3 .about-content .about-author {
display: flex;
align-items: center;
gap: 30px;
margin-top: 30px;
}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content .about-author {
flex-wrap: wrap;
gap: 20px;
}
}
.about-wrapper-3 .about-content .about-author .author-image {
display: flex;
align-items: center;
gap: 15px;
}
.about-section-3 {
position: relative;
}
.about-section-3 .about-text-shape {
position: absolute;
bottom: 200px;
left: 100px;
}
@media (max-width: 1600px) {
.about-section-3 .about-text-shape {
display: none;
}
}
.project-wrapper .project-left-content {
position: relative;
z-index: 9;
}
.project-wrapper .project-left-content p {
margin-top: 30px;
margin-bottom: 50px;
}
.project-wrapper .project-right-items {
display: flex;
align-items: center;
gap: 25px;
margin-right: -50%;
position: relative;
z-index: 9;
}
@media (max-width: 991px) {
.project-wrapper .project-right-items {
margin-right: 0;
flex-wrap: wrap;
}
}
.project-wrapper .project-right-items .project-image {
border-radius: 20px;
overflow: hidden;
position: relative;
z-index: 1;
width: 315px;
height: 503px;
transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
.project-wrapper .project-right-items .project-image {
max-width: 900px !important;
width: 100% !important;
}
}
.project-wrapper .project-right-items .project-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.project-wrapper .project-right-items .project-image.active {
width: 427px;
}
.project-wrapper .project-right-items .project-image.active .project-content {
opacity: 1;
visibility: visible;
}
.project-wrapper .project-right-items .project-image .project-content {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.project-wrapper .project-right-items .project-image .project-content .icon {
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
text-align: center;
color: var(--white);
background: var(--color-gradient-1);
display: inline-block;
font-size: 24px;
transition: all 0.4s ease-in-out;
position: absolute;
top: -20px;
left: 50px;
}
.project-wrapper .project-right-items .project-image .project-content .icon i {
transform: rotate(40deg);
}
.project-wrapper .project-right-items .project-image .project-content .icon:hover {
background: var(--header);
}
.project-wrapper .project-right-items .project-image .project-content p {
font-size: 16px;
font-weight: 500;
color: var(--white);
background-color: rgb(15, 53, 100);
text-align: center;
padding: 12px 24px;
line-height: 1;
border-top-right-radius: 40px;
margin-left: 80px;
}
.project-wrapper .project-right-items .project-image .project-content h3 {
padding: 18px 45px 24px;
background-color: var(--white);
border-bottom-left-radius: 20px;
line-height: 1;
}
.project-wrapper .project-right-items .project-image .project-content h3 a:hover {
color: var(--theme-color);
}
.pricing-box-items {
margin-top: 30px;
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.pricing-box-items {
border: 1px solid #dbe1e8;
border-radius: 10px;
}
}
.pricing-box-items.active::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: var(--color-gradient-1);
border-radius: 30px;
z-index: -1;
top: 50px;
height: initial;
}
.pricing-box-items.active .pricing-list {
padding: 40px 25px;
}
.pricing-box-items.active .pricing-list ul {
margin-bottom: 30px;
}
.pricing-box-items.active .pricing-list ul li {
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid transparent;
color: var(--white);
}
.pricing-box-items.active .pricing-list ul li:last-child {
background-color: rgba(255, 255, 255, 0.03);
}
.pricing-box-items.active .pricing-list ul li i {
color: var(--white);
}
.pricing-box-items.active .pricing-list ul li:not(:last-child) {
margin-bottom: 15px;
}
.pricing-box-items.active .pricing-list .theme-btn {
background: var(--theme-color);
}
.pricing-box-items .bg-shape {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
@media (max-width: 1399px) {
.pricing-box-items .bg-shape {
display: none;
}
}
.pricing-box-items .pricing-header {
position: relative;
z-index: 9;
padding: 30px 0;
padding-top: 0;
display: flex;
align-items: end;
gap: 20px;
margin-top: -30px;
}
@media (max-width: 1399px) {
.pricing-box-items .pricing-header {
display: block;
margin-top: 0;
padding-top: 30px;
margin: 0 auto;
text-align: center;
}
}
.pricing-box-items .pricing-header.style-2 {
display: grid;
justify-content: center;
align-items: center;
text-align: center;
}
.pricing-box-items .pricing-header.style-2::before {
background: url("../../assets/img/pricing-bg-shape-2.png");
background-size: cover;
background-repeat: no-repeat;
}
.pricing-box-items .pricing-header.style-2 .price {
background: var(--color-gradient-1);
margin: 0 auto;
}
.pricing-box-items .pricing-header.style-2 .price .price-text, .pricing-box-items .pricing-header.style-2 .price .text {
color: var(--white);
}
.pricing-box-items .pricing-header.style-2 h4 {
color: var(--header) !important;
}
.pricing-box-items .pricing-header::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--header);
z-index: -1;
border-radius: 30px 30px 65px 65px;
top: 35px;
height: initial;
}
@media (max-width: 1399px) {
.pricing-box-items .pricing-header::before {
top: 0;
border-radius: 10px 10px 0 0;
}
}
.pricing-box-items .pricing-header .price {
text-align: center;
width: 140px;
height: 140px;
line-height: 140px;
border-radius: 50%;
background-color: var(--white);
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1399px) {
.pricing-box-items .pricing-header .price {
margin: 0 auto 30px;
}
}
.pricing-box-items .pricing-header .price .price-text {
font-size: 36px;
font-weight: 400;
}
.pricing-box-items .pricing-header .price .price-text sup {
top: -6px;
}
.pricing-box-items .pricing-header .price .text {
font-size: 14px;
display: block;
font-weight: 400;
color: var(--text);
font-family: "DM Sans", sans-serif;
}
.pricing-box-items .pricing-header .content h4 {
font-size: 25px;
color: var(--white);
font-weight: 500;
}
.pricing-box-items .pricing-list {
padding: 40px 25px;
}
.pricing-box-items .pricing-list ul {
margin-bottom: 30px;
}
.pricing-box-items .pricing-list ul li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
font-family: "Unbounded", sans-serif;
border: 1px solid #dbe1e8;
padding: 20px 25px;
border-radius: 30px;
line-height: 1;
}
.pricing-box-items .pricing-list ul li:last-child {
background-color: #f5f5f5;
}
.pricing-box-items .pricing-list ul li i {
color: var(--theme-color);
}
.pricing-box-items .pricing-list ul li:not(:last-child) {
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.project-section {
background-image: none !important;
margin-top: -100px;
margin-bottom: -100px;
}
}
@media (max-width: 991px) {
.project-section {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media (max-width: 767px) {
.project-section .section-title {
text-align: left;
}
}
.project-thumb-box-items-33 {
position: relative;
overflow: hidden;
}
.project-thumb-box-items-33 img {
width: 100%;
height: 100%;
}
.project-thumb-box-items-33 h3 {
opacity: 0;
visibility: hidden;
font-weight: 400;
}
.project-thumb-box-items-33 h3 .title {
font-size: 30px;
padding: 22px 35px;
background-color: #0365d4;
color: var(--white);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
left: 0;
border-radius: 5px;
left: -35%;
}
.project-thumb-box-items-33:hover h3 {
opacity: 1;
visibility: visible;
}
.project-carousel-wrapper {
margin-left: -19%;
margin-right: -19%;
}
@media (max-width: 1199px) {
.project-carousel-wrapper {
margin-left: 0;
margin-right: 0;
}
}
.project-carousel-wrapper .project-carousel-image {
position: relative;
}
.project-carousel-wrapper .project-carousel-image img {
width: 100%;
height: 100%;
}
.project-carousel-wrapper .project-carousel-image h3 {
opacity: 0;
visibility: hidden;
font-weight: 400;
}
.project-carousel-wrapper .project-carousel-image h3 .title {
font-size: 34px;
padding: 28px 35px;
background-color: #0365d4;
color: var(--white);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
left: 0;
border-radius: 5px;
left: -24%;
}
@media (max-width: 1199px) {
.project-carousel-wrapper .project-carousel-image h3 .title {
transform: rotate(0deg);
left: 0;
right: 0;
bottom: 0;
font-size: 22px;
top: initial;
}
}
.project-carousel-wrapper .project-carousel-image:hover h3 {
opacity: 1;
visibility: visible;
}
.project-details-wrapper .details-image img {
width: 100%;
height: 100%;
}
.project-details-wrapper .details-content {
margin-top: 30px;
}
.project-details-wrapper .details-list-conetnt h3 {
margin-bottom: 15px;
}
.project-details-wrapper .details-list-conetnt ul {
margin-top: 20px;
}
.project-details-wrapper .details-list-conetnt ul li {
font-size: 16px;
}
.project-details-wrapper .details-list-conetnt ul li:not(:last-child) {
margin-bottom: 20px;
}
.project-details-wrapper .details-list-conetnt ul li i {
color: var(--theme-color);
margin-right: 10px;
}
.project-details-wrapper .project-sidebar-area {
background-color: #f6f6f6;
padding: 50px 35px;
}
.project-details-wrapper .project-sidebar-area ul {
margin-top: 30px;
}
.project-details-wrapper .project-sidebar-area ul li {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--white);
padding: 14px 20px;
transition: all 0.4s ease-in-out;
}
.project-details-wrapper .project-sidebar-area ul li:not(:last-child) {
margin-bottom: 15px;
}
.project-details-wrapper .project-sidebar-area ul li:hover {
background: var(--color-gradient-1);
}
.project-details-wrapper .project-sidebar-area ul li:hover span {
color: var(--white);
}
.project-details-wrapper .project-sidebar-area ul li:hover .social-text a {
color: var(--white);
}
.project-details-wrapper .project-sidebar-area ul li .social-text {
display: flex;
align-items: center;
gap: 10px;
}
.project-details-wrapper .project-sidebar-area ul li .social-text a {
color: var(--text);
}
.project-details-wrapper .project-sidebar-area ul li .social-text a:hover {
color: var(--white);
}
.project-box-thumb-3 {
margin-top: 30px;
position: relative;
height: 450px;
}
.project-box-thumb-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(19, 110, 214, 0.6784313725);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.project-box-thumb-3 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-box-thumb-3 .border-shape {
position: absolute;
bottom: 10px;
left: 10px;
transition: all 0.4s ease-in-out;
opacity: 1;
visibility: hidden;
z-index: 99;
}
.project-box-thumb-3 .content {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: 99;
}
.project-box-thumb-3 .content p {
font-size: 16px;
text-transform: uppercase;
color: var(--white);
letter-spacing: 4px;
}
.project-box-thumb-3 .content h3 {
font-family: "DM Sans", sans-serif;
}
.project-box-thumb-3 .content h3 a {
color: var(--white);
}
.project-box-thumb-3:hover::before {
opacity: 1;
visibility: visible;
}
.project-box-thumb-3:hover .content {
opacity: 1;
visibility: visible;
}
.project-box-thumb-3:hover .border-shape {
opacity: 1;
visibility: visible;
}
.service-wrapper {
max-width: 1190px;
margin: 0 auto;
}
.service-wrapper .service-box-items {
position: relative;
z-index: 9;
padding: 40px;
padding-top: 0;
}
@media (max-width: 991px) {
.service-wrapper .service-box-items {
padding: 15px;
}
}
.service-wrapper .service-box-items::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--white);
box-shadow: 0px 10px 60px 0px rgba(33, 34, 38, 0.08);
height: initial;
z-index: -1;
transition: all 0.4s ease-in-out;
top: 50px;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
.service-wrapper .service-box-items::before {
opacity: 1;
visibility: visible;
}
}
.service-wrapper .service-box-items .icon-items {
display: flex;
align-items: end;
gap: 30px;
margin-bottom: 20px;
}
.service-wrapper .service-box-items .icon-items .icon {
font-size: 70px;
color: var(--theme-color);
}
.service-wrapper .service-box-items .icon-items .content span {
font-size: 18px;
font-weight: 600;
color: var(--theme-color);
display: inline-block;
margin-bottom: 5px;
}
.service-wrapper .service-box-items .icon-items .content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.service-wrapper .service-box-items .icon-items .content h3 a:hover {
color: var(--theme-color);
background-size: 100% 2px;
background-image: linear-gradient(var(--theme-color), var(--theme-color));
}
.service-wrapper .service-box-items p {
font-weight: 400;
}
.service-wrapper .service-box-items .link-btn {
font-size: 16px;
color: var(--header);
display: inline-block;
margin-top: 10px;
}
.service-wrapper .service-box-items .link-btn i {
margin-left: 7px;
}
.service-wrapper .service-box-items .link-btn:hover {
color: var(--theme-color);
}
.service-wrapper .service-box-items .icon {
width: 110px;
height: 186px;
line-height: 215px;
border-radius: 55px 55px 0px 0px;
border: 1px solid rgba(33, 34, 38, 0.15);
background: var(--color-gradient-2);
transition: all 0.4s ease-in-out;
text-align: center;
}
.service-wrapper .service-box-items .icon img {
transition: all 0.4s ease-in-out;
}
.service-wrapper .service-box-items:hover::before, .service-wrapper .service-box-items.active::before {
opacity: 1;
visibility: visible;
}
.service-wrapper .service-box-items:hover .icon, .service-wrapper .service-box-items.active .icon {
background: var(--color-gradient-1);
color: var(--white);
}
@media (max-width: 991px) {
.service-wrapper-2 {
margin-top: -100px;
}
}
.service-wrapper-2 .service-box-items {
margin-top: 30px;
}
.service-wrapper-2 .service-box-items .thumb img {
width: 100%;
height: 100%;
}
.service-wrapper-2 .service-box-items.style-2 {
margin-top: 130px;
}
@media (max-width: 1199px) {
.service-wrapper-2 .service-box-items.style-2 {
margin-top: 30px;
}
}
.service-wrapper-2 .service-box-items.style-3 {
position: relative;
z-index: 9;
overflow: hidden;
}
.service-wrapper-2 .service-box-items.style-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--white);
top: 95%;
height: initial;
z-index: -1;
}
@media (max-width: 1199px) {
.service-wrapper-2 .service-box-items.style-3::before {
top: 100%;
}
}
.service-wrapper-2 .service-box-items.style-4 {
margin-top: -87px;
}
.service-wrapper-2 .service-box-items .content {
text-align: center;
padding: 40px 20px;
}
.service-wrapper-2 .service-box-items .content h4 {
margin-bottom: 15px;
}
.service-wrapper-2 .service-box-items .content h4 a {
color: var(--white);
}
.service-wrapper-2 .service-box-items .content h4 a:hover {
color: var(--theme-color);
}
.service-wrapper-2 .service-box-items .content p {
color: #b8b4b4;
}
.service-wrapper-2 .service-box-items .icon {
text-align: center;
margin: 0 auto;
width: 100px;
line-height: 130px;
height: 110px;
border-radius: 50px 50px 0px 0px;
position: relative;
background: var(--color-gradient-1);
font-size: 60px;
color: var(--white);
}
.service-wrapper-2 .service-box-items .icon img {
filter: grayscale(100%) brightness(300%);
}
.service-wrapper-2 .service-box-items .icon .arrow-shape {
position: absolute;
bottom: -45px;
right: -31px;
}
.service-wrapper-2 .service-box-items .icon .arrow-shape img {
filter: initial;
}
.service-section {
position: relative;
z-index: 9;
}
.service-section .bg-shape {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
@media (max-width: 991px) {
.service-section .bg-shape {
display: none;
}
}
.service-card-items {
margin-top: 30px;
position: relative;
}
.service-card-items .icon-bg {
position: absolute;
top: 39%;
left: 3px;
transform: translateY(-50%);
display: inline-block;
z-index: 99;
}
@media (max-width: 1399px) {
.service-card-items .icon-bg {
display: none;
}
}
.service-card-items .icon-bg .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
font-size: 35px;
color: var(--white);
}
.service-card-items .content {
padding: 35px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin-left: 83px;
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.service-card-items .content {
padding: 30px;
margin-left: 0;
margin-bottom: 30px;
}
}
.service-card-items .content .bg-shape {
position: absolute;
top: 0;
left: -78px;
right: 0;
bottom: 0;
z-index: -1;
}
@media (max-width: 1399px) {
.service-card-items .content .bg-shape {
display: none;
}
}
.service-card-items .content .bg-shape img {
width: 100%;
height: 100%;
}
.service-card-items .content h4 {
margin-bottom: 10px;
}
.service-card-items .content h4 a:hover {
color: var(--theme-color);
}
.service-card-items .content .service-btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.service-card-items .content .service-btn .text-btn {
font-size: 16px;
font-weight: 600;
color: var(--header);
display: inline-block;
text-decoration: underline;
}
.service-card-items .content .service-btn .text-btn:hover {
color: var(--theme-color);
}
.service-card-items .content .service-btn .arrow-icon {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: inline-block;
border-radius: 50%;
border: 1px solid #dce2e9;
color: var(--header);
}
.service-card-items .content .service-btn .arrow-icon:hover {
color: var(--white);
background-color: var(--theme-color);
}
.service-card-items .thumb {
margin-top: -32px;
position: relative;
z-index: -1;
}
.service-card-items .thumb img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.service-card-items-3 {
text-align: center;
border-right: 1px solid #d7d6d6;
z-index: 9;
position: relative;
}
.service-card-items-3::before {
position: absolute;
bottom: -79%;
left: 50%;
transform: translateX(-50%);
content: "";
width: 270px;
height: 270px;
content: "";
background-color: #f2f2f2;
border-radius: 50%;
z-index: -1;
}
@media (max-width: 1199px) {
.service-card-items-3::before {
display: none;
}
}
@media (max-width: 1199px) {
.service-card-items-3 {
border: none;
padding-top: 30px;
}
}
.service-card-items-3.border-right {
border-right: none;
}
.service-card-items-3 .icon {
position: relative;
text-align: center;
z-index: 9;
font-size: 60px;
color: var(--theme-color);
padding: 25px 0;
}
@media (max-width: 1199px) {
.service-card-items-3 .icon {
padding: 0;
margin-bottom: 40px;
}
}
.service-card-items-3 .icon .icon-shape {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.service-card-items-3 .content {
margin-top: 50px;
max-width: 255px;
}
.service-card-items-3 .content h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 15px;
}
.service-card-items-3 .content h3 a:hover {
color: var(--theme-color);
}
.service-card-items-3 .content .arrow-icon {
margin: 30px auto 0;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
background: #fff;
text-align: center;
}
@media (max-width: 1199px) {
.service-card-items-3 .content .arrow-icon {
background-color: #d7d6d6;
color: var(--theme-color);
}
}
.service-card-items-3 .content .arrow-icon:hover {
background: var(--color-gradient-1);
color: var(--white);
}
.service-card-items-3.before-none::before {
display: none;
}
.service-card-items-3.before-none .arrow-icon {
background-color: #f2f2f2;
}
.service-card-items-3:hover::before {
background: var(--theme-color);
}
.service-section-5 .container-fluid {
max-width: 1530px;
margin: 0 auto;
}
.service-box-left .service-box-4 {
position: relative;
padding: 23px 20px;
display: flex;
align-items: center;
padding-right: 0;
gap: 25px;
margin-top: 30px;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4 {
flex-wrap: wrap;
justify-content: center;
background-color: var(--white);
padding: 40px 30px;
}
}
.service-box-left .service-box-4.style-2 {
margin-right: 60px;
margin-left: -60px;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4.style-2 {
margin-right: 0;
margin-left: 0;
}
}
.service-box-left .service-box-4.style-new {
padding-right: 20px;
padding-left: 0;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4.style-new {
padding-right: 0;
}
}
.service-box-left .service-box-4.style-new::before {
display: none;
}
.service-box-left .service-box-4.style-new::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
clip-path: polygon(20% 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 139%);
background-color: #f8f8f8;
z-index: -1;
border-radius: 100px;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4.style-new::after {
display: none;
}
}
.service-box-left .service-box-4.style-new .content {
text-align: left;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4.style-new .content {
text-align: center;
}
}
.service-box-left .service-box-4.style-new.bg-white-style-2 {
position: relative;
z-index: 99;
}
.service-box-left .service-box-4.style-new.bg-white-style-2::after {
background-color: #fff;
z-index: -1;
}
.service-box-left .service-box-4.style-new.bg-white-style-2:hover::after {
background-color: var(--theme-color) !important;
}
.service-box-left .service-box-4.style-new.bg-white-style-2.active::after {
background-color: var(--theme-color) !important;
}
.service-box-left .service-box-4.style-margin {
margin-left: 30px;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4.style-margin {
margin-left: 0;
}
}
.service-box-left .service-box-4.bg-white-style {
position: relative;
z-index: 99;
}
.service-box-left .service-box-4.bg-white-style::before {
background-color: var(--white);
}
.service-box-left .service-box-4::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 112%;
height: 100%;
content: "";
background-color: #f8f8f8;
z-index: -1;
border-radius: 100px;
clip-path: polygon(69% 0, 100% 109%, 100% 100%, 0 100%, 0 0);
transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4::before {
display: none;
}
}
.service-box-left .service-box-4 .content {
text-align: right;
flex-basis: 70%;
}
@media (max-width: 1399px) {
.service-box-left .service-box-4 .content {
flex-basis: initial;
text-align: center;
}
}
.service-box-left .service-box-4 .content h3 {
font-weight: 500;
margin-bottom: 10px;
}
.service-box-left .service-box-4 .content p {
font-size: 14px;
}
.service-box-left .service-box-4 .icon {
width: 120px;
height: 120px;
line-height: 130px;
text-align: center;
border-radius: 50%;
background: var(--color-gradient-1);
font-size: 55px;
color: var(--white);
position: relative;
transition: all 0.4s ease-in-out;
}
.service-box-left .service-box-4 .icon .line {
height: 83px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: -21px;
right: -33px;
transform: rotate(125deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line {
display: none;
}
}
.service-box-left .service-box-4 .icon .line-2 {
height: 110px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: -21px;
right: -32px;
transform: rotate(83deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line-2 {
display: none;
}
}
.service-box-left .service-box-4 .icon .line-3 {
height: 112px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: 6px;
right: -49px;
transform: rotate(69deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line-3 {
display: none;
}
}
.service-box-left .service-box-4 .icon .line-4 {
height: 110px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: -28px;
left: -24px;
transform: rotate(69deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line-4 {
display: none;
}
}
.service-box-left .service-box-4 .icon .line-5 {
height: 71px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: 26px;
left: -25px;
transform: rotate(104deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line-5 {
display: none;
}
}
.service-box-left .service-box-4 .icon .line-6 {
height: 103px;
width: 3px;
background-color: var(--theme-color);
position: absolute;
bottom: 28px;
left: -44px;
transform: rotate(104deg);
z-index: -1;
}
@media (max-width: 1899px) {
.service-box-left .service-box-4 .icon .line-6 {
display: none;
}
}
.service-box-left .service-box-4:hover::before {
background-color: var(--theme-color);
}
.service-box-left .service-box-4:hover .icon {
background: var(--white);
color: var(--theme-color);
}
.service-box-left .service-box-4:hover .content h3 a {
color: var(--white);
}
.service-box-left .service-box-4:hover .content p {
color: var(--white);
}
.service-box-left .service-box-4.active::before {
background-color: var(--theme-color);
}
.service-box-left .service-box-4.active .icon {
background: var(--white);
color: var(--theme-color);
}
.service-box-left .service-box-4.active .content h3 a {
color: var(--white);
}
.service-box-left .service-box-4.active .content p {
color: var(--white);
}
.service-circle-image {
margin-top: 30px;
}
.service-circle-image img {
width: 100%;
height: 100%;
}
.service-section-3 {
position: relative;
}
.service-section-3 .bg-shape {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.service-section-3 .bg-shape img {
width: 100%;
}
.service-wrapper-22 {
background-color: var(--white);
border-radius: 50px 50px 50px 50px;
text-align: center;
overflow: hidden;
}
.service-wrapper-22 .service-card-items-3 .content {
margin: 15px auto 15px;
}
.service-section-5 {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1899px) {
.service-section-5 {
background-image: none;
padding-top: 120px;
background: var(--bg) !important;
}
}
@media (max-width: 1199px) {
.service-section-5 {
padding-top: 100px;
}
}
@media (max-width: 991px) {
.service-section-5 {
padding-top: 80px;
}
}
.main-sidebar .service-sidebar-widget {
margin-bottom: 35px;
padding: 40px;
background-color: var(--bg);
}
.main-sidebar .service-sidebar-widget .wid-title {
margin-bottom: 30px;
}
.main-sidebar .service-sidebar-widget .service-category a {
font-family: "Unbounded", sans-serif;
position: relative;
display: inline-block;
padding: 18px 20px;
background-color: var(--white);
width: 100%;
font-weight: 500;
z-index: 9;
}
.main-sidebar .service-sidebar-widget .service-category a:not(:last-child) {
margin-bottom: 10px;
}
.main-sidebar .service-sidebar-widget .service-category a i {
font-size: 18px;
color: var(--header);
position: absolute;
top: 25px;
right: 20px;
}
.main-sidebar .service-sidebar-widget .service-category a::before {
background-image: var(--color-gradient-1);
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.main-sidebar .service-sidebar-widget .service-category a:hover {
color: var(--white);
}
.main-sidebar .service-sidebar-widget .service-category a:hover i {
color: var(--white);
}
.main-sidebar .service-sidebar-widget .service-category a:hover::before {
visibility: visible;
opacity: 1;
}
.main-sidebar .service-sidebar-widget .service-category a.active {
color: var(--white);
}
.main-sidebar .service-sidebar-widget .service-category a.active i {
color: var(--white);
}
.main-sidebar .service-sidebar-widget .service-category a.active::before {
visibility: visible;
opacity: 1;
}
.main-sidebar .service-sidebar-widget .service-info {
display: flex;
align-items: center;
gap: 30px;
}
.main-sidebar .service-sidebar-widget .service-info .icon {
font-size: 42px;
color: var(--theme-color);
}
.main-sidebar .service-sidebar-widget .service-info .content h5 {
font-size: 18px;
margin-top: 5px;
font-weight: 500;
}
.main-sidebar .service-post {
padding: 90px 40px;
position: relative;
}
.main-sidebar .service-post::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: var(--color-gradient-1);
opacity: 0.6;
}
.main-sidebar .service-post .content {
text-align: center;
position: relative;
z-index: 9;
}
.main-sidebar .service-post .content h3 {
font-size: 32px;
color: var(--white);
margin-bottom: 30px;
}
.service-details-content .accordion-item {
max-width: 100% !important;
}
.service-details-wrapper .service-details-content .service-title {
font-size: 48px;
margin-bottom: 20px;
}
@media (max-width: 575px) {
.service-details-wrapper .service-details-content .service-title {
font-size: 32px;
}
}
.service-details-wrapper .service-details-content .details-image {
height: 400px;
margin-bottom: 30px;
}
@media (max-width: 575px) {
.service-details-wrapper .service-details-content .details-image {
margin-bottom: 20px;
}
}
.service-details-wrapper .service-details-content .details-title {
font-size: 30px;
margin-bottom: 20px;
}
@media (max-width: 575px) {
.service-details-wrapper .service-details-content .details-title {
font-size: 28px;
}
}
.service-details-wrapper .service-details-content .service-details-list .goal-list ul li {
color: var(--header);
font-weight: 500;
}
.service-details-wrapper .service-details-content .service-details-list .goal-list ul li:not(:last-child) {
margin-bottom: 10px;
}
.service-details-wrapper .service-details-content .service-details-list .goal-list ul li i {
color: var(--theme-color);
font-size: 18px;
}
::-webkit-scrollbar {
width: 6px;
height: 4px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--theme-color);
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--theme-color);
border-radius: 10px;
}
.fix {
overflow: hidden;
}
.ralt {
position: relative;
}
.ripple {
position: relative;
}
.ripple::before, .ripple::after {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
animation: rippleOne 3s infinite;
}
.ripple::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.ripple::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.swiper-dot .swiper-pagination-bullet {
width: 7px;
height: 7px;
transition: 0.6s;
background: var(--theme-color);
opacity: 1;
border-radius: 7px;
cursor: pointer;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
transition: 0.6s;
position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
width: 22px;
height: 22px;
line-height: 22px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: transparent;
border: 1px solid var(--theme-color);
content: "";
}
.array-button {
display: flex;
align-items: center;
gap: 18px;
}
.array-button .array-prev, .array-button .array-next {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background-color: var(--white);
transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover, .array-button .array-next:hover {
background-color: var(--theme-color);
color: var(--white);
}
.array-button.style-2 .array-prev {
border: 1px solid var(--border);
}
.array-button.style-2 .array-next {
border: 1px solid var(--theme-color);
background-color: var(--theme-color);
color: var(--white);
}
.array-button.style-2 .array-next:hover {
background-color: var(--header);
}
@media (max-width: 575px) {
br {
display: none;
}
}
/* background */
.bg-cover {
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}
.sticky-style {
position: sticky !important;
top: 100px;
}
.box-shadow {
box-shadow: var(---box-shadow);
}
.custom-container {
max-width: 1560px;
margin: 0 auto;
}
.custom-container-2 {
max-width: 1568px;
margin: 0 auto;
}
.slide-transtion {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.brand-slide-element {
width: auto;
display: inline-block;
}
@media (max-width: 991px) {
.lg-center {
justify-content: center;
text-align: center;
}
}
.section-bg-2 {
background-color: #0f3564;
}
.team-box-items {
margin-top: 30px;
position: relative;
padding-top: 115px;
}
@media (max-width: 1199px) {
.team-box-items {
padding-top: 0;
}
}
.team-box-items .bg-shape {
position: absolute;
top: 0;
bottom: 0;
left: 0;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
.team-box-items .bg-shape {
display: none;
}
}
.team-box-items .hover-shape {
position: absolute;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
z-index: 9;
}
@media (max-width: 1199px) {
.team-box-items .hover-shape {
display: none;
}
}
.team-box-items .social-icon {
display: flex;
align-items: center;
gap: 20px;
position: absolute;
left: 37%;
top: 8%;
transform: translateX(-50%);
z-index: 99;
justify-content: center;
}
@media (max-width: 1199px) {
.team-box-items .social-icon {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
}
.team-box-items .social-icon a {
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
display: inline-block;
border-radius: 50%;
color: var(--white);
}
.team-box-items .social-icon a.bg-1 {
background-color: #3973e8;
margin-bottom: -160px;
}
@media (max-width: 1199px) {
.team-box-items .social-icon a.bg-1 {
margin-bottom: 0;
}
}
.team-box-items .social-icon a.bg-2 {
background-color: #ea1b29;
margin-bottom: -70px;
}
@media (max-width: 1199px) {
.team-box-items .social-icon a.bg-2 {
margin-bottom: 0;
}
}
.team-box-items .social-icon a.bg-3 {
background-color: #44bbff;
margin-bottom: 10px;
margin-bottom: -20px;
}
@media (max-width: 1199px) {
.team-box-items .social-icon a.bg-3 {
margin-bottom: 0;
}
}
.team-box-items .social-icon a.bg-4 {
background-color: #44bbff;
}
.team-box-items .thumb {
padding-left: 45px;
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.team-box-items .thumb {
padding-left: 0;
}
}
@media (max-width: 1199px) {
.team-box-items .thumb img {
width: 100%;
height: 100%;
}
}
.team-box-items .content {
position: relative;
z-index: 9;
padding: 30px 0;
z-index: 9;
text-align: center;
margin-left: -65px;
}
@media (max-width: 1199px) {
.team-box-items .content {
margin-left: 0;
text-align: center;
}
.team-box-items .content p {
color: var(--text) !important;
}
}
.team-box-items .content h3 {
font-size: 22px;
}
.team-box-items .content h3 a {
color: var(--white);
}
@media (max-width: 1199px) {
.team-box-items .content h3 a {
color: var(--header);
}
}
.team-box-items .content p {
font-size: 18px;
color: #878c8f;
}
.team-box-items:hover .bg-shape, .team-box-items.active .bg-shape {
opacity: 0;
visibility: hidden;
}
@media (max-width: 1199px) {
.team-box-items:hover .social-icon, .team-box-items.active .social-icon {
opacity: 1;
visibility: visible;
}
}
.team-box-items:hover .hover-shape, .team-box-items.active .hover-shape {
opacity: 1;
visibility: visible;
}
.team-box-items:hover p, .team-box-items.active p {
color: var(--white);
}
.team-section-2 {
position: relative;
}
.team-section-2 .shape-image {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1199px) {
.team-section-2 .shape-image {
display: none;
}
}
.team-wrapper-2 {
position: relative;
z-index: 9;
}
.team-wrapper-2 .team-content .team-text {
max-width: 520px;
margin-top: 10px;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.team-wrapper-2 .section-title h2 {
color: var(--white);
}
}
.team-wrapper-2 .team-box-items-2 {
display: flex;
align-items: end;
}
@media (max-width: 1199px) {
.team-wrapper-2 .team-box-items-2 {
display: block;
}
.team-wrapper-2 .team-box-items-2 .thumb img {
width: 100%;
height: 100%;
}
}
.team-wrapper-2 .team-box-items-2 .content {
padding: 45px;
margin-left: -100px;
width: 100%;
position: relative;
}
@media (max-width: 1199px) {
.team-wrapper-2 .team-box-items-2 .content {
margin-left: 0;
}
}
.team-wrapper-2 .team-box-items-2 .content .social-profile {
position: absolute;
top: -60px;
left: 0;
content: "";
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 2;
display: flex;
overflow: hidden;
}
.team-wrapper-2 .team-box-items-2 .content .social-profile ul {
transform: translateX(-100px);
transition: all 0.6s ease-in-out;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
}
.team-wrapper-2 .team-box-items-2 .content .social-profile ul li a {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
display: block;
background: var(--white);
color: var(--header);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
margin: 0 auto;
}
.team-wrapper-2 .team-box-items-2 .content .social-profile ul li a:hover {
background-color: var(--theme-color);
color: var(--white);
}
.team-wrapper-2 .team-box-items-2 .content .social-profile .plus-btn {
z-index: 2;
cursor: pointer;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
display: inline-block;
background: var(--color-gradient-1);
color: var(--white);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-wrapper-2 .team-box-items-2 .content .social-profile:hover ul {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.team-wrapper-2 .team-box-items-2 .content::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: #224671;
border-radius: 0px 95px 95px 0px;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
.team-wrapper-2 .team-box-items-2 .content::before {
border-radius: 0;
}
}
.team-wrapper-2 .team-box-items-2 .content::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-repeat: no-repeat;
background-size: cover;
background-image: url("../../assets/img/team/hover-bg-2.png");
border-radius: 0px 95px 95px 0px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media (max-width: 1199px) {
.team-wrapper-2 .team-box-items-2 .content::after {
border-radius: 0;
}
}
.team-wrapper-2 .team-box-items-2 .content span {
font-size: 16px;
color: #1488cc;
position: relative;
z-index: 9;
}
.team-wrapper-2 .team-box-items-2 .content h3 {
position: relative;
z-index: 9;
}
.team-wrapper-2 .team-box-items-2 .content h3 a {
color: var(--white);
}
.team-wrapper-2 .team-box-items-2 .content .link-btn {
display: inline-block;
color: var(--white);
margin-top: 15px;
position: relative;
z-index: 9;
}
.team-wrapper-2 .team-box-items-2 .content .link-btn i {
margin-left: 5px;
}
.team-wrapper-2 .team-box-items-2:hover .content::before {
opacity: 0;
visibility: hidden;
}
.team-wrapper-2 .team-box-items-2:hover .content::after {
opacity: 1;
visibility: visible;
}
.team-wrapper-2 .team-box-items-2:hover .content span {
color: #cbd1da;
}
.team-wrapper-2 .team-box-items-2.active .content::before {
opacity: 0;
visibility: hidden;
}
.team-wrapper-2 .team-box-items-2.active .content::after {
opacity: 1;
visibility: visible;
}
.team-wrapper-2 .team-box-items-2.active .content span {
color: #cbd1da;
}
.team-card-items-3 .thumb {
position: relative;
}
.team-card-items-3 .thumb img {
width: 100%;
height: 100%;
}
.team-card-items-3 .thumb .post-cat {
position: absolute;
z-index: 9;
bottom: -11px;
right: 0;
padding: 14px 18px;
}
.team-card-items-3 .thumb .post-cat::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url("../../assets/img/team/post-box.png");
z-index: -1;
}
.team-card-items-3 .content {
position: relative;
padding: 30px 40px 40px;
margin-top: -15px;
text-align: right;
}
@media (max-width: 1199px) {
.team-card-items-3 .content {
margin-top: 0;
background-color: var(--theme-color);
text-align: center;
padding: 30px;
}
}
.team-card-items-3 .content .social-profile {
position: absolute;
left: 30px;
bottom: 47px;
content: "";
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 2;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 1199px) {
.team-card-items-3 .content .social-profile {
left: 0;
}
}
.team-card-items-3 .content .social-profile ul {
transform: translateY(100px);
transition: all 0.6s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: -1;
display: grid;
gap: 10px;
align-items: center;
background-color: var(--white);
padding: 10px 0;
}
.team-card-items-3 .content .social-profile ul li a {
text-align: center;
display: block;
color: var(--header);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
margin: 0 auto;
font-size: 16px;
}
.team-card-items-3 .content .social-profile ul li a:hover {
color: var(--theme-color);
}
.team-card-items-3 .content .social-profile .plus-btn {
z-index: 99;
cursor: pointer;
width: 58px;
height: 58px;
line-height: 58px;
text-align: center;
display: inline-block;
background-color: var(--white);
color: var(--header);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 16px;
border: 1px solid transparent;
}
.team-card-items-3 .content .social-profile .plus-btn:hover {
border: 1px solid rgba(30, 32, 35, 0.12);
background: var(--white);
box-shadow: 10px 16px 120px 1px rgba(4, 7, 56, 0.12);
color: var(--header);
}
.team-card-items-3 .content .social-profile:hover ul {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.team-card-items-3 .content::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url("../../assets/img/team/team-bg-2.png");
z-index: -1;
}
@media (max-width: 1199px) {
.team-card-items-3 .content::before {
display: none;
}
}
.team-card-items-3 .content::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-position: center;
background-repeat: no-repeat;
background-image: url("../../assets/img/team/hover-bg-3.png");
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
.team-card-items-3 .content::after {
display: none;
}
}
.team-card-items-3 .content h3 {
font-size: 16px;
}
.team-card-items-3 .content h3 a {
color: var(--white);
}
.team-card-items-3:hover .content::before {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.team-card-items-3:hover .content::after {
opacity: 1;
visibility: visible;
}
.team-details-wrapper .team-details-image img {
width: 100%;
height: 100%;
}
.team-details-wrapper .details-content {
margin-left: 50px;
}
@media (max-width: 1199px) {
.team-details-wrapper .details-content {
margin-left: 0;
}
.team-details-wrapper .details-content .section-title {
text-align: left;
}
}
.team-details-wrapper .details-content .team-text {
margin-top: 20px;
}
.team-details-wrapper .details-content .list-items {
margin-top: 30px;
}
.team-details-wrapper .details-content .list-items li:not(:last-child) {
margin-bottom: 10px;
}
.team-details-wrapper .details-content .list-items li i {
color: var(--theme-color);
margin-right: 10px;
}
.team-details-wrapper .details-content .contact-info-items {
margin-top: 30px;
display: flex;
align-items: center;
gap: 70px;
}
@media (max-width: 1199px) {
.team-details-wrapper .details-content .contact-info-items {
flex-wrap: wrap;
gap: 30px;
}
}
.team-details-wrapper .details-content .contact-info-items ul li {
font-family: "Unbounded", sans-serif;
color: var(--header);
}
.team-details-wrapper .details-content .contact-info-items ul li:not(:last-child) {
margin-bottom: 10px;
}
.team-details-wrapper .details-content .contact-info-items ul li a {
color: var(--text);
font-family: "DM Sans", sans-serif;
}
.team-details-wrapper .details-content .pro-items {
width: 100%;
margin-top: 30px;
}
.team-details-wrapper .details-content .pro-items .pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.team-details-wrapper .details-content .pro-items .pro-head .title {
font-size: 16px;
font-weight: 500;
color: var(--header);
}
.team-details-wrapper .details-content .pro-items .pro-head .point {
font-size: 16px;
color: var(--header);
}
.team-details-wrapper .details-content .pro-items .progress {
background: #f5f5f5;
justify-content: flex-start;
border-radius: 0px;
align-items: center;
position: relative;
display: flex;
height: 9px;
width: 100%;
}
.team-details-wrapper .details-content .pro-items .progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: var(--theme-color);
height: 10px;
width: 0;
}
.team-details-wrapper .details-content .pro-items .style-two {
animation: load2 3s normal forwards;
}
.team-details-wrapper .details-content .pro-items .style-three {
animation: load3 3s normal forwards;
}
@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}
@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}
@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}
.faq-wrapper-2 {
padding-top: 600px;
}
@media (max-width: 1399px) {
.faq-wrapper-2 {
padding-bottom: 120px;
}
}
@media (max-width: 1199px) {
.faq-wrapper-2 {
padding-bottom: 100px;
}
}
@media (max-width: 991px) {
.faq-wrapper-2 {
padding-bottom: 0;
}
}
.faq-wrapper-2 .faq-items {
margin-top: 40px;
}
.faq-wrapper-2 .faq-items .accordion .accordion-item {
border: none;
margin-bottom: 20px;
border: 1px solid rgba(18, 56, 103, 0.2);
border-radius: 32.5px 32.5px 32.5px 32.5px;
max-width: 650px;
position: relative;
}
.faq-wrapper-2 .faq-items .accordion .accordion-item::after {
position: absolute;
top: 20px;
left: 20px;
content: "\f059";
font-family: "Font Awesome 5 Pro";
color: var(--theme-color);
font-size: 24px;
}
.faq-wrapper-2 .faq-items .accordion .accordion-item h2 button {
font-size: 20px;
line-height: 1;
font-weight: 500;
box-shadow: none;
border-radius: 0 !important;
padding: 26px 70px;
font-family: "Unbounded", sans-serif;
color: var(--header);
}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-items .accordion .accordion-item h2 button {
font-size: 17px;
}
}
.faq-wrapper-2 .faq-items .accordion .accordion-item .accordion-body {
padding: 20px 50px;
padding-top: 0;
}
.faq-wrapper-2 .faq-items .accordion .accordion-item .accordion-body p {
color: var(--text);
font-size: 16px;
line-height: 32px;
font-weight: 400;
}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-items .accordion .accordion-item .accordion-body p {
width: 100%;
font-size: 14px;
line-height: 28px;
}
}
.faq-wrapper-2 .faq-items .accordion .accordion-button {
background-color: transparent;
color: var(--header);
}
.faq-wrapper-2 .faq-items .accordion .accordion-button::after {
display: none;
}
.faq-wrapper-2 .faq-items .accordion .accordion-button::before {
position: absolute;
content: "\f077";
font-family: "Font Awesome 5 Pro";
font-weight: 700;
top: 28px;
right: 30px;
font-size: 16px;
text-align: center;
transition: all 0.4s ease-in-out;
color: var(--header);
}
.faq-wrapper-2 .faq-items .accordion .accordion-button.collapsed {
background-color: transparent;
color: var(--header);
}
.faq-wrapper-2 .faq-items .accordion .accordion-button.collapsed::before {
content: "\f078";
}
.faq-wrapper-2 .faq-image {
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.faq-wrapper-2 .faq-image img {
width: 100%;
height: 100%;
}
}
.faq-wrapper-2 .faq-image .bg-shape {
position: absolute;
top: 100px;
right: -100px;
z-index: -1;
}
@media (max-width: 1399px) {
.faq-wrapper-2 .faq-image .bg-shape {
display: none;
}
}
.faq-section-2 {
background-repeat: no-repeat;
background-size: cover;
margin-top: -600px;
}
.cta-download-section {
background: linear-gradient(180deg, rgb(43, 50, 178) 0%, rgb(20, 136, 204) 100%);
padding: 60px 0;
}
.cta-download-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.cta-download-wrapper {
flex-wrap: wrap;
gap: 30px;
justify-content: center;
text-align: center;
}
}
.cta-download-wrapper .content {
margin-left: 240px;
}
@media (max-width: 1199px) {
.cta-download-wrapper .content {
margin-left: 0;
}
}
.cta-download-wrapper .content h3 {
font-size: 24px;
color: var(--white);
margin-bottom: 15px;
}
.cta-download-wrapper .content p {
color: var(--white);
}
.cta-download-wrapper .app-button {
display: flex;
align-items: center;
gap: 25px;
}
@media (max-width: 575px) {
.cta-download-wrapper .app-button {
flex-wrap: wrap;
justify-content: center;
}
}
.cta-download-wrapper .app-button .app-btn {
border-radius: 12px;
display: inline-block;
padding: 18px 30px;
line-height: 1;
background-color: var(--white);
font-size: 20px;
font-family: "Unbounded", sans-serif;
min-width: 255px;
}
@media (max-width: 767px) {
.cta-download-wrapper .app-button .app-btn {
padding: 12px 20px;
font-size: 16px;
min-width: initial;
}
}
.cta-download-wrapper .app-button .app-btn img {
margin-right: 15px;
}
.cta-download-wrapper .app-button .app-btn.style-2 {
background-color: #0f3564;
color: var(--white);
}
.cta-wrapper-3 {
padding: 60px 120px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 99;
}
@media (max-width: 1199px) {
.cta-wrapper-3 {
flex-wrap: wrap;
padding: 40px;
gap: 30px;
justify-content: center;
}
}
.cta-wrapper-3 p {
font-size: 36px;
font-weight: bold;
color: var(--white);
}
.cta-wrapper-3 .theme-btn {
border-radius: 10px;
background: var(--white);
color: var(--header);
}
.cta-wrapper-3 .theme-btn:hover {
color: var(--white);
}
.testimonial-wrapper {
position: relative;
}
.testimonial-wrapper .swiper-dot {
transform: translateY(-50%) rotate(-90deg);
position: absolute;
z-index: 99;
top: 50%;
right: 0;
}
@media (max-width: 1399px) {
.testimonial-wrapper .swiper-dot {
display: none;
}
}
.testimonial-wrapper .swiper-dot::before {
position: absolute;
content: "";
height: 235px;
width: 6px;
background-color: var(--theme-color);
transform: rotate(-90deg);
left: 78px;
top: -104px;
z-index: -1;
}
@media (max-width: 1600px) {
.testimonial-wrapper .swiper-dot {
display: none;
}
}
.testimonial-wrapper .swiper-dot .swiper-pagination-bullet {
width: 25px;
height: 25px;
transition: 0.6s;
background: var(--white);
border: 1px solid var(--theme-color);
border-radius: 50%;
opacity: 1;
border-radius: 25px;
}
.testimonial-wrapper .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
transition: 0.6s;
position: relative;
background-color: var(--theme-color);
}
.testimonial-wrapper .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
display: none;
}
.testimonial-wrapper .testi-client-info {
text-align: center;
margin-left: 110px;
display: grid;
margin-top: 30px;
gap: 30px;
}
@media (max-width: 991px) {
.testimonial-wrapper .testi-client-info {
margin-left: 0;
display: flex;
justify-content: center;
}
}
.testimonial-wrapper .testi-client-info .client-image-1.style-2 {
margin-left: -215px;
}
@media (max-width: 991px) {
.testimonial-wrapper .testi-client-info .client-image-1.style-2 {
margin-left: 0;
}
}
.testimonial-wrapper .testimonial-box-items {
padding: 80px;
border-radius: 180px 0px 0px 180px;
display: flex;
align-items: center;
gap: 40px;
margin-top: 30px;
margin-left: 50px;
margin-right: 130px;
position: relative;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-box-items {
margin-right: 0;
}
}
@media (max-width: 991px) {
.testimonial-wrapper .testimonial-box-items {
border-radius: 0;
border-radius: 10px;
margin-left: 0;
padding: 30px;
}
}
@media (max-width: 767px) {
.testimonial-wrapper .testimonial-box-items {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
text-align: center;
}
}
.testimonial-wrapper .testimonial-box-items .ratting-shape {
position: absolute;
left: 40px;
}
@media (max-width: 991px) {
.testimonial-wrapper .testimonial-box-items .ratting-shape {
display: none;
}
}
.testimonial-wrapper .testimonial-box-items .content {
max-width: 500px;
}
.testimonial-wrapper .testimonial-box-items .content h3 {
color: var(--white);
}
.testimonial-wrapper .testimonial-box-items .content p {
margin-top: 30px;
}
.testimonial-wrapper .testimonial-box-items .quote-icon {
width: 100px;
height: 130px;
background: var(--color-gradient-1);
border-radius: 0px 0px 50px 50px;
right: 115px;
position: absolute;
top: 0;
text-align: center;
line-height: 130px;
}
@media (max-width: 991px) {
.testimonial-wrapper .testimonial-box-items .quote-icon {
display: none;
}
}
.testimonial-wrapper-2 .testimonial-left-items .section-title {
margin-bottom: 50px;
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items {
padding: 30px;
background-color: var(--white);
border-radius: 0px 115px 115px 115px;
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items {
flex-wrap: wrap;
border-radius: 0;
text-align: center;
padding: 40px;
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items .thumb {
margin: 0 auto;
}
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items .content {
max-width: 440px;
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items .content h3 {
font-size: 24px;
margin-bottom: 20px;
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items.style-2 {
border-radius: 115px 0px 115px 115px;
text-align: right;
}
@media (max-width: 767px) {
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items.style-2 {
text-align: center;
border-radius: 0;
}
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 {
padding: 30px;
background-color: var(--white);
border-radius: 115px 0px 115px 115px;
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 {
flex-wrap: wrap;
border-radius: 0;
text-align: center;
padding: 40px;
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 .thumb {
margin: 0 auto;
}
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 .content {
text-align: right;
}
@media (max-width: 767px) {
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 .content {
text-align: center;
}
}
.testimonial-wrapper-2 .testimonial-left-items .testimonial-card-items-2 .content h3 {
font-size: 24px;
margin-bottom: 20px;
}
.testimonial-wrapper-2 .testimonial-slider-2 {
height: 500px;
}
@media (max-width: 991px) {
.testimonial-wrapper-2 .testimonial-slider-2 {
height: 250px;
}
}
@media (max-width: 767px) {
.testimonial-wrapper-2 .testimonial-slider-2 {
height: 440px;
}
}
.testimonial-wrapper-2 .swiper-dot {
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 200px;
}
@media (max-width: 1899px) {
.testimonial-wrapper-2 .swiper-dot {
display: none;
}
}
.testimonial-wrapper-2 .swiper-dot .swiper-pagination-bullet {
width: 7px;
height: 7px;
transition: 0.6s;
background-color: #fff;
opacity: 1;
border-radius: 7px;
}
.testimonial-wrapper-2 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
margin-right: 0;
margin-bottom: 20px;
}
.testimonial-wrapper-2 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
transition: 0.6s;
position: relative;
}
.testimonial-wrapper-2 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
width: 22px;
height: 22px;
line-height: 22px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: transparent;
border: 1px solid #fff;
content: "";
}
.testimonial-section-2 {
position: relative;
z-index: 9;
}
.testimonial-section-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--white);
z-index: -1;
left: 61%;
}
@media (max-width: 1399px) {
.testimonial-section-2::before {
display: none;
}
}
.testimonial-section-2 .testimonial-right-items {
position: absolute;
top: 0;
right: 110px;
}
@media (max-width: 1899px) {
.testimonial-section-2 .testimonial-right-items {
right: 0;
}
}
@media (max-width: 1399px) {
.testimonial-section-2 .testimonial-right-items {
position: static;
}
.testimonial-section-2 .testimonial-right-items img {
width: 100%;
height: 100%;
}
}
.testimonial-section-2 .testimonial-right-items .counter-box {
display: inline-flex;
align-items: center;
gap: 20px;
position: relative;
background-color: #0f3564;
padding: 12px 15px;
line-height: 1;
border-radius: 55px;
padding-right: 40px;
margin-left: 75px;
margin-top: 15px;
}
.testimonial-section-2 .testimonial-right-items .counter-box::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: var(--color-gradient-1);
z-index: -1;
border-radius: 55px;
left: -10px;
}
.testimonial-section-2 .testimonial-right-items .counter-box .icon {
width: 80px;
height: 80px;
line-height: 90px;
text-align: center;
border-radius: 50%;
background-color: var(--white);
font-size: 40px;
color: var(--theme-color);
}
.testimonial-section-2 .testimonial-right-items .counter-box .content h3 {
font-size: 30px;
color: var(--white);
}
.testimonial-section-2 .testimonial-right-items .counter-box .content p {
color: #d0c6c6;
}
.testimonial-section-3 {
border-radius: 0 0 500px 500px;
margin-top: -100px;
padding-top: 220px;
}
@media (max-width: 1199px) {
.testimonial-section-3 {
padding-top: 200px;
}
}
@media (max-width: 991px) {
.testimonial-section-3 {
padding-top: 180px;
}
}
.testimonail-box-3 {
margin-top: 30px;
position: relative;
z-index: 9;
}
.testimonail-box-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--white);
z-index: -1;
left: 30px;
width: initial;
height: 85%;
}
.testimonail-box-3 .content {
padding: 40px 70px;
text-align: center;
}
.testimonail-box-3 p {
font-size: 16px;
border-bottom: 1px solid #dededf;
padding-bottom: 40px;
}
.testimonail-box-3 span {
display: inline-block;
font-weight: 700;
margin-top: 20px;
}
.testimonail-box-3 .star {
color: var(--theme-color);
}
.testimonail-box-3 .client-info {
border-radius: 0px 45px 0px 45px;
background-color: rgb(3, 101, 212);
box-shadow: 0px 10px 60px 0px rgba(33, 34, 38, 0.04);
padding: 20px 30px;
display: inline-flex;
padding-right: 75px;
gap: 20px;
}
.testimonail-box-3 .client-info .info-content span {
margin-top: 0;
font-weight: 400;
color: var(--white);
}
.testimonail-box-3 .client-info .info-content h6 {
color: var(--white);
font-weight: 400;
}
.brand-wrapper {
padding: 50px;
background-repeat: no-repeat;
}
.brand-wrapper .brand-image {
border-left: 1px solid var(--white);
}
.brand-wrapper-2 {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 50px 0;
position: relative;
z-index: 9;
}
.brand-wrapper-2.style-2 {
border-radius: 50px 50px 50px 50px;
border-radius: #fafafa;
}
.brand-wrapper-2 .brand-image {
border-left: 1px solid var(--text);
}
.news-wrapper .news-content-left {
background-color: #0f3564;
padding: 70px 40px;
border-radius: 20px;
}
@media (max-width: 767px) {
.news-wrapper .news-content-left {
padding: 50px 40px;
}
.news-wrapper .news-content-left .section-title {
text-align: left;
}
}
.news-wrapper .news-content-left .theme-btn {
margin-top: 40px;
}
.news-wrapper .news-box-items {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
@media (max-width: 1199px) {
.news-wrapper .news-box-items {
display: block;
}
.news-wrapper .news-box-items .thumb {
height: 350px;
margin-top: 24px;
}
.news-wrapper .news-box-items .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
}
.news-wrapper .news-box-items .content {
padding: 40px 30px;
max-width: 450px;
border: 3px dotted #c0cad7;
border-radius: 20px;
margin-right: -10px;
}
@media (max-width: 1199px) {
.news-wrapper .news-box-items .content {
max-width: 1000px;
}
}
.news-wrapper .news-box-items .content h3 {
margin-bottom: 15px;
font-size: 20px;
}
.news-wrapper .news-box-items .content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-wrapper .news-box-items .content h3 a:hover {
color: var(--theme-color);
background-size: 100% 2px;
background-image: linear-gradient(var(--theme-color), var(--theme-color));
}
.news-wrapper .news-box-items .content .post-date {
display: flex;
align-items: center;
gap: 25px;
border-top: 1px solid #eceff3;
border-bottom: 1px solid #eceff3;
padding: 10px 0;
margin-top: 20px;
position: relative;
}
.news-wrapper .news-box-items .content .post-date li i {
margin-right: 6px;
}
.news-wrapper .news-box-items .content .post-date li:last-child {
display: flex;
align-items: center;
border-radius: 8px;
background: var(--color-gradient-1);
width: 60px;
height: 60px;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
right: 0;
justify-content: center;
}
.news-wrapper .news-box-items .content .post-date li .box {
color: var(--white);
font-weight: 400;
font-family: "Unbounded", sans-serif;
line-height: 1.3;
}
.news-wrapper .news-box-items .content .post-date li .box .date {
display: block;
}
.news-wrapper .news-box-items .content .link-btn-2 {
font-size: 16px;
color: var(--text);
display: none;
}
@media (max-width: 1199px) {
.news-wrapper .news-box-items .content .link-btn-2 {
display: block;
margin-top: 20px;
display: inline-block;
}
}
.news-wrapper .news-box-items .content .link-btn-2 i {
margin-left: 7px;
}
.news-wrapper .news-box-items .content .link-btn-2:hover {
color: var(--theme-color);
}
.news-wrapper .news-box-items .link-btn {
font-size: 16px;
color: var(--text);
bottom: -10px;
left: 31%;
transform: translateX(-50%);
position: absolute;
}
@media (max-width: 1199px) {
.news-wrapper .news-box-items .link-btn {
display: none;
}
}
.news-wrapper .news-box-items .link-btn i {
margin-left: 7px;
}
.news-wrapper .news-box-items .link-btn:hover {
color: var(--theme-color);
}
.news-card-items {
margin-top: 30px;
position: relative;
z-index: 9;
}
.news-card-items .link-btn {
font-size: 16px;
color: var(--text);
top: 33%;
left: 38px;
transform: translateX(-50%) rotate(-90deg);
position: absolute;
}
@media (max-width: 1399px) {
.news-card-items .link-btn {
display: none;
}
}
.news-card-items .link-btn i {
margin-left: 7px;
}
.news-card-items .link-btn:hover {
color: var(--theme-color);
}
.news-card-items::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 2px dotted #c0cad7;
border-radius: 20px;
z-index: -1;
top: 14%;
height: initial;
}
.news-card-items .thumb {
text-align: right;
transition: all 0.4s ease-in-out;
position: relative;
}
.news-card-items .thumb:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background: var(--header);
max-width: 345px;
left: initial;
border-bottom-left-radius: 85px;
opacity: 0;
visibility: visible;
transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
.news-card-items .thumb:before {
max-width: initial;
}
}
@media (max-width: 767px) {
.news-card-items .thumb img {
width: 100%;
height: 100%;
}
}
.news-card-items .content {
padding: 30px;
}
.news-card-items .content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-card-items .content h3 a:hover {
color: var(--theme-color);
background-size: 100% 2px;
background-image: linear-gradient(var(--theme-color), var(--theme-color));
}
.news-card-items .content p {
margin-top: 15px;
}
.news-card-items .content .post-date {
display: flex;
align-items: center;
gap: 25px;
border-top: 1px solid #eceff3;
border-bottom: 1px solid #eceff3;
padding: 10px 0;
margin-top: 20px;
position: relative;
}
.news-card-items .content .post-date li i {
margin-right: 6px;
}
.news-card-items .content .post-date li:last-child {
display: flex;
align-items: center;
border-radius: 8px;
background: var(--color-gradient-1);
width: 60px;
height: 60px;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
right: 0;
justify-content: center;
}
.news-card-items .content .post-date li .box {
color: var(--white);
font-weight: 400;
font-family: "Unbounded", sans-serif;
line-height: 1.3;
}
.news-card-items .content .post-date li .box .date {
display: block;
}
.news-card-items:hover .thumb::before {
opacity: 0.5;
visibility: visible;
}
.news-card-items-3 {
margin-top: 30px;
}
.news-card-items-3 .thumb {
position: relative;
overflow: hidden;
}
.news-card-items-3 .thumb img {
width: 100%;
height: 100%;
}
.news-card-items-3 .thumb .news-content {
position: absolute;
bottom: -100px;
left: 0;
right: 0;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
width: 95%;
}
.news-card-items-3 .thumb .news-content .content {
padding: 30px 35px;
background-color: var(--white);
}
.news-card-items-3 .thumb .news-content span {
display: inline-block;
color: #878c8f;
position: relative;
padding-bottom: 5px;
margin-bottom: 20px;
}
.news-card-items-3 .thumb .news-content span::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 45px;
height: 3px;
background-color: var(--theme-color);
}
.news-card-items-3 .thumb .news-content h3 {
font-size: 22px;
font-weight: 600;
}
.news-card-items-3 .thumb .news-content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-card-items-3 .thumb .news-content h3 a:hover {
color: var(--theme-color);
background-size: 100% 2px;
background-image: linear-gradient(var(--theme-color), var(--theme-color));
}
.news-card-items-3 .thumb .news-content .news-btn {
background-color: #f6f6f6;
padding-left: 30px;
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 0;
}
.news-card-items-3 .thumb .news-content .news-btn .link-btn {
text-decoration: underline;
}
.news-card-items-3 .thumb .news-content .news-btn .link-btn:hover {
color: var(--theme-color);
}
.news-card-items-3 .thumb .news-content .news-btn .date-text {
display: inline-block;
width: 90px;
height: 83px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-color);
}
.news-card-items-3 .thumb .news-content .news-btn .date-text .date {
text-align: center;
}
.news-card-items-3 .thumb .news-content .news-btn .date-text .date h4 {
font-size: 24px;
color: var(--white);
font-family: "DM Sans", sans-serif;
color: var(--white);
font-weight: 500;
}
.news-card-items-3 .thumb .news-content .news-btn .date-text .date p {
color: var(--white);
margin-top: 5px;
}
.news-card-items-3:hover .thumb .news-content {
opacity: 1;
visibility: visible;
bottom: 0;
}
.news-card-items-3.active .thumb .news-content {
opacity: 1;
visibility: visible;
bottom: 0;
}
.blog-wrapper .single-blog-post {
margin-bottom: 40px;
position: relative;
}
.blog-wrapper .single-blog-post .video__button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.blog-wrapper .single-blog-post .video__button .video__btn__wrp {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
position: relative;
background: transparent;
border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content {
border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content img {
margin-top: 20px;
margin-bottom: 20px;
}
.blog-wrapper .single-blog-post.post-details .post-content .single-post-image {
width: 100%;
height: 100%;
}
.blog-wrapper .single-blog-post.post-details .post-content h1 {
font-size: 36px;
line-height: 1.4;
}
.blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 {
margin-top: 10px;
}
.blog-wrapper .single-blog-post.post-details .post-content table {
margin-top: 20px;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.post-details .post-content h1 {
font-size: 28px;
}
.blog-wrapper .single-blog-post.post-details .post-content h3 {
font-size: 20px;
}
}
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
background-color: var(--theme-color);
color: var(--white);
font-size: 26px;
line-height: 1.4;
font-family: "Unbounded", sans-serif;
font-weight: 400;
padding: 60px;
text-align: center;
margin: 40px 0px;
position: relative;
z-index: 1;
}
.blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a {
color: var(--white);
}
.blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover {
color: var(--text);
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
padding: 30px 15px;
font-size: 18px;
line-height: 1.5;
}
}
.blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before {
right: 30px;
font-size: 110px;
line-height: 1;
font-family: "Font Awesome 5 Pro";
position: absolute;
content: "\f10d";
bottom: -20px;
color: var(--white);
z-index: -1;
opacity: 0.1;
font-weight: 900;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
z-index: 1;
position: relative;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: "";
background-color: #282835;
opacity: 0.3;
z-index: -1;
}
.blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content {
position: relative;
background-color: var(--theme-color);
border: none;
padding-top: 0;
}
.blog-wrapper .single-blog-post.quote-post .post-content::before, .blog-wrapper .single-blog-post.format-quote .post-content::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-image: url(../../assets/img/quotepost.png);
background-repeat: no-repeat;
background-size: cover;
}
.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
overflow: hidden;
padding: 50px;
}
@media (max-width: 585px) {
.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
text-align: center;
font-size: 24px;
padding: 30px;
}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
font-size: 70px;
line-height: 80px;
float: left;
overflow: hidden;
margin-right: 30px;
}
@media (max-width: 585px) {
.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
float: none;
margin-bottom: 10px;
margin-right: 0;
font-size: 50px;
line-height: 60px;
}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
overflow: hidden;
}
.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
margin-top: -2px;
font-size: 36px;
color: var(--white);
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
font-size: 28px;
}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta {
margin-top: 10px;
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i {
color: var(--white);
}
.blog-wrapper .single-blog-post:last-child {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-featured-thumb {
height: 462px;
width: 100%;
position: relative;
margin-bottom: -2px;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date {
position: absolute;
top: 20px;
left: 20px;
padding: 15px 30px;
background-color: var(--theme-color);
text-align: center;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 {
color: var(--white);
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span {
color: var(--white);
text-transform: uppercase;
font-size: 15px;
}
@media (max-width: 991px) {
.blog-wrapper .single-blog-post .post-featured-thumb {
height: 280px;
}
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-featured-thumb {
height: 230px;
}
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
border-radius: 50%;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 18px;
}
.blog-wrapper .single-blog-post .post-content {
padding-top: 30px;
overflow: hidden;
box-sizing: border-box;
}
@media (max-width: 575px) {
.blog-wrapper .single-blog-post .post-content {
padding-top: 20px;
}
}
.blog-wrapper .single-blog-post .post-content h2 {
line-height: 1.4;
font-size: 32px;
font-weight: 500;
}
@media (max-width: 575px) {
.blog-wrapper .single-blog-post .post-content h2 {
font-size: 28px;
}
}
.blog-wrapper .single-blog-post .post-content h2 a:hover {
color: var(--theme-color);
}
.blog-wrapper .single-blog-post .post-content p {
font-size: 16px;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content {
padding: 30px 10px;
}
}
@media (max-width: 414px) {
.blog-wrapper .single-blog-post .post-content h2 {
font-size: 22px;
}
}
.blog-wrapper .single-blog-post .post-content .post-cat a {
color: var(--white);
display: inline-block;
background-color: var(--theme-color);
padding: 14px 18px 12px;
line-height: 1;
font-size: 16px;
font-weight: 700;
transition: all 0.3s ease-in-out;
margin-bottom: 20px;
text-transform: capitalize;
font-family: "League Spartan", sans-serif;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-cat a {
font-size: 12px;
}
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
background-color: var(--header);
}
.blog-wrapper .single-blog-post .post-content ul {
margin-bottom: 0;
list-style-type: disc;
margin-top: 30px;
}
.blog-wrapper .single-blog-post .post-content ul ol {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul ul {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul li {
line-height: 1.5;
margin-top: 10px;
list-style-type: disc;
color: var(--text);
position: relative;
font-size: 18px;
padding-left: 30px;
}
.blog-wrapper .single-blog-post .post-content ul li::before {
position: absolute;
left: 0;
top: 0;
font-family: "Font Awesome 5 Pro";
content: "\f00c";
color: var(--theme-color);
}
.blog-wrapper .single-blog-post .post-content ol {
margin-bottom: 0;
list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content ol ul {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol ol {
margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol li {
line-height: 1.5;
margin-top: 10px;
list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content p {
margin-top: 15px;
}
.blog-wrapper .single-blog-post .post-content .post-meta {
margin-bottom: 10px;
}
.blog-wrapper .single-blog-post .post-content .post-meta span {
color: var(--text);
font-weight: 400;
font-size: 15px;
line-height: 1;
display: inline-block;
margin-right: 25px;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-meta span {
font-size: 15px;
}
}
.blog-wrapper .single-blog-post .post-content .post-meta span i {
margin-right: 5px;
color: var(--theme-color);
font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content h3 {
font-size: 30px;
}
.blog-wrapper .single-blog-post .post-content h3 a:hover {
color: var(--theme-color);
}
.blog-wrapper .single-blog-post .post-content .author-info {
overflow: hidden;
}
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
background-color: #f2f2f2;
margin-right: 15px;
float: left;
overflow: hidden;
background-position: center;
background-size: cover;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
margin-right: 5px;
}
}
.blog-wrapper .single-blog-post .post-content .author-info h5 {
display: inline-block;
line-height: 1;
font-size: 16px;
margin-top: 9px;
}
.blog-wrapper .single-blog-post .post-content .author-info h5 a:hover {
color: var(--theme-color);
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .author-info h5 {
font-size: 14px;
}
}
.blog-wrapper .single-blog-post .post-content .post-link a {
font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content .post-link a:hover {
color: var(--theme-color);
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-link a {
font-size: 14px;
}
}
.blog-wrapper .single-blog-post .post-content .post-link a i {
margin-right: 5px;
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-link a i {
margin-right: 3px;
}
}
@media (min-width: 991px) {
.news-area .main-sidebar {
margin-left: 20px;
}
}
@media (max-width: 991px) {
.news-area .main-sidebar {
margin-top: 40px;
}
}
.news-area .main-sidebar .single-sidebar-widget {
box-sizing: border-box;
padding: 30px;
margin-bottom: 40px;
background-color: var(--bg);
}
.news-area .main-sidebar .single-sidebar-widget ul {
padding-left: 0;
}
.news-area .main-sidebar .single-sidebar-widget ul > li {
margin-bottom: 10px;
font-family: "Unbounded", sans-serif;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a:hover {
color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget ul ul {
padding-left: 20px;
}
.news-area .main-sidebar .single-sidebar-widget ul ul li {
margin-top: 5px;
}
.news-area .main-sidebar .single-sidebar-widget:last-child {
margin-bottom: 0;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title {
margin-bottom: 25px;
padding-left: 45px;
position: relative;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::before {
left: 0;
top: 50%;
transform: translateY(-50%);
content: "";
height: 4px;
width: 18px;
border-radius: 5px;
position: absolute;
background-color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::after {
left: 22px;
top: 50%;
transform: translateY(-50%);
content: "";
height: 4px;
width: 4px;
border-radius: 50%;
position: absolute;
background-color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title h3 {
font-size: 16px;
font-weight: 600;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background-color: var(--white);
font-size: 14px;
margin-right: 5px;
margin-bottom: 5px;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a:hover {
background-color: var(--theme-color);
color: var(--white);
}
.search_widget form {
width: 100%;
position: relative;
}
.search_widget form input {
background-color: var(--white);
font-size: 15px;
padding: 20px;
width: 100%;
border: none;
text-transform: capitalize;
color: var(--header);
}
.search_widget form button {
position: absolute;
right: 0;
top: 0;
width: 70px;
font-size: 18px;
height: 100%;
background-color: var(--theme-color);
color: var(--white);
text-align: center;
transition: all 0.3s ease-in-out;
}
.search_widget form button:hover {
background-color: var(--header);
}
.popular-posts .single-post-item, .popular_posts .single-post-item {
overflow: hidden;
}
.popular-posts .single-post-item:not(:last-child), .popular_posts .single-post-item:not(:last-child) {
margin-bottom: 35px;
}
.popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb {
height: 95px;
width: 95px;
background-color: #f2f2f2;
float: left;
overflow: hidden;
margin-right: 20px;
}
.popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content {
overflow: hidden;
}
.popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
text-transform: capitalize;
line-height: 125%;
}
.popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover {
color: var(--theme-color);
}
.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date {
margin-top: 10px;
color: var(--text);
font-weight: 400;
font-size: 15px;
text-transform: capitalize;
}
.popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i {
margin-right: 7px;
}
.widget_categories ul li {
display: block;
}
.widget_categories ul li:last-child a {
margin-bottom: 0;
}
.widget_categories ul li a {
position: relative;
background: var(--white);
padding: 17px 20px;
line-height: 1;
font-size: 14px;
display: block;
margin-bottom: 12px;
font-weight: 500;
transition: all 0.4s ease-in-out;
}
.widget_categories ul li a:hover {
color: var(--theme-color);
}
.widget_categories ul li a i {
margin-right: 10px;
}
.widget_categories ul li a span {
position: absolute;
width: 60px;
line-height: 55px;
height: 100%;
content: "";
background-color: var(--theme-color);
right: 0;
top: 0;
text-align: center;
color: var(--white);
}
.tagcloud a {
display: inline-block;
padding: 12px 22px;
line-height: 1;
font-weight: 500;
font-size: 14px;
background: var(--white);
margin-right: 8px;
text-transform: capitalize;
margin-bottom: 10px;
font-family: "Unbounded", sans-serif;
}
.tagcloud a:last-child {
margin-right: 0;
}
.tagcloud a:hover {
background-color: var(--theme-color);
color: var(--white);
}
.widget_categories ul li {
display: block;
margin-bottom: 10px;
}
p.sticky-label {
position: absolute;
right: 0;
background: var(--theme-color);
color: var(--white);
padding: 10px 40px;
z-index: -1;
top: 0;
font-weight: 700;
}
.page-nav-wrap ul li {
display: inline-block;
}
.page-nav-wrap ul li .page-numbers {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background: #f6f6f6;
font-weight: 700;
transition: all 0.3s ease-in-out;
margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
background-color: var(--theme-color);
color: var(--white);
}
@media (max-width: 767px) {
.page-nav-wrap ul li .page-numbers {
margin-top: 10px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 14px;
}
}
.page-nav-wrap ul li .page-numbers i {
margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
background-color: var(--theme-color);
color: var(--white);
}
.social-share a {
margin-left: 10px;
transition: all 0.4s ease-in-out;
}
.social-share a:hover {
color: var(--theme-color);
}
.tag-share-wrap {
padding-bottom: 50px;
}
.tag-share-wrap h4 {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.tag-share-wrap h4 {
margin-bottom: 10px;
font-size: 18px;
}
}
@media (max-width: 767px) {
.tag-share-wrap .tagcloud {
margin-bottom: 20px;
}
}
.comments-section-wrap {
overflow: hidden;
}
.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
font-size: 26px;
}
@media (max-width: 767px) {
.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
font-size: 20px;
}
}
.comments-item-list .single-comment-item {
margin-top: 30px;
}
.comments-item-list .single-comment-item ul {
margin-bottom: 15px;
}
.comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span {
font-size: 16px;
}
.comments-item-list .single-comment-item .author-img {
width: 100px;
height: 100px;
border-radius: 50%;
float: left;
overflow: hidden;
margin-right: 30px;
}
@media (max-width: 991px) {
.comments-item-list .single-comment-item .author-img {
width: 80px;
height: 80px;
margin-right: 20px;
}
}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-img {
width: 70px;
height: 70px;
margin-right: 15px;
}
}
@media (max-width: 585px) {
.comments-item-list .single-comment-item .author-img {
float: none;
margin-bottom: 20px;
}
}
.comments-item-list .single-comment-item .author-info-comment {
overflow: auto;
padding-bottom: 25px;
border-bottom: 1px solid #e2e2e2;
}
.comments-item-list .single-comment-item .author-info-comment .info {
position: relative;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
padding: 10px 18px;
font-size: 14px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
color: var(--text);
border: 1px solid #ebebeb;
background: transparent;
border-radius: 0;
transition: all 0.4s ease-in-out;
box-shadow: inherit;
}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
font-size: 12px;
}
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i {
margin-right: 10px;
margin-left: 0px !important;
transition: all 0.4s ease-in-out;
width: initial;
height: initial;
line-height: initial;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before, .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after {
background-color: initial;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover {
background-color: var(--theme-color);
color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a {
color: var(--white) !important;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i {
transform: translate(0);
width: initial;
height: initial;
line-height: initial;
}
.comments-item-list .single-comment-item .author-info-comment .info h5 {
margin-bottom: 5px;
font-weight: 600;
}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .info h5 {
font-size: 16px;
}
}
.comments-item-list .single-comment-item .author-info-comment span {
color: var(--theme-color);
font-weight: 500;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
padding: 7px 18px;
font-size: 14px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
font-size: 12px;
}
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn i {
margin-right: 5px;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .comment-text {
margin-top: 15px;
}
.comment-form {
background-color: var(--white);
width: 100%;
margin-top: 30px;
}
@media (max-width: 767px) {
.comment-form {
padding: 30px;
}
}
@media (max-width: 585px) {
.comment-form {
padding: 30px 15px;
}
}
.comment-form label {
margin-bottom: 4px;
}
.comment-form input, .comment-form textarea {
margin-bottom: 20px;
outline: none;
padding: 20px 30px;
line-height: 1;
font-size: 16px;
width: 100%;
border: none;
font-weight: 400;
text-transform: capitalize;
color: var(--text);
background-color: var(--bg);
}
@media (max-width: 585px) {
.comment-form input, .comment-form textarea {
padding: 15px;
}
}
.comment-form textarea {
height: 200px;
line-height: 1.3;
border: none;
}
@media (max-width: 767px) {
.comment-form textarea {
height: 120px;
}
}
.comment-form .theme-btn {
display: inline-block;
line-height: 1.2;
padding: 24px 60px;
transition: all 0.3s ease-in-out;
margin-bottom: 0;
margin-top: 20px;
}
@media (max-width: 767px) {
.comment-form .theme-btn {
padding: 20px 40px;
}
}
@media (max-width: 585px) {
.comment-form .theme-btn {
padding: 15px 40px;
font-size: 14px;
}
}
.comment-form .theme-btn i {
margin-right: 10px;
width: initial;
height: initial;
line-height: initial;
background-color: transparent;
color: var(--white);
margin-left: 0;
margin-right: 10px;
}
.comment-form .theme-btn:hover i {
transform: translate(0);
}
.comment ul {
list-style-type: disc;
}
.comment ul ol {
margin-bottom: 0;
}
.comment ul li {
line-height: 1.5;
margin-top: 10px;
list-style-type: disc;
}
.comment ol ul {
margin-bottom: 0;
}
.comment ol ol {
margin-bottom: 0;
}
.comment ol li {
line-height: 1.5;
margin-top: 10px;
}
.site_info_widget .single-contact-info {
overflow: auto;
margin-bottom: 20px;
}
.site_info_widget .single-contact-info span {
display: block;
color: var(--theme-color);
}
.site_info_widget .single-contact-info .icon {
width: 40px;
height: 40px;
line-height: 40px;
color: var(--white);
background-color: var(--theme-color);
float: left;
text-align: center;
overflow: hidden;
font-size: 16px;
margin-right: 20px;
}
.site_info_widget .single-contact-info:nth-child(2n) .icon {
background-color: var(--theme-color);
}
.site_info_widget .single-contact-info:nth-child(3n) .icon {
background-color: var(--theme-color);
}
.site_info_widget .social-link {
margin-top: 35px;
}
.site_info_widget .social-link a {
margin-right: 8px !important;
}
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.contact-wrapper .contact-image {
position: relative;
}
.contact-wrapper .contact-image img {
width: 100%;
height: 100%;
}
.contact-wrapper .contact-image .shadow-shape {
position: absolute;
left: 0;
bottom: 0;
}
.contact-wrapper .contact-content {
margin-left: 40px;
}
@media (max-width: 1199px) {
.contact-wrapper .contact-content {
margin-left: 0;
}
}
.contact-wrapper .contact-content .nav {
display: flex;
align-items: center;
gap: 10px;
margin-top: 30px;
}
.contact-wrapper .contact-content .nav .nav-item .nav-link {
padding: 15px 30px;
font-size: 14px;
font-weight: bold;
background: #0f3564;
border-radius: 20px;
line-height: 1;
color: var(--white);
}
.contact-wrapper .contact-content .nav .nav-item .nav-link.active {
background-color: var(--theme-color);
}
.contact-wrapper .contact-content .contact-box {
margin-top: 40px;
}
.contact-wrapper .contact-content .contact-box .form-clt input {
width: 100%;
outline: none;
background-color: rgb(255, 255, 255);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
width: 100%;
border: 1px solid rgb(223, 227, 231);
padding: 22px 30px;
border-radius: 30px;
line-height: 1;
color: var(--text);
}
.contact-wrapper .contact-content .contact-box .form-clt .form .single-select {
background: transparent;
border: none;
text-align: center;
background-color: rgb(255, 255, 255);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
width: 100%;
border: 1px solid rgb(223, 227, 231);
padding: 24px 30px;
color: var(--text);
position: relative;
line-height: 1;
border-radius: 30px;
height: initial;
}
.contact-wrapper .contact-content .contact-box .form-clt .form .single-select span {
text-transform: capitalize;
color: var(--text);
font-weight: 500;
}
.contact-wrapper .contact-content .contact-box .form-clt .form .single-select .list {
width: 100%;
transition: all 0.4s ease-in-out;
}
.contact-wrapper .contact-content .contact-box .form-clt .form .single-select .list li {
color: var(--header);
}
.contact-wrapper .contact-content .contact-box .form-clt .form .single-select::after {
border-bottom: 2px solid var(--text);
border-right: 2px solid var(--text);
height: 8px;
margin-top: -6px;
width: 8px;
right: 30px;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance-five__form__progres {
position: relative;
margin: 26px 0 11px;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .progress__title {
font-size: 16px;
font-weight: 400;
color: var(--header);
padding-bottom: 20px;
font-family: "DM Sans", sans-serif;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance-five__form__progress {
position: relative;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs-single,
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs-from,
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs-to {
display: none;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat {
height: 12px;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-handle,
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-line,
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-bar {
top: 0;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-line {
height: 12px;
border-radius: 6px;
background-color: rgb(255, 255, 255);
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-bar {
height: 12px;
border-radius: 6px;
background-image: linear-gradient(90deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-handle {
height: 20px;
width: 20px;
background-color: var(--theme-color);
border-radius: 50%;
top: -5px;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress-range .irs--flat .irs-handle i:first-child {
width: 8px;
height: 8px;
border-radius: 8px;
background-color: var(--white);
top: 50%;
transform: translate(-50%, -50%);
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__progress {
margin-bottom: 33px;
}
.contact-wrapper .contact-content .contact-box .form-clt .quriar-price-ranage .get-insurance__balance-box {
position: absolute;
top: 0;
right: 0;
font-size: 16px;
font-weight: 600;
color: var(--header);
}
.contact-wrapper .contact-content .contact-box .theme-btn {
padding: 25px 44px;
}
.contact-wrapper .contact-content2 {
background-color: var(--white);
}
@media (max-width: 767px) {
.contact-wrapper-2 .contact-left-item .section-title {
text-align: left;
}
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item {
display: flex;
align-items: center;
gap: 20px;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contact-icon {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background-color: var(--theme-color);
color: var(--white);
font-size: 32px;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content span {
font-size: 18px;
font-weight: 700;
color: var(--header);
font-family: "Unbounded", sans-serif;
display: inline-block;
margin-bottom: 5px;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content h6 {
font-weight: 400;
color: #555;
font-size: 13px;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content h6 a {
color: #555;
}
.contact-wrapper-2 .contact-content {
padding: 34px;
background-color: var(--theme-color);
margin-left: 50px;
}
@media (max-width: 1199px) {
.contact-wrapper-2 .contact-content {
margin-left: 0;
}
}
.contact-wrapper-2 .contact-content h3 {
margin-bottom: 30px;
color: var(--white);
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt {
position: relative;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
width: 100%;
border: none;
outline: none;
background: var(--white);
color: #555;
border: 1px solid #D1D1D1;
padding: 12px 20px;
font-weight: 400;
font-size: 15px;
text-transform: capitalize;
}
@media (max-width: 767px) {
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
padding: 14px 20px;
}
}
@media (max-width: 575px) {
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
padding: 12px 18px;
}
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input::placeholder, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea::placeholder {
color: #555;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
padding-bottom: 180px;
resize: none;
}
.contact-wrapper-2 .contact-content .theme-btn {
border-radius: 0;
background: var(--white);
color: var(--header);
}
.contact-wrapper-2 .contact-content .theme-btn:hover {
color: var(--white);
}
.footer-newsletter-wrapper {
display: flex;
align-items: center;
gap: 170px;
padding: 270px 0 0;
}
@media (max-width: 1899px) {
.footer-newsletter-wrapper {
padding-top: 80px;
}
}
@media (max-width: 1399px) {
.footer-newsletter-wrapper {
gap: 80px;
}
}
@media (max-width: 1199px) {
.footer-newsletter-wrapper {
gap: 30px;
flex-wrap: wrap;
}
}
.footer-newsletter-wrapper .footer-logo {
width: 220px;
height: 220px;
line-height: 220px;
text-align: center;
border-radius: 50%;
background: var(--color-gradient-1);
display: inline-block;
flex-basis: 24.3%;
}
@media (max-width: 991px) {
.footer-newsletter-wrapper .footer-logo {
flex-basis: initial;
}
}
@media (max-width: 767px) {
.footer-newsletter-wrapper .footer-logo {
width: 180px;
height: 180px;
line-height: 180px;
}
.footer-newsletter-wrapper .footer-logo img {
width: 120px;
}
}
.footer-newsletter-wrapper .content {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 100%;
}
@media (max-width: 991px) {
.footer-newsletter-wrapper .content {
gap: 30px;
flex-wrap: wrap;
}
}
.footer-newsletter-wrapper .content .line-img {
position: absolute;
top: 0;
left: -40px;
}
@media (max-width: 1199px) {
.footer-newsletter-wrapper .content .line-img {
display: none;
}
}
.footer-newsletter-wrapper .content h3 {
font-size: 24px;
font-weight: 500;
color: var(--white);
}
.footer-newsletter-wrapper .content .footer-input {
max-width: 460px;
width: 100%;
position: relative;
}
@media (max-width: 1199px) {
.footer-newsletter-wrapper .content .footer-input {
max-width: initial;
}
}
.footer-newsletter-wrapper .content .footer-input input {
outline: none;
width: 100%;
border: none;
background-color: rgb(34, 70, 113);
padding: 20px 30px;
border-radius: 30px;
line-height: 1;
}
.footer-newsletter-wrapper .content .footer-input input::placeholder {
color: var(--white);
}
.footer-newsletter-wrapper .content .footer-input .newsletter-btn {
border-radius: 27px;
background: #0f3564;
padding: 16px 35px;
color: var(--white);
font-size: 16px;
font-weight: 700;
line-height: 1;
position: absolute;
right: 6px;
top: 6px;
text-align: center;
bottom: 6px;
}
.footer-newsletter-wrapper.style-2 {
padding-top: 190px;
}
.footer-newsletter-wrapper.style-2 .social-icon {
display: flex;
align-items: center;
grid-gap: 10px;
}
.footer-newsletter-wrapper.style-2 .social-icon a {
color: #fff;
display: inline-block;
padding: 30px 20px;
}
@media (max-width: 1199px) {
.footer-newsletter-wrapper.style-2 .social-icon a {
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background-color: var(--white);
color: var(--header);
text-align: center;
}
}
.footer-newsletter-wrapper.style-2 .social-icon a:hover {
background: var(--color-gradient-1);
}
.footer-widget-wrapper {
padding: 50px 0 80px;
}
.footer-widget-wrapper .footer-single-widget {
margin-top: 30px;
}
.footer-widget-wrapper .footer-single-widget .widget-head {
margin-bottom: 30px;
}
.footer-widget-wrapper .footer-single-widget .widget-head h3 {
font-size: 24px;
color: var(--white);
font-weight: 500;
}
.footer-widget-wrapper .footer-single-widget .schedule-list li {
font-size: 18px;
display: flex;
align-items: center;
gap: 30px;
color: #97a2b7;
}
.footer-widget-wrapper .footer-single-widget .schedule-list li .time-text {
flex-basis: 50%;
}
.footer-widget-wrapper .footer-single-widget .schedule-list li .day-text {
flex-basis: 30%;
}
.footer-widget-wrapper .footer-single-widget .schedule-list li:not(:last-child) {
margin-bottom: 25px;
}
.footer-widget-wrapper .footer-single-widget .list-area {
display: flex;
align-items: center;
gap: 30px;
}
.footer-widget-wrapper .footer-single-widget .list-area ul li {
font-size: 18px;
}
@media (max-width: 470px) {
.footer-widget-wrapper .footer-single-widget .list-area ul li {
font-size: 16px;
}
}
.footer-widget-wrapper .footer-single-widget .list-area ul li:not(:last-child) {
margin-bottom: 20px;
}
.footer-widget-wrapper .footer-single-widget .list-area ul li a {
color: #97a2b7;
}
.footer-widget-wrapper .footer-single-widget .list-area ul li a:hover {
color: var(--theme-color);
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item {
display: flex;
align-items: center;
gap: 10px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
margin-bottom: 10px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
position: relative;
width: 170px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
width: 100%;
height: 100%;
border-radius: 15px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
transition: 0.3s;
opacity: 0;
width: 100%;
height: 100%;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--color-gradient-1);
transition: 0.4s;
opacity: 0;
width: 90px;
height: 60px;
border-radius: 15px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
color: var(--white);
font-size: 22px;
z-index: 99;
position: relative;
margin-top: 30px;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
opacity: 1;
}
.footer-widget-wrapper .footer-single-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
opacity: 0.851;
}
.footer-bottom-wrapper {
display: flex;
align-items: center;
width: 100%;
position: relative;
}
@media (max-width: 1600px) {
.footer-bottom-wrapper {
background: var(--color-gradient-1);
padding-left: 30px;
}
}
@media (max-width: 1199px) {
.footer-bottom-wrapper {
flex-wrap: wrap;
justify-content: center;
gap: 30px;
text-align: center;
padding: 20px 0;
padding-left: 0;
}
}
.footer-bottom-wrapper .logo-shape {
position: absolute;
top: 0;
left: -120px;
}
@media (max-width: 1600px) {
.footer-bottom-wrapper .logo-shape {
display: none;
}
}
.footer-bottom-wrapper .logo-shape img {
height: 100%;
}
.footer-bottom-wrapper .footer-logo {
position: relative;
z-index: 9;
}
.footer-bottom-wrapper .social-icon {
display: flex;
align-items: center;
grid-gap: 10px;
}
.footer-bottom-wrapper .social-icon a {
color: #fff;
display: inline-block;
padding: 30px 20px;
}
.footer-bottom-wrapper .social-icon a:hover {
background: var(--color-gradient-1);
}
.footer-bottom-wrapper .footer-bottom-right {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--color-gradient-1);
padding: 30px;
width: 100%;
}
@media (max-width: 1600px) {
.footer-bottom-wrapper .footer-bottom-right {
padding: 20px;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
}
.footer-bottom-wrapper .footer-bottom-right p {
font-family: "Unbounded", sans-serif;
color: var(--white);
padding-left: 200px;
position: relative;
z-index: 99;
}
@media (max-width: 1600px) {
.footer-bottom-wrapper .footer-bottom-right p {
padding-left: 50px;
}
}
@media (max-width: 1199px) {
.footer-bottom-wrapper .footer-bottom-right p {
padding-left: 0;
}
}
.footer-bottom-wrapper .footer-bottom-right .footer-menu {
display: flex;
align-items: center;
gap: 20px;
position: relative;
z-index: 99;
}
@media (max-width: 575px) {
.footer-bottom-wrapper .footer-bottom-right .footer-menu {
flex-wrap: wrap;
justify-content: center;
}
}
.footer-bottom-wrapper .footer-bottom-right .footer-menu li {
font-size: 16px;
font-family: "Unbounded", sans-serif;
}
.footer-bottom-wrapper .footer-bottom-right .footer-menu li a {
color: var(--white);
background-image: linear-gradient(var(--white), var(--white));
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline-block;
transition: all 0.4s ease-in-out;
}
.footer-bottom-wrapper .footer-bottom-right .footer-menu li a:hover {
background-size: 100% 1px;
color: var(--white);
}
.footer-bottom-wrapper.footer-bottom-21 {
margin-top: 53px;
}
@media (max-width: 1199px) {
.footer-bottom-wrapper.footer-bottom-21 {
margin-top: 0;
}
}
.footer-bottom-wrapper.footer-bottom-21 .shape-footer {
position: absolute;
left: -120px;
top: -58px;
bottom: 0;
}
.footer-bottom-wrapper.footer-bottom-21 .shape-footer img {
height: 100%;
}
.footer-bottom-wrapper.footer-bottom-21 .shape-footer {
position: absolute;
left: -120px;
top: -58px;
bottom: 0;
/* width: 500px; */
}
@media (max-width: 1199px) {
.footer-bottom-wrapper.footer-bottom-21 .shape-footer {
display: none;
}
}
.footer-bottom-wrapper.footer-bottom-21 .footer-logo {
margin-top: -50px;
}
@media (max-width: 1199px) {
.footer-bottom-wrapper.footer-bottom-21 .footer-logo {
margin-top: 0;
}
}
.footer-bottom-wrapper.footer-bottom-21 .footer-bottom-right {
padding: 18px 30px;
}
.footer-section {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 1899px) {
.footer-section {
background-image: none !important;
background-color: #0f3564;
}
}
.footer-section .bg-shape {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.footer-section .bg-shape img {
width: 100%;
height: 100%;
}
.footer-section-3 {
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: -150px;
}
@media (max-width: 991px) {
.footer-section-3 {
margin-top: 0;
background-color: #0f3564;
background-image: none !important;
}
.footer-section-3 .footer-newsletter-wrapper {
padding-top: 80px;
}
}
.map-items .googpemap iframe {
width: 100%;
height: 500px;
}
/* ===== nwo-nav.css ===== */
/* ==========================================================================
NWO Shifting Dropdown — desktop primary navigation
--------------------------------------------------------------------------
Vanilla rebuild of the React ShiftingDropDown. Behaviour classes
(.nwo-nav, .nwo-tab[aria-expanded], .nwo-panel.is-open, .nwo-nub,
.nwo-item.is-active, .nwo-bridge) are driven by nwo-nav.js; keep them.
Restyled 2026-09-03 (UI plan) onto the system typeface and the tokens in
nwo-brand.css. Shown at >=1200px only; below that meanmenu's offcanvas
handles navigation, so #mobile-menu must stay in the DOM.
========================================================================== */
.nwo-nav {
display: none;
position: relative;
}
@media (min-width: 1200px) {
.nwo-nav { display: flex; align-items: center; gap: 2px; }
/* Stand down the template's own desktop menu; it still feeds meanmenu. */
.header-main .main-menu { display: none; }
}
/* ---------- Tabs ---------------------------------------------------------- */
.nwo-tab {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border: none;
background: transparent;
border-radius: 8px;
cursor: pointer;
color: rgba(255, 255, 255, .88);
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: -.005em;
line-height: 1;
text-transform: none;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}
.nwo-tab:hover { background-color: rgba(255, 255, 255, .12); color: #fff; }
.nwo-tab[aria-expanded="true"] { background-color: rgba(255, 255, 255, .16); color: #fff; }
.nwo-tab:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.nwo-tab .nwo-chev { width: 12px; height: 12px; flex: none; opacity: .7; transition: transform .25s cubic-bezier(.4, 0, .2, 1); }
.nwo-tab[aria-expanded="true"] .nwo-chev { transform: rotate(180deg); }
/* ---------- Panel --------------------------------------------------------- */
.nwo-panel {
position: absolute;
top: calc(100% + 14px);
left: 50%;
z-index: 120;
overflow: hidden;
background: #fff;
border-radius: 18px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .18), 0 0 0 1px rgba(0, 0, 0, .04);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-50%) translateY(6px);
transition: opacity .2s cubic-bezier(.4, 0, .2, 1),
transform .2s cubic-bezier(.4, 0, .2, 1),
width .3s cubic-bezier(.4, 0, .2, 1),
height .3s cubic-bezier(.4, 0, .2, 1),
visibility 0s linear .2s;
}
.nwo-panel.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
transition: opacity .2s cubic-bezier(.4, 0, .2, 1),
transform .2s cubic-bezier(.4, 0, .2, 1),
width .3s cubic-bezier(.4, 0, .2, 1),
height .3s cubic-bezier(.4, 0, .2, 1),
visibility 0s linear 0s;
}
/* Closes the gap between the bar and the panel so hover doesn't drop out. */
.nwo-bridge { position: absolute; top: -14px; left: 0; right: 0; height: 14px; }
.nwo-nub {
position: absolute;
top: 0;
width: 14px;
height: 14px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
transition: left .28s cubic-bezier(.4, 0, .2, 1);
z-index: 1;
}
.nwo-panel-inner { position: relative; }
.nwo-item {
position: absolute;
top: 0;
left: 0;
padding: 26px 28px 22px;
opacity: 0;
pointer-events: none;
transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1);
}
.nwo-item.is-active { position: relative; opacity: 1; pointer-events: auto; transform: translateX(0); }
/* ---------- Panel content ------------------------------------------------- */
.nwo-cols { display: flex; gap: 36px; }
.nwo-col { min-width: 0; }
.nwo-colh {
font-size: 12px;
font-weight: 600;
color: #6e6e73;
letter-spacing: .05em;
text-transform: uppercase;
margin: 0 0 10px;
white-space: nowrap;
}
.nwo-link {
display: block;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: #1d1d1f;
text-decoration: none;
padding: 5px 0;
white-space: nowrap;
transition: color .2s cubic-bezier(.4, 0, .2, 1);
}
.nwo-link:hover { color: #0e5c98; }
.nwo-link:focus-visible { outline: 2px solid #0e5c98; outline-offset: 2px; border-radius: 3px; }
/* "View all" affordance */
.nwo-more {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 14px;
font-size: 14px;
font-weight: 600;
color: #0e5c98;
text-decoration: none;
transition: gap .2s cubic-bezier(.4, 0, .2, 1);
}
.nwo-more:hover { gap: 10px; color: #0b4a7a; }
.nwo-more:focus-visible { outline: 2px solid #0e5c98; outline-offset: 3px; border-radius: 3px; }
.nwo-more svg { width: 13px; height: 13px; flex: none; }
.nwo-foot { display: flex; justify-content: flex-end; border-top: 1px solid #e8e8ed; margin-top: 18px; padding-top: 2px; }
@media (prefers-reduced-motion: reduce) {
.nwo-tab, .nwo-chev, .nwo-panel, .nwo-nub, .nwo-item, .nwo-link, .nwo-more { transition: none !important; }
}
/* ---------- Header fit ---------------------------------------------------
Plate mark only below 1440 (the offcanvas carries the blue lockup on
mobile); the wordmark joins it from 1440. The tab sizes above are already
compact enough for seven tabs + CTA at 1200. */
@media (max-width: 1439px) { .header-logo .nwo-wordmark { display: none; } }
@media (min-width: 1200px) { .header-right .theme-btn { white-space: nowrap; } }
/* ===== nwo-brand.css ===== */
/* ==========================================================================
NWO design layer — loaded last, on top of Insurn main.css + nwo-nav.css
--------------------------------------------------------------------------
Rewritten 2026-09-03 (UI plan): the site reads like a product page, not a
theme demo. One typeface (the platform's own: SF on Apple devices, Segoe on
Windows, Roboto on Android), one accent (the logo blue), grey and white
surfaces, hairline separators, tiles instead of bands, and copy that sits
in columns rather than one stacked column.
Tokens
ink #1d1d1f headings (16.1:1 on white)
ink-2 #424245 body copy ( 9.7:1 on white)
muted #6e6e73 captions, secondary ( 4.6:1 on white, AA)
blue #0e5c98 the logo blue: links, buttons ( 7.0:1 on white)
navy #0f3564 the nav bar and dark tiles (user: "keep the navy")
surface #f5f5f7 alternate section ground and callouts
line #d2d2d7 hairlines
The blue is never placed on navy (1.75:1); on navy, use white.
Body copy stays at 18px (spec §9.5).
========================================================================== */
:root {
--nwo-ink: #1d1d1f;
--nwo-ink-2: #424245;
--nwo-muted: #6e6e73;
--nwo-blue: #0e5c98;
--nwo-blue-deep: #0b4a7a;
--nwo-blue-tint: rgba(14, 92, 152, .08);
--nwo-navy: #0f3564;
--nwo-navy-deep: #0a2440;
--nwo-surface: #f5f5f7;
--nwo-surface-2: #e8e8ed;
--nwo-line: #d2d2d7;
--nwo-white: #fff;
--nwo-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
--nwo-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
--nwo-radius: 18px;
--nwo-radius-sm: 12px;
--nwo-shadow: 0 2px 14px rgba(0, 0, 0, .06);
--nwo-ease: cubic-bezier(.4, 0, .2, 1);
--nwo-header-h: 60px;
}
/* ---------- Base ---------------------------------------------------------- */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nwo-header-h) + 16px); -webkit-text-size-adjust: 100%; }
body {
font-family: var(--nwo-font);
font-size: 18px;
line-height: 1.6;
color: var(--nwo-ink-2);
background: var(--nwo-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* The template hard-codes Unbounded / DM Sans on dozens of component selectors.
One rule retires all of them; icon fonts () and the Unbounded wordmark are exempt. */
body :not(i):not([class*="fa-"]):not([class*="flaticon"]):not(.nwo-wordmark):not(h1):not(h2):not(h3) { font-family: var(--nwo-font); }
h1, h2, h3, h4, h5, h6 {
font-family: var(--nwo-font);
font-weight: 600;
color: var(--nwo-ink);
letter-spacing: -.015em;
line-height: 1.15;
text-wrap: balance;
text-transform: none;
}
h1 { font-size: 48px; letter-spacing: -.02em; line-height: 1.08; }
h2 { font-size: 36px; letter-spacing: -.02em; line-height: 1.12; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
@media (max-width: 991px) { h1 { font-size: 40px; } h2 { font-size: 30px; } }
@media (max-width: 575px) { h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 21px; } }
/* The template capitalizes every heading and breadcrumb; CSS capitalize cannot spell "401(k)" or "CalPERS". */
.section-title h2, .service-title, .details-title,
.breadcrumb-wrapper .page-heading h1, .breadcrumb-wrapper .page-heading .breadcrumb-items li,
.main-menu ul li a, .header-main .main-menu a, .mobile-menu a { text-transform: none; }
p { color: inherit; }
a { color: var(--nwo-blue); text-decoration: none; transition: color .2s var(--nwo-ease); }
a:hover { color: var(--nwo-blue-deep); }
strong, b { color: var(--nwo-ink); font-weight: 600; }
::selection { background: var(--nwo-navy); color: #fff; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
outline: 3px solid rgba(14, 92, 152, .45);
outline-offset: 3px;
border-radius: 6px;
}
/* The template paints a glowing blue scrollbar. Quiet it. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { box-shadow: none; background: transparent; }
::-webkit-scrollbar-thumb { background: #c1c1c6; border-radius: 10px; border: 2px solid #fff; }
.container { max-width: 1200px; }
.section-padding { padding: 96px 0; }
@media (max-width: 991px) { .section-padding { padding: 64px 0; } }
/* Template fixtures that have no place on this site */
.header-search-bar, .map-items, .map-section, .bg-shape, .shape-footer, .line-img, #preloader { display: none !important; }
/* ---------- Buttons and text links --------------------------------------- */
.theme-btn, .theme-btn:hover, .theme-btn:focus {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background: var(--nwo-blue);
color: #fff;
font-family: var(--nwo-font);
font-size: 17px;
font-weight: 500;
letter-spacing: -.01em;
line-height: 1;
padding: 14px 24px;
min-height: 48px;
border-radius: 980px;
text-transform: none;
transition: background-color .2s var(--nwo-ease), color .2s var(--nwo-ease), transform .15s var(--nwo-ease);
cursor: pointer;
}
.theme-btn::after { display: none; }
.theme-btn:not(.bg-white):not(.nwo-btn-quiet) { box-shadow: inset 0 -6px 10px rgba(255, 255, 255, .10); }
.theme-btn:not(.bg-white):not(.nwo-btn-quiet):hover { box-shadow: inset 0 -6px 10px rgba(255, 255, 255, .18); }
.theme-btn:hover { background: var(--nwo-blue-deep); }
.theme-btn:active { transform: scale(.98); }
.theme-btn.bg-white, .theme-btn.bg-white:hover { background: #fff; color: var(--nwo-navy); }
.theme-btn.bg-white:hover { background: var(--nwo-surface); }
.theme-btn.nwo-btn-quiet, .theme-btn.nwo-btn-quiet:hover { background: var(--nwo-surface-2); color: var(--nwo-ink); }
.theme-btn.nwo-btn-quiet:hover { background: var(--nwo-line); }
@media (max-width: 575px) { .theme-btn, .theme-btn:hover, .theme-btn:focus { font-size: 16px; padding: 13px 20px; } }
.nwo-textlink {
display: inline-flex; align-items: center; gap: 5px;
font-size: 17px; font-weight: 500; color: var(--nwo-blue); letter-spacing: -.01em;
}
.nwo-textlink svg { width: 12px; height: 12px; transition: transform .2s var(--nwo-ease); }
.nwo-textlink:hover { text-decoration: underline; text-underline-offset: 4px; }
.nwo-textlink:hover svg { transform: translateX(2px); }
/* ---------- Header: sticky, translucent navy ------------------------------ */
.header-section-3 {
position: sticky;
top: 0;
z-index: 990;
background-color: rgba(15, 53, 100, .88);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: 1px solid rgba(255, 255, 255, .08);
}
@supports not (backdrop-filter: blur(1px)) { .header-section-3 { background-color: var(--nwo-navy); } }
.header-section-3 .container-fluid { padding: 0 22px; max-width: 1244px; }
.header-main-wrapper-3 { background: transparent; border: 0; border-radius: 0; padding: 0; gap: 0; }
.header-main-wrapper-3 .main-logo { display: none; }
#header-sticky.header-3, .sticky.header-3 { background: transparent; padding: 0; }
/* main.js adds .sticky on scroll and the template makes that fixed; the bar is already sticky. */
.sticky { position: static !important; animation: none !important; box-shadow: none !important; background: transparent !important; transition: none; }
.header-main { padding: 0; min-height: var(--nwo-header-h); gap: 16px; }
.header-main-wrapper-3 .main-header-right-3 .header-main .header-logo { display: inline-flex; }
.header-logo, .footer-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.nwo-mark { height: 34px; width: auto; display: block; }
.nwo-wordmark {
font-family: "Unbounded", var(--nwo-font);
font-weight: 700; font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
color: #fff; white-space: nowrap; line-height: 1;
}
.header-right { gap: 10px; }
.header-right .theme-btn, .header-right .theme-btn:hover {
background: #fff; color: var(--nwo-navy); font-size: 14px; font-weight: 600; padding: 9px 16px; min-height: 36px; white-space: nowrap;
}
.header-right .theme-btn:hover { background: var(--nwo-surface); }
.header-3 .sidebar__toggle {
color: #fff; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
border-radius: 10px; font-size: 20px; cursor: pointer; transition: background-color .2s var(--nwo-ease);
}
.header-3 .sidebar__toggle:hover { background: rgba(255, 255, 255, .12); }
.header-main .main-menu ul li a { color: #fff; }
@media (max-width: 575px) { .header-right .theme-btn, .header-right .theme-btn:hover { font-size: 13px; padding: 8px 13px; min-height: 34px; } }
/* Offcanvas (the menu below 1200px) */
.offcanvas__info { border-left: 0; width: min(400px, 100vw); box-shadow: -8px 0 40px rgba(0, 0, 0, .12); }
.offcanvas__wrapper { padding: 22px 24px 40px; }
.offcanvas__logo a img { width: 132px; }
.offcanvas__wrapper .offcanvas-title { font-size: 22px; margin-bottom: 6px; }
.offcanvas__wrapper .offcanvas__content p { font-size: 15px; color: var(--nwo-muted); }
.offcanvas__wrapper .offcanvas__content .offcanvas__close { background: var(--nwo-surface); width: 40px; height: 40px; line-height: 40px; }
.offcanvas__wrapper .offcanvas__content .offcanvas__close i { color: var(--nwo-ink); }
.offcanvas__wrapper .offcanvas__content .social-icon { margin: 22px 0 18px; gap: 8px; }
.offcanvas__wrapper .offcanvas__content .social-icon a { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border-color: var(--nwo-line); color: var(--nwo-ink-2); }
.offcanvas__wrapper .offcanvas__content .social-icon a:hover { background: var(--nwo-navy); border-color: var(--nwo-navy); color: #fff; }
.offcanvas__contact .offcanvas__contact-title { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--nwo-muted); margin: 8px 0 10px; }
.offcanvas__contact ul { list-style: none; padding: 0; margin: 0 0 16px; }
.offcanvas__contact ul li { font-size: 16px; color: var(--nwo-ink-2); margin-bottom: 6px; }
.offcanvas__contact .theme-btn { margin-bottom: 10px; }
.offcanvas__content > .theme-btn { background: var(--nwo-surface-2); color: var(--nwo-ink); }
.mean-container .mean-nav { background: transparent; margin-top: 0; }
.mean-container .mean-nav ul li a { font-family: var(--nwo-font); font-size: 17px; font-weight: 500; color: var(--nwo-ink); border-top: 1px solid var(--nwo-line); padding: 14px 0; text-transform: none; }
.mean-container .mean-nav ul li a:hover { color: var(--nwo-blue); }
.mean-container .mean-nav ul li li a { font-size: 15px; color: var(--nwo-ink-2); padding-left: 16px; border-top: 1px solid var(--nwo-surface-2); }
.mean-container .mean-nav ul li a.mean-expand { border: 0 !important; height: 100%; width: 44px; text-align: center; }
/* ---------- Back to top --------------------------------------------------- */
.back-to-top { background: var(--nwo-navy); width: 44px; height: 44px; line-height: 44px; right: 20px; bottom: 20px; box-shadow: var(--nwo-shadow); }
.back-to-top:hover { background: var(--nwo-blue); }
/* ---------- Page heading (every inner page) ------------------------------- */
.breadcrumb-wrapper.nwo-crumb { background: var(--nwo-white); border-bottom: 1px solid var(--nwo-line); }
.breadcrumb-wrapper.nwo-crumb .page-heading { padding: 52px 0 44px; }
.breadcrumb-wrapper.nwo-crumb .page-heading .breadcrumb-items {
background: none; padding: 0; gap: 8px; max-width: none; width: auto; margin-bottom: 16px; justify-content: flex-start; flex-wrap: wrap;
}
.breadcrumb-wrapper.nwo-crumb .page-heading .breadcrumb-items li { color: var(--nwo-muted); font-size: 14px; font-weight: 500; text-transform: none; }
.breadcrumb-wrapper.nwo-crumb .page-heading .breadcrumb-items li a { color: var(--nwo-muted); }
.breadcrumb-wrapper.nwo-crumb .page-heading .breadcrumb-items li a:hover { color: var(--nwo-blue); }
.breadcrumb-wrapper.nwo-crumb .page-heading .breadcrumb-items li i { color: #aeaeb2; font-size: 10px; }
.breadcrumb-wrapper.nwo-crumb .page-heading h1 { font-family: var(--nwo-display); color: var(--nwo-navy); font-size: 46px; font-weight: 900; letter-spacing: -.03em; line-height: 1.08; max-width: 22ch; margin: 0; }
@media (max-width: 991px) { .breadcrumb-wrapper.nwo-crumb .page-heading { padding: 40px 0 34px; } .breadcrumb-wrapper.nwo-crumb .page-heading h1 { font-size: 38px; } }
@media (max-width: 575px) { .breadcrumb-wrapper.nwo-crumb .page-heading { padding: 30px 0 26px; } .breadcrumb-wrapper.nwo-crumb .page-heading h1 { font-size: 30px; } }
/* ---------- Inner pages: content + local nav ------------------------------ */
.Service-details.nwo-page.section-padding { padding: 52px 0 96px; }
@media (max-width: 991px) { .Service-details.nwo-page.section-padding { padding: 36px 0 64px; } }
/* Column spacing lives on the content column, not the row gutter: a 4rem gutter gave the row a -32px
margin that overflowed the 12px container padding once the section stopped clipping. */
.nwo-page .service-details-wrapper .row.g-5 { --bs-gutter-x: 1.5rem; } /* Bootstrap's g-5 is 3rem: a -24px row margin against 12px container padding */
@media (min-width: 992px) { .nwo-page .service-details-wrapper .col-lg-8 { padding-left: 2.75rem; } }
/* Sticky local nav. The template's .fix puts overflow:hidden on the section, which defeats
position:sticky, so the section is opened up; on short screens the sidebar scrolls inside itself. */
.Service-details.nwo-page.fix { overflow: visible; }
@media (min-width: 992px) {
.nwo-page .main-sidebar {
position: sticky; top: calc(var(--nwo-header-h) + 20px);
max-height: calc(100vh - var(--nwo-header-h) - 28px); overflow-y: auto; overscroll-behavior: contain;
scrollbar-width: thin; padding-bottom: 8px;
}
}
.main-sidebar .service-sidebar-widget { background: transparent; padding: 0; margin-bottom: 28px; }
.main-sidebar .service-sidebar-widget .wid-title { margin-bottom: 8px; }
.main-sidebar .service-sidebar-widget .wid-title h2 { font-size: 13px; font-weight: 600; letter-spacing: .05em; line-height: 1.15; text-transform: uppercase; color: var(--nwo-muted); margin: 0; padding: 0 12px; }
.main-sidebar .service-sidebar-widget .service-category a,
.main-sidebar .service-sidebar-widget .service-category a:not(:last-child) {
font-family: var(--nwo-font); display: flex; align-items: center; justify-content: space-between; gap: 10px;
background: transparent; padding: 9px 12px; margin-bottom: 2px; border-radius: 10px;
font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--nwo-ink-2);
transition: background-color .2s var(--nwo-ease), color .2s var(--nwo-ease);
}
.main-sidebar .service-sidebar-widget .service-category a::before { display: none; }
.main-sidebar .service-sidebar-widget .service-category a i { position: static; font-size: 12px; color: var(--nwo-muted); opacity: 0; transform: translateX(-4px); transition: opacity .2s var(--nwo-ease), transform .2s var(--nwo-ease); }
.main-sidebar .service-sidebar-widget .service-category a:hover { background: var(--nwo-surface); color: var(--nwo-ink); }
.main-sidebar .service-sidebar-widget .service-category a:hover i { color: var(--nwo-ink); opacity: 1; transform: none; }
.main-sidebar .service-sidebar-widget .service-category a.active { background: var(--nwo-blue-tint); color: var(--nwo-blue); font-weight: 600; }
.main-sidebar .service-sidebar-widget .service-category a.active i { color: var(--nwo-blue); opacity: 1; transform: none; }
.main-sidebar .service-post.nwo-side-cta { background: var(--nwo-navy); border-radius: var(--nwo-radius); padding: 28px 26px; }
.main-sidebar .service-post.nwo-side-cta::before { display: none; }
.main-sidebar .service-post.nwo-side-cta .content { text-align: left; }
.main-sidebar .service-post.nwo-side-cta .content h3 { font-size: 20px; line-height: 1.3; color: #fff; margin: 0 0 18px; letter-spacing: -.01em; }
.main-sidebar .service-sidebar-widget .service-info { gap: 14px; align-items: flex-start; padding: 0 12px; }
.main-sidebar .service-sidebar-widget .service-info .icon { font-size: 22px; color: var(--nwo-blue); line-height: 1; padding-top: 4px; }
.main-sidebar .service-sidebar-widget .service-info .content p { font-size: 14px; color: var(--nwo-muted); margin: 0 0 2px; }
.main-sidebar .service-sidebar-widget .service-info .content .nwo-info-value { font-size: 17px; font-weight: 500; line-height: 1.15; letter-spacing: -.015em; color: var(--nwo-ink); text-wrap: balance; margin: 0; }
.main-sidebar .service-sidebar-widget .service-info .content .nwo-info-value a { color: var(--nwo-ink); word-break: break-all; }
.nwo-page .service-details-content .service-title,
.service-details-wrapper .service-details-content .service-title { font-family: var(--nwo-display); font-size: 34px; font-weight: 900; color: var(--nwo-navy); line-height: 1.18; letter-spacing: -.028em; margin: 0 0 20px; max-width: 30ch; }
.nwo-page .service-details-content .details-title,
.service-details-wrapper .service-details-content .details-title { font-family: var(--nwo-display); font-size: 26px; font-weight: 800; color: var(--nwo-navy); letter-spacing: -.024em; margin: 44px 0 14px; }
.nwo-page .service-details-content h4 { font-size: 20px; margin: 26px 0 8px; }
.nwo-page .service-details-content p { font-size: 18px; line-height: 1.6; color: var(--nwo-ink-2); margin: 0 0 18px; max-width: 70ch; }
.nwo-page .service-details-content p a, .nwo-page .service-details-content li a, .nwo-page .service-details-content td a {
text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(14, 92, 152, .35); text-decoration-thickness: 1px;
}
.nwo-page .service-details-content p a:hover, .nwo-page .service-details-content li a:hover { text-decoration-color: currentColor; }
.nwo-page .service-details-content ul:not(.nwo-cities):not(.nwo-calc-lines), .nwo-page .service-details-content ol { padding-left: 22px; margin: 0 0 18px; max-width: 70ch; }
.nwo-page .service-details-content ul li, .nwo-page .service-details-content ol li, .nwo-page .goal-list ul li, .nwo-page ol.nwo-steps li { font-size: 18px; line-height: 1.55; margin-bottom: 10px; color: var(--nwo-ink-2); }
.nwo-page .goal-list ul { list-style: none; padding-left: 0; }
.nwo-page .goal-list ul li { position: relative; padding-left: 30px; }
.nwo-page .goal-list ul li > i:first-child { position: absolute; left: 0; top: 7px; color: var(--nwo-blue); font-size: 15px; }
.nwo-page ol.nwo-steps { padding-left: 22px; }
.nwo-page ol.nwo-steps li::marker { color: var(--nwo-blue); font-weight: 600; }
.nwo-page ul.nwo-cities { list-style: none; padding: 0; margin: 8px 0 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 16px; }
.nwo-page ul.nwo-cities li { margin: 0; font-size: 17px; }
.nwo-page ul.nwo-cities a { font-weight: 500; text-decoration: none; }
@media (max-width: 575px) { .nwo-page ul.nwo-cities { grid-template-columns: repeat(2, 1fr); } }
.nwo-table-wrap { overflow-x: auto; margin: 20px 0 10px; border: 1px solid var(--nwo-line); border-radius: var(--nwo-radius-sm); -webkit-overflow-scrolling: touch; }
.nwo-table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.nwo-table th, .nwo-table td { border: 0; border-bottom: 1px solid var(--nwo-line); padding: 14px 16px; vertical-align: top; text-align: left; }
.nwo-table th { background: var(--nwo-surface); color: var(--nwo-ink); font-family: var(--nwo-font); font-size: 14px; font-weight: 600; letter-spacing: .01em; }
.nwo-table tbody tr:last-child td { border-bottom: 0; }
.nwo-table td:first-child { color: var(--nwo-ink); font-weight: 600; }
.nwo-table tbody tr:hover td { background: #fafafa; }
.nwo-note { background: var(--nwo-surface); border: 0; border-radius: var(--nwo-radius-sm); padding: 18px 22px; margin: 26px 0; max-width: 70ch; }
.nwo-note p, .nwo-page .service-details-content .nwo-note p:last-child { margin: 0; font-size: 16px; line-height: 1.55; }
/* Accordions (Bootstrap) everywhere */
.accordion { border-top: 1px solid var(--nwo-line); }
.accordion-item, .service-details-content .accordion-item { border: 0; border-bottom: 1px solid var(--nwo-line); background: transparent; border-radius: 0 !important; margin: 0; }
.accordion-button, .accordion-button:not(.collapsed) {
font-family: var(--nwo-font); font-size: 18px; font-weight: 600; letter-spacing: -.01em; line-height: 1.35;
color: var(--nwo-ink); background: transparent; box-shadow: none; padding: 20px 0; gap: 16px; text-align: left;
}
.accordion-button:not(.collapsed) { color: var(--nwo-blue); }
.accordion-button:hover { color: var(--nwo-blue); }
.accordion-button:focus { box-shadow: none; }
.accordion-button:focus-visible { outline: 3px solid rgba(14, 92, 152, .45); outline-offset: 2px; border-radius: 6px; }
.accordion-button::after, .accordion-button:not(.collapsed)::after {
width: 18px; height: 18px; background-size: 18px; margin-left: auto; flex: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
transition: transform .25s var(--nwo-ease);
}
.accordion-button:not(.collapsed)::after {
transform: rotate(45deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e5c98' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
}
.accordion-body { padding: 0 0 22px; font-size: 17px; line-height: 1.6; color: var(--nwo-ink-2); max-width: 70ch; }
.accordion-body p, .nwo-page .service-details-content .accordion-body p { font-size: 17px; margin: 0 0 12px; }
.accordion-body p:last-child, .nwo-page .service-details-content .accordion-body p:last-child { margin-bottom: 0; }
/* Page CTA tile */
.nwo-cta {
background: var(--nwo-navy); border-radius: var(--nwo-radius); padding: 36px 40px; margin-top: 44px;
display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; text-align: left;
}
.nwo-cta p, .nwo-page .service-details-content .nwo-cta p { color: #fff; font-family: var(--nwo-font); font-size: 22px; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; margin: 0; max-width: 28ch; }
.nwo-cta .theme-btn, .nwo-cta .theme-btn:hover { background: #fff; color: var(--nwo-navy); }
.nwo-cta .theme-btn:hover { background: var(--nwo-surface); }
@media (max-width: 575px) { .nwo-cta { padding: 28px 24px; } .nwo-cta p, .nwo-page .service-details-content .nwo-cta p { font-size: 20px; } }
.nwo-reviewed, .nwo-page .nwo-reviewed { font-size: 14px; line-height: 1.55; color: var(--nwo-muted); margin-top: 26px; max-width: 70ch; }
/* Author block (spec §11.1) */
.nwo-author { display: flex; gap: 20px; align-items: flex-start; border-top: 1px solid var(--nwo-line); padding: 28px 0 0; margin: 48px 0 72px; }
.nwo-author img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: none; background: var(--nwo-surface-2); }
.nwo-author .nwo-author-name { font-family: var(--nwo-font); font-weight: 600; font-size: 17px; color: var(--nwo-ink); margin: 0 0 2px; }
.nwo-author .nwo-author-meta { font-size: 14px; color: var(--nwo-muted); margin: 0 0 8px; }
.nwo-author p { font-size: 16px; line-height: 1.55; margin: 0; max-width: 62ch; }
/* ---------- Home ---------------------------------------------------------- */
.nwo-hero { padding: 88px 0 56px; text-align: center; background: var(--nwo-white); }
.nwo-hero .container { max-width: 980px; }
.nwo-eyebrow { display: block; font-size: 15px; font-weight: 600; letter-spacing: .01em; color: var(--nwo-blue); margin: 0 0 14px; }
.nwo-hero h1 { font-family: var(--nwo-display); font-size: 64px; font-weight: 900; letter-spacing: -.035em; line-height: 1.04; color: var(--nwo-navy); margin: 0 auto 22px; max-width: 19ch; }
.nwo-hero-lede { font-size: 21px; line-height: 1.5; color: var(--nwo-ink-2); max-width: 58ch; margin: 0 auto 30px; text-wrap: pretty; }
.nwo-hero-actions { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
@media (max-width: 991px) { .nwo-hero { padding: 64px 0 40px; } .nwo-hero h1 { font-size: 48px; } .nwo-hero-lede { font-size: 19px; } }
@media (max-width: 575px) { .nwo-hero { padding: 44px 0 32px; text-align: left; } .nwo-hero h1 { font-size: 36px; margin-left: 0; } .nwo-hero-lede { font-size: 18px; margin-left: 0; } .nwo-hero-actions { justify-content: flex-start; gap: 18px; } }
.nwo-section { padding: 88px 0; }
.nwo-section.nwo-alt { background: var(--nwo-surface); }
.nwo-section.nwo-tight { padding-top: 0; }
@media (max-width: 991px) { .nwo-section { padding: 60px 0; } }
.nwo-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; }
.nwo-sh h2, .nwo-split-copy h2, .nwo-agent h2, .nwo-sources h2, .nwo-faq-head h2, .nwo-tile h3 { font-family: var(--nwo-display); font-weight: 800; color: var(--nwo-navy); letter-spacing: -.028em; }
.nwo-sh h2 { margin: 0; max-width: 24ch; }
.nwo-sh .nwo-eyebrow { margin-bottom: 10px; }
.nwo-sh p.nwo-sh-lede { font-size: 18px; color: var(--nwo-muted); margin: 12px 0 0; max-width: 56ch; }
/* Two pillar tiles */
.nwo-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.nwo-tile {
position: relative; display: flex; flex-direction: column; border-radius: 24px; padding: 40px 40px 36px; min-height: 380px;
background: var(--nwo-surface); color: var(--nwo-ink-2); overflow: hidden;
}
.nwo-tile-dark { background: var(--nwo-navy); color: rgba(255, 255, 255, .82); }
.nwo-tile .nwo-tile-kicker { font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--nwo-blue); margin: 0 0 12px; }
.nwo-tile-dark .nwo-tile-kicker { color: rgba(255, 255, 255, .6); }
.nwo-tile h3 { font-size: 32px; letter-spacing: -.022em; line-height: 1.1; margin: 0 0 14px; max-width: 14ch; }
.nwo-tile h3 a { color: var(--nwo-ink); }
.nwo-tile-dark h3 a { color: #fff; }
.nwo-tile p { font-size: 17px; line-height: 1.55; margin: 0 0 22px; max-width: 46ch; }
.nwo-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.nwo-chips a {
display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: 980px;
font-size: 15px; font-weight: 500; color: var(--nwo-ink); background: #fff; border: 1px solid var(--nwo-line);
transition: background-color .2s var(--nwo-ease), border-color .2s var(--nwo-ease), color .2s var(--nwo-ease);
}
.nwo-chips a:hover { border-color: var(--nwo-ink); }
.nwo-tile-dark .nwo-chips a { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .18); color: #fff; }
.nwo-tile-dark .nwo-chips a:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .4); }
.nwo-tile .nwo-textlink { margin-top: auto; padding-top: 26px; }
.nwo-tile-dark .nwo-textlink { color: #fff; }
@media (max-width: 991px) { .nwo-tiles { grid-template-columns: 1fr; } .nwo-tile { min-height: 0; padding: 32px 28px 28px; } .nwo-tile h3 { font-size: 28px; } }
/* Bento of the six priority pages */
.nwo-bento { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.nwo-card {
display: flex; flex-direction: column; gap: 10px; padding: 28px 28px 24px; min-height: 210px;
background: #fff; border: 1px solid transparent; border-radius: 20px; color: var(--nwo-ink-2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
transition: translate .25s var(--nwo-ease), box-shadow .25s var(--nwo-ease), border-color .25s var(--nwo-ease);
}
.nwo-card:hover { translate: 0 -2px; box-shadow: 0 10px 30px rgba(0, 0, 0, .08); color: var(--nwo-ink-2); }
.nwo-card:focus-visible { outline-offset: 4px; }
.nwo-card h3 { font-size: 21px; letter-spacing: -.015em; line-height: 1.2; margin: 0; color: var(--nwo-ink); }
.nwo-card p { font-size: 16px; line-height: 1.5; margin: 0; }
.nwo-card .nwo-arrow { margin-top: auto; padding-top: 12px; display: inline-flex; align-items: center; gap: 4px; font-size: 15px; font-weight: 500; color: var(--nwo-blue); }
.nwo-card .nwo-arrow svg { width: 12px; height: 12px; transition: transform .2s var(--nwo-ease); }
.nwo-card:hover .nwo-arrow svg { transform: translateX(2px); }
.nwo-card-wide { grid-column: span 2; }
.nwo-card-wide h3 { font-size: 26px; max-width: 18ch; }
.nwo-card-wide p { font-size: 17px; max-width: 48ch; }
.nwo-card-dark { background: var(--nwo-navy); color: rgba(255, 255, 255, .82); }
.nwo-card-dark:hover { color: rgba(255, 255, 255, .9); }
.nwo-card-dark h3 { color: #fff; }
.nwo-card-dark .nwo-arrow { color: #fff; }
.nwo-card .nwo-card-kicker { font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--nwo-muted); margin: 0; }
.nwo-card-dark .nwo-card-kicker { color: rgba(255, 255, 255, .6); }
@media (max-width: 991px) { .nwo-bento { grid-template-columns: repeat(2, 1fr); } .nwo-card { min-height: 0; padding: 24px 22px 20px; } .nwo-card-wide h3 { font-size: 23px; } }
@media (max-width: 575px) { .nwo-bento { grid-template-columns: 1fr; } .nwo-card-wide { grid-column: auto; } }
/* The four beats.
A social-listening pass over 264 videos in this category found the same four-part pitch
repeated almost verbatim by unrelated creators: name an idle account, attach a large monthly
figure, describe a floor as though it were the whole contract, then ask for a comment. Every
one of the four is checkable, and the checking is the differentiator, so the page states the
sentence and then answers it.
Two columns, not four. Each card carries a claim and its answer, and a four-up would set both
at a size nobody reads. The claim takes the display face so the eye lands on it first; the
answer is body copy, because that is what it is. The claim is a , not a
: these
are representative phrasings of a genre, not a quotation of any one person, and marking them
up as a quotation would attribute words to somebody who did not say exactly those. */
/* The section head is centred here, unlike the other sections that use .nwo-sh. Those pair a
left heading with gallery arrows on the right, so space-between is doing real work for them.
This section has no second element, which left the heading hard against the left edge with a
third of the row empty beside it. Centring is scoped to .nwo-beats so nothing else moves.
Below 575px it returns to the left, matching what the hero already does at that width: a
centred multi-line lede on a narrow column reads ragged. */
.nwo-beats .nwo-sh { justify-content: center; text-align: center; margin-bottom: 40px; }
.nwo-beats .nwo-sh h2 { max-width: 22ch; margin-inline: auto; }
.nwo-beats .nwo-sh p.nwo-sh-lede { margin-inline: auto; text-wrap: pretty; }
@media (max-width: 575px) {
.nwo-beats .nwo-sh { justify-content: flex-start; text-align: left; margin-bottom: 28px; }
.nwo-beats .nwo-sh h2, .nwo-beats .nwo-sh p.nwo-sh-lede { margin-inline: 0; }
}
.nwo-beatgrid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.nwo-beat {
display: flex; flex-direction: column; gap: 14px; padding: 30px 32px 26px;
background: #fff; border-radius: 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}
.nwo-beat-n { display: flex; align-items: baseline; gap: 10px; margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--nwo-muted); }
.nwo-beat-n b { font-family: var(--nwo-display); font-size: 15px; font-weight: 800; letter-spacing: 0; color: var(--nwo-blue); font-variant-numeric: tabular-nums; }
.nwo-beat-q {
margin: 0; font-family: var(--nwo-display); font-size: 23px; font-weight: 700; line-height: 1.25;
letter-spacing: -.018em; color: var(--nwo-navy); text-wrap: pretty;
}
.nwo-beat-a { margin: 0; font-size: 16px; line-height: 1.55; color: var(--nwo-ink-2); }
.nwo-beat .nwo-textlink { margin-top: auto; padding-top: 6px; }
@media (max-width: 991px) { .nwo-beatgrid { grid-template-columns: 1fr; } .nwo-beat { padding: 26px 24px 22px; } .nwo-beat-q { font-size: 21px; } }
/* Split: independent + coverage area */
.nwo-split { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; align-items: center; }
.nwo-split-copy h2 { margin: 0 0 18px; max-width: 18ch; }
.nwo-split-copy > p { font-size: 18px; margin: 0 0 22px; max-width: 58ch; }
.nwo-checks { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.nwo-checks li { display: flex; align-items: flex-start; gap: 12px; font-size: 17px; font-weight: 500; color: var(--nwo-ink); }
.nwo-checks svg { width: 22px; height: 22px; flex: none; color: var(--nwo-blue); margin-top: 2px; }
.nwo-area { background: var(--nwo-surface); border-radius: 24px; padding: 36px; }
.nwo-area h3 { font-size: 24px; margin: 0 0 6px; }
.nwo-area > p { font-size: 16px; color: var(--nwo-muted); margin: 0 0 18px; }
.nwo-area .nwo-chips + .nwo-chips { margin-top: 10px; }
.nwo-area .nwo-chips-primary a { background: var(--nwo-navy); border-color: var(--nwo-navy); color: #fff; font-weight: 600; }
.nwo-area .nwo-chips-primary a:hover { background: var(--nwo-navy-deep); }
@media (max-width: 991px) { .nwo-split { grid-template-columns: 1fr; gap: 32px; } .nwo-area { padding: 28px 24px; } }
/* Four steps: this is a real sequence, so it is numbered */
.nwo-steps-row { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; counter-reset: step; }
.nwo-steps-row li { border-top: 1px solid var(--nwo-ink); padding-top: 18px; }
.nwo-steps-row .nwo-step-n { display: block; font-size: 14px; font-weight: 600; color: var(--nwo-blue); letter-spacing: .02em; margin-bottom: 10px; font-variant-numeric: tabular-nums; }
.nwo-steps-row h3 { font-size: 21px; letter-spacing: -.015em; margin: 0 0 8px; }
.nwo-steps-row p { font-size: 16px; line-height: 1.55; margin: 0; }
@media (max-width: 991px) { .nwo-steps-row { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; } }
@media (max-width: 575px) { .nwo-steps-row { grid-template-columns: 1fr; gap: 22px; } }
/* Agent + sources, side by side */
.nwo-duo { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px; align-items: stretch; }
.nwo-agent { background: #fff; border: 1px solid var(--nwo-line); border-radius: 24px; padding: 36px; display: flex; flex-direction: column; }
.nwo-agent h2 { font-size: 30px; margin: 0 0 22px; max-width: 16ch; }
.nwo-agent-card { display: grid; grid-template-columns: 120px 1fr; gap: 24px; align-items: center; }
.nwo-agent-card img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; background: var(--nwo-surface); }
.nwo-agent-card h3 { font-size: 22px; margin: 0 0 4px; }
.nwo-agent-card .nwo-agent-meta { font-size: 14px; color: var(--nwo-muted); margin: 0 0 10px; }
.nwo-agent-card p { font-size: 16px; line-height: 1.55; margin: 0 0 16px; max-width: 54ch; }
.nwo-sources { background: var(--nwo-surface); border-radius: 24px; padding: 36px; }
.nwo-sources h2 { font-size: 26px; margin: 0 0 12px; max-width: 18ch; }
.nwo-sources > p { font-size: 16px; color: var(--nwo-muted); margin: 0 0 8px; max-width: 46ch; }
.nwo-source-list { list-style: none; padding: 0; margin: 0; }
.nwo-source-list li { padding: 14px 0; border-top: 1px solid var(--nwo-line); }
.nwo-source-list li:first-child { border-top: 0; }
.nwo-source-list h3 { font-size: 17px; margin: 0 0 3px; }
.nwo-source-list h3 a { color: var(--nwo-ink); }
.nwo-source-list h3 a:hover { color: var(--nwo-blue); }
.nwo-source-list p { font-size: 15px; line-height: 1.5; color: var(--nwo-muted); margin: 0; }
@media (max-width: 991px) { .nwo-duo { grid-template-columns: 1fr; } .nwo-agent, .nwo-sources { padding: 28px 24px; } }
@media (max-width: 575px) { .nwo-agent-card { grid-template-columns: 1fr; } }
/* FAQ, two columns */
.nwo-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; align-items: start; }
.nwo-faq-head h2 { margin: 0 0 12px; }
.nwo-faq-head .nwo-reviewed { margin-top: 10px; }
@media (min-width: 992px) { .nwo-faq-head { position: sticky; top: calc(var(--nwo-header-h) + 24px); } }
@media (max-width: 991px) { .nwo-faq-grid { grid-template-columns: 1fr; gap: 20px; } }
/* Closing band */
.nwo-band { background: var(--nwo-navy); padding: 72px 0; }
.nwo-band .container { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.nwo-band p { color: #fff; font-size: 30px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; margin: 0; max-width: 24ch; text-wrap: balance; }
.nwo-band .theme-btn, .nwo-band .theme-btn:hover { background: #fff; color: var(--nwo-navy); }
.nwo-band .theme-btn:hover { background: var(--nwo-surface); }
@media (max-width: 991px) { .nwo-band { padding: 56px 0; } .nwo-band p { font-size: 26px; } }
/* ---------- Footer: light ------------------------------------------------- */
.footer-section-3, .footer-section-3.fix {
background: var(--nwo-surface) !important; background-image: none !important;
margin-top: 0; border-top: 1px solid var(--nwo-line); color: var(--nwo-ink-2);
}
.footer-section-3 .container { max-width: 1200px; }
.footer-section-3 .footer-newsletter-wrapper, .footer-section-3 .footer-newsletter-wrapper.style-2 {
display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
padding: 44px 0 36px; margin: 0; border-bottom: 1px solid var(--nwo-line); background: transparent;
}
.footer-section-3 .footer-newsletter-wrapper .social-icon { order: 2; display: flex; gap: 10px; margin: 0; }
.footer-section-3 .footer-newsletter-wrapper .social-icon a,
.footer-section-3 .footer-newsletter-wrapper .social-icon a.bg-1,
.footer-section-3 .footer-newsletter-wrapper .social-icon a.bg-2,
.footer-section-3 .footer-newsletter-wrapper .social-icon a.bg-3 {
width: 40px; height: 40px; padding: 0; margin: 0; line-height: 1; border-radius: 50%; border: 1px solid var(--nwo-line); background: transparent !important;
color: var(--nwo-ink-2); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; transition: border-color .2s var(--nwo-ease), color .2s var(--nwo-ease);
}
.footer-section-3 .footer-newsletter-wrapper .social-icon a:hover { border-color: var(--nwo-ink); color: var(--nwo-ink); }
.footer-section-3 .footer-newsletter-wrapper .content { order: 1; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; text-align: left; margin: 0; }
.footer-section-3 .footer-newsletter-wrapper .content h3 { font-size: 22px; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; color: var(--nwo-ink); margin: 0; max-width: 26ch; }
.footer-section-3 .footer-newsletter-wrapper .content h3 br { display: none; }
.footer-section-3 .footer-newsletter-wrapper .content .nwo-footer-cta { margin: 0; }
.footer-section-3 .footer-widget-wrapper { padding: 40px 0 28px; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget { margin: 0 0 24px; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget .widget-head { margin: 0 0 14px; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget .widget-head h3 { font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--nwo-muted); margin: 0; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget .list-area { display: flex; gap: 40px; align-items: flex-start; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget ul { list-style: none; padding: 0; margin: 0; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget ul li,
.footer-section-3 .footer-widget-wrapper .footer-single-widget .list-area ul li,
.footer-section-3 .nwo-footer-list li { font-size: 15px; line-height: 1.5; color: var(--nwo-ink-2); margin: 0 0 9px; }
.footer-section-3 .footer-widget-wrapper .footer-single-widget ul li a,
.footer-section-3 .footer-widget-wrapper .footer-single-widget .list-area ul li a,
.footer-section-3 .nwo-footer-list a { color: var(--nwo-ink-2); }
.footer-section-3 .footer-widget-wrapper .footer-single-widget ul li a:hover,
.footer-section-3 .nwo-footer-list a:hover { color: var(--nwo-blue); text-decoration: underline; text-underline-offset: 3px; }
.footer-section-3 .nwo-footer-list address { font-style: normal; margin: 0; }
.footer-section-3 .nwo-footer-list .nwo-city { display: block; } /* main.css hides every
under 576px */
.footer-section-3 .footer-bottom-wrapper, .footer-section-3 .footer-bottom-21 {
display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; flex-wrap: wrap;
padding: 26px 0 36px; margin: 0; border-top: 1px solid var(--nwo-line); background: transparent;
}
.footer-section-3 .footer-logo { display: inline-flex; margin: 0; }
.footer-section-3 .footer-logo .nwo-lockup { height: 60px; width: auto; display: block; }
.footer-section-3 .footer-logo .nwo-mark { height: 40px; }
.footer-section-3 .footer-logo .nwo-wordmark { color: var(--nwo-navy); }
.footer-section-3 .footer-bottom-wrapper .footer-bottom-right,
.footer-section-3 .footer-bottom-wrapper.footer-bottom-21 .footer-bottom-right {
display: block; background: transparent; padding: 0; width: auto; max-width: 760px; text-align: left; margin: 0;
}
.footer-section-3 .footer-bottom-wrapper .footer-bottom-right p { font-family: var(--nwo-font); color: var(--nwo-muted); padding-left: 0; }
.footer-section-3 .footer-bottom-wrapper .footer-bottom-right .footer-menu li { font-family: var(--nwo-font); font-size: 13px; }
.footer-section-3 .footer-bottom-wrapper .footer-bottom-right .footer-menu li a { color: var(--nwo-muted); background-image: none; }
.footer-section-3 .footer-bottom-wrapper .footer-bottom-right .footer-menu li a:hover { color: var(--nwo-blue); text-decoration: underline; text-underline-offset: 3px; }
.footer-section-3 .footer-bottom-wrapper .footer-logo,
.footer-section-3 .footer-bottom-wrapper.footer-bottom-21 .footer-logo { position: static; margin: 0; }
.footer-section-3 .footer-bottom-wrapper.footer-bottom-21 { margin-top: 0; }
.nwo-legal { font-size: 13px; line-height: 1.55; color: var(--nwo-muted); max-width: 80ch; margin: 0 0 8px; }
.nwo-copy { font-size: 13px; color: var(--nwo-muted); margin: 0 0 10px; }
.footer-section-3 .footer-menu { display: flex; gap: 18px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.footer-section-3 .footer-menu li a { font-size: 13px; color: var(--nwo-muted); }
.footer-section-3 .footer-menu li a:hover { color: var(--nwo-blue); }
@media (max-width: 991px) {
.footer-section-3 .footer-newsletter-wrapper, .footer-section-3 .footer-newsletter-wrapper.style-2 { padding: 36px 0 28px; }
.footer-section-3 .footer-newsletter-wrapper .content h3 { font-size: 20px; }
}
/* ---------- Contact / schedule (template section, restyled) --------------- */
.contact-section-21.section-padding { padding: 52px 0 96px; }
.contact-section-21 .section-title span, .section-title span { display: block; font-size: 15px; font-weight: 600; color: var(--nwo-blue); margin-bottom: 12px; text-transform: none; font-family: var(--nwo-font); }
.contact-section-21 .section-title h2, .section-title h2 { margin: 0; max-width: 20ch; }
.contact-section-21 .section-title p { font-size: 18px; color: var(--nwo-ink-2); max-width: 52ch; }
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item { display: flex; gap: 14px; align-items: flex-start; }
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contact-icon {
width: 44px; height: 44px; line-height: 44px; border-radius: 12px; background: var(--nwo-surface); color: var(--nwo-blue);
display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex: none;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content span {
display: block; font-family: var(--nwo-font); font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--nwo-muted); margin: 0 0 4px;
}
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content .nwo-info-value { font-size: 17px; font-weight: 500; line-height: 1.4; letter-spacing: -.015em; text-wrap: balance; margin: 0; color: var(--nwo-ink); }
.contact-wrapper-2 .contact-left-item .contact-item .contect-icon-item .contect-content .nwo-info-value a { color: var(--nwo-ink); }
.contact-wrapper-2 .contact-content { background: var(--nwo-surface); border-radius: 24px; padding: 36px; margin-left: 0; }
.contact-wrapper-2 .contact-content h3 { font-size: 24px; color: var(--nwo-ink); margin: 0 0 18px; }
.nwo-embed { min-height: 120px; }
.nwo-legal-body p { max-width: 70ch; }
/* ---------- Calculators (Plan 3) ------------------------------------------ */
.nwo-calc { border: 1px solid var(--nwo-line); border-radius: var(--nwo-radius); padding: 28px; margin: 8px 0 32px; background: #fff; box-shadow: var(--nwo-shadow); }
.nwo-calc h3 { font-size: 22px; margin: 0 0 4px; }
.nwo-calc .nwo-calc-intro { font-size: 16px; color: var(--nwo-muted); margin: 0 0 20px; }
.nwo-calc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
@media (max-width: 575px) { .nwo-calc-grid { grid-template-columns: 1fr; } .nwo-calc { padding: 22px 18px; } }
.nwo-field { display: flex; flex-direction: column; gap: 6px; }
.nwo-field label { font-size: 15px; font-weight: 600; color: var(--nwo-ink); }
.nwo-field .nwo-hint { font-size: 14px; color: var(--nwo-muted); }
.nwo-field input, .nwo-field select, .nwo-field textarea {
font-family: var(--nwo-font); font-size: 18px; padding: 12px 14px; border: 1px solid var(--nwo-line); border-radius: 12px;
background: #fff; color: var(--nwo-ink); min-height: 48px; width: 100%; transition: border-color .2s var(--nwo-ease), box-shadow .2s var(--nwo-ease);
}
.nwo-field input:focus, .nwo-field select:focus, .nwo-field textarea:focus { outline: none; border-color: var(--nwo-blue); box-shadow: 0 0 0 4px rgba(14, 92, 152, .18); }
.nwo-calc-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 22px; }
.nwo-calc-actions button { font-family: var(--nwo-font); font-size: 17px; font-weight: 500; min-height: 48px; padding: 12px 24px; border-radius: 980px; border: none; cursor: pointer; transition: background-color .2s var(--nwo-ease); }
.nwo-calc-actions .nwo-calc-go { background: var(--nwo-blue); color: #fff; }
.nwo-calc-actions .nwo-calc-go:hover { background: var(--nwo-blue-deep); }
.nwo-calc-actions .nwo-calc-reset { background: var(--nwo-surface-2); color: var(--nwo-ink); }
.nwo-calc-actions .nwo-calc-reset:hover { background: var(--nwo-line); }
.nwo-calc-out { margin-top: 24px; border-top: 1px solid var(--nwo-line); padding-top: 20px; }
.nwo-calc-out[hidden] { display: none; }
.nwo-calc-disclosure { background: var(--nwo-surface); border: 0; border-radius: 12px; padding: 14px 18px; font-size: 15px; line-height: 1.5; margin: 0 0 18px; }
.nwo-calc-figure { font-family: var(--nwo-font); font-weight: 600; font-size: 40px; letter-spacing: -.02em; color: var(--nwo-ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
.nwo-calc-figure-label { font-size: 15px; color: var(--nwo-muted); margin: 4px 0 0; }
.nwo-calc-lines { list-style: none; padding: 0; margin: 18px 0 0; }
.nwo-calc-lines li { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; padding: 10px 0; border-bottom: 1px solid var(--nwo-surface-2); font-variant-numeric: tabular-nums; margin: 0; }
.nwo-calc-lines li span:last-child { font-weight: 600; color: var(--nwo-ink); }
.nwo-calc-error { color: #b3261e; font-size: 15px; margin-top: 12px; }
.nwo-calc-error[hidden] { display: none; }
/* The template hides bare