@import url("stg.css");

* {
   box-sizing: border-box;
   outline: none;
}
:root {
    --bringer-border-mask: linear-gradient(#000, #000) content-box content-box, linear-gradient(#000, #000);
}


.play-fair {font-family: "Playfair Display", serif;}
.verde-ew {color:#5aef74;}
p {font-weight: 200;}

body {
    cursor: none;
}


body,
html {
   padding: 0;
   margin: 0;
   min-height: 100%;
   max-width: 100vw;
   height: 100%;
	scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    font-family: var(--bringer-t-content-ff);
    font-size: var(--bringer-t-content-fs);
    line-height: var(--bringer-t-content-lh);
    letter-spacing: var(--bringer-t-content-ls);
    font-weight: var(--bringer-t-content-fw);
    color: var(--bringer-s-text);
    background: var(--bringer-s-body-bg);
}
body.is-unloading {
    pointer-events: none;
}
body.bringer-fullscreen-page {
    overflow: hidden;
}
body.bringer-fullscreen-page {
    height: 100svh;
}
body.is-loaded {
    opacity: 1;
}
body.is-unloaded {
    mask-position: 175%;
    transition: mask-position 0.75s;
}
iframe {
	max-width: 100%;
    border-radius: var(--bringer-default-br);
}
iframe.bringer-google-map {
    /*border-radius: var(--bringer-small-br);*/
}
img,
video {
    display: block;
    max-width: 100%;
    height: auto;
}
img,
video {
    border-radius: var(--bringer-default-br);
}
header img,
header video,
footer video,
footer img,
.bringer-logo img {
    border-radius: unset;
}
.background-white {back}
.bringer-parallax-media:not([class*='bringer-grid']),
.bringer-parallax-media .st-lazy-wrapper,
.bringer-parallax-image {
    overflow: hidden;
    border-radius: var(--bringer-default-br);
}
.pswp {
    display: none;
}
.pswp.pswp--open {
    display: block;
}

[data-bg-src] {
    /*background: var(--bringer-s-container-bg) no-repeat center;*/
    background-size: cover;
    position: relative;
}
.bringer-grid-item-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 7;
    border-radius: inherit;
}

/* === BrickWall Styles === */
.brickwall-grid {
	position: relative;
}
.brickwall-grid > div {
	position: absolute;
	left: 0;
	top: 0;
}
.brickwall-grid > div.is-appended,
.brickwall-grid > div.is-prepended {
	transform: scale(0);
}
.brickwall-grid:not(.animation--none) > div.brickwall-item {
	transition: transform 0.4s, opacity 0.4s;
	will-change: transform, opacity;
}
.brickwall-grid.animation--slow > div.brickwall-item {
	transition: transform 0.8s, opacity 0.8s;
	will-change: transform, opacity;
}

/* === Selection === */
::selection {
    color: var(--bringer-s-heading);
    background-color: var(--bringer-s-accent);
}
img,
a img,
.bringer-counter,
header#bringer-header,
.swiper,
.disable-selection {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** ==============
    02. TYPOGRAPHY
    ============== */
.bringer-highlight {
    color: var(--bringer-s-heading);
}
strong {
    font-weight: var(--bringer-t-heading-fw);
    color: var(--bringer-s-heading);
}
p {
	margin: 0 0 var(--bringer-t-content-lh) 0;
}
.bringer-large-text {
    font-size: var(--bringer-t-large-fs);
    line-height: var(--bringer-t-content-lh);
    color: var(--bringer-s-heading);
}

.bringer-medium-text {
    font-size: var(--bringer-t-medium-fs);
    line-height: var(--bringer-t-content-lh);
    color: var(--bringer-s-heading);
}
p:last-child {
	margin: 0;
}
p:empty {
	display: none;
}
a {
    position: relative;
}

a,
a:focus,
a:visited {
    text-decoration: none;
    color: var(--bringer-s-text-accent);
}
a {
    transition: color 0.3s;
}
address {
	margin: 0 0 28px 0;
}
ins,
tt,
kbd,
code,
pre {
	padding: 7px 15px 8px 15px;
	display: inline-block;
	margin: 10px 0;
	max-width: 100%;
}
tt,
kbd,
code {
	margin: 0 5px;
}
abbr {
	text-transform: uppercase;
}
ins, acronym, abbr {
	text-decoration: none;
}
kbd,
code {
	margin: 10px 5px;
	font-family: monospace;
}
pre {
	white-space: pre-wrap;
	margin-bottom: 1.65em;
}
hr {
    border: none;
	width: 100%;
    height: 1px;
    background: var(--bringer-c-border-gradient);
	margin: 1.65em 0;
}
hr:first-child {
	margin-top: 0;
}
hr:first-child {
	margin-bottom: 0;
}
label,
blockquote cite,
.bringer-label {
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-heading-fade);
    text-transform: uppercase;
    margin-bottom: 4px;
}
sup {
	font-size: 0.6em;
	margin-right: 2px;
    display: inline-block;
    transform: translateY(0.05em);
}

.bringer-title-with-label h1 {
    margin-bottom: 0;
}
.bringer-title-with-label .bringer-label:first-child {
    display: block;
    margin-bottom: var(--stg-xs-gap);
}
.bringer-title-with-label .bringer-label:last-child {
    display: block;
    margin-top: 4px;
    margin-bottom: 0;
}

.is-dropcap::first-letter {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    line-height: var(--bringer-t-h2-lh);
    color: var(--bringer-s-heading);
    font-size: var(--bringer-t-h2-fs);
    letter-spacing: var(--bringer-t-h2-ls);
    display: block;
	float: left;
	margin: -6px 16px -8px 0;
}

/* Blockquote */
blockquote cite {
    opacity: 1;
    position: relative;
}
blockquote cite::before {
    content: '';
    width: 8px;
    height: 2px;
    background-color: var(--bringer-s-heading);
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    transform: translateY(-1px);
}
cite {
	text-align: right;
	display: block;
	font-style: normal;
}

/* === Lists === */
ol,
ul {
	padding: 0;
	margin: 0;
}
ol:last-child,
ul:last-child {
    margin: 0;
}
ol li,
ul li {
	padding: 0;
    margin: 0;
    list-style: disc;
}

/* === Marked List === */
.bringer-marked-list {
    padding: 0;
    margin: 0;
}
.bringer-marked-list li {
    list-style: none;
    padding: 0 0 0 28px;
    margin: 0 0 1.5em 0;
    position: relative;
}
.bringer-marked-list li:last-child {
    margin: 0;
}
.bringer-marked-list:not(:last-child) {
    margin: 0 0 1.5em 0;
}
.bringer-marked-list li::before {
    content: '';
    width: 16px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: var(--bringer-s-heading);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-check);
    mask-image: var(--icon-check);
}

/* === Headings === */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-content-fw);
    color: var(--bringer-s-heading);
}
h1, h2, h3 {
    margin: 0 0 var(--stg-gap) 0;
}
h4, h5, h6 {
    margin: 0 0 var(--stg-small-gap) 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: var(--bringer-s-heading);
}
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
	opacity: 0.25;
}
.bringer-accent {
    color: var(--bringer-s-text-accent);
}
.is-accented .bringer-accent {
    color: var(--bringer-s-accented-text);
}

.bringer-page-title {
    display: block;
    width: 100%;
}
.bringer-post-title {
    margin-bottom: 0;
}
.bringer-post-title:not(:last-child),
.bringer-page-title:not(:last-child) {
    margin-bottom: var(--stg-gap);
}
.bringer-title-with-meta span:first-child {
    margin-bottom: 4px;
    display: block;
}
.bringer-title-with-meta span:last-child {
    margin-top: 4px;
    display: block;
}
h1.bringer-page-title {
    margin-bottom: calc( -1 * var(--stg-small-gap) );
}
.bringer-section-title {
    margin-bottom: var(--stg-large-gap);
}
.bringer-section-title p.is-short {
    max-width: calc(0.5 * var(--stg-container-width));
    margin: 0 auto;
}
.bringer-page-title.is-large {
    font-size: calc(1.2 * var(--bringer-t-h1-fs));
    line-height: calc(1.2 * var(--bringer-t-h1-lh));
}
h1 {
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
    margin: var(--bringer-t-h1-margin);
}
h2 {
    font-size: var(--bringer-t-h2-fs);
    letter-spacing: var(--bringer-t-h2-ls);
    line-height: var(--bringer-t-h2-lh);
    margin: var(--bringer-t-h2-margin);
}
h3 {
    font-size: var(--bringer-t-h3-fs);
    letter-spacing: var(--bringer-t-h3-ls);
    line-height: var(--bringer-t-h3-lh);
    margin: var(--bringer-t-h3-margin);
}
h4 {
    font-size: var(--bringer-t-h4-fs);
    line-height: var(--bringer-t-h4-lh);
    margin: var(--bringer-t-h4-margin);
}
.bringer-block h4 {
    margin-bottom: var(--stg-gap);
}
h5 {
    font-size: var(--bringer-t-h5-fs);
    letter-spacing: var(--bringer-t-h5-ls);
    line-height: var(--bringer-t-h5-lh);
    margin: var(--bringer-t-h5-margin);
}
h6 {
    font-size: var(--bringer-t-h6-fs);
    letter-spacing: var(--bringer-t-h6-ls);
    line-height: var(--bringer-t-h6-lh);
    margin: var(--bringer-t-h6-margin);
}
.stg-vertical-space-between > h1,
.stg-vertical-space-between > h2,
.stg-vertical-space-between > h3,
.stg-vertical-space-between > h4,
.stg-vertical-space-between > h5,
.stg-vertical-space-between > h6 {
    margin-bottom: 0;
}
.align-center h1,
.align-center h2,
.align-center h3,
.align-center h4,
.align-center h5,
.align-center h6 {
    margin-left: auto;
    margin-right: auto;
}
.bringer-meta {
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-heading-fw);
    font-family: var(--bringer-t-heading-ff);
    letter-spacing: var(--bringer-t-meta-ls);
    text-transform: uppercase;
    color: var(--bringer-s-heading-fade);
    margin-bottom: calc(0.5 * var(--stg-xs-gap));
}
.bringer-meta.bringer-highlight {
    color: var(--bringer-s-heading);
}
.bringer-meta > a,
.bringer-meta > span {
    color: var(--bringer-s-heading);
}

/* === Alignment === */
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-center img {
	margin-left: auto;
	margin-right: auto;
}
.align-right img {
	margin-left: auto;
}

/** ====================
    03. FORMS AND FIELDS
    ==================== */
label {
    transition: opacity 0.2s;
    display: block;
    margin-bottom: 8px;
}
label.in-focus {
    opacity: 1;
}
input,
textarea, select {
    width: 100%;
    display: block;
    font-family: var(--bringer-t-content-ff);
    font-weight: var(--bringer-t-content-fw);
    font-size: var(--bringer-t-input-fs);
    line-height: 1em;
    letter-spacing: var(--bringer-t-content-ls);
    border: 1px solid var(--bringer-s-border);
    border-radius: var(--bringer-input-br);
    background: var(--bringer-s-container-bg);
    padding: var(--bringer-input-spacing);
    color: var(--bringer-s-text);
    transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 8px transparent;
}
input:focus,
textarea:focus {
    border-color: var(--bringer-s-accent);
    color: var(--bringer-s-heading);
    box-shadow: 0 8px 16px var(--bringer-s-box-shadow);
}
input:not(:last-child),
textarea:not(:last-child) {
    margin-bottom: var(--bringer-input-gap);
}
textarea {
    line-height: var(--bringer-t-input-lh);
    height: 191px;
    resize: vertical;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button:not([class*='pswp']),
a.bringer-button {
    font-family: var(--bringer-t-content-ff);
    font-weight: var(--bringer-t-content-fw);
    font-size: var(--bringer-t-input-lh);
    line-height: 1;
    padding: var(--bringer-button-spacing);
    display: inline-block;
    color: var(--bringer-s-body-bg);
    background: var(--bringer-s-accent);
    border-radius: var(--bringer-button-br);
    border: 1px solid var(--bringer-s-border-accent);
    transition: background-color 0.3s;
    cursor: pointer;
	font-weight:700;
}
a.bringer-button.is-secondary,
.bringer-square-button.is-secondary {
    background: transparent;
    transition: background-color 0.3s, border-color 0.3s;
    border-color: var(--bringer-s-heading);
}
input[type="button"].is-fullwidth,
input[type="reset"].is-fullwidth,
input[type="submit"].is-fullwidth,
button.is-fullwidth,
.bringer-button.is-fullwidth {
    width: 100%;
    display: block;
    text-align: center;
}

/* === Contact Form === */
form.bringer-contact-form {
    box-shadow: 0 8px 16px var(--bringer-s-box-shadow);
    width: 100%;
    transition: transform 0.3s;
    will-change: transform;
}
.bringer-form-content {
    transition: opacity 0.3s;
}
form.bringer-contact-form.is-busy .bringer-form-content {
    opacity: 0.5;
}
.bringer-contact-form:not(.is-short) [type="submit"] {
    margin-bottom: 0;
    width: 100%;
}
.bringer-form-spinner {
    width: 48px;
    height: 48px;
    border: 2px solid var(--bringer-s-border-mute);
    border-top-color: var(--bringer-s-heading);
    border-radius: 50%;
    animation: sta_spin 1s infinite linear;
    pointer-events: none;
    position: absolute;
    z-index: 15;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    display: block;
    will-change: transform, opacity;
    opacity: 0;
    transition: opacity 0.3s;
}
.bringer-contact-form.is-busy .bringer-form-spinner {
    opacity: 1;
}
.bringer-contact-form.is-busy {
    transform: scale(0.95);
    pointer-events: none;
}
.bringer-contact-form.is-error {
    animation: sta_shake 0.3s linear;
}
.bringer-contact-form__response {
    padding-top: var(--stg-gap);
    text-align: center;
    position: static;
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-heading);
    text-transform: uppercase;
    width: 100%;
    display: none;
}
.is-short .bringer-contact-form__response {
    position: absolute;
    top: 100%;
    left: 0;
}
.bringer-masked-cta .bringer-contact-form__response {
    top: auto;
    left: var(--stg-large-gap);
    bottom: calc( 0.5 * (var(--stg-large-gap) - var(--bringer-t-content-lh)) );
}

/** ==========
    04. HEADER
    ========== */
#bringer-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 111;
    background: var(--bringer-s-nav);
}
#bringer-header.is-sticky {
    position: fixed;
}
#bringer-header.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
#bringer-header::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: 0;
}
#bringer-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( 0deg, transparent 25%, var(--bringer-s-body-bg) 100%);
    display: block;
}
.no-header-border #bringer-header::after {
    display: none;
}
.bringer-header-inner {
    padding: var(--bringer-header-spacing) 0;
    min-height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.bringer-mobile-header-inner {
    display: none;
}

/* === Main Menu === */
.bringer-active-menu-ind {
    position: absolute;
    width: calc(var(--active-width) - 0.5 * var(--bringer-menu-gap));
    height: 2px;
    background-color: var(--bringer-c-menu-active);
    border-radius: 1px;
    left: calc(var(--active-left) + 0.25 * var(--bringer-menu-gap));
    bottom: 0;
    z-index: 2;
}
.bringer-active-menu-ind::before {
    content: '';
    height: var(--st-header-height);
    width: 200%;
    background: radial-gradient(ellipse at center bottom, var(--bringer-c-menu-active) 10%, transparent 60%) no-repeat bottom center;
    display: block;
    position: absolute;
    bottom: 100%;
    left: -50%;
    opacity: 0.1;
}
nav.bringer-nav ul.main-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(0.5 * var(--bringer-menu-gap));
    --stea-move: var(--stg-small-gap);
}
ul.main-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: var(--bringer-t-menu-ff);
    font-weight: var(--bringer-t-menu-fw);
    font-size: var(--bringer-t-menu-fs);
    line-height: var(--bringer-t-menu-lh);
    position: relative;
}
ul.sub-menu li {
    font-family: var(--bringer-t-submenu-ff);
    font-weight: var(--bringer-t-submenu-fw);
    font-size: var(--bringer-t-submenu-fs);
    line-height: var(--bringer-t-submenu-lh);
}
ul.main-menu li.bringer-menu-divider {
    position: relative;
    padding: 12px 0;
    height: 1px;
    pointer-events: none;
}
ul.main-menu li.bringer-menu-divider::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    left: 0;
    top: 12px;
    opacity: 0.5;
}
nav.bringer-nav ul.main-menu > li > a {
    padding: calc(0.25 * var(--bringer-menu-gap));
}
ul.main-menu a {
    color: var(--bringer-c-menu);
    display: block;
    transition: color 0.3s;
}
ul.main-menu li.current-menu-parent > a,
ul.main-menu li.current-menu-item > a,
ul.main-menu li.current-menu-ancestor > a {
    color: var(--bringer-c-menu-active);
    font-weight: var(--bringer-t-heading-fw);
}
#bringer-header ul.sub-menu > li.current-menu-item a::after,
#bringer-header ul.sub-menu > li.current-menu-parent a::after {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% - 16px);
    left: -8px;
    top: 8px;
    background: var(--bringer-c-menu-active);
    border-radius: 1px;
}
ul.main-menu li.menu-item-has-children > a::after {
    content: '';
    width: var(--bringer-t-menu-fs);
    height: var(--bringer-t-menu-fs);
    background: var(--bringer-c-menu);
    transition: background-color 0.3s;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-chevron-down);
    mask-image: var(--icon-chevron-down);
    transform: scale(1.5) translateY(-1px);
}
ul.main-menu li.menu-item-has-children.current-menu-parent > a::after,
ul.main-menu li.menu-item-has-children.current-menu-item > a::after,
ul.main-menu li.menu-item-has-children.current-menu-ancestor > a::after {
    background-color: var(--bringer-c-menu-active);
}

/* Sub-Menu */
nav.bringer-nav ul.sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: -16px;
    width: var(--bringer-sub-menu-width);
    background: var(--bringer-s-container-bg) radial-gradient(circle at center bottom, var(--bringer-s-backlight) 0%, transparent) no-repeat;
    z-index: 222;
    border-radius: var(--bringer-small-br);
    padding: 8px;
    transition: opacity 0.2s, transform 0.2s;
    will-change: opacity, transform;
    pointer-events: none;
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: 50% 0%;
}
nav.bringer-nav ul.sub-menu ul.sub-menu {
    top: -8px;
    left: calc(100% + 16px);
    z-index: 223;
    transform: scale(0, 1);
    transform-origin: 0% 50%;
}
nav.bringer-nav ul.sub-menu::before,
nav.bringer-nav ul.sub-menu ul.sub-menu::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    user-select: none;
}
nav.bringer-nav ul.sub-menu::before {
    right: 0;
    bottom: 0;
    inset: 0px;
    padding: 1px;
    background: linear-gradient( 0deg, var(--bringer-s-border), var(--bringer-s-backlight) );
    mask: var(--bringer-border-mask);
    -webkit-mask: var(--bringer-border-mask);
    border-radius: var(--bringer-small-br);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
}
nav.bringer-nav ul.sub-menu ul.sub-menu::after {
    width: 32px;
    height: 100%;
    top: 0;
    left: -24px;
    background: transparent;
}
nav.bringer-nav ul.sub-menu li {
    position: relative;
    z-index: 3;
}
nav.bringer-nav ul.sub-menu li::before {
    content: '';
    background: var(--bringer-s-backlight);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--bringer-xs-br);
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
}
nav.bringer-nav ul.sub-menu li a {
    padding: 12px;
    position: relative;
    z-index: 4;
}
nav.bringer-nav ul.sub-menu li.menu-item-has-children > a::after {
    position: absolute;
    right: 8px;
    top: calc(50% - calc(0.5 * var(--bringer-t-menu-fs)));
    mask-image: var(--icon-menu-chevron);
    -webkit-mask-image: var(--icon-menu-chevron);
    transform: scale(1.5) translateX(0px);
}

/* Show Sub-Menu Event */
nav.bringer-nav li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

/* Mobile Menu Container */
.bringer-mobile-nav {
    position: fixed;
    right: 0;
    top: var(--st-header-height);
    width: 100%;
    height: calc(100% - var(--st-header-height));
    max-width: 390px;
    z-index: 88;
    background: var(--bringer-s-nav);
    contain: paint;
    overflow-y: scroll;
    scrollbar-width: none;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform 0.3s;
    will-change: transform;
    display: none;
}
.bringer-mobile-nav.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

/** ==================
    05. MAIN CONTAINER
    ================== */
main#bringer-main {
    position: relative;
    z-index: 5;
    contain: paint;
    padding-top: var(--st-header-height);
    transition: opacity 0.5s;
    will-change: opacity;
}
body:not(.is-loaded) main#bringer-main {
    opacity: 0;
}
body.bringer-fullscreen-page main#bringer-main {
    transition: opacity 0.5s, transform 0.8s;
    will-change: transform, opacity;
}
body.bringer-fullscreen-page:not(.is-loaded) main#bringer-main {
    transform: scale(1.05);
}
#bringer-main.bringer-min-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 0 var(--st-footer-height) 0;
    min-height: calc(100svh - var(--st-footer-height));
}
body.bringer-fullscreen-page main#bringer-main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100svh;
    padding-top: 0;
}
section {
    padding: var(--bringer-section-gap) 0;
    position: relative;
}
section > div {
    position: relative;
    z-index: 5;
}
section[data-padding="none"] {
    padding-top: 0;
    padding-bottom: 0;
}
section[data-padding="top"] {
    padding-bottom: 0;
}
section[data-padding="bottom"] {
    padding-top: 0;
}
section[data-padding="small"] {
    padding: calc(0.5 * var(--bringer-section-gap)) 0;
}
section.is-fullwidth {
    max-width: 100svw;
    --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    margin-left: calc(-1 * var(--bringer-fw-spacing));
    margin-right: calc(-1 * var(--bringer-fw-spacing));
    padding-left: var(--bringer-fw-spacing);
    padding-right: var(--bringer-fw-spacing);
}
section.is-fullwidth.is-stretched {
    padding-left: 0;
    padding-right: 0;
}
section.is-fullwidth.is-stretched > .is-boxed {
    --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    padding-left: var(--bringer-fw-spacing);
    padding-right: var(--bringer-fw-spacing);
}
section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after,
section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    pointer-events: none;
}
.stg-container.is-fullwidth section.backlight-top::before,
.stg-container.is-fullwidth section.backlight-bottom::after,
.stg-container.is-fullwidth section.backlight-both::before,
.stg-container.is-fullwidth section.backlight-both::after,
.stg-container.is-fullwidth section.divider-both::before,
.stg-container.is-fullwidth section.divider-both::after,
.stg-container.is-fullwidth section.divider-top::before,
.stg-container.is-fullwidth section.divider-bottom::after,
section.is-fullwidth.backlight-top::before,
section.is-fullwidth.backlight-bottom::after,
section.is-fullwidth.backlight-both::before,
section.is-fullwidth.backlight-both::after,
section.is-fullwidth.divider-both::before,
section.is-fullwidth.divider-both::after,
section.is-fullwidth.divider-top::before,
section.is-fullwidth.divider-bottom::after {
    left: 0;
}
section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after {
    width: 100vw;
    height: 50vw;
}
section.backlight-top::before,
section.backlight-both::before {
    background: radial-gradient( 100vw circle at 50vw 0%, var(--bringer-s-backlight), transparent 50% );
}
section.backlight-bottom::after,
section.backlight-both::after {
    background: radial-gradient( 100vw circle at 50vw 100%, var(--bringer-s-backlight), transparent 50% );
}
section.backlight-top::before,
section.backlight-both::before {
    top: 0;
}
section.backlight-bottom::after,
section.backlight-both::after {
    bottom: 0;
}
section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--bringer-c-border-gradient);
}
section.divider-both::before,
section.divider-top::before {
    top: 0;
}
section.divider-both::after,
section.divider-bottom::after {
    bottom: 0;
}
section.backlight-top:last-child::before {
    height: 100%;
}

/* Mouse Cursor Backlight */
.bringer-backlight {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient( 50vw circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-cursor-light), transparent 50% );
    opacity: 0.75;
    z-index: 1;
}

/** ==========
    06. FOOTER
    ========== */
#bringer-footer {
    position: relative;
    z-index: 22;
}
#bringer-footer.is-sticky,
.bringer-fullscreen-page #bringer-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--bringer-s-nav);
}
#bringer-footer.is-frosted,
.bringer-fullscreen-page #bringer-footer.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
#bringer-footer a {
    color: var(--bringer-s-heading);
}

/* === Footer Widgets === */
.bringer-footer-line::before,
.bringer-footer-widgets::before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    top: 0;
    left: 0;
}
.bringer-footer-widgets::before {
    opacity: 0.5;
}
.bringer-footer-widgets {
    padding: var(--stg-large-gap) 0;
    position: relative;
}
.bringer-footer-widgets::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.bringer-footer-widgets .stg-container {
    position: relative;
    z-index: 3;
}
.bringer-footer-widgets h6 {
    margin-bottom: var(--stg-gap);
}
.bringer-widget ul {
    margin: 0;
    padding: 0;
}
.bringer-widget ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Widget: Info */
.bringer-info-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.bringer-info-widget .bringer-logo {
    margin: 0 0 var(--stg-gap) 0;
}
.bringer-info-description {
    margin-bottom: 28px;
}
.bringer-info-widget .bringer-label {
    margin-bottom: var(--stg-xs-gap);
    color: var(--bringer-s-heading);
}

/* Widget: Contacts */
.bringer-contacts-widget ul li:not(:last-child) {
    margin-bottom: 16px;
}
.bringer-contacts-widget .bringer-label {
    display: block;
}

/* Widget: Menu */
.bringer-menu-widget ul li {
    margin: 0 -8px;
    position: relative;
}
.bringer-menu-widget a {
    display: block;
    padding: 8px;
    position: relative;
    z-index: 3;
    transition: opacity 0.3s;
}
.bringer-menu-widget ul {
    margin: -8px 0;
}
/*.bringer-menu-widget ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--bringer-xs-br);
    background: var(--bringer-s-backlight);
    z-index: 1;
    opacity: 0;
    transform-origin: 0 50%;
    will-change: opacity;
    transition: opacity 0.2s;
}*/

.bringer-menu-widget a:hover {color: var(--verde) !important; transition: color 0.5s linear;}

/* === Footer Line === */
.no-footer-border .bringer-footer-line::before {
    display: none;
}
.bringer-footer-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-gap) 0;
    position: relative;
    font-size: var(--bringer-t-footer-fs);
    line-height: var(--bringer-t-footer-lh);
}
.bringer-footer-line:has(.align-center) {
    justify-content: center;
}
.bringer-footer-divider {
    margin: 0 8px;
}

/* === Socials List === */
ul.bringer-socials-list {
    display: flex;
    gap: var(--bringer-socials-gap);
}
ul.bringer-socials-list.stg-xs-gap {
    gap: var(--stg-xs-gap);
}
ul.bringer-socials-list.stg-small-gap {
    gap: var(--stg-small-gap);
}
ul.bringer-socials-list.stg-large-gap {
    gap: var(--stg-large-gap);
}
ul.bringer-socials-list.stg-xl-gap {
    gap: var(--stg-xl-gap);
}
.bringer-footer-line ul.bringer-socials-list {
    margin: -8px 0;
}
.bringer-socials-list li {
    list-style: none;
    padding: 0;
    display: block;
}
.bringer-socials-list a {
    position: relative;
    width: calc(var(--bringer-socials-size) + 24px);
    height: calc(var(--bringer-socials-size) + 24px);
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: transform 0.1s, background-color 0.3s;
    will-change: transform;
}
.bringer-socials-list a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    border-radius: inherit;
    border: 1px solid var(--bringer-s-heading);
    transition: opacity 0.3s;
    will-change: opacity;
}
.bringer-socials-list i {
    width: var(--bringer-socials-size);
    height: var(--bringer-socials-size);
    background-color: var(--bringer-s-heading);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    display: block;
    z-index: 3;
    transition: background-color 0.3s;
}
.bringer-socials-500px i {
    -webkit-mask-image: var(--icon-social-500px);
    mask-image: var(--icon-social-500px);
}
.bringer-socials-behance i {
    -webkit-mask-image: var(--icon-social-behance);
    mask-image: var(--icon-social-behance);
}
.bringer-socials-dribbble i {
    -webkit-mask-image: var(--icon-social-dribbble);
    mask-image: var(--icon-social-dribbble);
}
.bringer-socials-facebook i {
    -webkit-mask-image: var(--icon-social-facebook);
    mask-image: var(--icon-social-facebook);
}
.bringer-socials-flickr i {
    -webkit-mask-image: var(--icon-social-flickr);
    mask-image: var(--icon-social-flickr);
}
.bringer-socials-instagram i {
    -webkit-mask-image: var(--icon-social-instagram);
    mask-image: var(--icon-social-instagram);
}
.bringer-socials-linkedin i {
    -webkit-mask-image: var(--icon-social-linkedin);
    mask-image: var(--icon-social-linkedin);
}
.bringer-socials-patreon i {
    -webkit-mask-image: var(--icon-social-patreon);
    mask-image: var(--icon-social-patreon);
}
.bringer-socials-pinterest i {
    -webkit-mask-image: var(--icon-social-pinterest);
    mask-image: var(--icon-social-pinterest);
}
.bringer-socials-tiktok i {
    -webkit-mask-image: var(--icon-social-tiktok);
    mask-image: var(--icon-social-tiktok);
}
.bringer-socials-tumblr i {
    -webkit-mask-image: var(--icon-social-tumblr);
    mask-image: var(--icon-social-tumblr);
}
.bringer-socials-vimeo i {
    -webkit-mask-image: var(--icon-social-vimeo);
    mask-image: var(--icon-social-vimeo);
}
.bringer-socials-x i {
    -webkit-mask-image: var(--icon-social-x);
    mask-image: var(--icon-social-x);
}
.bringer-socials-xing i {
    -webkit-mask-image: var(--icon-social-xing);
    mask-image: var(--icon-social-xing);
}
.bringer-socials-youtube i {
    -webkit-mask-image: var(--icon-social-youtube);
    mask-image: var(--icon-social-youtube);
}
/* Framed Socials */
.bringer-socials-list.bringer-framed-socials {
    flex-wrap: wrap;
    gap: var(--stg-small-gap);
}

/** =================
    07. HERO SECTIONS
    ================= */
.bringer-hero-block .bringer-page-title {
    margin-bottom: 0;
}
/* Info Line */
.bringer-hero-info-line {
    display: flex;
    justify-content: space-between;
    --stea-move: var(--stg-gap);
}
.bringer-hero-info-line .bringer-meta {
    margin: 0;
}
.bringer-hero-info-line > div {
    width: 33.33%;
}
.bringer-hero-info-line > div:nth-child(2) {
    text-align: center;
}
.bringer-hero-info-line > div:nth-child(3) {
    text-align: right;
}

/* === Layout 01 === */
.bringer-hero-type01 .bringer-masked-block {
    --masked-inner-radius: var(--bringer-large-br);
}
.bringer-hero-type01 .bringer-masked-content {
    width: 128px;
    height: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bringer-hero-type01 .bringer-masked-content a.bringer-square-button {
    width: 112px;
    height: 112px;
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type01 .bringer-masked-content a span {
    width: 32px;
    height: 32px;
}

/* Social Proof */
.bringer-hero-type01 .bringer-hero-social-proof {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: var(--stg-small-gap);
}
.bringer-hero-type01 .bringer-hero-social-proof > div {
    display: flex;
    justify-content: flex-end;
    margin-right: -4px;
    margin-bottom: 20px;
}
.bringer-hero-type01 .bringer-hero-social-proof p {
    text-align: right;
    text-transform: uppercase;
    color: var(--bringer-s-heading);
    max-width: 110px;
}
.bringer-hero-type01 .bringer-hero-social-proof img,
.bringer-hero-type01 .bringer-hero-social-proof a {
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: -32px;
    border: 4px solid var(--bringer-s-body-bg);
}
.bringer-hero-type01 .bringer-hero-social-proof a {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--bringer-s-accented-text);
    background: var(--bringer-s-accent);
}

/* === Layout 02 === */
.bringer-hero-type02 .bringer-page-title {
    padding-right: var(--stg-gap);
    margin-bottom: var(--stg-large-gap);
    padding-bottom: 0;
}
.stg-row.bringer-hero02-row {
    padding-bottom: var(--stg-large-gap);
    width: calc(var(--stg-container-width) + var(--stg-gap));
}

/* === Layout 03 === */
.bringer-hero-type03 .bringer-hero-title-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: var(--stg-gap);
}
.bringer-hero-type03 .bringer-hero-title-wrap h1 {
    max-width: 70%;
    margin-bottom: 0;
}
.bringer-hero-type03 .bringer-hero-title-wrap > div {
    max-width: 25%;
    height: auto;
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type03 .bringer-hero-media {
    aspect-ratio: 2/1;
}
.bringer-hero-type03 .bringer-hero-media video,
.bringer-hero-type03 .bringer-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bringer-hero-type03 .bringer-hero-media-content {
    max-width: 25%;
    width: max-content;
    text-align: right;
}
.bringer-hero-type03 .bringer-hero-media-content-inner {
    padding: 0 0 calc(var(--stg-small-gap) + 4px) var(--stg-small-gap);
}
.bringer-hero-type03 svg {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    opacity: 0;
}
.bringer-hero-type03 .bringer-tags-list {
    position: absolute;
    left: var(--stg-small-gap);
    bottom: var(--stg-small-gap);
    max-width: 33%;
}
.bringer-tags-list li[data-appear] {
    --stea-move: var(--stg-small-gap);
}

/* === Layout 04 === */
.bringer-hero-type04 .bringer-large-text {
    max-width: 50%;
    margin: 0 auto;
}
.bringer-hero-type04 .bringer-hero-info-line {
    margin-bottom: var(--stg-gap);
}

/* === Layout 05 === */
.bringer-hero-type05 .bringer-title-block {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--stg-gap);
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type05 .bringer-title-block .bringer-large-text {
    max-width: 425px;
}
.bringer-hero-type05 .bringer-hero-media-wrap {
    position: relative;
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type05 .bringer-hero-media-wrap img {
    position: absolute;
    width: calc(100% - 2 * var(--stg-large-gap));
    height: auto;
    top: var(--stg-large-gap);
    left: var(--stg-large-gap);
    display: block;
    box-shadow: 0 8px 16px var(--bringer-s-box-shadow);
}
.bringer-hero-type05 .bringer-square-button {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type05 a.bringer-square-button span.bringer-icon {
    width: 64px;
    height: 64px;
}

/* === Layout 06 === */
.bringer-hero-type06 .is-large .bringer-bento-hero-media p {
    max-width: 320px;
}
.bringer-bento-hero-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: var(--stg-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: inherit;
}
.bringer-bento-hero-media .bringer-page-title,
.bringer-bento-hero-media .bringer-highlight {
    color: var(--bringer-s-accented-text);
}
.bringer-hero-type06 .bringer-masked-block {
    --masked-inner-radius: var(--bringer-large-br);
}
.bringer-hero-type06 .bringer-masked-content.at-bottom-right {
    width: 128px;
    height: 128px;
}
.bringer-hero-type06 .bringer-masked-content.at-bottom-right a.bringer-square-button {
    margin: calc(1.5 * var(--stg-small-gap)) 0 0 calc(1.5 * var(--stg-small-gap));
}
.bringer-hero-type06 .bringer-square-button {
    width: calc(100% - 1.5 * var(--stg-small-gap));
    height: calc(100% - 1.5 * var(--stg-small-gap));
    border-radius: var(--bringer-default-br);
}
.bringer-hero-type06 .bringer-square-button span.bringer-icon {
    width: 32px;
    height: 32px;
}

/* === Layout 07 === */
.bringer-hero-type07 .bringer-hero-info-line {
    margin: var(--stg-gap) 0 var(--stg-large-gap) 0;
}
/* Social Proof */
.bringer-hero-type07 .bringer-hero-social-proof {
    margin-top: calc(-1 * var(--stg-xs-gap));
}
.bringer-hero-type07 .bringer-hero-social-proof > div {
    display: flex;
    justify-content: flex-end;
    gap: var(--stg-xs-gap);
}
.bringer-hero-type07 .bringer-hero-social-proof a,
.bringer-hero-type07 .bringer-hero-social-proof img {
    width: 128px;
    height: 128px;
    display: block;
    border-radius: var(--bringer-small-br);
}
.bringer-hero-type07 .bringer-hero-social-proof a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.bringer-hero-type07 .bringer-hero-social-proof a span {
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-accented-text);
    text-transform: uppercase;
    display: block;
    height: auto;
    width: 100%;
}
.bringer-hero-type07 .bringer-hero-social-proof a h5 {
    margin: 0 0 4px 0;
    color: var(--bringer-s-accented-text);
}

/* === Layout 08 === */
.bringer-hero-form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--stg-small-gap);
    width: 100%;
    padding-bottom: var(--stg-xs-gap);
}
.bringer-hero-form input {
    width: 100%;
}
.bringer-hero-form button {
    padding-right: var(--stg-gap);
    padding-left: var(--stg-gap);
}
.bringer-hero-form input,
.bringer-hero-form button {
    margin: 0;
}
.bringer-hero-form button .bringer-icon {
    background: var(--bringer-s-accented-text);
}
.bringer-partners span {
    display: block;
}
.bringer-partners .bringer-block {
    padding: 0;
    border-radius: var(--bringer-xs-br);
}

/** ======================
    08. SCROLLING ELEMENTS
    ====================== */
.st-expandable-wrap {
    overflow: hidden;
}
/* === Smooth Scroll === */
.stss-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}
.stss-wrap.is-ready {
    position: fixed;
}
.stss-container {
    width: 100%;
    min-height: 100%;
    height: auto;
    will-change: transform;
}

/* === Mask Fill Text === */
.bringer-text-fill-mask {
    background: linear-gradient(var(--bringer-s-heading), var(--bringer-s-heading)) left top no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--bringer-s-heading-fade);
}

/* === Expanded Section === */
.bringer-expand-on-scroll {
    --st-eos-init-scale: 1.25;
    --st-eos-init-clip: 0.5;
    --st-eos-br: var(--bringer-default-br);
    transform-origin: 50% 0;
}
.bringer-expand-on-scroll img,
.bringer-expand-on-scroll video {
    border-radius: 0;
}
.bringer-expand-on-scroll > * {
    width: 100%;
    height: auto;
    display: block;
}
.bringer-expand-on-scroll iframe {
    aspect-ratio: 16/9;
}

/** ============
    09. ELEMENTS
    ============ */
[class*='bringer-grid'] {
    display: grid;
    grid-column-gap: var(--stg-gap);
    grid-row-gap: var(--stg-gap);
}
.bringer-grid-1col {
    grid-template-columns: repeat(1, 1fr);
}
.bringer-grid-2cols {
    grid-template-columns: repeat(2, 1fr);
}
.bringer-grid-3cols {
    grid-template-columns: repeat(3, 1fr);
}
.bringer-grid-4cols {
    grid-template-columns: repeat(4, 1fr);
}
.bringer-grid-5cols {
    grid-template-columns: repeat(5, 1fr);
}
.bringer-grid-6cols {
    grid-template-columns: repeat(6, 1fr);
}
.bringer-subgrid-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}

/* === Lazy Loader === */
.st-lazy-wrapper {
    position: relative;
    display: block;
    border-radius: inherit;
}
.st-lazy-wrapper:has(img[data-speed]) {
    border-radius: var(--bringer-default-br);
}
.st-lazy-wrapper::before,
.st-lazy-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
    transition-delay: 0.05s;
}
.st-lazy-wrapper::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--bringer-s-container-bg);
    z-index: 4;
    border-radius: var(--bringer-default-br);
}
.st-lazy-wrapper.is-loaded::before {
    opacity: 0;
}
.st-lazy-wrapper::after {
    z-index: 5;
    width: 40px;
    height: 40px;
    border: 2px solid var(--bringer-s-border);
    border-top-color: var(--bringer-s-heading);
    animation: sta_spin 1s linear infinite;
    border-radius: 50%;
    left: calc(50% - 22px);
    top: calc(50% - 22px);
}
.st-lazy-wrapper.is-loaded::after {
    opacity: 0;
}
.st-lazy-wrapper.stop-anim::after {
    opacity: 0;
    animation: unset;
}

/* === Masked Block === */
.bringer-masked-block {
    position: relative;
    --masked-border-radius: var(--bringer-default-br);
}

.bringer-masked-content,
.bringer-masked-content.at-top-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}
.bringer-masked-content.at-top-right {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
}
.bringer-masked-content.at-bottom-left {
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
}
.bringer-masked-content.at-bottom-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.bringer-masked-content.at-middle-right,
.bringer-masked-content.at-middle-left {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}
.bringer-masked-content.at-middle-right {
    right: 0;
    left: auto;
}
.bringer-masked-content.at-middle-left {
    left: 0;
    right: auto;
}
.bringer-masked-content.at-top-center,
.bringer-masked-content.at-bottom-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.bringer-masked-content.at-top-center {
    top: 0;
    bottom: auto;
}
.bringer-masked-content.at-bottom-center {
    bottom: 0;
    top: auto;
}

/* Square Button */
.bringer-masked-content .bringer-square-button,
.bringer-masked-content.at-top-left .bringer-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}
.bringer-masked-content.at-top-right .bringer-square-button {
    margin: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}
.bringer-masked-content.at-bottom-left .bringer-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}
.bringer-masked-content.at-bottom-right .bringer-square-button {
    margin: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}
.bringer-masked-content.at-top-center .bringer-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}
.bringer-masked-content.at-bottom-center .bringer-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}
.bringer-masked-content.at-middle-left .bringer-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}
.bringer-masked-content.at-middle-right .bringer-square-button {
    margin: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}

/* Content Padding */
.bringer-masked-content > div,
.bringer-masked-content.at-top-left > div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}
.bringer-masked-content.at-top-right > div {
    padding: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}
.bringer-masked-content.at-bottom-left > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}
.bringer-masked-content.at-bottom-right > div {
    padding: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}
.bringer-masked-content.at-top-center > div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}
.bringer-masked-content.at-bottom-center > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}
.bringer-masked-content.at-middle-left > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}
.bringer-masked-content.at-middle-right > div {
    padding: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}

/* === Icons === */
.bringer-icon {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--bringer-s-heading);
    display: block;
    width: 24px;
    height: 24px;
}
.bringer-button .bringer-icon,
.bringer-square-button:not(.is-secondary) .bringer-icon,
.is-accented .bringer-icon {
    background: var(--bringer-s-accented-text);
}
.bringer-icon-explore {
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
}
.bringer-icon-arrow-down {
    -webkit-mask-image: var(--icon-arrow-down);
    mask-image: var(--icon-arrow-down);
}
.bringer-icon-arrow-left {
    -webkit-mask-image: var(--icon-arrow-left);
    mask-image: var(--icon-arrow-left);
}
.bringer-icon-arrow-right {
    -webkit-mask-image: var(--icon-arrow-right);
    mask-image: var(--icon-arrow-right);
}
.bringer-icon-arrow-submit {
    -webkit-mask-image: var(--icon-arrow-submit);
    mask-image: var(--icon-arrow-submit);
}
.bringer-icon-creativity {
    -webkit-mask-image: var(--icon-creativity);
    mask-image: var(--icon-creativity);
}
.bringer-icon-collab {
    -webkit-mask-image: var(--icon-collab);
    mask-image: var(--icon-collab);
}
.bringer-icon-impact {
    -webkit-mask-image: var(--icon-impact);
    mask-image: var(--icon-impact);
}
.bringer-icon-innovation {
    -webkit-mask-image: var(--icon-innovation);
    mask-image: var(--icon-innovation);
}
.bringer-icon-chevron-left {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}
.bringer-icon-chevron-right {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}

/* === Block Item === */
.bringer-block {
    border-radius: var(--bringer-small-br);
    background-color: var(--bringer-s-container-bg);
    padding: var(--stg-gap);
    padding-bottom: calc(var(--stg-gap) - 3px);
    position: relative;
    --mouse-x: 50%;
    --mouse-y: 0;
}
.bringer-block.stg-valign-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bringer-block.is-frosted {
    background: var(--bringer-s-container-frosted);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
[class*='stg-col'].bringer-block {
    border-radius: var(--bringer-default-br);
}
.bringer-block::before,
.bringer-block::after {
    content: '';
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.bringer-block::before {
    inset: 0px;
    padding: 1px;
    /*background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-border-highlight), var(--bringer-s-border-mute) 40% );*/
    mask: var(--bringer-border-mask);
    -webkit-mask: var(--bringer-border-mask);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    transition: opacity 0.4s;
    will-change: opacity;
    opacity: 0.75;
}
.bringer-block.is-accented {
    background: var(--bringer-s-accent) bottom right no-repeat;
    color: var(--bringer-s-accented-text);
}
.is-accented p,
.is-accented h1,
.is-accented h2,
.is-accented h3,
.is-accented h4,
.is-accented h5,
.is-accented h6,
.is-accented span,
.is-accented .bringer-counter-number,
.is-accented p.bringer-large-text {
    color: var(--bringer-s-accented-text);
}
.bringer-block.is-accented::before {
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-text-accent), var(--bringer-s-border-accent) 40% );
}
.bringer-block::after {
    opacity: 0;
    transition: opacity 0.4s;
    will-change: opacity;
    width: 100%;
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-backlight), transparent 40% );
    z-index: 5;
}

/* === Tags List === */
.bringer-tags-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--stg-xs-gap);
    padding: 0;
    margin: 0;
}
.bringer-tags-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.bringer-tags-list li a {
    border-radius: var(--bringer-xs-br);
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-heading);
    text-transform: uppercase;
    padding: calc(0.75 * var(--stg-xs-gap)) calc(1.5 * var(--stg-xs-gap));
    background: var(--bringer-s-nav);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
    display: block;
    border: 1px solid var(--bringer-s-border);
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

/* === Link with Arrow === */
.bringer-arrow-link,
a.bringer-arrow-link {
    display: inline-block;
    position: relative;
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-heading);
    text-transform: uppercase;
    padding: 0 24px 2px 0;
    margin-top: -5px;
}
.bringer-arrow-link::before,
.bringer-arrow-link::after {
    content: '';
    position: absolute;
    background: var(--verde);
    transition: transform 0.3s;
}
.bringer-arrow-link::before {
    width: calc(100% - 24px);
    height: 2px;
    bottom: 0;
    transform-origin: 0 50%;
}
.bringer-arrow-link::after {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--bringer-s-heading);
    display: block;
    right: 0;
    top: 6px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
    transform-origin: 0% 100%;
}
.bringer-arrow-link:hover::after {
    background: var(--verde); /* Cambia con il colore desiderato */
}

.bringer-arrow-link-black,
a.bringer-arrow-link-black {
    display: inline-block;
    position: relative;
    font-size: var(--bringer-t-meta-fs);
    font-weight: var(--bringer-t-meta-fw);
    letter-spacing: var(--bringer-t-meta-ls);
    color: var(--bringer-s-body-bg);
    text-transform: uppercase;
    padding: 0 24px 2px 0;
    margin-top: -5px;
}
.bringer-arrow-link-black::before,
.bringer-arrow-link-black::after {
    content: '';
    position: absolute;
    background: var(--bringer-s-body-bg);
    transition: transform 0.3s;
}
.bringer-arrow-link-black::before {
    width: calc(100% - 24px);
    height: 2px;
    bottom: 0;
    transform-origin: 0 50%;
}
.bringer-arrow-link-black::after {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--bringer-s-body-bg);
    display: block;
    right: 0;
    top: 6px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
    transform-origin: 0% 100%;
}
.bringer-arrow-link-black:hover::after {
    background: #fff; /* Cambia con il colore desiderato */
}


/* === Icon Link === */
.bringer-icon-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.bringer-icon-link .bringer-icon-link-content {
    transition: transform 0.3s;
    will-change: transform;
    margin-top: 4px;
    text-align: left;
}
.bringer-icon-link .bringer-icon-link-content:first-child {
    text-align: right;
}
.bringer-icon-link h6 {
    margin: 0;
}
.bringer-icon-link .bringer-label {
    margin: 6px 0 0 0;
    display: block;
}
.bringer-icon-link .bringer-icon-wrap {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    background-color: transparent;
    border-radius: var(--bringer-small-br);
}
.bringer-icon-wrap::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid var(--bringer-s-heading);
    border-radius: inherit;
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
}
.bringer-icon-link i {
    transition: transform 0.3s, background-color 0.3s;
}

/* === Square Button === */
.bringer-square-button {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--bringer-s-accented-text);
    background: var(--bringer-s-accent);
    border-radius: var(--bringer-small-br);
    border: 1px solid var(--bringer-s-border-accent);
    transition: background-color 0.3s;
    cursor: pointer;
    width: 80px;
    height: 80px;
}
.bringer-square-button span.bringer-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s, background-color 0.3s;
    will-change: transform;
}

/* === Price Card === */
.bringer-price-card-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-large-gap);
    position: relative;
}
.bringer-price {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    color: var(--bringer-s-heading);
    font-size: var(--bringer-t-h3-fs);
    font-size: var(--bringer-t-h3-fs);
    letter-spacing: var(--bringer-t-h3-ls);
    line-height: var(--bringer-t-h3-lh);
    margin: -10px 0 26px -3px;
}

/* === Marquee === */
.bringer-marquee {
    min-width: 100%;
    overflow: hidden;
    max-width: max-content;
}
.bringer-marquee a,
.bringer-marquee p,
.bringer-marquee h1,
.bringer-marquee h2,
.bringer-marquee h3,
.bringer-marquee h4,
.bringer-marquee h5,
.bringer-marquee h6,
.bringer-marquee span {
    color: var(--bringer-s-accented-text);
}
.bringer-marquee-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}
.bringer-marquee.is-init .bringer-marquee-inner {
    animation: marquee_scroll 5s infinite linear;
}
.bringer-marquee.is-init .dx-sx{
    animation: marquee_scroll 5s infinite linear;
    animation-direction: reverse !important; 
}
.bringer-marquee-inner-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: max-content;
}
.bringer-marquee-list {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
}
.bringer-marquee-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.bringer-marquee-list li::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    margin: var(--stg-large-gap);
}

.bringer-marquee-list li h2 {
  font-size:200px;
  letter-spacing: var(--stg-t-h2-ls);
  margin: var(--stg-t-h2-margin);
  font-weight: lighter;
}





/* === Counter Block === */
.bringer-counter {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-small-gap);
    position: relative;
    text-align: center;
    padding: var(--stg-large-gap) var(--stg-small-gap);
}
.bringer-counter-number {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
}
.bringer-counter-number::before {
    content: attr(data-prefix);
}
.bringer-counter-number::after {
    content: attr(data-suffix);
}



/* Small Style */
.bringer-counter.bringer-small-counter {
    padding: 0;
    text-align: left;
    row-gap: 2px;
}
.bringer-small-counter .bringer-counter-number {
    font-size: var(--bringer-t-h3-fs);
    font-size: var(--bringer-t-h3-fs);
    letter-spacing: var(--bringer-t-h3-ls);
    line-height: var(--bringer-t-h3-lh);
}

/* === Porftolio Grid Card === */
.bringer-portfolio-card {
    padding: var(--stg-small-gap);
    border-radius: var(--bringer-default-br);
}
.bringer-portfolio-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    /*aspect-ratio: 1/1;*/
    border-radius: var(--bringer-small-br);
}
.bringer-portfolio-card-image .st-lazy-wrapper {
    border-radius: var(--bringer-small-br);
}
.bringer-portfolio-card-image img,
.bringer-portfolio-card-image video {
    border-radius: unset;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.bringer-portfolio-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-small-gap) 0 0 0;
}
.bringer-portfolio-card-title {
    min-height: 24px;
    align-self: flex-end;
}

.bringer-portfolio-card .bringer-portfolio-card-title h4 {
    transition: transform 0.3s, color 0.3s;
}
.bringer-portfolio-card:hover .bringer-portfolio-card-title h4 {
    color: #5aef74;
}


.bringer-portfolio-card-title h4 {font-size: var(--bringer-t-h5-fs);}



.bringer-portfolio-card-title h6 {
    margin: 0;
}
.bringer-portfolio-card .bringer-icon {
    transform-origin: 0% 100%;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}
.bringer-portfolio-card > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--bringer-small-br);
}
.bringer-portfolio-card .bringer-icon {
    transition: transform 0.3s, background 0.3s;
}
.bringer-portfolio-card:hover .bringer-icon {
    background: #5aef74;
}


/* === Portfolio Short List === */
.bringer-portfolio-short-item {
    position: relative;
    padding: var(--stg-xs-gap);
    border-radius: var(--bringer-small-br);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bringer-portfolio-thmb {
    width: 88px;
    height: 88px;
    border-radius: var(--bringer-xs-br);
    overflow: hidden;
    margin-right: var(--stg-gap);
    box-shadow: 0 4px 8px var(--bringer-s-box-shadow);
}
.bringer-portfolio-thmb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}
.bringer-portfolio-short-item .bringer-icon {
    position: absolute;
    top: calc(50% - 12px);
    right: var(--stg-gap);
    width: 24px;
    height: 24px;
    transform-origin: 0 100%;
    transition: transform 0.3s;
    will-change: transform;
}
.bringer-portfolio-short-item a {
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.bringer-portfolio-short-more {
    position: relative;
    padding: var(--stg-gap);
    border-radius: var(--bringer-small-br);
    color: var(--bringer-s-accented-text);
    background: var(--bringer-s-accent);
    border: 1px solid var(--bringer-s-border-accent);
}
.bringer-portfolio-short-item span.bringer-meta,
.bringer-portfolio-short-more .bringer-label {
    display: block;
    margin-bottom: 4px;
    margin-top: -4px;
}
.bringer-portfolio-short-more {
    --bringer-s-heading-fade: var(--bringer-s-accented-text);
    --bringer-s-heading: var(--bringer-s-accented-text);
}
.bringer-portfolio-short-more .bringer-label {
    opacity: 0.75;
}

/* === Testimonials Grid Card === */
.bringer-tetimonials-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-gap);
}
.bringer-tetimonials-card-descr {
    margin-top: -4px;
}
.bringer-tetimonials-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -4px;
}
.bringer-tetimonials-card-name h6 {
    margin: 0;
}
[class*='bringer-tetimonials-stars'] {
    display: block;
    position: relative;
    width: 76px;
    height: 12px;
    opacity: 0.5;
    margin-bottom: 8px;
}
[class*='bringer-tetimonials-stars']::before,
[class*='bringer-tetimonials-stars']::after {
    content: '';
    height: 12px;
    background: var(--bringer-s-heading);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: contain;
    -webkit-mask-position: left;
    mask-repeat: repeat-x;
    mask-size: contain;
    mask-position: left;
    position: absolute;
    left: 0;
    top: 0;
}
[class*='bringer-tetimonials-stars']::before {
    -webkit-mask-image: var(--icon-star-empty);
    mask-image: var(--icon-star-empty);
    z-index: 1;
    width: 100%;
}
[class*='bringer-tetimonials-stars']::after {
    -webkit-mask-image: var(--icon-star-full);
    mask-image: var(--icon-star-full);
    z-index: 3;
}
.bringer-tetimonials-stars1::after {
    width: 20%;
}
.bringer-tetimonials-stars2::after {
    width: 40%;
}
.bringer-tetimonials-stars3::after {
    width: 60%;
}
.bringer-tetimonials-stars4::after {
    width: 80%;
}
.bringer-tetimonials-stars5::after {
    width: 100%;
}

/* === Carousel Card === */
.bringer-carousel {
    border-radius: var(--bringer-xs-br);
}
.bringer-fullscreen-page .bringer-carousel-wrapper {
    position: relative;
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
}
.bringer-fullscreen-page .bringer-carousel {
    top: 50%;
    transform: translateY(-50%);
}
.bringer-fullscreen-page .bringer-carousel.swiper {
    overflow: visible;
}
.bringer-carousel-card {
    padding: var(--stg-small-gap);
}
.bringer-carousel-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    border-radius: var(--bringer-xs-br);
}
.bringer-carousel-card-image img,
.bringer-carousel-card-image video {
    border-radius: unset
}
.bringer-carousel-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-small-gap) 0 9px 0;
}
.bringer-carousel-card-title {
    min-height: 24px;
    align-self: flex-end;
}
.bringer-carousel-card-title h6 {
    margin: 0;
}
.bringer-carousel-card .bringer-icon {
    transform-origin: 0% 100%;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}
.bringer-carousel-card > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--bringer-small-br);
}

/* === List with Preview === */
.bringer-list-with-preview {
    display: flex;
    justify-content: space-between;
    gap: var(--stg-gap);
}
.bringer-list-with-preview[data-preview-position="right"] {
    flex-direction: row-reverse;
}
.bringer-list-with-preview > div {
    width: 50%;
}
.bringer-lwp-media {
    position: relative;
    overflow: hidden;
    border-radius: var(--bringer-default-br);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}
.bringer-lwp-media img,
.bringer-lwp-media video {
    width: 100%;
    height: auto;
    min-width: 100%;
    object-position: center;
}
.bringer-lwp-media img,
.bringer-lwp-media video {
    transition: clip-path 0.3s;
    position: relative;
    border-radius: unset;
}
.bringer-lwp-media img.is-active,
.bringer-lwp-media video.is-active {
    animation: lwp_active 0.3s ease-in-out;
}
.bringer-lwp-roster {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}
.bringer-lwp-item {
    transition: background-color 0.2s, border-color 0.2s;
    position: relative;
    border-radius: var(--bringer-default-br);
}
.bringer-lwp-item .bringer-accent {
    transition: color 0.2s;
}
.bringer-lwp-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
}
.bringer-lwp-roster img {
    display: none;
}
.bringer-list-with-preview[data-preview-position="right"] .bringer-lwp-media img.is-active,
.bringer-list-with-preview[data-preview-position="right"] .bringer-lwp-media video.is-active {
    animation: lwp_active_r 0.3s ease-in-out;
}

/* === Carousel (Swiper) === */
.bringer-carousel {
    --swiper-gap: var(--stg-gap);
}
.bringer-dots .swiper-pagination-bullet {
    background: var(--bringer-s-heading);
}
.bringer-dots .swiper-pagination-bullet-active {
    background: #5AEF74;
}
.bringer-dots.swiper-pagination {
    position: static;
    bottom: auto;
    left: auto;
    margin: var(--stg-gap) auto 0 auto;
    transform: none!important;
    height: 12px;
}
.bringer-dots .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

/* === Detailed List === */
.bringer-detailed-list {
    margin: 0;
    padding: 0;
    position: relative;
}
.bringer-detailed-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: var(--stg-gap) 0 calc(1px + var(--stg-gap)) 0;
    position: relative;
    margin: 0 calc(-0.5 * var(--stg-gap));
}
.bringer-detailed-list::before,
.bringer-detailed-list li::before,
.bringer-detailed-list li::after {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
}
.bringer-detailed-list::before,
.bringer-detailed-list li::after {
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    bottom: 0;
    height: 1px;
    background: var(--bringer-c-border-gradient);
    width: 100vw;
}
.bringer-detailed-list::before {
    bottom: auto;
    top: 0;
}
.bringer-detailed-list li::before {
    height: 100%;
    /*background: radial-gradient(ellipse, var(--bringer-s-heading) 0%, transparent 75%) no-repeat bottom center;*/
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}
.bringer-detailed-list li > div {
    margin: 0 calc(0.5 * var(--stg-gap));
}
.bringer-detailed-list li a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
}
.bringer-detailed-list-title {
    min-width: calc(33.333% - var(--stg-gap));
    max-width: calc(33.333% - var(--stg-gap));
}
.bringer-detailed-list-title > * {
    margin-top: 0;
}
.bringer-detailed-list-description {
    min-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
    max-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
}
.bringer-detailed-list-button {
    width: 80px;
    height: 80px;
    border-radius: var(--bringer-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}
.bringer-detailed-list-button span.bringer-icon {
    width: 24px;
    height: 24px;
    transition: background-color 0.5s;
	color:var(--bringer-s-body-bg);
	
}

/* === Image Box === */
.bringer-image-box:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}
.bringer-image-box-head {
    display: flex;
    justify-content: space-between;
    align-items: top;
    margin-bottom: var(--stg-small-gap);
}
.bringer-image-box-head img {
    max-width: 130px;
    height: auto;
    display: block;
    border-radius: var(--bringer-xs-br);
}

/* === Icon Box === */
.bringer-icon-box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-xl-gap);
    position: relative;
}
.bringer-icon-box .bringer-box-icon {
    width: 64px;
    height: 64px;
    border-radius: var(--bringer-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: var(--stg-gap);
    top: var(--stg-gap);
}
.bringer-icon-box i {
    width: 32px;
    height: 32px;
}
.bringer-icon-box .bringer-box-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--bringer-s-heading);
    border-radius: inherit;
    background-color: transparent;
}
.bringer-icon-box h4 {
    padding-right: calc(64px + var(--stg-gap));
    margin: 0;
}
.bringer-icon-box .bringer-large-text {
    margin: 0;
}

/* === Grid More Masked === */
.bringer-grid-more-masked {
    --masked-border-radius: var(--bringer-small-br);
    --masked-inner-radius: var(--bringer-default-br);
    position: relative;
}
.bringer-grid-more-masked a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--bringer-small-br);
}
.bringer-grid-more-masked .bringer-masked-media p {
    padding-right: 96px;
}

/* === Price Table Card === */
.bringer-price-table h6,
.bringer-price-table > p {
    margin-bottom: var(--stg-gap);
}
.bringer-price-wrapper {
    background: radial-gradient(ellipse at center top, var(--bringer-s-backlight) 0%, transparent) no-repeat;
    margin: 0 calc(-1 * var(--stg-gap)) var(--stg-gap) calc(-1 * var(--stg-gap));
    padding: var(--stg-gap);
    width: calc(100% + 2 * var(--stg-gap));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bringer-price-wrapper::before,
.bringer-price-table ul.bringer-marked-list::after,
.bringer-price-wrapper::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    left: 0;
}
.bringer-price-wrapper::before {
    top: 0;
}
.bringer-price-table ul.bringer-marked-list::after,
.bringer-price-wrapper::after {
    bottom: 0;
}
.bringer-price-wrapper > .bringer-label {
    margin-bottom: 5px;
}
.bringer-price-wrapper > h2 {
    margin-bottom: -4px;
}
.bringer-price-table > .bringer-label {
    color: var(--bringer-s-heading);
    opacity: 1;
    margin-bottom: var(--stg-small-gap);
}
.bringer-price-table ul.bringer-marked-list {
    margin-bottom: var(--stg-gap);
    padding-bottom: var(--stg-gap);
    position: relative;
}
.bringer-price-table ul.bringer-marked-list li:last-child {
    margin: 0;
}

/* === FAQ List === */
.bringer-faq-list {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}
.bringer-faq-list hr {
    margin-top: 0;
    margin-bottom: 0;
}

/* === Toggles === */
.bringer-toggles-item {
    cursor: pointer;
}
.bringer-toggles-item--title {
    display: block;
    position: relative;
}
.bringer-toggles-item--title .bringer-label {
    margin: -4px 0 8px 0;
    display: block;
}
.bringer-toggles-item--title sup {
    display: inline-block;
    margin: 0 2px;
    transform: translateY(-6px);
}
.bringer-toggles-item--title h4 {
    margin-bottom: 4px;
    padding-right: 64px;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    align-items: flex-start;
}
.bringer-toggles-item--title i.bringer-icon {
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
    margin: 0;
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
    transition: transform 0.3s;
    will-change: transform;
}
.is-active .bringer-toggles-item--title .bringer-icon {
    transform: rotate(0deg) translate(0, 12px);
}
.bringer-toggles-item--content {
    padding-top: calc(2 * var(--stg-gap));
    position: relative;
    cursor: default;
}
.bringer-toggles-item--content::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    left: 0;
    top: var(--stg-gap);
}
.bringer-toggles-item--content span {
    margin-bottom: var(--stg-small-gap);
    display: block;
}

/* === Swiper Slider === */
.bringer-slider-wrapper {
    position: relative;
}
.bringer-slider-wrapper svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
}
.bringer-slider {
    border-radius: var(--bringer-default-br);
    position: relative;
}
.bringer-slider-wrapper .bringer-slider {
    border-radius: 0;
}
.bringer-slider:not([data-effect="coverflow"]) img,
.bringer-slider:not([data-effect="coverflow"]) video {
    border-radius: 0;
}
.bringer-slider-nav {
    position: absolute;
    z-index: 22;
}

/* Masked Block Navigation */
.bringer-slider-nav.bringer-masked-content {
    display: flex;
    width: 160px;
    height: 80px;
}
.bringer-slider-nav.bringer-masked-content a {
    width: 64px;
    height: 64px;
    margin: 16px 0 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--bringer-small-br);
    transition: background-color 0.3s;
}
.bringer-slider-nav.bringer-masked-content a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    border: 2px solid var(--bringer-s-heading);
    z-index: 3;
    transition: opacity 0.3s;
    will-change: opacity;
}
.bringer-slider-nav.bringer-masked-content span.bringer-icon {
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 5;
    transition: transform 0.3s, background-color 0.3s;
    will-change: transform;
}

/* Side by Side Navigation */
.bringer-slider-nav.on-sides {
    pointer-events: none;
    left: 0;
    width: 100%;
    top: calc(50% - 48px);
    display: flex;
    justify-content: space-between;
    --masked-border-radius: var(--bringer-default-br);
    --masked-inner-radius: var(--bringer-xl-br);
}
.bringer-slider-nav.on-sides a {
    pointer-events: all;
    width: 64px;
    height: 96px;
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bringer-slider-nav.on-sides a span.bringer-icon {
    width: 24px;
    height: 24px;
    background: var(--bringer-s-heading);
    transition: transform 0.3s;
    will-change: transform;
}

/* Content */
.bringer-slider .swiper-slide.has-content {
    --masked-border-radius: var(--bringer-default-br);
    --masked-inner-radius: var(--bringer-large-br);
}
.bringer-slider .bringer-slide-content {
    position: absolute;
    bottom: 0;
}
.bringer-slider .bringer-slide-content-inner {
    padding: var(--stg-gap) var(--stg-large-gap);
    transition: transform 0.3s;
    will-change: transform;
}
.bringer-slide-content > a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.bringer-slide-post-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bringer-slide-post-title .bringer-meta {
    opacity: 0.5;
    margin-bottom: var(--stg-xs-gap);
}

/* === Fullscreen Slider === */
.bringer-fullscreen-page .bringer-slider-wrapper {
    top: var(--st-header-height);
    width: calc(100% - 2 * var(--stg-small-gap));
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
    margin: 0 var(--stg-small-gap);
    overflow: hidden;
}
.bringer-fullscreen-page .bringer-slider-media .st-lazy-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.bringer-fullscreen-page .bringer-slider {
    width: 100%;
    height: inherit
}
.bringer-fullscreen-page .bringer-slider img,
.bringer-fullscreen-page .bringer-slider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}
.bringer-fullscreen-page .bringer-slider .swiper-slide {
    height: 100%;
    position: relative;
}
.bringer-fullscreen-page .bringer-slider-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

/* === Portfolio Next Post === */
.bringer-next-post.bringer-icon-link {
    gap: var(--stg-gap);
}
.bringer-next-post h2 {
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
    margin: var(--bringer-t-h1-margin);
    margin-bottom: 0;
}
.bringer-next-post h6 {
    opacity: 0.75;
    margin: 0 0 var(--stg-xs-gap) 0;
}
.bringer-next-post .bringer-icon-link-content {
    text-align: right;
}
.bringer-next-post.bringer-icon-link .bringer-icon-wrap {
    width: 160px;
    height: 160px;
    border-radius: var(--bringer-large-br);
}
.bringer-next-post .bringer-icon {
    width: 48px;
    height: 48px;
}
.bringer-next-post .bringer-icon-wrap::before {
    border: 4px solid var(--bringer-s-heading);
}

/* === Bento Grid Block === */
.bringer-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: var(--stg-gap);
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
}
.bringer-bento-grid img {
    max-width: 100%;
    height: auto;
}
.bringer-bento-grid .is-medium {
    overflow: hidden;
}
.bringer-bento-grid .is-small {
    aspect-ratio: 1;
}
/* Type 01 */
.bringer-bento-grid .is-large:first-child {
    grid-area: 1 / 1 / 3 / 3;
}
.bringer-bento-grid .is-medium:nth-child(2) {
    grid-area: 1 / 3 / 1 / 5;
}
/* Type 02 */
.bringer-bento-grid .is-medium:last-child {
    grid-area: 2 / 3 / 2 / 5;
}
/* Type 03 */
.bringer-bento-grid .is-medium:first-child {
    grid-area: 1 / 1 / 2 / 3;
}
.bringer-bento-grid .is-large:last-child {
    grid-area: 1 / 3 / 3 / 5;
}
/* Type 04 */
.bringer-bento-grid .is-medium:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}

/* Inner Elements */
.bringer-bento-grid > div {
    position: relative;
}
.bringer-bento-grid > div,
.bringer-bento-grid .bringer-block {
    border-radius: var(--bringer-default-br);
}
.bringer-bento-grid div:has(img) {
    padding: 0;
    contain: paint;
}
.bringer-bento-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.bringer-bento-grid h1,
.bringer-bento-grid h2 {
    margin-bottom: 0;
}
.bringer-bento-grid > div > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.bringer-bento-grid .bringer-marked-list {
    margin: 0
}

/* === Meta List === */
.bringer-meta-list {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}
.bringer-meta-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.bringer-meta-list li span {
    display: block;
}
/* Hack for Safari */
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .bringer-meta-list {
        min-height: calc(100% - 2 * var(--stg-gap));
    }
}

/* === Masked CTA === */
.bringer-masked-cta .bringer-cta-form {
    display: flex;
    justify-content: space-between;
    /*align-items: flex-end;*/
    gap: var(--stg-gap);
    padding: var(--stg-xl-gap);
    background: var(--bringer-s-accent);
}
.bringer-masked-cta .bringer-cta-form {
    --bringer-s-heading: var(--bringer-s-accented-text);
}
.bringer-masked-cta button {
    background: var(--bringer-s-heading);
    border-color: var(--bringer-s-heading);
    border-radius: var(--bringer-default-br);
    padding: calc(1.5 * var(--stg-gap)) calc(1.5 * var(--stg-large-gap));
}
.bringer-masked-cta button span {
    background: var(--bringer-s-accent);
    width: 32px;
    height: 32px;
}
.bringer-cta-title {
    font-family: var(--bringer-t-heading-ff);
    font-weight: 300;
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
    color: var(--bringer-s-body-bg);
    margin-bottom: var(--stg-large-gap);
}
.bringer-cta-title strong { color: var(--bringer-s-body-bg);}
.bringer-masked-cta input {
    background: var(--bringer-s-border);
    color: var(--bringer-s-heading);
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    font-size: var(--bringer-t-h2-fs);
    letter-spacing: var(--bringer-t-h2-ls);
    line-height: 1;
    border-radius: var(--bringer-default-br);
    padding: var(--stg-gap);
    padding-top: calc(var(--stg-gap) - 4px);
}
.bringer-masked-cta input:focus {
    border-color: var(--bringer-s-border);
}
.bringer-masked-cta input::-webkit-input-placeholder {
	opacity: 1;
	color: var(--bringer-s-heading);
}
.bringer-masked-cta input::-moz-placeholder {
	opacity: 1;
	color: var(--bringer-s-heading);
}
.bringer-masked-cta input::-ms-input-placeholder {
	opacity: 1;
	color: var(--bringer-s-heading);
}
.bringer-masked-cta-content {
    text-align: right;
    width: 350px;
}
.bringer-masked-cta-content p {
    display: block;
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
}

/* === Member Contacts === */
.bringer-member-contacts-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--stg-small-gap);
}
.bringer-member-contacts-list a {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    color: var(--bringer-s-heading);
    font-size: var(--bringer-t-h6-fs);
    letter-spacing: var(--bringer-t-h6-ls);
    line-height: var(--bringer-t-h6-lh);
}
.bringer-member-contacts .bringer-socials-list {
    margin-top: var(--stg-gap);
}
.bringer-member-contacts .bringer-socials-list a {
    width: 80px;
    height: 80px;
    border-radius: var(--bringer-small-br);
}
.bringer-member-contacts .bringer-socials-list a::before {
    border: 2px solid var(--bringer-s-heading);
}
.bringer-member-contacts .bringer-socials-list a i {
    width: 40px;
    height: 40px;
}

/* === Infinite List === */
body:has(.bringer-infinite-list) .bringer-backlight {
    display: none;
}
.bringer-infinite-list-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
}
.bringer-infinite-list-wrap.is-grabbed {
    cursor: grabbing;
}
.bringer-infinite-list {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.bringer-infinite-scroll {
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 15;
}
.bringer-infinite-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 30px 0 35px 0;
    transition: opacity 0.3s;
}
.bringer-infinite-list-item::before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    background: radial-gradient(ellipse, var(--bringer-s-heading) 0%, transparent 75%) no-repeat bottom center;
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}
.bringer-infinite-list-item::after {
    content: '';
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--bringer-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
}
.bringer-infinite-list-item a {
    position: absolute;
    left: -65px;
    top: 0;
    width: calc(100% + 130px);
    height: 100%;
    z-index: 5;
    display: block;
}
.bringer-infinite-list-title {
    transition: transform 0.3s;
    will-change: transform;
}
.bringer-infinite-list-item .bringer-meta {
    display: block;
    margin-bottom: 7px;
}
.bringer-infinite-list-preview {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: var(--bringer-small-br);
    right: calc(100% + 28px);
    top: calc(50% - 48px);
    background: no-repeat center;
    background-size: cover;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}
.bringer-infinite-list-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}
.bringer-infinite-list-icon {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: var(--bringer-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.bringer-infinite-list-icon span {
    position: relative;
    z-index: 5;
    transition: transform 0.3s, background-color 0.3s;
}
.bringer-infinite-list-icon::before,
.bringer-infinite-list-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    will-change: opacity;
    transition: opacity 0.3s;
}
.bringer-infinite-list-icon::before {
    z-index: 3;
    border: 2px solid var(--bringer-s-heading);
    opacity: 1;
}
.bringer-infinite-list-icon::after {
    background: var(--bringer-s-accent);
    opacity: 0;
}
.bringer-infinite-list-bgs {
    pointer-events: none;
    opacity: 0.15;
}
.bringer-infinite-list-bgs,
.bringer-infinite-list-bgs > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}
.bringer-infinite-list-bgs > div {
    background: no-repeat center;
    background-size: cover;
    will-change: opacity, transform;
    transition: opacity 0.5s, transform 0.5s;
    transform: scale(1.05);
    opacity: 0;
    z-index: 1;
}
.bringer-infinite-list-bgs > div.is-active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}
.bringer-infinite-list-bgs > div video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === Column Listing Item === */
.bringer-column-item:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}
.bringer-column-item.bringer-masked-block {
    --masked-inner-radius: var(--bringer-large-br);
}
.bringer-column-item-content {
    padding: var(--stg-gap) var(--stg-gap) 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: calc(0.33 * var(--stg-container-width));
}
.bringer-column-item-title {
    padding-left: var(--stg-small-gap);
    margin-right: var(--stg-gap);
    transform: translateY(-4px);
    transition: transform 0.3s;
}
.bringer-column-item-title span {
    margin-bottom: 8px;
    display: block;
    transition: transform 0.3s;
}
.bringer-column-item-title h4 {
    margin-bottom: 0;
    transition: transform 0.3s;
}
.bringer-column-item-content .bringer-icon-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: var(--bringer-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}
.bringer-column-item-content .bringer-icon-wrap::before {
    transition: opacity 0.3s;
    will-change: opacity;
}

.bringer-column-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--bringer-default-br);
    z-index: 7;
}

/* === Grid CTA === */
.bringer-masked-content {
    max-width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bringer-masked-content:has(.bringer-square-button) {
    max-width: 50%;
}
.bringer-grid-cta-media {
    padding: var(--stg-large-gap);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.bringer-masked-cta-content p {
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
    display: block;
    text-align: right;
}
.bringer-bento-grid .bringer-masked-content p {
    padding: var(--stg-d-gap) 0 0 var(--stg-d-gap);
}
.bringer-bento-grid div[data-bg-src] p,
.bringer-bento-grid div[data-bg-src] h1,
.bringer-bento-grid div[data-bg-src] h2,
.bringer-bento-grid div[data-bg-src] h3,
.bringer-bento-grid div[data-bg-src] h4,
.bringer-bento-grid div[data-bg-src] h5,
.bringer-bento-grid div[data-bg-src] h6,
.bringer-bento-grid div[data-bg-src] p.bringer-large-text {
    color: var(--bringer-s-accented-text);
}
.bringer-grid-cta .is-medium {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.bringer-grid-cta .bringer-square-button {
    width: 100%;
    height: 100%;
    border-radius: var(--bringer-default-br);
}
.bringer-grid-cta .bringer-square-button span {
    width: 80px;
    height: 80px;
}
.bringer-grid-cta-heading {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    color: var(--bringer-s-accented-text);
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
    margin: var(--bringer-t-h1-margin);
}

/* === CTA with Image === */
.stg-cta-with-image {
    --this-spacing: var(--bringer-section-gap);
    padding: var(--this-spacing) 0;
}
.stg-cta-with-image > div {
    position: relative;
}
[class*='stg-col-'] > div.bringer-offset-image {
    --this-offset: calc(-0.5 * (100vw - var(--stg-container-width)));
    width: calc(50% - var(--this-offset));
    top: calc(-1 * var(--this-spacing));
    bottom: calc(-1 * var(--this-spacing));
    position: absolute;
    background-position: right;
}
[class*='stg-col-']:first-child > div.bringer-offset-image {
    left: var(--this-offset);
    border-radius: 0 var(--bringer-default-br) var(--bringer-default-br) 0;
}
[class*='stg-col-']:last-child > div.bringer-offset-image {
    right: var(--this-offset);
    border-radius: var(--bringer-default-br) 0 0 var(--bringer-default-br);
}
.bringer-cta-form-title {
    font-family: var(--bringer-t-heading-ff);
    font-weight: var(--bringer-t-heading-fw);
    color: var(--bringer-s-heading);
    font-size: var(--bringer-t-h1-fs);
    letter-spacing: var(--bringer-t-h1-ls);
    line-height: var(--bringer-t-h1-lh);
}
.bringer-cta-text {
    padding: calc(var(--stg-gap) + var(--stg-large-gap)) 0;
}
.bringer-cta-icon {
    position: relative;
}
.bringer-cta-icon,
.bringer-cta-icon::before,
.bringer-cta-icon::after {
    background-color: var(--bringer-s-text-accent);
    border-radius: 4px;
    width: 8px;
    height: 64px;
    display: block;
}
.bringer-cta-icon::before,
.bringer-cta-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}
.bringer-cta-icon::before {
    transform: rotate(120deg);
}
.bringer-cta-icon::after {
    transform: rotate(240deg);
}

/* === Right Click Protection === */
.bringer-rcp-wrap,
.bringer-rcp-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 333;
}
.bringer-rcp-wrap {
    transition: opacity 0.3s;
    will-change: opacity;
    pointer-events: none;
    opacity: 0;
}
.rcp-show .bringer-rcp-wrap {
    pointer-events: all;
    opacity: 1;
}
.bringer-rcp-overlay {
    z-index: 3;
    background-color: var(--bringer-s-body-bg);
    opacity: 0.9;
}
.bringer-rcp-container {
    z-index: 5;
    position: absolute;
    left: calc(50% - 0.5 * var(--stg-container-width));
    top: 50%;
    width: var(--stg-container-width);
    text-align: center;
    transition: transform 0.3s;
    will-change: transform;
    transform: translateY(0%);
    pointer-events: none;
}
.rcp-show .bringer-rcp-container {
    transform: translateY(-50%);
}

/** ==============
    10. PHOTOSWIPE
    ============== */
.pswp__img {
    border-radius: var(--bringer-default-br);
}
.pswp__ui {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: none;
}
.pswp--open .pswp__ui button {
    pointer-events: all;
}
.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    width: 60px;
    height: 60px;
    border-radius: var(--bringer-small-br);
    background: var(--bringer-s-nav);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}
.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before,
.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    content: '';
    position: absolute;
    display: block;
}
.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--bringer-s-heading);
    border-radius: inherit;
    transition: opacity 0.3s;
}
.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--bringer-s-heading);
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
}
button.pswp__button.pswp__button--close,
.pswp__top-bar button.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    right: 64px;
    top: 48px;
    position: absolute;
}
button.pswp__button.pswp__button--close::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-image: var(--icon-cross);
    mask-image: var(--icon-cross);
    width: 14px;
    height: 14px;
}
.bringer-pswp-prev,
.bringer-pswp-next {
    position: absolute;
    top: calc(50% - 20px);
}
.bringer-pswp-prev {
    left: 64px;
}
button.pswp__button.bringer-pswp-prev::after {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}
button.pswp__button.bringer-pswp-next::after {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}
.bringer-pswp-next {
    right: 64px;
}
.pswp__preloader {
    top: calc(50% - 22px);
}
.bringer-pswp-media--video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: all;
}
.bringer-pswp-media--video video {
    width: 100%;
    height: auto;
    border-radius: var(--bringer-default-br);
}

/** ================
    11. HOVER STATES
    ================ */
@media (hover:hover) {
    a:hover {
        color: var(--bringer-s-heading);
    }

    /* --- PSWP Lightbox --- */
    .pswp__button:hover::after {
        transform: scale(1.2);
    }
    .pswp__button:hover::before,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover::before {
        opacity: 0.15;
    }
    .pswp__button:hover,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover {
        background-color: var(--bringer-s-accent);
    }
    .bringer-lightbox-link > .st-lazy-wrapper,
    .bringer-lightbox-link > img {
        transition: scale 0.3s;
    }
    .bringer-lightbox-link:hover > .st-lazy-wrapper,
    .bringer-lightbox-link:hover > img {
        scale: 1.02;
    }

    /* --- Forms and Fields --- */
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:not([class*='pswp']):hover,
    a.bringer-button:hover {
        color: var(--bringer-s-body-bg);
        background-color: var(--bringer-button-hover-bg);
    }
    a.bringer-button.is-secondary:hover,
    .bringer-square-button.is-secondary:hover {
        background: var(--bringer-s-accent);
        border-color: var(--bringer-s-border-accent);
    }
    a.bringer-button.is-secondary:hover {
        background: var(--bringer-s-border);
    }

    /* --- Main Menu --- */
    ul.main-menu li:hover > a {
        color: var(--bringer-c-menu-hover);
    }
    ul.main-menu li.menu-item-has-children:hover > a::after {
        background-color: var(--bringer-c-menu-hover);
    }
    ul.sub-menu li:hover::before {
        opacity: 1;
    }
    nav.bringer-nav ul.sub-menu li:hover::before {
        opacity: 1;
    }

    /* --- Footer --- */
    #bringer-footer .bringer-menu-widget a:hover,
    .bringer-menu-widget ul li:hover::before {
        opacity: 1;
    }
    .bringer-socials-list a:hover {
        background-color: var(--bringer-s-accent);
    }
    .bringer-socials-list a:hover i {
        background-color: var(--bringer-s-accented-text);
    }
    .bringer-socials-list a:hover::before {
        opacity: 0.15;
    }

    /* --- Block --- */
    .bringer-block:hover::after {
        opacity: 0.75;
    }
    .bringer-block:hover::before {
        opacity: 1;
    }

    /* --- Links --- */
    .bringer-tags-list li a:hover {
        background-color: var(--bringer-s-accent);
        border-color: var(--bringer-s-border-accent);
        color: var(--bringer-s-accented-text);
    }
    .bringer-arrow-link:hover::before {
        transform: scale(0, 1);
    }
    .bringer-arrow-link:hover::after {
        transform: scale(1.2, 1.2);
    }
	
	.bringer-arrow-link-black:hover::before {
        transform: scale(0, 1);
    }
    .bringer-arrow-link-black:hover::after {
        transform: scale(1.2, 1.2);
    }

    /* --- Icon Link --- */
    .bringer-icon-link:hover i {
        transform: scale(1.2);
        background-color: var(--bringer-s-accented-text);
    }
    .bringer-icon-link:hover .bringer-icon-wrap {
        background-color: var(--bringer-s-accent);
    }
    .bringer-icon-link:hover .bringer-icon-wrap::before {
        opacity: 0.15;
    }
    .bringer-icon-link:hover .bringer-icon-link-content:first-child {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .bringer-icon-link:hover .bringer-icon-link-content:last-child {
        transform: translateX(var(--stg-xs-gap));
    }

    .bringer-square-button:hover span.bringer-icon {
        transform: scale(1.2);
        background-color: var(--bringer-s-accented-text);
    }

    /* --- Portfolio --- */
    .bringer-portfolio-card:hover .bringer-icon {
        transform: scale(1.2, 1.2);
    }
    .bringer-portfolio-card:hover .bringer-portfolio-card-image {
        transform: scale(1.01);
    }
    .bringer-portfolio-short-item:hover .bringer-icon {
        transform: scale(1.2);
    }

    .bringer-carousel-card:hover .bringer-icon {
        transform: scale(1.2, 1.2);
    }
    .bringer-carousel-card:hover .bringer-carousel-card-image {
        transform: scale(1.01);
    }
    .bringer-detailed-list li:hover::before {
        opacity: 0.05;
    }
    .bringer-detailed-list li:has(a):hover .bringer-detailed-list-button {
        background: var(--bringer-s-accent);
        border-color: var(--bringer-s-border-accent);
		color: var(--bringer-s-body-bg);
    }
    .bringer-detailed-list li:has(a):hover .bringer-detailed-list-button .bringer-icon {
        background-color: #0C0B0B;
    }
    .bringer-detailed-list li:has(a):hover h2 {
        letter-spacing:2px; transition: 0.3s ease-in-out;
    }
   
    .bringer-grid-more-masked:hover .bringer-square-button.is-secondary {
        background: var(--bringer-s-accent);
        border-color: var(--bringer-s-border-accent);
    }
    .bringer-grid-more-masked:hover .bringer-square-button span.bringer-icon {
        transform: scale(1.2);
        background-color: var(--bringer-s-accented-text);
    }

    /* --- Slider --- */
    .bringer-slider-nav.bringer-masked-content a:hover span.bringer-icon {
        transform: scale(1.2);
        background-color: var(--bringer-s-accented-text);
    }
    .bringer-slider-nav.bringer-masked-content a:hover {
        background-color: var(--bringer-s-accent);
    }
    .bringer-slider-nav.bringer-masked-content a:hover::before {
        opacity: 0.15;
    }
    .bringer-slider-nav.on-sides a.bringer-slider-next:hover span.bringer-icon {
        transform: translateX(10px)
    }
    .bringer-slider-nav.on-sides a.bringer-slider-prev:hover span.bringer-icon {
        transform: translateX(-10px)
    }
    .bringer-slide-content:has(a):hover .bringer-slide-content-inner {
        transform: scale(1.1);
    }

    .bringer-masked-cta button:hover {
        background: var(--bringer-s-heading-fade);
    }

    /* --- Infinite List --- */
    .bringer-infinite-list-item:hover::before {
        opacity: 0.05;
    }
    .bringer-infinite-list-item:hover .bringer-infinite-list-preview {
        opacity: 1;
    }
    .bringer-infinite-list-item:hover .bringer-infinite-list-icon::before {
        opacity: 0.15;
    }
    .bringer-infinite-list-item:hover .bringer-infinite-list-icon::after {
        opacity: 1;
    }
    .bringer-infinite-list-item:hover .bringer-infinite-list-icon span {
        transform: scale(1.1);
        background-color: var(--bringer-s-accented-text);
    }

    /* --- Column List --- */
    .bringer-column-item-content:hover .bringer-icon-wrap {
        background-color: var(--bringer-s-accent);
    }
    .bringer-column-item-content:hover .bringer-icon-wrap::before {
        opacity: 0.15;
    }
    .bringer-column-item-content:hover .bringer-icon-wrap span.bringer-icon {
        transform: scale(1.2);
    }
    .bringer-column-item-content:hover .bringer-column-item-title span {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .bringer-column-item-content:hover .bringer-column-item-title h4 {
        transform: translateX(var(--stg-xs-gap));
    }
}
@media (hover:none) {
    .bringer-backlight {
        display: none;
    }
    .bringer-block::before {
        opacity: 0.5;
    }
    .bringer-block::after {
        opacity: 0.75;
    }
    .bringer-toggles-item:not(.is-active)::after {
        opacity: 0;
    }
    .bringer-infinite-list-bgs {
        display: none;
    }
    .bringer-infinite-list-item {
        padding-left: calc(96px + var(--stg-gap));
    }
    .bringer-infinite-list-preview {
        opacity: 1;
        right: auto;
        left: 0;
    }
}

/** ==============
    12. ANIMATIONS
    ============== */
@keyframes sta_spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes sta_shake {
    0% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-10px);
    }
    30% {
        transform: translateX(10px);
    }
    50% {
        transform: translateX(-10px);
    }
    70% {
        transform: translateX(10px);
    }
    90% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

/* === Marquee === */
@keyframes marquee_scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* === List with Preview === */
@keyframes lwp_active {
    0% {
        clip-path: inset(0% 0% 0% 100% round var(--bringer-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--bringer-default-br));
    }
}
@keyframes lwp_active_r {
    0% {
        clip-path: inset(0% 100% 0% 0% round var(--bringer-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--bringer-default-br));
    }
}

/* === Entrance Animations === */
:root {
    --stea-move: var(--stg-gap);
    --stea-zoom-in: 0.9;
    --stea-zoom-out: 1.1;
    --stea-duration: 0.9s;
}
[data-split-appear] {
    --stea-move: 0.5cap;
}
[data-split-appear].bringer-line-overflow:not(.is-done) .line {
    overflow: hidden;
}
[data-split-appear].setting-up [data-appear] {
    transition: unset!important;
}
[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-']:not(.setting-up),
[data-appear*='zoom-']:not(.setting-up) {
    transition: opacity var(--stea-duration), transform var(--stea-duration);
    will-change: opacity, transform;
}
[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-'],
[data-appear*='zoom-'] {
    opacity: 0;
}
[data-appear*="zoom-"].in-view,
[data-appear*="fade-"].in-view {
    opacity: 1;
    transform: scale(1) translate(0,0);
}
[data-unload="zoom-out"].is-unloading,
[data-appear="zoom-in"],
[data-appear="fade-zoom"] {
    transform: scale(var(--stea-zoom-in));
}
[data-unload="fade-down"].is-unloading,
[data-appear="fade-up"] {
    transform: translateY(var(--stea-move));
}
[data-unload="fade-up"].is-unloading,
[data-appear="fade-down"] {
    transform: translateY(calc(-1 * var(--stea-move)));
}
[data-unload="fade-right"].is-unloading,
[data-appear="fade-left"] {
    transform: translateX(var(--stea-move));
}
[data-unload="fade-left"].is-unloading,
[data-appear="fade-right"] {
    transform: translateX(calc(-1 * var(--stea-move)));
}
[data-unload="fade-down-right"].is-unloading,
[data-appear="fade-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move));
}
[data-unload="fade-down-left"].is-unloading,
[data-appear="fade-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move));
}
[data-unload="fade-up-right"].is-unloading,
[data-appear="fade-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move)));
}
[data-unload="fade-up-left"].is-unloading,
[data-appear="fade-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move)));
}
[data-unload="zoom-out-down"].is-unloading,
[data-appear="zoom-in-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up"].is-unloading,
[data-appear="zoom-in-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-right"].is-unloading,
[data-appear="zoom-in-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-left"].is-unloading,
[data-appear="zoom-in-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-down-right"].is-unloading,
[data-appear="zoom-in-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-down-left"].is-unloading,
[data-appear="zoom-in-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up-right"].is-unloading,
[data-appear="zoom-in-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up-left"].is-unloading,
[data-appear="zoom-in-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="fade-zoom"].is-unloading,
[data-unload="zoom-in"].is-unloading,
[data-appear="zoom-out"] {
    transform: scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down"].is-unloading,
[data-appear="zoom-out-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up"].is-unloading,
[data-appear="zoom-out-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-right"].is-unloading,
[data-appear="zoom-out-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-left"].is-unloading,
[data-appear="zoom-out-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down-right"].is-unloading,
[data-appear="zoom-out-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down-left"].is-unloading,
[data-appear="zoom-out-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up-right"].is-unloading,
[data-appear="zoom-out-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up-left"].is-unloading,
[data-appear="zoom-out-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}


/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3 {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    left: 0;
    top: 0;
    mix-blend-mode: difference;
    will-change: transform;
    transform: translate(-50%, -50%); /* Centro rispetto al mouse */
}

.cursor {
    background-color: #fff;
    height: 0;
    width: 0;
    z-index: 99999;
}

.cursor2, .cursor3 {
    height: 36px;
    width: 36px;
    z-index: 99998;
    transition: transform 0.15s linear;
}

.cursor2.hover,
.cursor3.hover {
    transform: translate(-50%, -50%) scale(2); /* Centro mantenuto anche nello zoom */
    border: none;
}

.cursor2 {
    border: 2px solid #fff;
    box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);
}

.cursor2.hover {
    background: rgba(255,255,255,1);
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 768px) {
    .cursor, .cursor2, .cursor3 {
        display: none;
    }
}






/* #Navigation
================================================== */
 
.cd-header{
    position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:100;
} 
.header-wrapper{
	position: relative;
    width: calc(100% - 70px);
    margin-left: 35px;
} 
.logo-wrap {
	position: absolute;
	display:block;
	left:0;
	top: 14px;
	cursor: pointer;
}
.logo-wrap a {
	cursor: pointer;
	transition : all 0.3s ease-out;
}

.logo-wrap a:hover {
	opacity: 0.9;
}
.logo-wrap img {height:40px;}
.nav-but-wrap{ 
	position: relative;
	display: inline-block;
	float: right;
	padding-left: 15px;
	margin-top: 26px;
	transition : all 0.3s ease-out;
	display: flex;
	column-gap: 1.5em;
}
.alternate-lang {
    color: #fff!important;
    font-weight: bold;
}
.menu-icon {
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
}
.menu-icon__line {
	height: 2px;
	width: 30px;
	display: block;
	background-color: #fff;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, background-color .5s ease;
	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
	width: 16.5px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon__line-right {
	width: 16.5px;
	float: right;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
	width: 30px;
}
.nav {
    position: fixed;
    z-index: 98;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s ease, visibility 0s linear 0.6s; /* Ritarda la scomparsa di visibility */
}

body.nav-active .nav {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s ease; /* Applica solo la transizione dell'opacità */
}

.nav:before, .nav:after {
	content: "";
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(20, 21, 26,0.6);
	border-bottom-left-radius: 200%;
	z-index: -1;
	-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	-webkit-transform: translateX(100%) translateY(-100%);
          transform: translateX(100%) translateY(-100%);
	top:0;
}
.nav:after {
	background: rgba(9,9,12,1);
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.nav:before {
	-webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.nav__content {
	position: fixed;
	visibility: hidden;
	top: 50%;
	margin-top: 20px;
	-webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
	width: 100%;
	text-align: center;
}
.nav__list {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
}
.nav__list-item {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: left;
	color: #fff;
	overflow: hidden; 
	font-family: 'Montserrat', sans-serif;
	font-size: 8vh;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: 3px;
	-webkit-transform: translate(100px, 0%);
          transform: translate(100px, 0%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, transform .3s ease;
	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
	margin-top: 0;
	margin-bottom: 0;
	border-top:2px solid #333333;
	
}
.nav__list-item a { 
	position: relative;
	text-decoration: none;
	color: rgba(255,255,255,0.6);
	overflow: hidden; 
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 300;
	z-index: 2;
	display: inline-block;
	text-transform: uppercase;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
	margin-top: 15px;
}
.nav__list-item a:after{ 
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -2px;
	left: 50%;
	width: 0;
	height: 0;
	opacity: 0;
	background-color:var(--verde);
	z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item a:hover:after{ 
	height: 4px;
	opacity: 1;
	left: 0;
	width: 100%;
}
.nav__list-item a:hover{
	color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a{
	color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a:after{ 
	height: 4px;
	opacity: 1;
	left: 0;
	width: 100%;
}
body.nav-active .nav__content {
	visibility: visible;
}
body.nav-active .menu-icon__line {
	background-color: #fff;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
          transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
	width: 15px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
          transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
	width: 15px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
          transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
	width: 15px;
}
body.nav-active .nav {
	visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
	-webkit-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%);
	border-radius: 0;
}
body.nav-active .nav:after {
	-webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav:before {
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.nav-active .nav__list-item {
	opacity: 1;
	-webkit-transform: translateX(0%);
          transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
	-webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
	-webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
	-webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
	-webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
	-webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
	-webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
	-webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
	-webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
	-webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
	-webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

body.nav-active .nav {top: 0;left: 0;width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center;}
body.nav-active .nav-container {display: flex;justify-content: space-between;align-items: center;width:97%;}
.nav-left {width: 60%;color: white;font-size: 1.2em;text-align: left;padding-right: 20px;opacity: 0;}
body.nav-active .nav__content {visibility: visible;}
body.nav-active .nav-active .nav {visibility: visible;opacity: 1;transform: translateY(0);}
.nav-active .nav-left {opacity: 1;transform: translateX(0);}
.nav-right {width: 30%;opacity: 0;transform: translateX(50px);transition: opacity 0.9s ease 0.5s, transform 0.5s ease 0.2s;}
.nav-active .nav-right {opacity: 1;transform: translateX(0);}
.nav-right:not(.nav-active .nav-right) {transition: opacity 0s ease;}


.img-sfondo-video {background:url(../img/lettere.png); background-size:100vw; background-position:center; background-repeat:no-repeat; padding-top:19vh; padding-bottom:19vh;}

.pb-0 {padding-bottom:0 !important;}
.pt-0 {padding-top:0 !important;}
.testo {font-weight:normal}

.rounded-button {background-color:#5aef74; border-radius:50px; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; color:#000 !important; font-size:24px;line-height: 44px; margin-right:15px; font-weight:500;}
.immagine-cornetta {padding: 3px 18px; background-color:#5aef74;border-radius:50%;}
.buttons {display:flex;}
.buttons:hover button{background-color: white !important;color:black;}
.buttons img{transition: all 0.3s ease;}
.buttons:hover img{transform: rotate(-35deg);}
.buttons img {transition: all 0.3s ease;}

.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:hover, .link-primary:focus {
  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:hover, .link-secondary:focus {
  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:hover, .link-success:focus {
  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:hover, .link-info:focus {
  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:hover, .link-warning:focus {
  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:hover, .link-danger:focus {
  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:hover, .link-light:focus {
  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:hover, .link-dark:focus {
  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:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.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: 0.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: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.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:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):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: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.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: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.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-radius: 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-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.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: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.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 + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-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-normal {
  text-transform: capitalize !important;
}

.text-none {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: #0C0B0B !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, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.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;
}

.z-10 {
  z-index: 10 !important;
}

.z-11 {
  z-index: 11 !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: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.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: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.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: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.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: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.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: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.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: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.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: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.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: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.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: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.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: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.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;
  }
}

/* Padding and margin */
.p-5px {
  padding: 5px !important;
}
.p-10px {
  padding: 10px !important;
}
.p-15px {
  padding: 15px !important;
}
.p-20px {
  padding: 20px !important;
}
.p-25px {
  padding: 25px !important;
}
.p-30px {
  padding: 30px !important;
}
.p-35px {
  padding: 35px !important;
}
.p-40px {
  padding: 40px !important;
}
.p-45px {
  padding: 45px !important;
}
.p-50px {
  padding: 50px !important;
}
.p-55px {
  padding: 55px !important;
}
.p-60px {
  padding: 60px !important;
}
.p-65px {
  padding: 65px !important;
}
.p-70px {
  padding: 70px !important;
}
.p-1 {
  padding: 1% !important;
}
.p-2 {
  padding: 2% !important;
}
.p-3 {
  padding: 3% !important;
}
.p-4 {
  padding: 4% !important;
}
.p-5 {
  padding: 5% !important;
}
.p-6 {
  padding: 6% !important;
}
.p-7 {
  padding: 7% !important;
}
.p-8 {
  padding: 8% !important;
}
.p-9 {
  padding: 9% !important;
}
.p-10 {
  padding: 10% !important;
}
.p-11 {
  padding: 11% !important;
}
.p-12 {
  padding: 12% !important;
}
.p-13 {
  padding: 13% !important;
}
.p-14 {
  padding: 14% !important;
}
.p-15 {
  padding: 15% !important;
}
.p-16 {
  padding: 16% !important;
}
.p-17 {
  padding: 17% !important;
}
.p-18 {
  padding: 18% !important;
}
.p-19 {
  padding: 19% !important;
}
.p-20 {
  padding: 20% !important;
}
.p-21 {
  padding: 21% !important;
}
.p-22 {
  padding: 22% !important;
}
.p-23 {
  padding: 23% !important;
}
.p-24 {
  padding: 24% !important;
}
.p-25 {
  padding: 25% !important;
}
.p-26 {
  padding: 26% !important;
}
.p-27 {
  padding: 27% !important;
}
.p-28 {
  padding: 28% !important;
}
.p-29 {
  padding: 29% !important;
}
.p-30 {
  padding: 30% !important;
}
.pt-5px {
  padding-top: 5px !important;
}
.pt-10px {
  padding-top: 10px !important;
}
.pt-15px {
  padding-top: 15px !important;
}
.pt-20px {
  padding-top: 20px !important;
}
.pt-25px {
  padding-top: 25px !important;
}
.pt-30px {
  padding-top: 30px !important;
}
.pt-35px {
  padding-top: 35px !important;
}
.pt-40px {
  padding-top: 40px !important;
}
.pt-45px {
  padding-top: 45px !important;
}
.pt-50px {
  padding-top: 50px !important;
}
.pt-55px {
  padding-top: 55px !important;
}
.pt-60px {
  padding-top: 60px !important;
}
.pt-65px {
  padding-top: 65px !important;
}
.pt-70px {
  padding-top: 70px !important;
}
.pt-1 {
  padding-top: 1% !important;
}
.pt-2 {
  padding-top: 2% !important;
}
.pt-3 {
  padding-top: 3% !important;
}
.pt-4 {
  padding-top: 4% !important;
}
.pt-5 {
  padding-top: 5% !important;
}
.pt-6 {
  padding-top: 6% !important;
}
.pt-7 {
  padding-top: 7% !important;
}
.pt-8 {
  padding-top: 8% !important;
}
.pt-9 {
  padding-top: 9% !important;
}
.pt-10 {
  padding-top: 10% !important;
}
.pt-11 {
  padding-top: 11% !important;
}
.pt-12 {
  padding-top: 12% !important;
}
.pt-13 {
  padding-top: 13% !important;
}
.pt-14 {
  padding-top: 14% !important;
}
.pt-15 {
  padding-top: 15% !important;
}
.pt-16 {
  padding-top: 16% !important;
}
.pt-17 {
  padding-top: 17% !important;
}
.pt-18 {
  padding-top: 18% !important;
}
.pt-19 {
  padding-top: 19% !important;
}
.pt-20 {
  padding-top: 20% !important;
}
.pt-21 {
  padding-top: 21% !important;
}
.pt-22 {
  padding-top: 22% !important;
}
.pt-23 {
  padding-top: 23% !important;
}
.pt-24 {
  padding-top: 24% !important;
}
.pt-25 {
  padding-top: 25% !important;
}
.pt-26 {
  padding-top: 26% !important;
}
.pt-27 {
  padding-top: 27% !important;
}
.pt-28 {
  padding-top: 28% !important;
}
.pt-29 {
  padding-top: 29% !important;
}
.pt-30 {
  padding-top: 30% !important;
}
.pe-5px {
  padding-right: 5px !important;
}
.pe-10px {
  padding-right: 10px !important;
}
.pe-15px {
  padding-right: 15px !important;
}
.pe-20px {
  padding-right: 20px !important;
}
.pe-25px {
  padding-right: 25px !important;
}
.pe-30px {
  padding-right: 30px !important;
}
.pe-35px {
  padding-right: 35px !important;
}
.pe-40px {
  padding-right: 40px !important;
}
.pe-45px {
  padding-right: 45px !important;
}
.pe-50px {
  padding-right: 50px !important;
}
.pe-55px {
  padding-right: 55px !important;
}
.pe-60px {
  padding-right: 60px !important;
}
.pe-65px {
  padding-right: 65px !important;
}
.pe-70px {
  padding-right: 70px !important;
}
.pe-1 {
  padding-right: 1% !important;
}
.pe-2 {
  padding-right: 2% !important;
}
.pe-3 {
  padding-right: 3% !important;
}
.pe-4 {
  padding-right: 4% !important;
}
.pe-5 {
  padding-right: 5% !important;
}
.pe-6 {
  padding-right: 6% !important;
}
.pe-7 {
  padding-right: 7% !important;
}
.pe-8 {
  padding-right: 8% !important;
}
.pe-9 {
  padding-right: 9% !important;
}
.pe-10 {
  padding-right: 10% !important;
}
.pe-11 {
  padding-right: 11% !important;
}
.pe-12 {
  padding-right: 12% !important;
}
.pe-13 {
  padding-right: 13% !important;
}
.pe-14 {
  padding-right: 14% !important;
}
.pe-15 {
  padding-right: 15% !important;
}
.pe-16 {
  padding-right: 16% !important;
}
.pe-17 {
  padding-right: 17% !important;
}
.pe-18 {
  padding-right: 18% !important;
}
.pe-19 {
  padding-right: 19% !important;
}
.pe-20 {
  padding-right: 20% !important;
}
.pe-21 {
  padding-right: 21% !important;
}
.pe-22 {
  padding-right: 22% !important;
}
.pe-23 {
  padding-right: 23% !important;
}
.pe-24 {
  padding-right: 24% !important;
}
.pe-25 {
  padding-right: 25% !important;
}
.pe-26 {
  padding-right: 26% !important;
}
.pe-27 {
  padding-right: 27% !important;
}
.pe-28 {
  padding-right: 28% !important;
}
.pe-29 {
  padding-right: 29% !important;
}
.pe-30 {
  padding-right: 30% !important;
}
.pb-5px {
  padding-bottom: 5px !important;
}
.pb-10px {
  padding-bottom: 10px !important;
}
.pb-15px {
  padding-bottom: 15px !important;
}
.pb-20px {
  padding-bottom: 20px !important;
}
.pb-25px {
  padding-bottom: 25px !important;
}
.pb-30px {
  padding-bottom: 30px !important;
}
.pb-35px {
  padding-bottom: 35px !important;
}
.pb-40px {
  padding-bottom: 40px !important;
}
.pb-45px {
  padding-bottom: 45px !important;
}
.pb-50px {
  padding-bottom: 50px !important;
}
.pb-55px {
  padding-bottom: 55px !important;
}
.pb-60px {
  padding-bottom: 60px !important;
}
.pb-65px {
  padding-bottom: 65px !important;
}
.pb-70px {
  padding-bottom: 70px !important;
}
.pb-1 {
  padding-bottom: 1% !important;
}
.pb-2 {
  padding-bottom: 2% !important;
}
.pb-3 {
  padding-bottom: 3% !important;
}
.pb-4 {
  padding-bottom: 4% !important;
}
.pb-5 {
  padding-bottom: 5% !important;
}
.pb-6 {
  padding-bottom: 6% !important;
}
.pb-7 {
  padding-bottom: 7% !important;
}
.pb-8 {
  padding-bottom: 8% !important;
}
.pb-9 {
  padding-bottom: 9% !important;
}
.pb-10 {
  padding-bottom: 10% !important;
}
.pb-11 {
  padding-bottom: 11% !important;
}
.pb-12 {
  padding-bottom: 12% !important;
}
.pb-13 {
  padding-bottom: 13% !important;
}
.pb-14 {
  padding-bottom: 14% !important;
}
.pb-15 {
  padding-bottom: 15% !important;
}
.pb-16 {
  padding-bottom: 16% !important;
}
.pb-17 {
  padding-bottom: 17% !important;
}
.pb-18 {
  padding-bottom: 18% !important;
}
.pb-19 {
  padding-bottom: 19% !important;
}
.pb-20 {
  padding-bottom: 20% !important;
}
.pb-21 {
  padding-bottom: 21% !important;
}
.pb-22 {
  padding-bottom: 22% !important;
}
.pb-23 {
  padding-bottom: 23% !important;
}
.pb-24 {
  padding-bottom: 24% !important;
}
.pb-25 {
  padding-bottom: 25% !important;
}
.pb-26 {
  padding-bottom: 26% !important;
}
.pb-27 {
  padding-bottom: 27% !important;
}
.pb-28 {
  padding-bottom: 28% !important;
}
.pb-29 {
  padding-bottom: 29% !important;
}
.pb-30 {
  padding-bottom: 30% !important;
}
.ps-5px {
  padding-left: 5px !important;
}
.ps-10px {
  padding-left: 10px !important;
}
.ps-15px {
  padding-left: 15px !important;
}
.ps-20px {
  padding-left: 20px !important;
}
.ps-25px {
  padding-left: 25px !important;
}
.ps-30px {
  padding-left: 30px !important;
}
.ps-35px {
  padding-left: 35px !important;
}
.ps-40px {
  padding-left: 40px !important;
}
.ps-45px {
  padding-left: 45px !important;
}
.ps-50px {
  padding-left: 50px !important;
}
.ps-55px {
  padding-left: 55px !important;
}
.ps-60px {
  padding-left: 60px !important;
}
.ps-65px {
  padding-left: 65px !important;
}
.ps-70px {
  padding-left: 70px !important;
}
.ps-1 {
  padding-left: 1% !important;
}
.ps-2 {
  padding-left: 2% !important;
}
.ps-3 {
  padding-left: 3% !important;
}
.ps-4 {
  padding-left: 4% !important;
}
.ps-5 {
  padding-left: 5% !important;
}
.ps-6 {
  padding-left: 6% !important;
}
.ps-7 {
  padding-left: 7% !important;
}
.ps-8 {
  padding-left: 8% !important;
}
.ps-9 {
  padding-left: 9% !important;
}
.ps-10 {
  padding-left: 10% !important;
}
.ps-11 {
  padding-left: 11% !important;
}
.ps-12 {
  padding-left: 12% !important;
}
.ps-13 {
  padding-left: 13% !important;
}
.ps-14 {
  padding-left: 14% !important;
}
.ps-15 {
  padding-left: 15% !important;
}
.ps-16 {
  padding-left: 16% !important;
}
.ps-17 {
  padding-left: 17% !important;
}
.ps-18 {
  padding-left: 18% !important;
}
.ps-19 {
  padding-left: 19% !important;
}
.ps-20 {
  padding-left: 20% !important;
}
.ps-21 {
  padding-left: 21% !important;
}
.ps-22 {
  padding-left: 22% !important;
}
.ps-23 {
  padding-left: 23% !important;
}
.ps-24 {
  padding-left: 24% !important;
}
.ps-25 {
  padding-left: 25% !important;
}
.ps-26 {
  padding-left: 26% !important;
}
.ps-27 {
  padding-left: 27% !important;
}
.ps-28 {
  padding-left: 28% !important;
}
.ps-29 {
  padding-left: 29% !important;
}
.ps-30 {
  padding-left: 30% !important;
}
.m-5px {
  margin: 5px !important;
}
.m-10px {
  margin: 10px !important;
}
.m-15px {
  margin: 15px !important;
}
.m-20px {
  margin: 20px !important;
}
.m-25px {
  margin: 25px !important;
}
.m-30px {
  margin: 30px !important;
}
.m-35px {
  margin: 35px !important;
}
.m-40px {
  margin: 40px !important;
}
.m-45px {
  margin: 45px !important;
}
.m-50px {
  margin: 50px !important;
}
.m-55px {
  margin: 55px !important;
}
.m-60px {
  margin: 60px !important;
}
.m-65px {
  margin: 65px !important;
}
.m-70px {
  margin: 70px !important;
}
.m-1 {
  margin: 1% !important;
}
.m-2 {
  margin: 2% !important;
}
.m-3 {
  margin: 3% !important;
}
.m-4 {
  margin: 4% !important;
}
.m-5 {
  margin: 5% !important;
}
.m-6 {
  margin: 6% !important;
}
.m-7 {
  margin: 7% !important;
}
.m-8 {
  margin: 8% !important;
}
.m-9 {
  margin: 9% !important;
}
.m-10 {
  margin: 10% !important;
}
.m-11 {
  margin: 11% !important;
}
.m-12 {
  margin: 12% !important;
}
.m-13 {
  margin: 13% !important;
}
.m-14 {
  margin: 14% !important;
}
.m-15 {
  margin: 15% !important;
}
.m-16 {
  margin: 16% !important;
}
.m-17 {
  margin: 17% !important;
}
.m-18 {
  margin: 18% !important;
}
.m-19 {
  margin: 19% !important;
}
.m-20 {
  margin: 20% !important;
}
.m-21 {
  margin: 21% !important;
}
.m-22 {
  margin: 22% !important;
}
.m-23 {
  margin: 23% !important;
}
.m-24 {
  margin: 24% !important;
}
.m-25 {
  margin: 25% !important;
}
.m-26 {
  margin: 26% !important;
}
.m-27 {
  margin: 27% !important;
}
.m-28 {
  margin: 28% !important;
}
.m-29 {
  margin: 29% !important;
}
.m-30 {
  margin: 30% !important;
}
.mt-5px {
  margin-top: 5px !important;
}
.mt-10px {
  margin-top: 10px !important;
}
.mt-15px {
  margin-top: 15px !important;
}
.mt-20px {
  margin-top: 20px !important;
}
.mt-25px {
  margin-top: 25px !important;
}
.mt-30px {
  margin-top: 30px !important;
}
.mt-35px {
  margin-top: 35px !important;
}
.mt-40px {
  margin-top: 40px !important;
}
.mt-45px {
  margin-top: 45px !important;
}
.mt-50px {
  margin-top: 50px !important;
}
.mt-55px {
  margin-top: 55px !important;
}
.mt-60px {
  margin-top: 60px !important;
}
.mt-65px {
  margin-top: 65px !important;
}
.mt-70px {
  margin-top: 70px !important;
}

.mt-1 {
  margin-top: 1% !important;
}
.mt-2 {
  margin-top: 2% !important;
}
.mt-3 {
  margin-top: 3% !important;
}
.mt-4 {
  margin-top: 4% !important;
}
.mt-5 {
  margin-top: 5% !important;
}
.mt-6 {
  margin-top: 6% !important;
}
.mt-7 {
  margin-top: 7% !important;
}
.mt-8 {
  margin-top: 8% !important;
}
.mt-9 {
  margin-top: 9% !important;
}
.mt-10 {
  margin-top: 10% !important;
}
.mt-11 {
  margin-top: 11% !important;
}
.mt-12 {
  margin-top: 12% !important;
}
.mt-13 {
  margin-top: 13% !important;
}
.mt-14 {
  margin-top: 14% !important;
}
.mt-15 {
  margin-top: 15% !important;
}
.mt-16 {
  margin-top: 16% !important;
}
.mt-17 {
  margin-top: 17% !important;
}
.mt-18 {
  margin-top: 18% !important;
}
.mt-19 {
  margin-top: 19% !important;
}
.mt-20 {
  margin-top: 20% !important;
}
.mt-21 {
  margin-top: 21% !important;
}
.mt-22 {
  margin-top: 22% !important;
}
.mt-23 {
  margin-top: 23% !important;
}
.mt-24 {
  margin-top: 24% !important;
}
.mt-25 {
  margin-top: 25% !important;
}
.mt-26 {
  margin-top: 26% !important;
}
.mt-27 {
  margin-top: 27% !important;
}
.mt-28 {
  margin-top: 28% !important;
}
.mt-29 {
  margin-top: 29% !important;
}
.mt-30 {
  margin-top: 30% !important;
}
.me-5px {
  margin-right: 5px !important;
}
.me-10px {
  margin-right: 10px !important;
}
.me-15px {
  margin-right: 15px !important;
}
.me-20px {
  margin-right: 20px !important;
}
.me-25px {
  margin-right: 25px !important;
}
.me-30px {
  margin-right: 30px !important;
}
.me-35px {
  margin-right: 35px !important;
}
.me-40px {
  margin-right: 40px !important;
}
.me-45px {
  margin-right: 45px !important;
}
.me-50px {
  margin-right: 50px !important;
}
.me-55px {
  margin-right: 55px !important;
}
.me-60px {
  margin-right: 60px !important;
}
.me-65px {
  margin-right: 65px !important;
}
.me-70px {
  margin-right: 70px !important;
}
.me-1 {
  margin-right: 1% !important;
}
.me-2 {
  margin-right: 2% !important;
}
.me-3 {
  margin-right: 3% !important;
}
.me-4 {
  margin-right: 4% !important;
}
.me-5 {
  margin-right: 5% !important;
}
.me-6 {
  margin-right: 6% !important;
}
.me-7 {
  margin-right: 7% !important;
}
.me-8 {
  margin-right: 8% !important;
}
.me-9 {
  margin-right: 9% !important;
}
.me-10 {
  margin-right: 10% !important;
}
.me-11 {
  margin-right: 11% !important;
}
.me-12 {
  margin-right: 12% !important;
}
.me-13 {
  margin-right: 13% !important;
}
.me-14 {
  margin-right: 14% !important;
}
.me-15 {
  margin-right: 15% !important;
}
.me-16 {
  margin-right: 16% !important;
}
.me-17 {
  margin-right: 17% !important;
}
.me-18 {
  margin-right: 18% !important;
}
.me-19 {
  margin-right: 19% !important;
}
.me-20 {
  margin-right: 20% !important;
}
.me-21 {
  margin-right: 21% !important;
}
.me-22 {
  margin-right: 22% !important;
}
.me-23 {
  margin-right: 23% !important;
}
.me-24 {
  margin-right: 24% !important;
}
.me-25 {
  margin-right: 25% !important;
}
.me-26 {
  margin-right: 26% !important;
}
.me-27 {
  margin-right: 27% !important;
}
.me-28 {
  margin-right: 28% !important;
}
.me-29 {
  margin-right: 29% !important;
}
.me-30 {
  margin-right: 30% !important;
}
.mb-5px {
  margin-bottom: 5px !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.mb-15px {
  margin-bottom: 15px !important;
}
.mb-20px {
  margin-bottom: 20px !important;
}
.mb-25px {
  margin-bottom: 25px !important;
}
.mb-30px {
  margin-bottom: 30px !important;
}
.mb-35px {
  margin-bottom: 35px !important;
}
.mb-40px {
  margin-bottom: 40px !important;
}
.mb-45px {
  margin-bottom: 45px !important;
}
.mb-50px {
  margin-bottom: 50px !important;
}
.mb-55px {
  margin-bottom: 55px !important;
}
.mb-60px {
  margin-bottom: 60px !important;
}
.mb-65px {
  margin-bottom: 65px !important;
}
.mb-70px {
  margin-bottom: 70px !important;
}
.mb-1 {
  margin-bottom: 1% !important;
}
.mb-2 {
  margin-bottom: 2% !important;
}
.mb-3 {
  margin-bottom: 3% !important;
}
.mb-4 {
  margin-bottom: 4% !important;
}
.mb-5 {
  margin-bottom: 5% !important;
}
.mb-6 {
  margin-bottom: 6% !important;
}
.mb-7 {
  margin-bottom: 7% !important;
}
.mb-8 {
  margin-bottom: 8% !important;
}
.mb-9 {
  margin-bottom: 9% !important;
}
.mb-10 {
  margin-bottom: 10% !important;
}
.mb-11 {
  margin-bottom: 11% !important;
}
.mb-12 {
  margin-bottom: 12% !important;
}
.mb-13 {
  margin-bottom: 13% !important;
}
.mb-14 {
  margin-bottom: 14% !important;
}
.mb-15 {
  margin-bottom: 15% !important;
}
.mb-16 {
  margin-bottom: 16% !important;
}
.mb-17 {
  margin-bottom: 17% !important;
}
.mb-18 {
  margin-bottom: 18% !important;
}
.mb-19 {
  margin-bottom: 19% !important;
}
.mb-20 {
  margin-bottom: 20% !important;
}
.mb-21 {
  margin-bottom: 21% !important;
}
.mb-22 {
  margin-bottom: 22% !important;
}
.mb-23 {
  margin-bottom: 23% !important;
}
.mb-24 {
  margin-bottom: 24% !important;
}
.mb-25 {
  margin-bottom: 25% !important;
}
.mb-26 {
  margin-bottom: 26% !important;
}
.mb-27 {
  margin-bottom: 27% !important;
}
.mb-28 {
  margin-bottom: 28% !important;
}
.mb-29 {
  margin-bottom: 29% !important;
}
.mb-30 {
  margin-bottom: 30% !important;
}
.ms-5px {
  margin-left: 5px !important;
}
.ms-10px {
  margin-left: 10px !important;
}
.ms-15px {
  margin-left: 15px !important;
}
.ms-20px {
  margin-left: 20px !important;
}
.ms-25px {
  margin-left: 25px !important;
}
.ms-30px {
  margin-left: 30px !important;
}
.ms-35px {
  margin-left: 35px !important;
}
.ms-40px {
  margin-left: 40px !important;
}
.ms-45px {
  margin-left: 45px !important;
}
.ms-50px {
  margin-left: 50px !important;
}
.ms-55px {
  margin-left: 55px !important;
}
.ms-60px {
  margin-left: 60px !important;
}
.ms-65px {
  margin-left: 65px !important;
}
.ms-70px {
  margin-left: 70px !important;
}
.ms-1 {
  margin-left: 1% !important;
}
.ms-2 {
  margin-left: 2% !important;
}
.ms-3 {
  margin-left: 3% !important;
}
.ms-4 {
  margin-left: 4% !important;
}
.ms-5 {
  margin-left: 5% !important;
}
.ms-6 {
  margin-left: 6% !important;
}
.ms-7 {
  margin-left: 7% !important;
}
.ms-8 {
  margin-left: 8% !important;
}
.ms-9 {
  margin-left: 9% !important;
}
.ms-10 {
  margin-left: 10% !important;
}
.ms-11 {
  margin-left: 11% !important;
}
.ms-12 {
  margin-left: 12% !important;
}
.ms-13 {
  margin-left: 13% !important;
}
.ms-14 {
  margin-left: 14% !important;
}
.ms-15 {
  margin-left: 15% !important;
}
.ms-16 {
  margin-left: 16% !important;
}
.ms-17 {
  margin-left: 17% !important;
}
.ms-18 {
  margin-left: 18% !important;
}
.ms-19 {
  margin-left: 19% !important;
}
.ms-20 {
  margin-left: 20% !important;
}
.ms-21 {
  margin-left: 21% !important;
}
.ms-22 {
  margin-left: 22% !important;
}
.ms-23 {
  margin-left: 23% !important;
}
.ms-24 {
  margin-left: 24% !important;
}
.ms-25 {
  margin-left: 25% !important;
}
.ms-26 {
  margin-left: 26% !important;
}
.ms-27 {
  margin-left: 27% !important;
}
.ms-28 {
  margin-left: 28% !important;
}
.ms-29 {
  margin-left: 29% !important;
}
.ms-30 {
  margin-left: 30% !important;
}
/* Position */
.top-0px {
  top: 0px;
}
.top-1px {
  top: 1px;
}
.top-2px {
  top: 2px;
}
.top-3px {
  top: 3px;
}
.top-4px {
  top: 4px;
}
.top-5px {
  top: 5px;
}
.top-6px {
  top: 6px;
}
.top-7px {
  top: 7px;
}
.top-8px {
  top: 8px;
}
.top-9px {
  top: 9px;
}
.top-10px {
  top: 10px;
}
.top-11px {
  top: 11px;
}
.top-12px {
  top: 12px;
}
.top-13px {
  top: 13px;
}
.top-14px {
  top: 14px;
}
.top-15px {
  top: 15px;
}
.top-16px {
  top: 16px;
}
.top-17px {
  top: 17px;
}
.top-18px {
  top: 18px;
}
.top-19px {
  top: 19px;
}
.top-20px {
  top: 20px;
}
.top-21px {
  top: 21px;
}
.top-22px {
  top: 22px;
}
.top-23px {
  top: 23px;
}
.top-24px {
  top: 24px;
}
.top-25px {
  top: 25px;
}
.top-26px {
  top: 26px;
}
.top-27px {
  top: 27px;
}
.top-28px {
  top: 28px;
}
.top-29px {
  top: 29px;
}
.top-30px {
  top: 30px;
}
.top-40px {
  top: 40px;
}
.top-50px {
  top: 50px;
}
.top-60px {
  top: 60px;
}
.top-70px {
  top: 70px;
}
.top-80px {
  top: 80px;
}
.top-90px {
  top: 90px;
}
.top-100px {
  top: 100px;
}
.top-110px {
  top: 110px;
}
.top-120px {
  top: 120px;
}
.top-130px {
  top: 130px;
}
.top-140px {
  top: 140px;
}
.top-150px {
  top: 150px;
}
.right-0px {
  right: 0px;
}
.right-1px {
  right: 1px;
}
.right-2px {
  right: 2px;
}
.right-3px {
  right: 3px;
}
.right-4px {
  right: 4px;
}
.right-5px {
  right: 5px;
}
.right-6px {
  right: 6px;
}
.right-7px {
  right: 7px;
}
.right-8px {
  right: 8px;
}
.right-9px {
  right: 9px;
}
.right-10px {
  right: 10px;
}
.right-11px {
  right: 11px;
}
.right-12px {
  right: 12px;
}
.right-13px {
  right: 13px;
}
.right-14px {
  right: 14px;
}
.right-15px {
  right: 15px;
}
.right-16px {
  right: 16px;
}
.right-17px {
  right: 17px;
}
.right-18px {
  right: 18px;
}
.right-19px {
  right: 19px;
}
.right-20px {
  right: 20px;
}
.right-21px {
  right: 21px;
}
.right-22px {
  right: 22px;
}
.right-23px {
  right: 23px;
}
.right-24px {
  right: 24px;
}
.right-25px {
  right: 25px;
}
.right-26px {
  right: 26px;
}
.right-27px {
  right: 27px;
}
.right-28px {
  right: 28px;
}
.right-29px {
  right: 29px;
}
.right-30px {
  right: 30px;
}
.right-40px {
  right: 40px;
}
.right-50px {
  right: 50px;
}
.right-60px {
  right: 60px;
}
.right-70px {
  right: 70px;
}
.right-80px {
  right: 80px;
}
.right-90px {
  right: 90px;
}
.right-100px {
  right: 100px;
}
.right-110px {
  right: 110px;
}
.right-120px {
  right: 120px;
}
.right-130px {
  right: 130px;
}
.right-140px {
  right: 140px;
}
.right-150px {
  right: 150px;
}
.bottom-0px {
  bottom: 0px;
}
.bottom-1px {
  bottom: 1px;
}
.bottom-2px {
  bottom: 2px;
}
.bottom-3px {
  bottom: 3px;
}
.bottom-4px {
  bottom: 4px;
}
.bottom-5px {
  bottom: 5px;
}
.bottom-6px {
  bottom: 6px;
}
.bottom-7px {
  bottom: 7px;
}
.bottom-8px {
  bottom: 8px;
}
.bottom-9px {
  bottom: 9px;
}
.bottom-10px {
  bottom: 10px;
}
.bottom-11px {
  bottom: 11px;
}
.bottom-12px {
  bottom: 12px;
}
.bottom-13px {
  bottom: 13px;
}
.bottom-14px {
  bottom: 14px;
}
.bottom-15px {
  bottom: 15px;
}
.bottom-16px {
  bottom: 16px;
}
.bottom-17px {
  bottom: 17px;
}
.bottom-18px {
  bottom: 18px;
}
.bottom-19px {
  bottom: 19px;
}
.bottom-20px {
  bottom: 20px;
}
.bottom-21px {
  bottom: 21px;
}
.bottom-22px {
  bottom: 22px;
}
.bottom-23px {
  bottom: 23px;
}
.bottom-24px {
  bottom: 24px;
}
.bottom-25px {
  bottom: 25px;
}
.bottom-26px {
  bottom: 26px;
}
.bottom-27px {
  bottom: 27px;
}
.bottom-28px {
  bottom: 28px;
}
.bottom-29px {
  bottom: 29px;
}
.bottom-30px {
  bottom: 30px;
}
.bottom-40px {
  bottom: 40px;
}
.bottom-50px {
  bottom: 50px;
}
.bottom-60px {
  bottom: 60px;
}
.bottom-70px {
  bottom: 70px;
}
.bottom-80px {
  bottom: 80px;
}
.bottom-90px {
  bottom: 90px;
}
.bottom-100px {
  bottom: 100px;
}
.bottom-110px {
  bottom: 110px;
}
.bottom-120px {
  bottom: 120px;
}
.bottom-130px {
  bottom: 130px;
}
.bottom-140px {
  bottom: 140px;
}
.bottom-150px {
  bottom: 150px;
}
.left-0px {
  left: 0px;
}
.left-1px {
  left: 1px;
}
.left-2px {
  left: 2px;
}
.left-3px {
  left: 3px;
}
.left-4px {
  left: 4px;
}
.left-5px {
  left: 5px;
}
.left-6px {
  left: 6px;
}
.left-7px {
  left: 7px;
}
.left-8px {
  left: 8px;
}
.left-9px {
  left: 9px;
}
.left-10px {
  left: 10px;
}
.left-11px {
  left: 11px;
}
.left-12px {
  left: 12px;
}
.left-13px {
  left: 13px;
}
.left-14px {
  left: 14px;
}
.left-15px {
  left: 15px;
}
.left-16px {
  left: 16px;
}
.left-17px {
  left: 17px;
}
.left-18px {
  left: 18px;
}
.left-19px {
  left: 19px;
}
.left-20px {
  left: 20px;
}
.left-21px {
  left: 21px;
}
.left-22px {
  left: 22px;
}
.left-23px {
  left: 23px;
}
.left-24px {
  left: 24px;
}
.left-25px {
  left: 25px;
}
.left-26px {
  left: 26px;
}
.left-27px {
  left: 27px;
}
.left-28px {
  left: 28px;
}
.left-29px {
  left: 29px;
}
.left-30px {
  left: 30px;
}
.left-40px {
  left: 40px;
}
.left-50px {
  left: 50px;
}
.left-60px {
  left: 60px;
}
.left-70px {
  left: 70px;
}
.left-80px {
  left: 80px;
}
.left-90px {
  left: 90px;
}
.left-100px {
  left: 100px;
}
.left-110px {
  left: 110px;
}
.left-120px {
  left: 120px;
}
.left-130px {
  left: 130px;
}
.left-140px {
  left: 140px;
}
.left-150px {
  left: 150px;
}
.top-minus-0px {
  top: -0px;
}
.top-minus-1px {
  top: -1px;
}
.top-minus-2px {
  top: -2px;
}
.top-minus-3px {
  top: -3px;
}
.top-minus-4px {
  top: -4px;
}
.top-minus-5px {
  top: -5px;
}
.top-minus-6px {
  top: -6px;
}
.top-minus-7px {
  top: -7px;
}
.top-minus-8px {
  top: -8px;
}
.top-minus-9px {
  top: -9px;
}
.top-minus-10px {
  top: -10px;
}
.top-minus-11px {
  top: -11px;
}
.top-minus-12px {
  top: -12px;
}
.top-minus-13px {
  top: -13px;
}
.top-minus-14px {
  top: -14px;
}
.top-minus-15px {
  top: -15px;
}
.top-minus-16px {
  top: -16px;
}
.top-minus-17px {
  top: -17px;
}
.top-minus-18px {
  top: -18px;
}
.top-minus-19px {
  top: -19px;
}
.top-minus-20px {
  top: -20px;
}
.top-minus-21px {
  top: -21px;
}
.top-minus-22px {
  top: -22px;
}
.top-minus-23px {
  top: -23px;
}
.top-minus-24px {
  top: -24px;
}
.top-minus-25px {
  top: -25px;
}
.top-minus-26px {
  top: -26px;
}
.top-minus-27px {
  top: -27px;
}
.top-minus-28px {
  top: -28px;
}
.top-minus-29px {
  top: -29px;
}
.top-minus-30px {
  top: -30px;
}
.top-minus-40px {
  top: -40px;
}
.top-minus-50px {
  top: -50px;
}
.top-minus-60px {
  top: -60px;
}
.top-minus-70px {
  top: -70px;
}
.top-minus-80px {
  top: -80px;
}
.top-minus-90px {
  top: -90px;
}
.top-minus-100px {
  top: -100px;
}
.top-minus-110px {
  top: -110px;
}
.top-minus-120px {
  top: -120px;
}
.top-minus-130px {
  top: -130px;
}
.top-minus-140px {
  top: -140px;
}
.top-minus-150px {
  top: -150px;
}
.right-minus-0px {
  right: -0px;
}
.right-minus-1px {
  right: -1px;
}
.right-minus-2px {
  right: -2px;
}
.right-minus-3px {
  right: -3px;
}
.right-minus-4px {
  right: -4px;
}
.right-minus-5px {
  right: -5px;
}
.right-minus-6px {
  right: -6px;
}
.right-minus-7px {
  right: -7px;
}
.right-minus-8px {
  right: -8px;
}
.right-minus-9px {
  right: -9px;
}
.right-minus-10px {
  right: -10px;
}
.right-minus-11px {
  right: -11px;
}
.right-minus-12px {
  right: -12px;
}
.right-minus-13px {
  right: -13px;
}
.right-minus-14px {
  right: -14px;
}
.right-minus-15px {
  right: -15px;
}
.right-minus-16px {
  right: -16px;
}
.right-minus-17px {
  right: -17px;
}
.right-minus-18px {
  right: -18px;
}
.right-minus-19px {
  right: -19px;
}
.right-minus-20px {
  right: -20px;
}
.right-minus-21px {
  right: -21px;
}
.right-minus-22px {
  right: -22px;
}
.right-minus-23px {
  right: -23px;
}
.right-minus-24px {
  right: -24px;
}
.right-minus-25px {
  right: -25px;
}
.right-minus-26px {
  right: -26px;
}
.right-minus-27px {
  right: -27px;
}
.right-minus-28px {
  right: -28px;
}
.right-minus-29px {
  right: -29px;
}
.right-minus-30px {
  right: -30px;
}
.right-minus-40px {
  right: -40px;
}
.right-minus-50px {
  right: -50px;
}
.right-minus-60px {
  right: -60px;
}
.right-minus-70px {
  right: -70px;
}
.right-minus-80px {
  right: -80px;
}
.right-minus-90px {
  right: -90px;
}
.right-minus-100px {
  right: -100px;
}
.right-minus-110px {
  right: -110px;
}
.right-minus-120px {
  right: -120px;
}
.right-minus-130px {
  right: -130px;
}
.right-minus-140px {
  right: -140px;
}
.right-minus-150px {
  right: -150px;
}
.bottom-minus-0px {
  bottom: -0px;
}
.bottom-minus-1px {
  bottom: -1px;
}
.bottom-minus-2px {
  bottom: -2px;
}
.bottom-minus-3px {
  bottom: -3px;
}
.bottom-minus-4px {
  bottom: -4px;
}
.bottom-minus-5px {
  bottom: -5px;
}
.bottom-minus-6px {
  bottom: -6px;
}
.bottom-minus-7px {
  bottom: -7px;
}
.bottom-minus-8px {
  bottom: -8px;
}
.bottom-minus-9px {
  bottom: -9px;
}
.bottom-minus-10px {
  bottom: -10px;
}
.bottom-minus-11px {
  bottom: -11px;
}
.bottom-minus-12px {
  bottom: -12px;
}
.bottom-minus-13px {
  bottom: -13px;
}
.bottom-minus-14px {
  bottom: -14px;
}
.bottom-minus-15px {
  bottom: -15px;
}
.bottom-minus-16px {
  bottom: -16px;
}
.bottom-minus-17px {
  bottom: -17px;
}
.bottom-minus-18px {
  bottom: -18px;
}
.bottom-minus-19px {
  bottom: -19px;
}
.bottom-minus-20px {
  bottom: -20px;
}
.bottom-minus-21px {
  bottom: -21px;
}
.bottom-minus-22px {
  bottom: -22px;
}
.bottom-minus-23px {
  bottom: -23px;
}
.bottom-minus-24px {
  bottom: -24px;
}
.bottom-minus-25px {
  bottom: -25px;
}
.bottom-minus-26px {
  bottom: -26px;
}
.bottom-minus-27px {
  bottom: -27px;
}
.bottom-minus-28px {
  bottom: -28px;
}
.bottom-minus-29px {
  bottom: -29px;
}
.bottom-minus-30px {
  bottom: -30px;
}
.bottom-minus-40px {
  bottom: -40px;
}
.bottom-minus-50px {
  bottom: -50px;
}
.bottom-minus-60px {
  bottom: -60px;
}
.bottom-minus-70px {
  bottom: -70px;
}
.bottom-minus-80px {
  bottom: -80px;
}
.bottom-minus-90px {
  bottom: -90px;
}
.bottom-minus-100px {
  bottom: -100px;
}
.bottom-minus-110px {
  bottom: -110px;
}
.bottom-minus-120px {
  bottom: -120px;
}
.bottom-minus-130px {
  bottom: -130px;
}
.bottom-minus-140px {
  bottom: -140px;
}
.bottom-minus-150px {
  bottom: -150px;
}
.left-minus-0px {
  left: -0px;
}
.left-minus-1px {
  left: -1px;
}
.left-minus-2px {
  left: -2px;
}
.left-minus-3px {
  left: -3px;
}
.left-minus-4px {
  left: -4px;
}
.left-minus-5px {
  left: -5px;
}
.left-minus-6px {
  left: -6px;
}
.left-minus-7px {
  left: -7px;
}
.left-minus-8px {
  left: -8px;
}
.left-minus-9px {
  left: -9px;
}
.left-minus-10px {
  left: -10px;
}
.left-minus-11px {
  left: -11px;
}
.left-minus-12px {
  left: -12px;
}
.left-minus-13px {
  left: -13px;
}
.left-minus-14px {
  left: -14px;
}
.left-minus-15px {
  left: -15px;
}
.left-minus-16px {
  left: -16px;
}
.left-minus-17px {
  left: -17px;
}
.left-minus-18px {
  left: -18px;
}
.left-minus-19px {
  left: -19px;
}
.left-minus-20px {
  left: -20px;
}
.left-minus-21px {
  left: -21px;
}
.left-minus-22px {
  left: -22px;
}
.left-minus-23px {
  left: -23px;
}
.left-minus-24px {
  left: -24px;
}
.left-minus-25px {
  left: -25px;
}
.left-minus-26px {
  left: -26px;
}
.left-minus-27px {
  left: -27px;
}
.left-minus-28px {
  left: -28px;
}
.left-minus-29px {
  left: -29px;
}
.left-minus-30px {
  left: -30px;
}
.left-minus-40px {
  left: -40px;
}
.left-minus-50px {
  left: -50px;
}
.left-minus-60px {
  left: -60px;
}
.left-minus-70px {
  left: -70px;
}
.left-minus-80px {
  left: -80px;
}
.left-minus-90px {
  left: -90px;
}
.left-minus-100px {
  left: -100px;
}
.left-minus-110px {
  left: -110px;
}
.left-minus-120px {
  left: -120px;
}
.left-minus-130px {
  left: -130px;
}
.left-minus-140px {
  left: -140px;
}
.left-minus-150px {
  left: -150px;
}
/* Font weight */
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
/* Min height */
.min-h-100px {
  min-height: 100px !important;
}
.min-h-150px {
  min-height: 150px !important;
}
.min-h-200px {
  min-height: 200px !important;
}
.min-h-250px {
  min-height: 250px !important;
}
.min-h-300px {
  min-height: 300px !important;
}
.min-h-350px {
  min-height: 350px !important;
}
.min-h-400px {
  min-height: 400px !important;
}
.min-h-450px {
  min-height: 450px !important;
}
.min-h-500px {
  min-height: 500px !important;
}
.min-h-550px {
  min-height: 550px !important;
}
.min-h-600px {
  min-height: 600px !important;
}
.min-h-650px {
  min-height: 650px !important;
}
.min-h-700px {
  min-height: 700px !important;
}
.min-h-750px {
  min-height: 750px !important;
}
.min-h-800px {
  min-height: 800px !important;
}
.min-h-850px {
  min-height: 850px !important;
}
.min-h-900px {
  min-height: 900px !important;
}
.min-h-950px {
  min-height: 950px !important;
}

.video-home {width:100%; max-width:1280px; margin:0 auto;}

.video-interno-progetto {width:100%; max-width:1280px; margin:0 auto;}


.raccontiamo {position:absolute; top: 10vh; left: 2vw; background:#0C0B0B; width:70% !important; padding: 15px;}

/* VERTICAL TAB */
.tabs {display: flex;flex-direction: column;gap: 15px;}
.tab-btn {display: flex;align-items: center;gap: 20px;cursor: pointer;font-size: 48px;font-weight: 400;transition: color 0.3s ease;}
.tab-btn .indicator {width: 15px;height:40px;border-radius: 10px;background: #3E3E3E;transition: background 0.5s ease;}
.tab-btn.active {font-weight: bold; transition: 0.3s ease;}
.tab-btn.active .indicator {background: var(--verde);}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-btn:hover .indicator {background: var(--verde);transition: background 0.4s ease;}
.text-container {max-height: 150px;overflow: hidden;position: relative;transition: max-height 0.3s ease;mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));}
.text-container.expanded {max-height: 850px;mask-image: none;-webkit-mask-image: none;}
.read-more {cursor: pointer;display: inline-block;margin-top: 15px;}

.margintimg {margin-top:-30vh;}

footer .bringer-label {padding-bottom: 15px !important; display:block; color:#545454; font-weight: 600; font-size:20px; font-size:14px;}
footer, footer p {color: var(--bringer-s-heading);}

@media (max-width: 575px) {
  .xs-p-5px {
    padding: 5px !important;
  }
  .xs-p-10px {
    padding: 10px !important;
  }
  .xs-p-15px {
    padding: 15px !important;
  }
  .xs-p-20px {
    padding: 20px !important;
  }
  .xs-p-25px {
    padding: 25px !important;
  }
  .xs-p-30px {
    padding: 30px !important;
  }
  .xs-p-35px {
    padding: 35px !important;
  }
  .xs-p-40px {
    padding: 40px !important;
  }
  .xs-p-45px {
    padding: 45px !important;
  }
  .xs-p-50px {
    padding: 50px !important;
  }
  .xs-p-55px {
    padding: 55px !important;
  }
  .xs-p-60px {
    padding: 60px !important;
  }
  .xs-p-65px {
    padding: 65px !important;
  }
  .xs-p-70px {
    padding: 70px !important;
  }
  .xs-p-1 {
    padding: 1% !important;
  }
  .xs-p-2 {
    padding: 2% !important;
  }
  .xs-p-3 {
    padding: 3% !important;
  }
  .xs-p-4 {
    padding: 4% !important;
  }
  .xs-p-5 {
    padding: 5% !important;
  }
  .xs-p-6 {
    padding: 6% !important;
  }
  .xs-p-7 {
    padding: 7% !important;
  }
  .xs-p-8 {
    padding: 8% !important;
  }
  .xs-p-9 {
    padding: 9% !important;
  }
  .xs-p-10 {
    padding: 10% !important;
  }
  .xs-p-11 {
    padding: 11% !important;
  }
  .xs-p-12 {
    padding: 12% !important;
  }
  .xs-p-13 {
    padding: 13% !important;
  }
  .xs-p-14 {
    padding: 14% !important;
  }
  .xs-p-15 {
    padding: 15% !important;
  }
  .xs-p-16 {
    padding: 16% !important;
  }
  .xs-p-17 {
    padding: 17% !important;
  }
  .xs-p-18 {
    padding: 18% !important;
  }
  .xs-p-19 {
    padding: 19% !important;
  }
  .xs-p-20 {
    padding: 20% !important;
  }
  .xs-p-21 {
    padding: 21% !important;
  }
  .xs-p-22 {
    padding: 22% !important;
  }
  .xs-p-23 {
    padding: 23% !important;
  }
  .xs-p-24 {
    padding: 24% !important;
  }
  .xs-p-25 {
    padding: 25% !important;
  }
  .xs-p-26 {
    padding: 26% !important;
  }
  .xs-p-27 {
    padding: 27% !important;
  }
  .xs-p-28 {
    padding: 28% !important;
  }
  .xs-p-29 {
    padding: 29% !important;
  }
  .xs-p-30 {
    padding: 30% !important;
  }
  .xs-pt-0 {
    padding-top: 0 !important;
  }
  .xs-pt-5px {
    padding-top: 5px !important;
  }
  .xs-pt-10px {
    padding-top: 10px !important;
  }
  .xs-pt-15px {
    padding-top: 15px !important;
  }
  .xs-pt-20px {
    padding-top: 20px !important;
  }
  .xs-pt-25px {
    padding-top: 25px !important;
  }
  .xs-pt-30px {
    padding-top: 30px !important;
  }
  .xs-pt-35px {
    padding-top: 35px !important;
  }
  .xs-pt-40px {
    padding-top: 40px !important;
  }
  .xs-pt-45px {
    padding-top: 45px !important;
  }
  .xs-pt-50px {
    padding-top: 50px !important;
  }
  .xs-pt-55px {
    padding-top: 55px !important;
  }
  .xs-pt-60px {
    padding-top: 60px !important;
  }
  .xs-pt-65px {
    padding-top: 65px !important;
  }
  .xs-pt-70px {
    padding-top: 70px !important;
  }
  .xs-pt-1 {
    padding-top: 1% !important;
  }
  .xs-pt-2 {
    padding-top: 2% !important;
  }
  .xs-pt-3 {
    padding-top: 3% !important;
  }
  .xs-pt-4 {
    padding-top: 4% !important;
  }
  .xs-pt-5 {
    padding-top: 5% !important;
  }
  .xs-pt-6 {
    padding-top: 6% !important;
  }
  .xs-pt-7 {
    padding-top: 7% !important;
  }
  .xs-pt-8 {
    padding-top: 8% !important;
  }
  .xs-pt-9 {
    padding-top: 9% !important;
  }
  .xs-pt-10 {
    padding-top: 10% !important;
  }
  .xs-pt-11 {
    padding-top: 11% !important;
  }
  .xs-pt-12 {
    padding-top: 12% !important;
  }
  .xs-pt-13 {
    padding-top: 13% !important;
  }
  .xs-pt-14 {
    padding-top: 14% !important;
  }
  .xs-pt-15 {
    padding-top: 15% !important;
  }
  .xs-pt-16 {
    padding-top: 16% !important;
  }
  .xs-pt-17 {
    padding-top: 17% !important;
  }
  .xs-pt-18 {
    padding-top: 18% !important;
  }
  .xs-pt-19 {
    padding-top: 19% !important;
  }
  .xs-pt-20 {
    padding-top: 20% !important;
  }
  .xs-pt-21 {
    padding-top: 21% !important;
  }
  .xs-pt-22 {
    padding-top: 22% !important;
  }
  .xs-pt-23 {
    padding-top: 23% !important;
  }
  .xs-pt-24 {
    padding-top: 24% !important;
  }
  .xs-pt-25 {
    padding-top: 25% !important;
  }
  .xs-pt-26 {
    padding-top: 26% !important;
  }
  .xs-pt-27 {
    padding-top: 27% !important;
  }
  .xs-pt-28 {
    padding-top: 28% !important;
  }
  .xs-pt-29 {
    padding-top: 29% !important;
  }
  .xs-pt-30 {
    padding-top: 30% !important;
  }
  .xs-pe-5px {
    padding-right: 5px !important;
  }
  .xs-pe-10px {
    padding-right: 10px !important;
  }
  .xs-pe-0 {
    padding-right: 0 !important;
  }
  .xs-pe-15px {
    padding-right: 15px !important;
  }
  .xs-pe-20px {
    padding-right: 20px !important;
  }
  .xs-pe-25px {
    padding-right: 25px !important;
  }
  .xs-pe-30px {
    padding-right: 30px !important;
  }
  .xs-pe-35px {
    padding-right: 35px !important;
  }
  .xs-pe-40px {
    padding-right: 40px !important;
  }
  .xs-pe-45px {
    padding-right: 45px !important;
  }
  .xs-pe-50px {
    padding-right: 50px !important;
  }
  .xs-pe-55px {
    padding-right: 55px !important;
  }
  .xs-pe-60px {
    padding-right: 60px !important;
  }
  .xs-pe-65px {
    padding-right: 65px !important;
  }
  .xs-pe-70px {
    padding-right: 70px !important;
  }
  .xs-pe-1 {
    padding-right: 1% !important;
  }
  .xs-pe-2 {
    padding-right: 2% !important;
  }
  .xs-pe-3 {
    padding-right: 3% !important;
  }
  .xs-pe-4 {
    padding-right: 4% !important;
  }
  .xs-pe-5 {
    padding-right: 5% !important;
  }
  .xs-pe-6 {
    padding-right: 6% !important;
  }
  .xs-pe-7 {
    padding-right: 7% !important;
  }
  .xs-pe-8 {
    padding-right: 8% !important;
  }
  .xs-pe-9 {
    padding-right: 9% !important;
  }
  .xs-pe-10 {
    padding-right: 10% !important;
  }
  .xs-pe-11 {
    padding-right: 11% !important;
  }
  .xs-pe-12 {
    padding-right: 12% !important;
  }
  .xs-pe-13 {
    padding-right: 13% !important;
  }
  .xs-pe-14 {
    padding-right: 14% !important;
  }
  .xs-pe-15 {
    padding-right: 15% !important;
  }
  .xs-pe-16 {
    padding-right: 16% !important;
  }
  .xs-pe-17 {
    padding-right: 17% !important;
  }
  .xs-pe-18 {
    padding-right: 18% !important;
  }
  .xs-pe-19 {
    padding-right: 19% !important;
  }
  .xs-pe-20 {
    padding-right: 20% !important;
  }
  .xs-pe-21 {
    padding-right: 21% !important;
  }
  .xs-pe-22 {
    padding-right: 22% !important;
  }
  .xs-pe-23 {
    padding-right: 23% !important;
  }
  .xs-pe-24 {
    padding-right: 24% !important;
  }
  .xs-pe-25 {
    padding-right: 25% !important;
  }
  .xs-pe-26 {
    padding-right: 26% !important;
  }
  .xs-pe-27 {
    padding-right: 27% !important;
  }
  .xs-pe-28 {
    padding-right: 28% !important;
  }
  .xs-pe-29 {
    padding-right: 29% !important;
  }
  .xs-pe-30 {
    padding-right: 30% !important;
  }
  .xs-pb-5px {
    padding-bottom: 5px !important;
  }
  .xs-pb-10px {
    padding-bottom: 10px !important;
  }
  .xs-pb-15px {
    padding-bottom: 15px !important;
  }
  .xs-pb-20px {
    padding-bottom: 20px !important;
  }
  .xs-pb-25px {
    padding-bottom: 25px !important;
  }
  .xs-pb-30px {
    padding-bottom: 30px !important;
  }
  .xs-pb-35px {
    padding-bottom: 35px !important;
  }
  .xs-pb-40px {
    padding-bottom: 40px !important;
  }
  .xs-pb-45px {
    padding-bottom: 45px !important;
  }
  .xs-pb-50px {
    padding-bottom: 50px !important;
  }
  .xs-pb-55px {
    padding-bottom: 55px !important;
  }
  .xs-pb-60px {
    padding-bottom: 60px !important;
  }
  .xs-pb-65px {
    padding-bottom: 65px !important;
  }
  .xs-pb-70px {
    padding-bottom: 70px !important;
  }
  .xs-pb-0 {padding-bottom:0 !important;}
  .xs-pb-1 {
    padding-bottom: 1% !important;
  }
  .xs-pb-2 {
    padding-bottom: 2% !important;
  }
  .xs-pb-3 {
    padding-bottom: 3% !important;
  }
  .xs-pb-4 {
    padding-bottom: 4% !important;
  }
  .xs-pb-5 {
    padding-bottom: 5% !important;
  }
  .xs-pb-6 {
    padding-bottom: 6% !important;
  }
  .xs-pb-7 {
    padding-bottom: 7% !important;
  }
  .xs-pb-8 {
    padding-bottom: 8% !important;
  }
  .xs-pb-9 {
    padding-bottom: 9% !important;
  }
  .xs-pb-10 {
    padding-bottom: 10% !important;
  }
  .xs-pb-11 {
    padding-bottom: 11% !important;
  }
  .xs-pb-12 {
    padding-bottom: 12% !important;
  }
  .xs-pb-13 {
    padding-bottom: 13% !important;
  }
  .xs-pb-14 {
    padding-bottom: 14% !important;
  }
  .xs-pb-15 {
    padding-bottom: 15% !important;
  }
  .xs-pb-16 {
    padding-bottom: 16% !important;
  }
  .xs-pb-17 {
    padding-bottom: 17% !important;
  }
  .xs-pb-18 {
    padding-bottom: 18% !important;
  }
  .xs-pb-19 {
    padding-bottom: 19% !important;
  }
  .xs-pb-20 {
    padding-bottom: 20% !important;
  }
  .xs-pb-21 {
    padding-bottom: 21% !important;
  }
  .xs-pb-22 {
    padding-bottom: 22% !important;
  }
  .xs-pb-23 {
    padding-bottom: 23% !important;
  }
  .xs-pb-24 {
    padding-bottom: 24% !important;
  }
  .xs-pb-25 {
    padding-bottom: 25% !important;
  }
  .xs-pb-26 {
    padding-bottom: 26% !important;
  }
  .xs-pb-27 {
    padding-bottom: 27% !important;
  }
  .xs-pb-28 {
    padding-bottom: 28% !important;
  }
  .xs-pb-29 {
    padding-bottom: 29% !important;
  }
  .xs-pb-30 {
    padding-bottom: 30% !important;
  }
  .xs-ps-0 {
    padding-left: 0 !important;
  }
  .xs-ps-5px {
    padding-left: 5px !important;
  }
  .xs-ps-10px {
    padding-left: 10px !important;
  }
  .xs-ps-15px {
    padding-left: 15px !important;
  }
  .xs-ps-20px {
    padding-left: 20px !important;
  }
  .xs-ps-25px {
    padding-left: 25px !important;
  }
  .xs-ps-30px {
    padding-left: 30px !important;
  }
  .xs-ps-35px {
    padding-left: 35px !important;
  }
  .xs-ps-40px {
    padding-left: 40px !important;
  }
  .xs-ps-45px {
    padding-left: 45px !important;
  }
  .xs-ps-50px {
    padding-left: 50px !important;
  }
  .xs-ps-55px {
    padding-left: 55px !important;
  }
  .xs-ps-60px {
    padding-left: 60px !important;
  }
  .xs-ps-65px {
    padding-left: 65px !important;
  }
  .xs-ps-70px {
    padding-left: 70px !important;
  }
  .xs-ps-1 {
    padding-left: 1% !important;
  }
  .xs-ps-2 {
    padding-left: 2% !important;
  }
  .xs-ps-3 {
    padding-left: 3% !important;
  }
  .xs-ps-4 {
    padding-left: 4% !important;
  }
  .xs-ps-5 {
    padding-left: 5% !important;
  }
  .xs-ps-6 {
    padding-left: 6% !important;
  }
  .xs-ps-7 {
    padding-left: 7% !important;
  }
  .xs-ps-8 {
    padding-left: 8% !important;
  }
  .xs-ps-9 {
    padding-left: 9% !important;
  }
  .xs-ps-10 {
    padding-left: 10% !important;
  }
  .xs-ps-11 {
    padding-left: 11% !important;
  }
  .xs-ps-12 {
    padding-left: 12% !important;
  }
  .xs-ps-13 {
    padding-left: 13% !important;
  }
  .xs-ps-14 {
    padding-left: 14% !important;
  }
  .xs-ps-15 {
    padding-left: 15% !important;
  }
  .xs-ps-16 {
    padding-left: 16% !important;
  }
  .xs-ps-17 {
    padding-left: 17% !important;
  }
  .xs-ps-18 {
    padding-left: 18% !important;
  }
  .xs-ps-19 {
    padding-left: 19% !important;
  }
  .xs-ps-20 {
    padding-left: 20% !important;
  }
  .xs-ps-21 {
    padding-left: 21% !important;
  }
  .xs-ps-22 {
    padding-left: 22% !important;
  }
  .xs-ps-23 {
    padding-left: 23% !important;
  }
  .xs-ps-24 {
    padding-left: 24% !important;
  }
  .xs-ps-25 {
    padding-left: 25% !important;
  }
  .xs-ps-26 {
    padding-left: 26% !important;
  }
  .xs-ps-27 {
    padding-left: 27% !important;
  }
  .xs-ps-28 {
    padding-left: 28% !important;
  }
  .xs-ps-29 {
    padding-left: 29% !important;
  }
  .xs-ps-30 {
    padding-left: 30% !important;
  }
  .xs-m-5px {
    margin: 5px !important;
  }
  .xs-m-10px {
    margin: 10px !important;
  }
  .xs-m-15px {
    margin: 15px !important;
  }
  .xs-m-20px {
    margin: 20px !important;
  }
  .xs-m-25px {
    margin: 25px !important;
  }
  .xs-m-30px {
    margin: 30px !important;
  }
  .xs-m-35px {
    margin: 35px !important;
  }
  .xs-m-40px {
    margin: 40px !important;
  }
  .xs-m-45px {
    margin: 45px !important;
  }
  .xs-m-50px {
    margin: 50px !important;
  }
  .xs-m-55px {
    margin: 55px !important;
  }
  .xs-m-60px {
    margin: 60px !important;
  }
  .xs-m-65px {
    margin: 65px !important;
  }
  .xs-m-70px {
    margin: 70px !important;
  }
  .xs-m-1 {
    margin: 1% !important;
  }
  .xs-m-2 {
    margin: 2% !important;
  }
  .xs-m-3 {
    margin: 3% !important;
  }
  .xs-m-4 {
    margin: 4% !important;
  }
  .xs-m-5 {
    margin: 5% !important;
  }
  .xs-m-6 {
    margin: 6% !important;
  }
  .xs-m-7 {
    margin: 7% !important;
  }
  .xs-m-8 {
    margin: 8% !important;
  }
  .xs-m-9 {
    margin: 9% !important;
  }
  .xs-m-10 {
    margin: 10% !important;
  }
  .xs-m-11 {
    margin: 11% !important;
  }
  .xs-m-12 {
    margin: 12% !important;
  }
  .xs-m-13 {
    margin: 13% !important;
  }
  .xs-m-14 {
    margin: 14% !important;
  }
  .xs-m-15 {
    margin: 15% !important;
  }
  .xs-m-16 {
    margin: 16% !important;
  }
  .xs-m-17 {
    margin: 17% !important;
  }
  .xs-m-18 {
    margin: 18% !important;
  }
  .xs-m-19 {
    margin: 19% !important;
  }
  .xs-m-20 {
    margin: 20% !important;
  }
  .xs-m-21 {
    margin: 21% !important;
  }
  .xs-m-22 {
    margin: 22% !important;
  }
  .xs-m-23 {
    margin: 23% !important;
  }
  .xs-m-24 {
    margin: 24% !important;
  }
  .xs-m-25 {
    margin: 25% !important;
  }
  .xs-m-26 {
    margin: 26% !important;
  }
  .xs-m-27 {
    margin: 27% !important;
  }
  .xs-m-28 {
    margin: 28% !important;
  }
  .xs-m-29 {
    margin: 29% !important;
  }
  .xs-m-30 {
    margin: 30% !important;
  }
  .xs-mt-0 {
    margin-top: 0px !important;
  }
  .xs-mt-5px {
    margin-top: 5px !important;
  }
  .xs-mt-10px {
    margin-top: 10px !important;
  }
  .xs-mt-15px {
    margin-top: 15px !important;
  }
  .xs-mt-20px {
    margin-top: 20px !important;
  }
  .xs-mt-25px {
    margin-top: 25px !important;
  }
  .xs-mt-30px {
    margin-top: 30px !important;
  }
  .xs-mt-35px {
    margin-top: 35px !important;
  }
  .xs-mt-40px {
    margin-top: 40px !important;
  }
  .xs-mt-45px {
    margin-top: 45px !important;
  }
  .xs-mt-50px {
    margin-top: 50px !important;
  }
  .xs-mt-55px {
    margin-top: 55px !important;
  }
  .xs-mt-60px {
    margin-top: 60px !important;
  }
  .xs-mt-65px {
    margin-top: 65px !important;
  }
  .xs-mt-70px {
    margin-top: 70px !important;
  }
  .xs-mt-90px {
    margin-top: 90px !important;
  }
  .xs-mt-1 {
    margin-top: 1% !important;
  }
  .xs-mt-2 {
    margin-top: 2% !important;
  }
  .xs-mt-3 {
    margin-top: 3% !important;
  }
  .xs-mt-4 {
    margin-top: 4% !important;
  }
  .xs-mt-5 {
    margin-top: 5% !important;
  }
  .xs-mt-6 {
    margin-top: 6% !important;
  }
  .xs-mt-7 {
    margin-top: 7% !important;
  }
  .xs-mt-8 {
    margin-top: 8% !important;
  }
  .xs-mt-9 {
    margin-top: 9% !important;
  }
  .xs-mt-10 {
    margin-top: 10% !important;
  }
  .xs-mt-11 {
    margin-top: 11% !important;
  }
  .xs-mt-12 {
    margin-top: 12% !important;
  }
  .xs-mt-13 {
    margin-top: 13% !important;
  }
  .xs-mt-14 {
    margin-top: 14% !important;
  }
  .xs-mt-15 {
    margin-top: 15% !important;
  }
  .xs-mt-16 {
    margin-top: 16% !important;
  }
  .xs-mt-17 {
    margin-top: 17% !important;
  }
  .xs-mt-18 {
    margin-top: 18% !important;
  }
  .xs-mt-19 {
    margin-top: 19% !important;
  }
  .xs-mt-20 {
    margin-top: 20% !important;
  }
  .xs-mt-21 {
    margin-top: 21% !important;
  }
  .xs-mt-22 {
    margin-top: 22% !important;
  }
  .xs-mt-23 {
    margin-top: 23% !important;
  }
  .xs-mt-24 {
    margin-top: 24% !important;
  }
  .xs-mt-25 {
    margin-top: 25% !important;
  }
  .xs-mt-26 {
    margin-top: 26% !important;
  }
  .xs-mt-27 {
    margin-top: 27% !important;
  }
  .xs-mt-28 {
    margin-top: 28% !important;
  }
  .xs-mt-29 {
    margin-top: 29% !important;
  }
  .xs-mt-30 {
    margin-top: 30% !important;
  }
  .xs-me-5px {
    margin-right: 5px !important;
  }
  .xs-me-10px {
    margin-right: 10px !important;
  }
  .xs-me-15px {
    margin-right: 15px !important;
  }
  .xs-me-20px {
    margin-right: 20px !important;
  }
  .xs-me-25px {
    margin-right: 25px !important;
  }
  .xs-me-30px {
    margin-right: 30px !important;
  }
  .xs-me-35px {
    margin-right: 35px !important;
  }
  .xs-me-40px {
    margin-right: 40px !important;
  }
  .xs-me-45px {
    margin-right: 45px !important;
  }
  .xs-me-50px {
    margin-right: 50px !important;
  }
  .xs-me-55px {
    margin-right: 55px !important;
  }
  .xs-me-60px {
    margin-right: 60px !important;
  }
  .xs-me-65px {
    margin-right: 65px !important;
  }
  .xs-me-70px {
    margin-right: 70px !important;
  }
  .xs-me-1 {
    margin-right: 1% !important;
  }
  .xs-me-2 {
    margin-right: 2% !important;
  }
  .xs-me-3 {
    margin-right: 3% !important;
  }
  .xs-me-4 {
    margin-right: 4% !important;
  }
  .xs-me-5 {
    margin-right: 5% !important;
  }
  .xs-me-6 {
    margin-right: 6% !important;
  }
  .xs-me-7 {
    margin-right: 7% !important;
  }
  .xs-me-8 {
    margin-right: 8% !important;
  }
  .xs-me-9 {
    margin-right: 9% !important;
  }
  .xs-me-10 {
    margin-right: 10% !important;
  }
  .xs-me-11 {
    margin-right: 11% !important;
  }
  .xs-me-12 {
    margin-right: 12% !important;
  }
  .xs-me-13 {
    margin-right: 13% !important;
  }
  .xs-me-14 {
    margin-right: 14% !important;
  }
  .xs-me-15 {
    margin-right: 15% !important;
  }
  .xs-me-16 {
    margin-right: 16% !important;
  }
  .xs-me-17 {
    margin-right: 17% !important;
  }
  .xs-me-18 {
    margin-right: 18% !important;
  }
  .xs-me-19 {
    margin-right: 19% !important;
  }
  .xs-me-20 {
    margin-right: 20% !important;
  }
  .xs-me-21 {
    margin-right: 21% !important;
  }
  .xs-me-22 {
    margin-right: 22% !important;
  }
  .xs-me-23 {
    margin-right: 23% !important;
  }
  .xs-me-24 {
    margin-right: 24% !important;
  }
  .xs-me-25 {
    margin-right: 25% !important;
  }
  .xs-me-26 {
    margin-right: 26% !important;
  }
  .xs-me-27 {
    margin-right: 27% !important;
  }
  .xs-me-28 {
    margin-right: 28% !important;
  }
  .xs-me-29 {
    margin-right: 29% !important;
  }
  .xs-me-30 {
    margin-right: 30% !important;
  }
  .xs-mb-5px {
    margin-bottom: 5px !important;
  }
  .xs-mb-10px {
    margin-bottom: 10px !important;
  }
  .xs-mb-15px {
    margin-bottom: 15px !important;
  }
  .xs-mb-20px {
    margin-bottom: 20px !important;
  }
  .xs-mb-25px {
    margin-bottom: 25px !important;
  }
  .xs-mb-30px {
    margin-bottom: 30px !important;
  }
  .xs-mb-35px {
    margin-bottom: 35px !important;
  }
  .xs-mb-40px {
    margin-bottom: 40px !important;
  }
  .xs-mb-45px {
    margin-bottom: 45px !important;
  }
  .xs-mb-50px {
    margin-bottom: 50px !important;
  }
  .xs-mb-55px {
    margin-bottom: 55px !important;
  }
  .xs-mb-60px {
    margin-bottom: 60px !important;
  }
  .xs-mb-65px {
    margin-bottom: 65px !important;
  }
  .xs-mb-70px {
    margin-bottom: 70px !important;
  }
  .xs-mb-0 {margin-bottom:0 !important;}	
  .xs-mb-1 {
    margin-bottom: 1% !important;
  }
  .xs-mb-2 {
    margin-bottom: 2% !important;
  }
  .xs-mb-3 {
    margin-bottom: 3% !important;
  }
  .xs-mb-4 {
    margin-bottom: 4% !important;
  }
  .xs-mb-5 {
    margin-bottom: 5% !important;
  }
  .xs-mb-6 {
    margin-bottom: 6% !important;
  }
  .xs-mb-7 {
    margin-bottom: 7% !important;
  }
  .xs-mb-8 {
    margin-bottom: 8% !important;
  }
  .xs-mb-9 {
    margin-bottom: 9% !important;
  }
  .xs-mb-10 {
    margin-bottom: 10% !important;
  }
  .xs-mb-11 {
    margin-bottom: 11% !important;
  }
  .xs-mb-12 {
    margin-bottom: 12% !important;
  }
  .xs-mb-13 {
    margin-bottom: 13% !important;
  }
  .xs-mb-14 {
    margin-bottom: 14% !important;
  }
  .xs-mb-15 {
    margin-bottom: 15% !important;
  }
  .xs-mb-16 {
    margin-bottom: 16% !important;
  }
  .xs-mb-17 {
    margin-bottom: 17% !important;
  }
  .xs-mb-18 {
    margin-bottom: 18% !important;
  }
  .xs-mb-19 {
    margin-bottom: 19% !important;
  }
  .xs-mb-20 {
    margin-bottom: 20% !important;
  }
  .xs-mb-21 {
    margin-bottom: 21% !important;
  }
  .xs-mb-22 {
    margin-bottom: 22% !important;
  }
  .xs-mb-23 {
    margin-bottom: 23% !important;
  }
  .xs-mb-24 {
    margin-bottom: 24% !important;
  }
  .xs-mb-25 {
    margin-bottom: 25% !important;
  }
  .xs-mb-26 {
    margin-bottom: 26% !important;
  }
  .xs-mb-27 {
    margin-bottom: 27% !important;
  }
  .xs-mb-28 {
    margin-bottom: 28% !important;
  }
  .xs-mb-29 {
    margin-bottom: 29% !important;
  }
  .xs-mb-30 {
    margin-bottom: 30% !important;
  }
  .xs-ms-5px {
    margin-left: 5px !important;
  }
  .xs-ms-10px {
    margin-left: 10px !important;
  }
  .xs-ms-15px {
    margin-left: 15px !important;
  }
  .xs-ms-20px {
    margin-left: 20px !important;
  }
  .xs-ms-25px {
    margin-left: 25px !important;
  }
  .xs-ms-30px {
    margin-left: 30px !important;
  }
  .xs-ms-35px {
    margin-left: 35px !important;
  }
  .xs-ms-40px {
    margin-left: 40px !important;
  }
  .xs-ms-45px {
    margin-left: 45px !important;
  }
  .xs-ms-50px {
    margin-left: 50px !important;
  }
  .xs-ms-55px {
    margin-left: 55px !important;
  }
  .xs-ms-60px {
    margin-left: 60px !important;
  }
  .xs-ms-65px {
    margin-left: 65px !important;
  }
  .xs-ms-70px {
    margin-left: 70px !important;
  }
  .xs-ms-1 {
    margin-left: 1% !important;
  }
  .xs-ms-2 {
    margin-left: 2% !important;
  }
  .xs-ms-3 {
    margin-left: 3% !important;
  }
  .xs-ms-4 {
    margin-left: 4% !important;
  }
  .xs-ms-5 {
    margin-left: 5% !important;
  }
  .xs-ms-6 {
    margin-left: 6% !important;
  }
  .xs-ms-7 {
    margin-left: 7% !important;
  }
  .xs-ms-8 {
    margin-left: 8% !important;
  }
  .xs-ms-9 {
    margin-left: 9% !important;
  }
  .xs-ms-10 {
    margin-left: 10% !important;
  }
  .xs-ms-11 {
    margin-left: 11% !important;
  }
  .xs-ms-12 {
    margin-left: 12% !important;
  }
  .xs-ms-13 {
    margin-left: 13% !important;
  }
  .xs-ms-14 {
    margin-left: 14% !important;
  }
  .xs-ms-15 {
    margin-left: 15% !important;
  }
  .xs-ms-16 {
    margin-left: 16% !important;
  }
  .xs-ms-17 {
    margin-left: 17% !important;
  }
  .xs-ms-18 {
    margin-left: 18% !important;
  }
  .xs-ms-19 {
    margin-left: 19% !important;
  }
  .xs-ms-20 {
    margin-left: 20% !important;
  }
  .xs-ms-21 {
    margin-left: 21% !important;
  }
  .xs-ms-22 {
    margin-left: 22% !important;
  }
  .xs-ms-23 {
    margin-left: 23% !important;
  }
  .xs-ms-24 {
    margin-left: 24% !important;
  }
  .xs-ms-25 {
    margin-left: 25% !important;
  }
  .xs-ms-26 {
    margin-left: 26% !important;
  }
  .xs-ms-27 {
    margin-left: 27% !important;
  }
  .xs-ms-28 {
    margin-left: 28% !important;
  }
  .xs-ms-29 {
    margin-left: 29% !important;
  }
  .xs-ms-30 {
    margin-left: 30% !important;
  }
  .xs-top-0px {
    top: 0px !important;
  }
  .xs-top-1px {
    top: 1px !important;
  }
  .xs-top-2px {
    top: 2px !important;
  }
  .xs-top-3px {
    top: 3px !important;
  }
  .xs-top-4px {
    top: 4px !important;
  }
  .xs-top-5px {
    top: 5px !important;
  }
  .xs-top-6px {
    top: 6px !important;
  }
  .xs-top-7px {
    top: 7px !important;
  }
  .xs-top-8px {
    top: 8px !important;
  }
  .xs-top-9px {
    top: 9px !important;
  }
  .xs-top-10px {
    top: 10px !important;
  }
  .xs-top-11px {
    top: 11px !important;
  }
  .xs-top-12px {
    top: 12px !important;
  }
  .xs-top-13px {
    top: 13px !important;
  }
  .xs-top-14px {
    top: 14px !important;
  }
  .xs-top-15px {
    top: 15px !important;
  }
  .xs-top-16px {
    top: 16px !important;
  }
  .xs-top-17px {
    top: 17px !important;
  }
  .xs-top-18px {
    top: 18px !important;
  }
  .xs-top-19px {
    top: 19px !important;
  }
  .xs-top-20px {
    top: 20px !important;
  }
  .xs-top-21px {
    top: 21px !important;
  }
  .xs-top-22px {
    top: 22px !important;
  }
  .xs-top-23px {
    top: 23px !important;
  }
  .xs-top-24px {
    top: 24px !important;
  }
  .xs-top-25px {
    top: 25px !important;
  }
  .xs-top-26px {
    top: 26px !important;
  }
  .xs-top-27px {
    top: 27px !important;
  }
  .xs-top-28px {
    top: 28px !important;
  }
  .xs-top-29px {
    top: 29px !important;
  }
  .xs-top-30px {
    top: 30px !important;
  }
  .xs-top-40px {
    top: 40px !important;
  }
  .xs-top-50px {
    top: 50px !important;
  }
  .xs-top-60px {
    top: 60px !important;
  }
  .xs-top-70px {
    top: 70px !important;
  }
  .xs-top-80px {
    top: 80px !important;
  }
  .xs-top-90px {
    top: 90px !important;
  }
  .xs-top-100px {
    top: 100px !important;
  }
  .xs-top-110px {
    top: 110px !important;
  }
  .xs-top-120px {
    top: 120px !important;
  }
  .xs-top-130px {
    top: 130px !important;
  }
  .xs-top-140px {
    top: 140px !important;
  }
  .xs-top-150px {
    top: 150px !important;
  }
  .xs-right-0px {
    right: 0px !important;
  }
  .xs-right-1px {
    right: 1px !important;
  }
  .xs-right-2px {
    right: 2px !important;
  }
  .xs-right-3px {
    right: 3px !important;
  }
  .xs-right-4px {
    right: 4px !important;
  }
  .xs-right-5px {
    right: 5px !important;
  }
  .xs-right-6px {
    right: 6px !important;
  }
  .xs-right-7px {
    right: 7px !important;
  }
  .xs-right-8px {
    right: 8px !important;
  }
  .xs-right-9px {
    right: 9px !important;
  }
  .xs-right-10px {
    right: 10px !important;
  }
  .xs-right-11px {
    right: 11px !important;
  }
  .xs-right-12px {
    right: 12px !important;
  }
  .xs-right-13px {
    right: 13px !important;
  }
  .xs-right-14px {
    right: 14px !important;
  }
  .xs-right-15px {
    right: 15px !important;
  }
  .xs-right-16px {
    right: 16px !important;
  }
  .xs-right-17px {
    right: 17px !important;
  }
  .xs-right-18px {
    right: 18px !important;
  }
  .xs-right-19px {
    right: 19px !important;
  }
  .xs-right-20px {
    right: 20px !important;
  }
  .xs-right-21px {
    right: 21px !important;
  }
  .xs-right-22px {
    right: 22px !important;
  }
  .xs-right-23px {
    right: 23px !important;
  }
  .xs-right-24px {
    right: 24px !important;
  }
  .xs-right-25px {
    right: 25px !important;
  }
  .xs-right-26px {
    right: 26px !important;
  }
  .xs-right-27px {
    right: 27px !important;
  }
  .xs-right-28px {
    right: 28px !important;
  }
  .xs-right-29px {
    right: 29px !important;
  }
  .xs-right-30px {
    right: 30px !important;
  }
  .xs-right-40px {
    right: 40px !important;
  }
  .xs-right-50px {
    right: 50px !important;
  }
  .xs-right-60px {
    right: 60px !important;
  }
  .xs-right-70px {
    right: 70px !important;
  }
  .xs-right-80px {
    right: 80px !important;
  }
  .xs-right-90px {
    right: 90px !important;
  }
  .xs-right-100px {
    right: 100px !important;
  }
  .xs-right-110px {
    right: 110px !important;
  }
  .xs-right-120px {
    right: 120px !important;
  }
  .xs-right-130px {
    right: 130px !important;
  }
  .xs-right-140px {
    right: 140px !important;
  }
  .xs-right-150px {
    right: 150px !important;
  }
  .xs-bottom-0px {
    bottom: 0px !important;
  }
  .xs-bottom-1px {
    bottom: 1px !important;
  }
  .xs-bottom-2px {
    bottom: 2px !important;
  }
  .xs-bottom-3px {
    bottom: 3px !important;
  }
  .xs-bottom-4px {
    bottom: 4px !important;
  }
  .xs-bottom-5px {
    bottom: 5px !important;
  }
  .xs-bottom-6px {
    bottom: 6px !important;
  }
  .xs-bottom-7px {
    bottom: 7px !important;
  }
  .xs-bottom-8px {
    bottom: 8px !important;
  }
  .xs-bottom-9px {
    bottom: 9px !important;
  }
  .xs-bottom-10px {
    bottom: 10px !important;
  }
  .xs-bottom-11px {
    bottom: 11px !important;
  }
  .xs-bottom-12px {
    bottom: 12px !important;
  }
  .xs-bottom-13px {
    bottom: 13px !important;
  }
  .xs-bottom-14px {
    bottom: 14px !important;
  }
  .xs-bottom-15px {
    bottom: 15px !important;
  }
  .xs-bottom-16px {
    bottom: 16px !important;
  }
  .xs-bottom-17px {
    bottom: 17px !important;
  }
  .xs-bottom-18px {
    bottom: 18px !important;
  }
  .xs-bottom-19px {
    bottom: 19px !important;
  }
  .xs-bottom-20px {
    bottom: 20px !important;
  }
  .xs-bottom-21px {
    bottom: 21px !important;
  }
  .xs-bottom-22px {
    bottom: 22px !important;
  }
  .xs-bottom-23px {
    bottom: 23px !important;
  }
  .xs-bottom-24px {
    bottom: 24px !important;
  }
  .xs-bottom-25px {
    bottom: 25px !important;
  }
  .xs-bottom-26px {
    bottom: 26px !important;
  }
  .xs-bottom-27px {
    bottom: 27px !important;
  }
  .xs-bottom-28px {
    bottom: 28px !important;
  }
  .xs-bottom-29px {
    bottom: 29px !important;
  }
  .xs-bottom-30px {
    bottom: 30px !important;
  }
  .xs-bottom-40px {
    bottom: 40px !important;
  }
  .xs-bottom-50px {
    bottom: 50px !important;
  }
  .xs-bottom-60px {
    bottom: 60px !important;
  }
  .xs-bottom-70px {
    bottom: 70px !important;
  }
  .xs-bottom-80px {
    bottom: 80px !important;
  }
  .xs-bottom-90px {
    bottom: 90px !important;
  }
  .xs-bottom-100px {
    bottom: 100px !important;
  }
  .xs-bottom-110px {
    bottom: 110px !important;
  }
  .xs-bottom-120px {
    bottom: 120px !important;
  }
  .xs-bottom-130px {
    bottom: 130px !important;
  }
  .xs-bottom-140px {
    bottom: 140px !important;
  }
  .xs-bottom-150px {
    bottom: 150px !important;
  }
  .xs-left-0px {
    left: 0px !important;
  }
  .xs-left-1px {
    left: 1px !important;
  }
  .xs-left-2px {
    left: 2px !important;
  }
  .xs-left-3px {
    left: 3px !important;
  }
  .xs-left-4px {
    left: 4px !important;
  }
  .xs-left-5px {
    left: 5px !important;
  }
  .xs-left-6px {
    left: 6px !important;
  }
  .xs-left-7px {
    left: 7px !important;
  }
  .xs-left-8px {
    left: 8px !important;
  }
  .xs-left-9px {
    left: 9px !important;
  }
  .xs-left-10px {
    left: 10px !important;
  }
  .xs-left-11px {
    left: 11px !important;
  }
  .xs-left-12px {
    left: 12px !important;
  }
  .xs-left-13px {
    left: 13px !important;
  }
  .xs-left-14px {
    left: 14px !important;
  }
  .xs-left-15px {
    left: 15px !important;
  }
  .xs-left-16px {
    left: 16px !important;
  }
  .xs-left-17px {
    left: 17px !important;
  }
  .xs-left-18px {
    left: 18px !important;
  }
  .xs-left-19px {
    left: 19px !important;
  }
  .xs-left-20px {
    left: 20px !important;
  }
  .xs-left-21px {
    left: 21px !important;
  }
  .xs-left-22px {
    left: 22px !important;
  }
  .xs-left-23px {
    left: 23px !important;
  }
  .xs-left-24px {
    left: 24px !important;
  }
  .xs-left-25px {
    left: 25px !important;
  }
  .xs-left-26px {
    left: 26px !important;
  }
  .xs-left-27px {
    left: 27px !important;
  }
  .xs-left-28px {
    left: 28px !important;
  }
  .xs-left-29px {
    left: 29px !important;
  }
  .xs-left-30px {
    left: 30px !important;
  }
  .xs-left-40px {
    left: 40px !important;
  }
  .xs-left-50px {
    left: 50px !important;
  }
  .xs-left-60px {
    left: 60px !important;
  }
  .xs-left-70px {
    left: 70px !important;
  }
  .xs-left-80px {
    left: 80px !important;
  }
  .xs-left-90px {
    left: 90px !important;
  }
  .xs-left-100px {
    left: 100px !important;
  }
  .xs-left-110px {
    left: 110px !important;
  }
  .xs-left-120px {
    left: 120px !important;
  }
  .xs-left-130px {
    left: 130px !important;
  }
  .xs-left-140px {
    left: 140px !important;
  }
  .xs-left-150px {
    left: 150px !important;
  }
  .xs-top-minus-0px {
    top: -0px !important;
  }
  .xs-top-minus-1px {
    top: -1px !important;
  }
  .xs-top-minus-2px {
    top: -2px !important;
  }
  .xs-top-minus-3px {
    top: -3px !important;
  }
  .xs-top-minus-4px {
    top: -4px !important;
  }
  .xs-top-minus-5px {
    top: -5px !important;
  }
  .xs-top-minus-6px {
    top: -6px !important;
  }
  .xs-top-minus-7px {
    top: -7px !important;
  }
  .xs-top-minus-8px {
    top: -8px !important;
  }
  .xs-top-minus-9px {
    top: -9px !important;
  }
  .xs-top-minus-10px {
    top: -10px !important;
  }
  .xs-top-minus-11px {
    top: -11px !important;
  }
  .xs-top-minus-12px {
    top: -12px !important;
  }
  .xs-top-minus-13px {
    top: -13px !important;
  }
  .xs-top-minus-14px {
    top: -14px !important;
  }
  .xs-top-minus-15px {
    top: -15px !important;
  }
  .xs-top-minus-16px {
    top: -16px !important;
  }
  .xs-top-minus-17px {
    top: -17px !important;
  }
  .xs-top-minus-18px {
    top: -18px !important;
  }
  .xs-top-minus-19px {
    top: -19px !important;
  }
  .xs-top-minus-20px {
    top: -20px !important;
  }
  .xs-top-minus-21px {
    top: -21px !important;
  }
  .xs-top-minus-22px {
    top: -22px !important;
  }
  .xs-top-minus-23px {
    top: -23px !important;
  }
  .xs-top-minus-24px {
    top: -24px !important;
  }
  .xs-top-minus-25px {
    top: -25px !important;
  }
  .xs-top-minus-26px {
    top: -26px !important;
  }
  .xs-top-minus-27px {
    top: -27px !important;
  }
  .xs-top-minus-28px {
    top: -28px !important;
  }
  .xs-top-minus-29px {
    top: -29px !important;
  }
  .xs-top-minus-30px {
    top: -30px !important;
  }
  .xs-top-minus-40px {
    top: -40px !important;
  }
  .xs-top-minus-50px {
    top: -50px !important;
  }
  .xs-top-minus-60px {
    top: -60px !important;
  }
  .xs-top-minus-70px {
    top: -70px !important;
  }
  .xs-top-minus-80px {
    top: -80px !important;
  }
  .xs-top-minus-90px {
    top: -90px !important;
  }
  .xs-top-minus-100px {
    top: -100px !important;
  }
  .xs-top-minus-110px {
    top: -110px !important;
  }
  .xs-top-minus-120px {
    top: -120px !important;
  }
  .xs-top-minus-130px {
    top: -130px !important;
  }
  .xs-top-minus-140px {
    top: -140px !important;
  }
  .xs-top-minus-150px {
    top: -150px !important;
  }
  .xs-right-minus-0px {
    right: -0px !important;
  }
  .xs-right-minus-1px {
    right: -1px !important;
  }
  .xs-right-minus-2px {
    right: -2px !important;
  }
  .xs-right-minus-3px {
    right: -3px !important;
  }
  .xs-right-minus-4px {
    right: -4px !important;
  }
  .xs-right-minus-5px {
    right: -5px !important;
  }
  .xs-right-minus-6px {
    right: -6px !important;
  }
  .xs-right-minus-7px {
    right: -7px !important;
  }
  .xs-right-minus-8px {
    right: -8px !important;
  }
  .xs-right-minus-9px {
    right: -9px !important;
  }
  .xs-right-minus-10px {
    right: -10px !important;
  }
  .xs-right-minus-11px {
    right: -11px !important;
  }
  .xs-right-minus-12px {
    right: -12px !important;
  }
  .xs-right-minus-13px {
    right: -13px !important;
  }
  .xs-right-minus-14px {
    right: -14px !important;
  }
  .xs-right-minus-15px {
    right: -15px !important;
  }
  .xs-right-minus-16px {
    right: -16px !important;
  }
  .xs-right-minus-17px {
    right: -17px !important;
  }
  .xs-right-minus-18px {
    right: -18px !important;
  }
  .xs-right-minus-19px {
    right: -19px !important;
  }
  .xs-right-minus-20px {
    right: -20px !important;
  }
  .xs-right-minus-21px {
    right: -21px !important;
  }
  .xs-right-minus-22px {
    right: -22px !important;
  }
  .xs-right-minus-23px {
    right: -23px !important;
  }
  .xs-right-minus-24px {
    right: -24px !important;
  }
  .xs-right-minus-25px {
    right: -25px !important;
  }
  .xs-right-minus-26px {
    right: -26px !important;
  }
  .xs-right-minus-27px {
    right: -27px !important;
  }
  .xs-right-minus-28px {
    right: -28px !important;
  }
  .xs-right-minus-29px {
    right: -29px !important;
  }
  .xs-right-minus-30px {
    right: -30px !important;
  }
  .xs-right-minus-40px {
    right: -40px !important;
  }
  .xs-right-minus-50px {
    right: -50px !important;
  }
  .xs-right-minus-60px {
    right: -60px !important;
  }
  .xs-right-minus-70px {
    right: -70px !important;
  }
  .xs-right-minus-80px {
    right: -80px !important;
  }
  .xs-right-minus-90px {
    right: -90px !important;
  }
  .xs-right-minus-100px {
    right: -100px !important;
  }
  .xs-right-minus-110px {
    right: -110px !important;
  }
  .xs-right-minus-120px {
    right: -120px !important;
  }
  .xs-right-minus-130px {
    right: -130px !important;
  }
  .xs-right-minus-140px {
    right: -140px !important;
  }
  .xs-right-minus-150px {
    right: -150px !important;
  }
  .xs-bottom-minus-0px {
    bottom: -0px !important;
  }
  .xs-bottom-minus-1px {
    bottom: -1px !important;
  }
  .xs-bottom-minus-2px {
    bottom: -2px !important;
  }
  .xs-bottom-minus-3px {
    bottom: -3px !important;
  }
  .xs-bottom-minus-4px {
    bottom: -4px !important;
  }
  .xs-bottom-minus-5px {
    bottom: -5px !important;
  }
  .xs-bottom-minus-6px {
    bottom: -6px !important;
  }
  .xs-bottom-minus-7px {
    bottom: -7px !important;
  }
  .xs-bottom-minus-8px {
    bottom: -8px !important;
  }
  .xs-bottom-minus-9px {
    bottom: -9px !important;
  }
  .xs-bottom-minus-10px {
    bottom: -10px !important;
  }
  .xs-bottom-minus-11px {
    bottom: -11px !important;
  }
  .xs-bottom-minus-12px {
    bottom: -12px !important;
  }
  .xs-bottom-minus-13px {
    bottom: -13px !important;
  }
  .xs-bottom-minus-14px {
    bottom: -14px !important;
  }
  .xs-bottom-minus-15px {
    bottom: -15px !important;
  }
  .xs-bottom-minus-16px {
    bottom: -16px !important;
  }
  .xs-bottom-minus-17px {
    bottom: -17px !important;
  }
  .xs-bottom-minus-18px {
    bottom: -18px !important;
  }
  .xs-bottom-minus-19px {
    bottom: -19px !important;
  }
  .xs-bottom-minus-20px {
    bottom: -20px !important;
  }
  .xs-bottom-minus-21px {
    bottom: -21px !important;
  }
  .xs-bottom-minus-22px {
    bottom: -22px !important;
  }
  .xs-bottom-minus-23px {
    bottom: -23px !important;
  }
  .xs-bottom-minus-24px {
    bottom: -24px !important;
  }
  .xs-bottom-minus-25px {
    bottom: -25px !important;
  }
  .xs-bottom-minus-26px {
    bottom: -26px !important;
  }
  .xs-bottom-minus-27px {
    bottom: -27px !important;
  }
  .xs-bottom-minus-28px {
    bottom: -28px !important;
  }
  .xs-bottom-minus-29px {
    bottom: -29px !important;
  }
  .xs-bottom-minus-30px {
    bottom: -30px !important;
  }
  .xs-bottom-minus-40px {
    bottom: -40px !important;
  }
  .xs-bottom-minus-50px {
    bottom: -50px !important;
  }
  .xs-bottom-minus-60px {
    bottom: -60px !important;
  }
  .xs-bottom-minus-70px {
    bottom: -70px !important;
  }
  .xs-bottom-minus-80px {
    bottom: -80px !important;
  }
  .xs-bottom-minus-90px {
    bottom: -90px !important;
  }
  .xs-bottom-minus-100px {
    bottom: -100px !important;
  }
  .xs-bottom-minus-110px {
    bottom: -110px !important;
  }
  .xs-bottom-minus-120px {
    bottom: -120px !important;
  }
  .xs-bottom-minus-130px {
    bottom: -130px !important;
  }
  .xs-bottom-minus-140px {
    bottom: -140px !important;
  }
  .xs-bottom-minus-150px {
    bottom: -150px !important;
  }
  .xs-left-minus-0px {
    left: -0px !important;
  }
  .xs-left-minus-1px {
    left: -1px !important;
  }
  .xs-left-minus-2px {
    left: -2px !important;
  }
  .xs-left-minus-3px {
    left: -3px !important;
  }
  .xs-left-minus-4px {
    left: -4px !important;
  }
  .xs-left-minus-5px {
    left: -5px !important;
  }
  .xs-left-minus-6px {
    left: -6px !important;
  }
  .xs-left-minus-7px {
    left: -7px !important;
  }
  .xs-left-minus-8px {
    left: -8px !important;
  }
  .xs-left-minus-9px {
    left: -9px !important;
  }
  .xs-left-minus-10px {
    left: -10px !important;
  }
  .xs-left-minus-11px {
    left: -11px !important;
  }
  .xs-left-minus-12px {
    left: -12px !important;
  }
  .xs-left-minus-13px {
    left: -13px !important;
  }
  .xs-left-minus-14px {
    left: -14px !important;
  }
  .xs-left-minus-15px {
    left: -15px !important;
  }
  .xs-left-minus-16px {
    left: -16px !important;
  }
  .xs-left-minus-17px {
    left: -17px !important;
  }
  .xs-left-minus-18px {
    left: -18px !important;
  }
  .xs-left-minus-19px {
    left: -19px !important;
  }
  .xs-left-minus-20px {
    left: -20px !important;
  }
  .xs-left-minus-21px {
    left: -21px !important;
  }
  .xs-left-minus-22px {
    left: -22px !important;
  }
  .xs-left-minus-23px {
    left: -23px !important;
  }
  .xs-left-minus-24px {
    left: -24px !important;
  }
  .xs-left-minus-25px {
    left: -25px !important;
  }
  .xs-left-minus-26px {
    left: -26px !important;
  }
  .xs-left-minus-27px {
    left: -27px !important;
  }
  .xs-left-minus-28px {
    left: -28px !important;
  }
  .xs-left-minus-29px {
    left: -29px !important;
  }
  .xs-left-minus-30px {
    left: -30px !important;
  }
  .xs-left-minus-40px {
    left: -40px !important;
  }
  .xs-left-minus-50px {
    left: -50px !important;
  }
  .xs-left-minus-60px {
    left: -60px !important;
  }
  .xs-left-minus-70px {
    left: -70px !important;
  }
  .xs-left-minus-80px {
    left: -80px !important;
  }
  .xs-left-minus-90px {
    left: -90px !important;
  }
  .xs-left-minus-100px {
    left: -100px !important;
  }
  .xs-left-minus-110px {
    left: -110px !important;
  }
  .xs-left-minus-120px {
    left: -120px !important;
  }
  .xs-left-minus-130px {
    left: -130px !important;
  }
  .xs-left-minus-140px {
    left: -140px !important;
  }
  .xs-left-minus-150px {
    left: -150px !important;
  }
  .xs-border-width-0px {
    border-width: 0px !important;
  }
  .xs-border-width-1px {
    border-width: 1px !important;
  }
  .xs-border-width-2px {
    border-width: 2px !important;
  }
  .xs-border-width-3px {
    border-width: 3px !important;
  }
  .xs-border-width-4px {
    border-width: 4px !important;
  }
  .xs-border-width-5px {
    border-width: 5px !important;
  }
  .xs-border-width-6px {
    border-width: 6px !important;
  }
  .xs-border-width-7px {
    border-width: 7px !important;
  }
  .xs-border-width-8px {
    border-width: 8px !important;
  }
  .xs-border-width-9px {
    border-width: 9px !important;
  }
  .xs-border-width-10px {
    border-width: 10px !important;
  }
}


.nav.green-bg::after {animation: changeBg 0.5s ease-in-out forwards;}
.nav.revert-bg::after {animation: revertBg 0.5s ease-in-out forwards;}
.nav__list-item a.black-text {color: #000 !important;transition: color 0.5s ease-in-out;}
.nav-right.inverted {-webkit-filter: invert(100%);filter: invert(100%);transition: filter 0.5s ease-in-out;}
.nav-right.inverted img {-webkit-filter: brightness(0) saturate(100%) invert(100%);filter: brightness(0) saturate(100%) invert(100%);transition: filter 0.5s ease-in-out;}

svg {height: auto;overflow: visible;}
.cls-1 {fill: none;stroke: #5aef74;stroke-miterlimit: 10;}
.cls-2 {fill: #fff;}

.menu-servizi ul li {list-style:none; font-size: min(3.4vw, 30px); line-height: 4.9vh; margin-left:10px;}
.menu-servizi ul li a {color:#fff; }
.menu-servizi a:hover {color: #fff !important;}

/* ANIMAZIONE VERDE CONTATTACI */
.bringer-form-content {background-size: cover;background-repeat: no-repeat;transition: background-image 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.bringer-form-content.bg-hidden {background-image: none !important;opacity: 1;}
.bringer-cta-title {transition: transform 0.5s ease-in-out;}

.nav .bringer-label {padding-bottom: 15px !important;display: block;color: #ffffff;font-weight: 600;font-size: 18px; text-transform:none;}
.nav-active .nav-right {font-size:18px;}

/* ANIMAZIONE MENU INIZIA UN PROGETTO */
@keyframes changeBg {
    from {background-color: rgba(9,9,12,1);}
    to {background-color: var(--verde);}
}
@keyframes revertBg {
    from {background-color: var(--verde);}
    to {background-color: rgba(9,9,12,1);}
}


/* ANIMAZIONE LOGO SVG CHI SIAMO */
 .cls-loghi {fill: #0C0B0B;stroke: #fff;stroke-width: 2px;transition: fill 0.3s ease-in-out;}

.hover-group-rosso:hover path { fill: #FF3B4A; }
.hover-group-viola:hover path { fill: #9747FF; }
.hover-group-verde:hover path { fill: #5aef74; }
.hover-group-verde:hover .cls-loghi {stroke: #5aef74;}
.hover-group-viola:hover .cls-loghi {stroke: #9747FF;}
.hover-group-rosso:hover .cls-loghi {stroke: #FF3B4A;}

.hover-text {display: none;width:100%;}	
.hover-text h3 {font-size:50px;font-weight: bold;text-align: center; margin-bottom:0; padding-bottom:20px;line-height: normal;}				

@media screen and (max-width: 1600px){
	.bringer-meta {font-size: 10px;}
	.img-sfondo-video {background-size: 150vw;}
	.raccontiamo {top: 13vh;}
}

@media screen and (min-width: 1600px){
	.margintb {margin-top:100px; margin-bottom:150px;}
	.menu-servizi ul li {line-height: 6.2vh;}
}

@media screen and (min-width: 2400px){
	.menu-servizi ul li {line-height: 5vh;}
}

@media screen and (max-width: 1200px){
	.hover-text {font-size:140px;}	
}



.ovale-nero {background:#0C0B0B; padding:90px 90px 80px 90px; border-radius:290px;}
.svg-width {width: 10vw;}
.immagine-sfondo {position:absolute; right:0; width:80%; margin-top:12vh;}

.lab-e::before {z-index: 1;position: absolute;right:0;top:0;margin-right:50px;content: 'lab-e';opacity: 1;writing-mode: vertical-rl;transform: rotate(180deg);font-size: clamp(56px, 9vw, 180px);font-weight:100;color:#6A6A6A;text-transform:uppercase;letter-spacing:25px;}
.stg-hero-block h6 a {color:#fff;}
.stg-page-title.interno {font-size:var(--bringer-t-h1-fs-interno);}
.align-item-end {align-items: flex-end !important;}

.stg-row-mappa {display: flex;align-items: stretch;}
/*.stg-col-6 {flex: 1;display: flex;flex-direction: column;}
.stg-col-6 iframe {flex-grow: 1;height: 100%;}*/

.checkbox-servizio span {color:#9C9C9C; font-size:13px;}

input[type="radio"] {appearance: none;width: 10px;height: 10px;border: 1px solid white;outline: none;background-color: transparent;cursor: pointer; padding:10px;}
input[type="radio"]:checked {background-color:#5aef74;}
.checkbox-privacy {text-transform:none; font-weight:100;}

.filter-buttons {margin-bottom: 50px;}
.filter-buttons button {padding: 10px 20px;margin: 5px;border: 1px solid #fff; border-radius:100px; cursor: pointer;background:none;color:#fff; font-weight:400;}
.filter-buttons button.active {background: #5aef74; color:#0C0B0B;}

.tag-buttons {margin-bottom: 50px;}
.tag-buttons span {padding: 10px 20px;margin: 5px;border: 1px solid #fff; border-radius:100px; cursor: pointer;background:none;color:#fff; font-weight:400;display: inline-block;}
.tag-buttons span.active {background: #5aef74; color:#0C0B0B;}


.tag div {padding: 10px 20px; margin: 5px; border: 2px solid #fff; background:#fff;  border-radius:20px; cursor: pointer; color:#0C0B0B; font-weight:700; display:inline-block;}


header {transition: background 0.5s ease, backdrop-filter 0.2s ease;}


.glass {background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);height:70px !important;}


body.nav-active header {background: transparent !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;}

.bordoleft-verde {border-left:8px solid #5AEE74; border-radius:0;}
.bordoleft-rosso {border-left:8px solid #FF3B4A; border-radius:0;}
.bordoleft-viola {border-left:8px solid #9747FF; border-radius:0;}

.link-interno-servizi img, .link-interno-servizi svg {transition: transform 0.3s ease-in-out;}
.link-interno-servizi img:hover, .link-interno-servizi svg:hover {transform: rotate(45deg);}

.immagine-team .bringer-parallax-media {border-radius:0;}
.immagine-team img {filter: grayscale(100%); transition: filter 0.5s ease-in-out; }
.immagine-team:hover img {filter: grayscale(0%);}


/* blocco muro di immagini */
.muro-immagini {position: absolute;}
.img-1 {width: 52vw;filter: drop-shadow(-0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));transform: rotate(-50deg);top: 5vw;left: 30vw;}
.img-2 {width: 60vw;transform: rotate(40deg);top: 73vw;left: -10vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
.img-3 {width: 52vw;transform: rotate(40deg);top: 30.5vw;left: -6.8vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
.img-4 {width: 52vw;transform: rotate(40deg);top: 26vw;left: 70vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
.img-5 {width: 52vw;transform: rotate(-50deg);top: 50vw;left: 34vw;filter: drop-shadow(-0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
.contenitore-altezza {min-height: calc(100vh + 60vw);}
.font-size-muro-immagini {font-size: var(--bringer-t-h1-fs);letter-spacing: var(--bringer-t-h1-ls);line-height: var(--bringer-t-h1-lh);margin: var(--bringer-t-h1-margin);}


.img-grande {position: absolute; margin-top:-10vw;  width: 100vw;height: 121.45vw;filter: drop-shadow(0 1vw 0.5vw rgba(0, 0, 0, 0.3));}

.card-social-left {top: 20vh; position:relative;}
.card-social-right {top: 15vh; position:relative;}

.blocco_sx-img {position: absolute;top: 20vw;left: 2vw;width: 26vw;}
.blocco-img-social {position: absolute;width: 20vw;z-index: 1;}
.blocco-img-social1 {top: 10vw;left: 30vw;}
.blocco-img-social2 {top: 20vw;left: 53vw;}
.blocco-img-social3 {top: 8vw;right: 2.5vw;}
.blocco-img-social4 {top: 52vw;right: 2.5vw;}			
.blocco-img-social_hashtag {position: absolute;top: 74vw;width:100vw;text-align:center;}

.askoll_linea {width: 110vw;height: 23vw;left: -4.5vw;position: absolute;top: 60vw; z-index:0;}

.contenitore-altezza2 {min-height: calc(200vh + 60vw);}
.contenitore-altezza3 {min-height: calc(150vh + 60vw);}
.contenitore-altezza4 {min-height: calc(30vh + 60vw);}
.contenitore-altezza5 {min-height: calc(30vh + 60vw);}


.img-quadrate-sx {position: absolute;width: 25vw;z-index: 1;box-shadow: 0 0.5vw 1vw rgb(0 0 0 / 30%);-moz-box-shadow: 0 0.5vw 1vw rgb(0 0 0 / 30%);-webkit-box-shadow: 0 0.5vw 1vw rgb(0 0 0 / 30%);}
.img-quadrate1 {left: 5vw;top: 92vw;}
.img-quadrate2 {left: 33vw;top: 87vw;}
.img-quadrate3 {left: 5vw;top: 115vw;}
.img-quadrate4 {top: 108.5vw;left: 33vw;}
.img-quadrate5 {left: 61vw;top: 125vw;}					
.box-txt-img-quadrate {position: absolute;font-size: 26px;top: 103vw;left: 61vw;}

.muro-immagini-sx-1 {position: absolute;transform: rotate(-35deg) !important;width: 47vw;left: 6vw;top: 90vw;}
.muro-immagini-sx-2 {position: absolute;transform: rotate(-35deg) !important;width: 47vw;left: -13vw;top: 65vw;}
.muro-immagini-sx-3 {position: absolute;transform: rotate(-35deg) !important;top: 9vw;right: 9vw;width: 51vw;}
.muro-immagini-sx-4 {position: absolute;right: 0;width: 26vw;top: 18vw;}

.tre-img-telefono {position: absolute;top: 13.1vw;left: 39.35vw;width: 21.9vw;height: 47.2vw;}
.tre-img-telefono video {width: 22vw;height: 47.4vw;object-fit: fill;margin-left:1px;border-bottom-left-radius:50px !important;border-bottom-right-radius:50px !important;}

.contenitore-prima-dopo {position: relative;width: 100%;max-width:100%;margin: auto;height: auto;}
.contenitore-prima-dopo img {position: absolute;top: 0;left: 0;width: 100%;height: auto;object-fit: cover;}
.contenitore-prima-dopo img:first-child {position: relative;}

.box-img-dx-1 {position: absolute;width: 21vw;height: 26vw;top: 39vw;right: 54vw; z-index:1;}
.box-img-dx-2 {position: absolute;width: 27vw;height: 33vw;top: 33.5vw;right: 26vw;}
.box-img-dx-3 {position: absolute;width: 21vw;height: 26vw;top: 39vw;right: 4vw;}
.box-img-sx {position: absolute;position: absolute;left: 100px;top: 35vw; z-index:0;}

.img-sx-grande {position: absolute;width: 75vw;top: 10vw;left: 10vw;} 
.img-dx-piccola {position: absolute;width: 19vw;top: 16vw;right: 10vw;}

.margin-negativo {margin-bottom:-50px; margin-left:-50px;}

.gradiente {background: rgb(179,236,221); background: linear-gradient(180deg, rgba(179,236,221,1) 0%, rgba(179,236,221,1) 40%, rgba(210,255,250,1) 41%, rgba(210,255,250,1) 100%);}

.video-mobile {max-width:20vw;}

.mappa-contatti {height:700px;}



.row-2-col-height {display: flex;align-items: stretch; padding-left:15px; padding-right:15px;}
.row-2-col-height-col-6 {flex: 1;display: flex;flex-direction: column;}
.row-2-col-height-col-6 iframe {flex-grow: 1;height: 100%;}*/


.text-black b, .text-black strong {color: #0C0B0B !important;}

.img-sx-piccola {position: absolute;width: 19vw;top: 5vw;left: 10vw;}
.img-dx-piatto {position: absolute;width: 40vw;top: 10vw;right: 5vw;}
.altezza-box-tel-piatto {position: absolute;top: 35vw;height:45.6vh;}
.posizione-tag {position: absolute;left: 30vw;z-index: 10; width: 25vw;}
.contenitore-altezza6 {min-height: calc(20vh + 55vw);}
.altezza-blocco-testo {padding-top:20vh;}
				
.box-container{display:flex;flex-direction:column;align-items:center;position:relative;max-width:550px;height:320px}
.box{max-width:550px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left;color:#fff;transition:all .5s ease-in-out;background:#ff3b4a;background:linear-gradient(180deg,#ff3b4aff 0%,#5aef74ff 100%);overflow:hidden;position:absolute;bottom:0}
.box .number{transition:transform .5s ease-in-out;font-size:80px;font-weight:100;margin-top:55px}
.box .hidden-text{opacity:0;visibility:hidden;font-size:16px;font-weight:400;transition:opacity .5s ease-in-out;padding:0 15px 15px}
.box:hover{background:#5aef74;background:linear-gradient(180deg,#5aef74ff 0%,#ff3b4aff 100%);transform:translateY(-50px);height:300px;bottom:-50px}
.box:hover .number{transform:scale(0.9) translate(-7.2vw,-100px)}
.box:hover .hidden-text{opacity:1;visibility:visible;transform:translateY(-30px)}
.text{font-size:16px;font-weight:700;position:absolute;bottom:0;width:100%;text-align:left;margin-bottom:-50px}


@media screen and (max-width: 1540px){
	.img-quadrate5 {left: 33vw;top: 136vw;}
}

@media screen and (max-width: 1440px){
	.altezza-box-tel-piatto {height:56vh;}
	.posizione-tag div {padding: 8px 10px; font-size:12px;}
}

@media screen and (max-width: 1280px){
	.font-size-muro-immagini {font-size:50px;}
}


@media screen and (max-width: 768px){
	.logo-wrap {top: 15px;}
	.logo-wrap img {height:40px;}
	.header-wrapper {width: 90%;margin: 0 auto;}
	.img-sfondo-video {padding-top:50px; padding-bottom:50px;background-size: 170%;}
	.bringer-marquee-list li h2 {font-size: 70px;}
	.tab-btn {font-size: 22px;}
	.tab-btn {margin-bottom:5px !important;}
	.box-cta-verde {padding-top: 200px !important; background-position: center !important;}
	.bringer-footer-line {font-size:12px;}
	.margin-bottom-footer {margin-bottom: 0 !important;}
	.hidden-mobile {display:none !important}
	.margint0-mobile {margin-top:0 !important;}
	.margin-top-mobile {margin-top:30px !important;}
	.raccontiamo {top: 8vh;width: 75% !important;}
	.tabs-content {padding: 0px;}
	.tabs {padding:30px 0 0 0;}
	.svg-width {width:35%;}
	.menu-servizi ul li {font-size: 15px;line-height: 29px;margin-left: 10px;}
	.nav-left {width: 100%;}
	/*.nav__list-item {font-size: 30px;}*/
	footer .bringer-menu-widget a {padding-bottom:0;}
	footer .bringer-menu-widget {font-size: 14px;}
	.ovale-nero {padding:90px 20px 80px 20px;}
	.lab-e::before {margin-top: -50px; margin-right:0px;}
	.stg-page-title,.stg-page-title.interno {font-size:64px;}
	.stg-page-title-homepage {font-size:36px;}
	.stg-page-interno-progetti {font-size:46px;}
	
	.titolo-mobile {font-size:32px !important;}
	.xs-wrap {display:block !important;}
	.bringer-marquee-list li::before {content: '';width: 4px;height: 4px;display: block;margin: 20px;}
	.xs-position-relative {position:relative !important;}
	.margin-negativo {margin-bottom:50px; margin-left:-50px; margin-top:-100px;}
	.xs-w-50 {width:50%}
	.xs-w-100 {width:100% !important}
	.xs-w-80 {width:80% !important}
	.xs-w-60 {width:60% !important}
	.xs-vh-50 {height: 50vh !important;}
	
	.img-1 {width: 78vw;filter: drop-shadow(-0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));transform: rotate(-50deg);top:0vw;left: 30vw;}
	.img-2 {width: 80vw;transform: rotate(40deg);top: 100vw;left: -24vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
	.img-3 {width: 72vw;transform: rotate(40deg);top: 50.5vw;left: -6.8vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
	.img-4 {width: 78vw;transform: rotate(40deg);top: 55vw;left: 70vw;filter: drop-shadow(0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
	.img-5 {width: 72vw;transform: rotate(-50deg);top: 100vw;left: 34vw;filter: drop-shadow(-0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.2));}
	
	.img-grande {max-width: 180vw;width: 180vw; height:auto; left:-50vw;}
	.w-150-mobile {max-width:150vw; width:150vw !important;}
	.gradiente {background: linear-gradient(180deg, rgba(179, 236, 221, 1) 0%, rgba(179, 236, 221, 1) 0%, rgba(210, 255, 250, 1) 24%, rgba(210, 255, 250, 1) 50%);}
	
	.box-txt-img-quadrate {position:relative; left: 0;right: 0;padding-left: 10px;padding-right: 10px;}

	.img-quadrate-sx {width: 45vw;}
	.img-quadrate1 {left: 3vw;top: 192vw;}
	.img-quadrate2 {left: 52vw;top: 187vw;}
	.img-quadrate3 {left: 3vw;top: 240vw;}
	.img-quadrate4 {left: 52vw; top: 230vw;}
	.img-quadrate5 {left: 61vw;top: 225vw;}	
	
	.contenitore-altezza2 {min-height: calc(140vh + 60vw);}
	.contenitore-altezza3 {min-height: calc(120vh + 60vw);}
	.contenitore-altezza4 {min-height: calc(80vh + 60vw);}
	
	.blocco-img-social_hashtag {top: 90vw;}
	
	.muro-immagini-sx-1 {position: absolute;transform: rotate(-36deg) !important;width: 77vw;left: -45vw;top: 165vw;}
	.muro-immagini-sx-2 {position: absolute;transform: rotate(-35deg) !important;width: 77vw;left: -13vw;top: 65vw;}
	.muro-immagini-sx-3 {position: absolute;transform: rotate(-35deg) !important;width: 90vw;top: 9vw;right: 9vw;}
	.muro-immagini-sx-4 {position: absolute;right: -20vw;width: 66vw;top: 0vw;}
	
	.box-img-dx-1 {position: absolute;height: auto;width: 40vw;top: 89vw;right: 54vw; z-index:1;right: auto;left: 3vw;}
	.box-img-dx-2 {position: absolute;width: 50vw;height: auto;top: 83.5vw;right: 10px;}
	.box-img-dx-3 {width: 43vw;height: auto;top: 150vw;right: 1vw;}
	.box-img-sx {position: absolute;left: 15px;top: 130vw;z-index: 0;width: 65vw;}
	
	
	.img-sx-grande {width: 90vw;top: 10vw;left: 5vw;}
	.img-dx-piccola {width: 35vw;top: 25vw;right: 10vw;}
	
	.immagini-mobile-marquee li img {width:70vw;}
	
	.video-mobile {max-width:55%;}
	
	.mappa-contatti {height:300px;}
	
	.nav__list-item {font-size: 6vh; letter-spacing: -1px !important;}

	.contenitore-altezza6 {min-height: calc(60vh + 55vw);}
	.img-sx-piccola {position: absolute;width: 39vw;top: 5vw;left: 10vw;}
	.img-dx-piatto {position: absolute;width: 70vw;top: 80vw;right: -35vw;}
	.posizione-tag div {padding: 4px 8px;font-size: 8px;margin: 2px; top:75px;}
	.posizione-tag {position: absolute;right: 0;z-index: 10;width: 50%;left: auto;}
	
	.animazione-logotipo [data-unload*='fade-'].is-unloading, .animazione-logotipo [data-unload*='zoom-'].is-unloading, .animazione-logotipo [data-appear*='fade-']:not(.setting-up), .animazione-logotipo [data-appear*='zoom-']:not(.setting-up) {opacity: 1 !important; transform: none !important;transition: none !important;}
	.hover-text h3 {margin-top: 10px;}
	.hover-text {font-size: 16px;}
	.font-size-muro-immagini {font-size: 30px;}
	.xs-text-center {text-align:center !important;}
	
	.contenitore-prima-dopo img {height:50vh !important;}
	.blocco-img-social {width: 33vw;}
	.box:hover .number {transform: scale(0.9) translate(-42.2vw, -100px);}
}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 980px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.raccontiamo {top: 32vh;}
	.xs-mt-landscape-50 {margin-top:50px !important;}
	.hidden-landscape {display:none !important;}
	.contenitore-prima-dopo img {height:100vh !important;}
}

.pt-130px {padding-top:130px;}

/* ============================
   FREEGO — CUSTOM STYLES
   ============================ */

/* NUMBERS */
.freego-numbers-section {
    background-color: #0C0B0B;
    border-top: 1px solid rgba(255,255,255,0.07);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    padding: 80px 0;
}

.freego-numbers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.freego-counter-item {
    text-align: center;
    padding: 40px 20px;
    border-right: 1px solid rgba(255,255,255,0.06);
}

.freego-counter-item:nth-child(3n) {
    border-right: none;
}

.freego-num {
    display: block;
    font-size: clamp(52px, 8vw, 110px);
    font-weight: 900;
    line-height: 1;
    color: var(--verde);
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
}

.freego-label {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
}

/* BRAND TIMELINE */
.freego-timeline-section {
    background-color: #0C0B0B;
    border-top: 1px solid rgba(255,255,255,0.07);
    padding-bottom: 80px;
}

.freego-timeline-track {
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding: 0 max(32px, calc((100vw - 1260px) / 2));
    scrollbar-width: none;
}

.freego-timeline-track::-webkit-scrollbar {
    display: none;
}

.freego-timeline-item {
    flex: 0 0 300px;
    padding-right: 32px;
}

@media (max-width: 960px) {
    .freego-timeline-item { flex: 0 0 240px; }
}

@media (max-width: 739px) {
    .freego-timeline-item { flex: 0 0 200px; padding-right: 20px; }
    .freego-numbers-grid { grid-template-columns: repeat(2, 1fr); }
    .freego-counter-item:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.06); }
    .freego-counter-item:nth-child(2n) { border-right: none; }
    .freego-tech-name { font-size: 10vw; }
    .freego-tech-row { flex-wrap: wrap; }
    .freego-tech-desc { flex: 0 0 100%; }
}

.freego-timeline-year {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.7);
    margin-bottom: 12px;
}

.freego-year-active {
    color: var(--verde);
}

.freego-timeline-line {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.freego-timeline-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    flex-shrink: 0;
}

.freego-dot-active {
    background: var(--verde);
    box-shadow: 0 0 12px rgba(90,239,116,0.5);
}

.freego-timeline-connector {
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.08);
}

.freego-timeline-img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.07);
    margin-bottom: 14px;
    display: block;
}

.freego-timeline-note {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 1.4;
}

/* BACKOFFICE SECTION */
.freego-backoffice-section {
    background-color: #141414;
    border-top: 1px solid rgba(255,255,255,0.07);
}

.freego-compare-tag {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 16px;
}

.freego-compare-tag-new {
    color: var(--verde);
    border-color: rgba(90,239,116,0.3);
}

.freego-compare-img {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.07);
    display: block;
    width: 100%;
}

/* Before/After slider — core layout (missing from framework CSS) */
.bringer-before-after {
    position: relative;
    overflow: hidden;
    cursor: ew-resize;
    user-select: none;
    -webkit-user-select: none;
}

.bringer-before-after-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: top center;
}

.bringer-after-img-wrap {
    position: absolute;
    top: 0; left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.bringer-after-img {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    background-size: cover;
    background-position: top center;
}

.bringer-before-after-divider {
    position: absolute;
    top: 0; left: 50%;
    height: 100%;
    width: 3px;
    background: rgba(255,255,255,0.9);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}

.bringer-before-after-divider svg {
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px;
    fill: #0C0B0B;
}

/* Override for freego theme slider */
.freego-theme-slider {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.07);
    aspect-ratio: 16/10;
}

/* POLICY SECTION */
.freego-policy-section {
    background-color: #0C0B0B;
    border-top: 1px solid rgba(255,255,255,0.07);
}

.freego-formula {
    display: inline-block;
    font-family: 'Courier New', monospace;
    font-size: 15px;
    color: var(--verde);
    background: rgba(90,239,116,0.07);
    border: 1px solid rgba(90,239,116,0.2);
    padding: 10px 18px;
    border-radius: 6px;
    margin-bottom: 40px;
}

/* TECH SECTION */
.freego-tech-section {
    background-color: #0C0B0B;
    border-top: 1px solid rgba(255,255,255,0.07);
}

.freego-tech-list {
    width: 100%;
    margin-top: 40px;
}

.freego-tech-row {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 36px 0;
    gap: 40px;
    transition: border-color 0.3s;
}

.freego-tech-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.freego-tech-row:hover .freego-tech-name {
    color: var(--verde);
}

.freego-tech-idx {
    font-size: 12px;
    color: rgba(255,255,255,0.2);
    width: 32px;
    flex-shrink: 0;
}

.freego-tech-name {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(36px, 6vw, 90px);
    font-weight: 900;
    color: #fff;
    flex: 0 0 44%;
    line-height: 1;
    transition: color 0.3s;
}

.freego-tech-desc {
    font-size: 16px;
    color: rgba(255,255,255,0.45);
    line-height: 1.6;
    flex: 1;
}