@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz@0,9..40;1,9..40&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

/*
 * Name:       Savior - Main styles
 * Written by: Sagetheme


 [ TABLE OF CONTENTS ]

 1. BASE
		|- 1.1. Root
		|- 1.2. Reset
		|- 1.3. Layout
		|- 1.4. Block
		|- 1.5. Misc

	2. SITE
		|- 2.1.  Site
		|- 2.2.  Page
		|- 2.3.  Content
		|- 2.4.  Widgets
		|- 2.5.  Post
		|- 2.6.  Portfolio
		|- 2.7.  Donation
		|- 2.8.  Event
		|- 2.9.  Single
		|- 2.10. No Results
		|- 2.11. Biography
		|- 2.12. Post Navigation
		|- 2.13. Related Posts
		|- 2.14. Comments
		|- 2.15. Pagination
		|- 2.16. Form
		|- 2.17. 404

	3. INTERFACE
		|- 3.1.  Topbar
		|- 3.2.  Header
		|- 3.3.  Logo
		|- 3.4.  Menu
		|- 3.5.  Modal
		|- 3.6.  Popup
		|- 3.7.  Dropdown
		|- 3.8.  Custom Cursor
		|- 3.9.  Page Header
		|- 3.10. Preloader
		|- 3.11. Back To Top
		|- 3.12. Footer

	4. SHORTCODES
		|- 4.1.  Shortcodes
		|- 4.2.  Section
		|- 4.3.  Row
		|- 4.4.  Column
		|- 4.5.  Text Block
		|- 4.6.  Heading
		|- 4.7.  Highlight Text
		|- 4.8.  Button
		|- 4.9.  Pie Chart
		|- 4.10. Bar Chart
		|- 4.11. Image
		|- 4.12. Icon
		|- 4.13. Video Lightbox
		|- 4.14. Iconbox
		|- 4.15. Imagebox
		|- 4.16. Fancybox
		|- 4.17. Interactive
		|- 4.18. Flipbox
		|- 4.19. Accordion
		|- 4.20. Carousel
		|- 4.21. Blog Posts
		|- 4.22. Donations
		|- 4.23. Donation Form
		|- 4.24. Events
		|- 4.25. Products
		|- 4.26. Portfolio
		|- 4.27. Testimonial
		|- 4.28. Testimonials
		|- 4.29. Team Member
		|- 4.30. Instagram Feed
		|- 4.31. Social Icons
		|- 4.32. Cart
		|- 4.33. Language
		|- 4.34. Search
		|- 4.35. Google Map
		|- 4.36. Nav Menu
		|- 4.37. Scrolling Text
		|- 4.38. Countdown
		|- 4.39. Countup
		|- 4.40. Image Parallax
		|- 4.41. Image Gallery
		|- 4.42. Wishlist

	5. UTILITY
		|- 5.1.  Decor
		|- 5.2.  Background
		|- 5.3.  Effects
		|- 5.4.  Shape
		|- 5.5.  Image
		|- 5.6.  Icon
		|- 5.7.  Button
		|- 5.8.  Hamburger Icon
		|- 5.9.  Close Icon
		|- 5.10. Scrollbar
		|- 5.11. Loaders

	6. ANIMATIONS
		|- 6.1. Box
		|- 6.2. Content
		|- 6.3. Text
		|- 6.4. Icon
		|- 6.5. Image
		|- 6.6. Background
		|- 6.7. Border
		|- 6.8. Line

	7. VENDOR
		|- 7.1. Swiper
		|- 7.2. Fresco
		|- 7.3. Select2
		|- 7.4. Contact Form 7
		|- 7.5. MC4WP Mailchimp

--------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## 1. Base
--------------------------------------------------------------*/
/* ## 1.1. Root */
:root {
  --container-max: 1140px;
  --container-gap: 120px;
}
@media screen and (max-width: 1024px) {
  :root {
    --container-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --container-gap: 20px;
  }
}

.ui-light, .ui-dark .ui-light {
  --primary-color-default: #FF5528;
  --primary-color-emphasis: #f34416;
  --primary-color-tertiary: #f67350;
  --secondary-color-default: #FFA415;
  --secondary-color-emphasis: #ee960d;
  --secondary-color-tertiary: #f5ac39;
  --text-color-default: #030712;
  --text-color-emphasis: #1e1e1e;
  --text-color-tertiary: #b3b3b3;
  --text-color-contrast: #FFFFFF;
  --link-color-default: var(--primary-color-default);
  --link-color-hover: var(--text-color-emphasis);
  --background-color-default: #FFFFFF;
  --background-color-emphasis: #ecf0f3;
  --background-color-tertiary: #f6f7f9;
  --background-color-contrast: #030712;
  --border-color-default: #D9D9D9;
  --border-color-emphasis: #B3B3B3;
  --border-color-tertiary: #ECECEC;
  --rating-color-active: #FFA415;
  --rating-color-inactive: rgba(255, 164, 21, 0.3);
  --notice-color-info: #90b5f5;
  --notice-color-success: #8ed3af;
  --notice-color-warning: #ffd07d;
  --notice-color-error: #f49090;
  --text-color-field-default: var(--text-color-default);
  --background-color-field-default: var(--background-color-default);
  --border-color-field-default: var(--border-color-default);
  --field-shadow-default: none;
}

.ui-dark, .ui-light .ui-dark {
  --text-color-default: #B3B3B3;
  --text-color-emphasis: #e8e8e8;
  --text-color-tertiary: #727272;
  --background-color-default: #030712;
  --background-color-emphasis: #101010;
  --background-color-tertiary: #3c3c3c;
  --border-color-default: #4c4c4c;
  --border-color-emphasis: #727272;
  --border-color-tertiary: #3b3b3b;
}

/* ## 1.2. Reset */
html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  font-family: var(--base-font-family, "Noto Sans Mono", monospace);
  font-size: var(--base-font-size, 14px);
  font-weight: var(--base-font-weight, 400);
  line-height: var(--base-line-height, 1.76);
  overflow-x: hidden;
  margin: 0;
  color: var(--text-color-default);
  background-color: var(--background-color-default);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

hr {
  margin: 1rem 0;
  border: none;
  border-bottom: 1px solid var(--border-color-default);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-stretch: condensed;
  line-height: var(--headings-line-height, 1.2);
  color: var(--text-color-emphasis);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

h2 {
  font-size: 1.675rem;
  line-height: 2.05rem;
}

h3 {
  font-size: 1.475rem;
  line-height: 1.875rem
}
h4 {
  font-size: 1.275rem;
  line-height: 1.675rem
}
h5 {
  font-size: 1.075rem;
  line-height: 1.475rem
}
h6 {
  font-size: 18px;
}

@media screen and (max-width: 1024px) {
  h1 {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  h2 {
    font-size: 1.675rem;
    line-height: 2.05rem
  }

  h3 {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 21px;
  }
  h6 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 19px;
  }
  h6 {
    font-size: 17px;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1.5em;
}

abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: 1.43;
  margin-bottom: 1rem;
}

ol,
ul {
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
}

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

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

dt {
  font-weight: bolder;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
  -webkit-padding-start: 1.5em;
  padding-inline-start: 1.5em;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875rem 0.375rem;
  background-color: #FFF3CD;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  transition: all 0.3s ease-out;
  text-decoration: none;
  color: var(--text-color, var(--link-color-default));
  background-color: transparent;
}
a:hover {
  color: var(--text-color, var(--link-color-hover));
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  text-decoration: none;
  color: inherit;
}

pre,
code,
kbd,
samp,
tt,
var {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875em;
  padding: 0.1875em 0.375em;
}

pre {
  line-height: 1.4;
  display: block;
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.75em;
  word-wrap: break-word;
  word-break: break-all;
  color: #4c4c4c;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f5f5f5;
}
pre code {
  font-size: inherit;
  word-break: normal;
  color: inherit;
  background-color: transparent;
  padding: 0;
}

code {
  word-wrap: break-word;
  color: #d63384;
  border-radius: 4px;
  background-color: #fdf6fa;
}

kbd {
  color: #FFFFFF;
  border-radius: 4px;
  background-color: var(--text-color-emphasis);
}
kbd kbd {
  font-size: 1em;
  padding: 0;
}

figure {
  margin: 0 0 1rem;
}

figcaption {
  font-style: italic;
  margin: 1em 0;
  color: var(--text-color-default);
}

img,
svg {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

table {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

th {
  font-weight: bolder;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.25em;
}

button {
  border-radius: 0;
}
button:focus:not(:focus-visible):not(.ui-unstyled) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

[type=checkbox],
[type=radio] {
  vertical-align: middle;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  font-size: 1.5rem;
  font-weight: bolder;
  line-height: inherit;
  float: left;
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 0;
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  max-width: 100%;
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

/* ## 1.3. Layout */
.container {
  position: relative;
}
.container .container-inner {
  border-radius: inherit;
}

.container-fluid,
.container-contained {
  display: flex;
  padding: 0 var(--container-gap);
}

.container-contained {
  align-items: center;
}
.container-contained > .container-inner {
  width: 100%;
  max-width: var(--container-max);
}

.stretch-container {
  position: relative;
  left: calc(var(--stretch-offset-left) * -1);
  width: var(--stretch-width);
  max-width: var(--stretch-width);
}
.stretch-container:not(.stretch-content) > * {
  padding-right: var(--stretch-offset-right);
  padding-left: var(--stretch-offset-left);
}

.sticky-show:not(.sticky-element) {
  display: none;
}
.ui-sticky .sticky-show:not(.sticky-element) {
  display: flex;
  flex-direction: column;
}

.ui-sticky .sticky-hide:not(.sticky-element) {
  display: none;
}

.sticky-element:not([data-entrance]).sticky-display:not(.ui-sticky) {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

/* ## 1.4. Block */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.wp-block-gallery {
  margin-bottom: 1em;
}

.blocks-gallery-caption {
  margin-top: 0;
}

.wp-block-button {
  margin-bottom: 1em;
}
.wp-block-button .wp-block-button__link {
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  padding: 15px 50px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  background: var(--primary-color-default);
}
.wp-block-button .wp-block-button__link:not(:disabled):hover {
  background: var(--primary-color-emphasis);
}
.wp-block-button.is-style-outline a.wp-block-button__link {
  padding: var(--button-padding-y, 13px) var(--button-padding-x, 48px);
  color: var(--text-color-emphasis);
  border-width: var(--button-border-width, 2px);
  border-style: solid;
  background: transparent;
}
.wp-block-button.is-style-outline a.wp-block-button__link:not(:disabled):hover {
  color: var(--button-alternate-color-hover, var(--primary-color-default));
  border-color: var(--button-alternate-color-hover, var(--primary-color-default));
  background: transparent;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
  border-radius: 0;
}

.wp-block-cover.has-background-dim {
  color: #fff;
}

.wp-block-cover.has-background-dim a {
  color: inherit;
}

.wp-block-group.has-background,
.has-background {
  margin-bottom: 1.5em;
}

blockquote.wp-block-quote.has-text-align-right {
  padding: 0;
  border: 0;
}
blockquote.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
  padding-right: 0;
  padding-left: 56px;
}
blockquote.wp-block-quote.is-style-large:where(:not(.is-style-plain))::before {
  line-height: 1.2;
}
blockquote.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
  font-size: 1.25em;
  font-style: normal;
  line-height: 1.4;
}
blockquote.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite {
  font-size: 16px;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: 1.25em;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
  font-style: italic;
  text-transform: uppercase;
  color: var(--text-color-emphasis);
}
.wp-block-pullquote blockquote {
  padding: 0;
  border: none;
}
.wp-block-pullquote blockquote::before {
  position: relative;
  margin-bottom: 0.5em;
}
.wp-block-pullquote p {
  color: var(--text-color-emphasis);
}
.wp-block-pullquote cite {
  font-size: 13px;
  font-style: italic;
  margin-top: 1.5em;
  color: var(--text-color-tertiary);
}

.wp-block-post-comments-form.comment-respond .comment-reply-title {
  margin-bottom: 0.5em;
}
.wp-block-post-comments-form.comment-respond .comment-form textarea {
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--border-color-default);
}

.wp-block-navigation li a::before {
  display: none !important;
}

.screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;
  z-index: 100000;
  top: 5px;
  left: 5px;
  display: block;
  clip: auto !important;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  color: #21759b;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* ## 1.5. Misc */
.ui-freeze {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

button.ui-unstyled {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: var(--text-color-default);
  border: none;
  outline: 0 !important;
  background: none;
  box-shadow: none;
}

.center-recur, .center-recur * {
  display: flex;
  align-items: center;
  justify-content: center;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

a.ui-stretched::after {
  position: absolute;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}

.transform-none {
  transition: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.sticky-ghost {
  visibility: hidden !important;
  opacity: 0 !important;
}

.wp-block-table table thead,
table thead {
  border-bottom: 2px solid;
}
.wp-block-table table thead th,
table thead th {
  color: var(--text-color-emphasis);
}
.wp-block-table table td, .wp-block-table table th,
table td,
table th {
  padding: 0.5em;
  border: 1px solid;
}
.wp-block-table table tfoot,
table tfoot {
  border-top: 2px solid;
}

blockquote, .wp-block-quote {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 26px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  position: relative;
  margin-bottom: 1.5em;
  color: var(--text-color-emphasis);
  border-left: 0;
  padding-left: 56px;
}
blockquote::before, .wp-block-quote::before {
  font-family: "savior-icons" !important;
  font-size: 40px;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "\e823";
  text-transform: none !important;
  color: var(--primary-color-default);
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
blockquote cite, .wp-block-quote cite {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 13px;
  font-weight: var(--headings-font-weight, 600);
  font-style: italic;
  line-height: 1.4;
  position: relative;
  display: block;
  margin-top: 1.5em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-color-tertiary);
}
blockquote p, .wp-block-quote p {
  margin-bottom: 0.5em;
}

.dropcap {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 3.6em;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1;
  display: inline-flex;
  float: left;
  align-items: center;
  justify-content: center;
  margin-right: 0.3em;
  color: var(--primary-color-default);
}
.dropcap.dropcap-bg {
  font-size: 2.2em;
  width: 1.4em;
  height: 1.4em;
  margin-top: 0.2em;
  color: #ffffff;
  background: var(--primary-color-default);
}
.dropcap.dropcap-rounded {
  border-radius: 1000px;
}

.ui-hidden {
  display: none !important;
}

@media screen and (min-width: 1024px) {
  .hidden-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .visible-lg {
    display: none !important;
  }
}

@media not (min-width: 768px), not (max-width: 1023px) {
  .visible-md {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-sm {
    display: none !important;
  }
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*--------------------------------------------------------------
  ## 2. Site
--------------------------------------------------------------*/
/* ## 2.1. Site */
body.layout-boxed {
  padding: var(--site-y-offset, 20px) var(--site-x-offset, 20px);
  background-color: var(--site-background-color, var(--background-color-tertiary));
}
body.layout-boxed #page {
  max-width: var(--container-max);
  margin: 0 auto;
}

/* ## 2.2. Page */
#page {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-height: 100vh;
}

/* ## 2.3. Content */
#content {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  background: var(--background-color-default);
}
#content > .content-wrap {
  display: flex;
  width: 100%;
  padding: 20px 0;
}
@media screen and (min-width: 1025px) {
  .sidebar-left #content > .content-wrap {
    justify-content: flex-end;
  }
  .sidebar-right #content > .content-wrap {
    justify-content: flex-start;
  }
}
#content.width-normal {
  padding: 0 var(--container-gap);
}
#content.width-normal > .content-wrap {
  max-width: var(--container-max);
}
@media screen and (max-width: 1024px) {
  #content > .content-wrap {
    flex-direction: column;
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  #content > .content-wrap {
    padding: 60px 0;
  }
}

#primary::after {
  display: table;
  clear: both;
  content: "";
}
#primary .page > p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  #primary {
    flex-basis: calc(100% - var(--sidebar-width, 33.33%));
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
  }
  .no-sidebar #primary {
    flex-grow: 1;
  }
}

#secondary {
  margin-top: var(--sidebar-spacing, 40px);
}
#secondary .sidebar-wrap {
  background: var(--background-sidebar, transparent);
}
@media screen and (min-width: 1025px) {
  #secondary {
    flex-basis: var(--sidebar-width, 33.33%);
    flex-grow: 0;
    flex-shrink: 0;
    max-width: var(--sidebar-width, 33.33%);
    margin-top: 0;
  }
  .sidebar-left #secondary {
    order: -1;
    -webkit-padding-end: var(--sidebar-spacing, 50px);
    padding-inline-end: var(--sidebar-spacing, 50px);
  }
  .sidebar-right #secondary {
    -webkit-padding-start: var(--sidebar-spacing, 50px);
    padding-inline-start: var(--sidebar-spacing, 50px);
  }
}

/* ## 2.4. Widgets */
.widget {
  width: 100%;
}
.widget:not(:last-of-type) {
  margin-bottom: 30px;
}
.widget .wp-block-group__inner-container > h1,
.widget .wp-block-group__inner-container > h2,
.widget .wp-block-group__inner-container > h3,
.widget .wp-block-group__inner-container > h4,
.widget .wp-block-group__inner-container > h5,
.widget .wp-block-group__inner-container > h6 {
  margin: 0 0 1em;
}
.widget ul, .widget ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul ul, .widget ul ol, .widget ol ul, .widget ol ol {
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-margin-start: 1.25em;
  margin-inline-start: 1.25em;
}
.widget input, .widget button {
  border-radius: 6px;
}
.widget input {
  border: 1px solid var(--border-color-default);
}
.widget select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  color: var(--text-color-emphasis);
  border: none;
  border-bottom: 1px solid var(--border-color-default);
  border-radius: 0;
  background-color: transparent;
}
.widget select:focus {
  border-bottom-color: var(--border-color-emphasis);
}
.widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon {
  order: 1;
  width: auto;
  height: 1em;
  text-indent: 0;
  background: none;
}
.widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon:before {
  font: normal 1em/1 "savior-icons";
  content: "\e827";
}
.widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon:active {
  color: #2b2b2b;
}
.widget .filter-title,
.widget .widget-title,
.widget .widgettitle {
  font-size: 18px;
  line-height: 1.5em;
  margin: 0 0 1.25em;
}
.widget.widget_calendar, .widget.widget_product_search, .widget.widget_search {
  padding: 0;
  border: none;
}
.widget.widget_media_gallery .gallery {
  margin-bottom: 0;
}
.widget.widget_media_gallery .gallery-item {
  margin-bottom: 10px;
}
.widget .children, .widget .sub-menu, .widget .wp-block-navigation__submenu-container {
  width: 100%;
  margin-bottom: 0;
}

.savior-widget.instagram-widget ul.instagram-feed {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-1px * var(--gap, 10)) calc(-0.5px * var(--gap, 10)) 0;
}
.savior-widget.instagram-widget li {
  width: calc(100% / var(--columns, 3));
  margin-top: calc(1px * var(--gap, 10));
  padding: 0 calc(0.5px * var(--gap, 10));
}
.savior-widget.instagram-widget a {
  position: relative;
  display: block;
  border-radius: 5px;
}
.savior-widget.instagram-widget a:hover::after {
  opacity: 0.2;
}
.savior-widget.instagram-widget a::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.2s ease;
  opacity: 0;
  border-radius: inherit;
  background: #ffffff;
}
.savior-widget.instagram-widget img {
  display: block;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.savior-widget.blog-posts-widget li:not(:last-child) {
  margin-bottom: 30px;
}
.savior-widget.blog-posts-widget .entry {
  display: flex;
  align-items: flex-start;
}
.savior-widget.blog-posts-widget .entry-thumb {
  flex-shrink: 0;
  width: 100px;
  margin-right: 25px;
}
.savior-widget.blog-posts-widget .entry-thumb img {
  display: block;
  height: 100px;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
}
.savior-widget.blog-posts-widget .entry-content {
  margin-bottom: 0;
}
.savior-widget.blog-posts-widget .entry-meta {
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 6px;
  white-space: nowrap;
  color: var(--text-color-tertiary);
}
.savior-widget.blog-posts-widget .meta-categories {
  margin-right: 15px;
}
.savior-widget.blog-posts-widget .meta-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 14px;
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--primary-color-default);
}
.savior-widget.blog-posts-widget .meta-categories a:hover {
  color: var(--text-color-emphasis);
}
.savior-widget.blog-posts-widget .meta-categories::after {
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
  content: "";
  vertical-align: middle;
  border-radius: 100%;
  background: var(--text-color-tertiary);
}
.savior-widget.blog-posts-widget .meta-published {
  font-size: 14px;
}
.savior-widget.blog-posts-widget .entry-title {
  font-size: 20px;
  margin: 0;
}
.savior-widget.banner-widget .banner-wrapper {
  position: relative;
}
.savior-widget.banner-widget .banner-background {
  border-radius: 10px;
  background-image: var(--banner-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.savior-widget.banner-widget .banner-background img {
  visibility: hidden;
  opacity: 0;
}
.savior-widget.banner-widget .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
  text-align: center;
}
.savior-widget.banner-widget .banner-content .content-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin: 0 auto;
}
.savior-widget.banner-widget .banner-logo {
  max-width: 46%;
  margin-bottom: 30px;
}
.savior-widget.banner-widget .banner-heading {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 34px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.14;
  margin-bottom: 0.5em;
  color: #ffffff;
}
.savior-widget.banner-widget .banner-description {
  font-size: 17px;
  color: #ffffff;
}
.savior-widget.banner-widget a.banner-button {
  margin-top: auto;
  border: 2px solid var(--primary-color-default);
  border-radius: 100px;
}
.savior-widget.banner-widget a.banner-button:hover {
  background: var(--secondary-color-default);
  border-color: var(--secondary-color-default);
}

.wp-block-rss,
.wp-block-archives-list,
.wp-block-page-list,
.wp-block-latest-comments,
.wp-block-latest-posts__list,
.wp-block-archives-dropdown,
.wp-block-calendar,
.wp-block-categories-dropdown,
.wp-block-search {
  margin: 0 0 30px;
}
.wp-block-rss:last-child,
.wp-block-archives-list:last-child,
.wp-block-page-list:last-child,
.wp-block-latest-comments:last-child,
.wp-block-latest-posts__list:last-child,
.wp-block-archives-dropdown:last-child,
.wp-block-calendar:last-child,
.wp-block-categories-dropdown:last-child,
.wp-block-search:last-child {
  margin-bottom: 0;
}

.wp-block-archives-list li {
  color: var(--text-color-tertiary);
}

.wp-block-rss,
.wp-block-archives-list,
.wp-block-page-list,
.wp-block-latest-comments,
.wp-block-latest-posts__list {
  padding: 0;
  list-style: none;
}
.wp-block-rss ul,
.wp-block-archives-list ul,
.wp-block-page-list ul,
.wp-block-latest-comments ul,
.wp-block-latest-posts__list ul {
  list-style: none;
}
.wp-block-rss[class*=columns-] li,
.wp-block-archives-list[class*=columns-] li,
.wp-block-page-list[class*=columns-] li,
.wp-block-latest-comments[class*=columns-] li,
.wp-block-latest-posts__list[class*=columns-] li {
  border-bottom: none;
}

.wp-block-rss li:not(:last-child),
.wp-block-archives-list li:not(:last-child),
.wp-block-page-list li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
.wp-block-latest-posts__list li:not(:last-child),
.wp-block-categories li:not(:last-child),
.widget_rss li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_archive li:not(:last-child),
.widget_categories li:not(:last-child),
.widget_product_categories li:not(:last-child),
.widget_layered_nav li:not(:last-child),
.widget_pages li:not(:last-child),
.widget_meta li:not(:last-child),
.widget_recent_comments li:not(:last-child),
.widget_recent_entries li:not(:last-child) {
  padding-bottom: 0.65em;
}
.wp-block-rss a,
.wp-block-archives-list a,
.wp-block-page-list a,
.wp-block-latest-comments a,
.wp-block-latest-posts__list a,
.wp-block-categories a,
.widget_rss a,
.widget_nav_menu a,
.widget_archive a,
.widget_categories a,
.widget_product_categories a,
.widget_layered_nav a,
.widget_pages a,
.widget_meta a,
.widget_recent_comments a,
.widget_recent_entries a {
  position: relative;
}
.wp-block-rss .sub-menu > li, .wp-block-rss .children > li, .wp-block-rss .wp-block-navigation__submenu-container > li,
.wp-block-archives-list .sub-menu > li,
.wp-block-archives-list .children > li,
.wp-block-archives-list .wp-block-navigation__submenu-container > li,
.wp-block-page-list .sub-menu > li,
.wp-block-page-list .children > li,
.wp-block-page-list .wp-block-navigation__submenu-container > li,
.wp-block-latest-comments .sub-menu > li,
.wp-block-latest-comments .children > li,
.wp-block-latest-comments .wp-block-navigation__submenu-container > li,
.wp-block-latest-posts__list .sub-menu > li,
.wp-block-latest-posts__list .children > li,
.wp-block-latest-posts__list .wp-block-navigation__submenu-container > li,
.wp-block-categories .sub-menu > li,
.wp-block-categories .children > li,
.wp-block-categories .wp-block-navigation__submenu-container > li,
.widget_rss .sub-menu > li,
.widget_rss .children > li,
.widget_rss .wp-block-navigation__submenu-container > li,
.widget_nav_menu .sub-menu > li,
.widget_nav_menu .children > li,
.widget_nav_menu .wp-block-navigation__submenu-container > li,
.widget_archive .sub-menu > li,
.widget_archive .children > li,
.widget_archive .wp-block-navigation__submenu-container > li,
.widget_categories .sub-menu > li,
.widget_categories .children > li,
.widget_categories .wp-block-navigation__submenu-container > li,
.widget_product_categories .sub-menu > li,
.widget_product_categories .children > li,
.widget_product_categories .wp-block-navigation__submenu-container > li,
.widget_layered_nav .sub-menu > li,
.widget_layered_nav .children > li,
.widget_layered_nav .wp-block-navigation__submenu-container > li,
.widget_pages .sub-menu > li,
.widget_pages .children > li,
.widget_pages .wp-block-navigation__submenu-container > li,
.widget_meta .sub-menu > li,
.widget_meta .children > li,
.widget_meta .wp-block-navigation__submenu-container > li,
.widget_recent_comments .sub-menu > li,
.widget_recent_comments .children > li,
.widget_recent_comments .wp-block-navigation__submenu-container > li,
.widget_recent_entries .sub-menu > li,
.widget_recent_entries .children > li,
.widget_recent_entries .wp-block-navigation__submenu-container > li {
  border-bottom: none;
}
.wp-block-rss .sub-menu > li > a::before, .wp-block-rss .children > li > a::before, .wp-block-rss .wp-block-navigation__submenu-container > li > a::before,
.wp-block-archives-list .sub-menu > li > a::before,
.wp-block-archives-list .children > li > a::before,
.wp-block-archives-list .wp-block-navigation__submenu-container > li > a::before,
.wp-block-page-list .sub-menu > li > a::before,
.wp-block-page-list .children > li > a::before,
.wp-block-page-list .wp-block-navigation__submenu-container > li > a::before,
.wp-block-latest-comments .sub-menu > li > a::before,
.wp-block-latest-comments .children > li > a::before,
.wp-block-latest-comments .wp-block-navigation__submenu-container > li > a::before,
.wp-block-latest-posts__list .sub-menu > li > a::before,
.wp-block-latest-posts__list .children > li > a::before,
.wp-block-latest-posts__list .wp-block-navigation__submenu-container > li > a::before,
.wp-block-categories .sub-menu > li > a::before,
.wp-block-categories .children > li > a::before,
.wp-block-categories .wp-block-navigation__submenu-container > li > a::before,
.widget_rss .sub-menu > li > a::before,
.widget_rss .children > li > a::before,
.widget_rss .wp-block-navigation__submenu-container > li > a::before,
.widget_nav_menu .sub-menu > li > a::before,
.widget_nav_menu .children > li > a::before,
.widget_nav_menu .wp-block-navigation__submenu-container > li > a::before,
.widget_archive .sub-menu > li > a::before,
.widget_archive .children > li > a::before,
.widget_archive .wp-block-navigation__submenu-container > li > a::before,
.widget_categories .sub-menu > li > a::before,
.widget_categories .children > li > a::before,
.widget_categories .wp-block-navigation__submenu-container > li > a::before,
.widget_product_categories .sub-menu > li > a::before,
.widget_product_categories .children > li > a::before,
.widget_product_categories .wp-block-navigation__submenu-container > li > a::before,
.widget_layered_nav .sub-menu > li > a::before,
.widget_layered_nav .children > li > a::before,
.widget_layered_nav .wp-block-navigation__submenu-container > li > a::before,
.widget_pages .sub-menu > li > a::before,
.widget_pages .children > li > a::before,
.widget_pages .wp-block-navigation__submenu-container > li > a::before,
.widget_meta .sub-menu > li > a::before,
.widget_meta .children > li > a::before,
.widget_meta .wp-block-navigation__submenu-container > li > a::before,
.widget_recent_comments .sub-menu > li > a::before,
.widget_recent_comments .children > li > a::before,
.widget_recent_comments .wp-block-navigation__submenu-container > li > a::before,
.widget_recent_entries .sub-menu > li > a::before,
.widget_recent_entries .children > li > a::before,
.widget_recent_entries .wp-block-navigation__submenu-container > li > a::before {
  position: absolute;
  top: 50%;
  left: -1.25em;
  display: inline-block;
  width: 0.75em;
  height: 0;
  content: "";
  border-bottom: 1px solid var(--border-color-default);
}

.wp-block-rss li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
.wp-block-latest-posts__list li:not(:last-child),
.widget_rss li:not(:last-child) {
  margin-bottom: 0.65em;
  padding-bottom: 0.65em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-block-rss[class*=columns-] li,
.wp-block-archives-list[class*=columns-] li,
.wp-block-latest-comments[class*=columns-] li,
.wp-block-latest-posts__list[class*=columns-] li {
  border-bottom: none !important;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt,
.widget_recent_entries .wp-block-latest-posts__post-excerpt {
  margin-bottom: 0;
}
.wp-block-latest-posts__list img,
.widget_recent_entries img {
  margin-bottom: 1em;
}

.wp-block-rss .wp-block-rss__item-title,
.widget_rss .wp-block-rss__item-title {
  margin-bottom: 0.5em;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .rssSummary,
.widget_rss .wp-block-rss__item-excerpt,
.widget_rss .rssSummary {
  margin-top: 1em;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-of-type,
.widget_recent_comments .wp-block-latest-comments__comment:last-of-type {
  margin-bottom: 0;
}

.wp-block-archives li,
.wp-block-categories li,
.widget_nav_menu li,
.widget_archive li,
.widget_categories li,
.widget_product_categories li,
.widget_layered_nav li,
.widget_pages li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.widget_menu li {
  margin-bottom: 0.75em;
}

.widget_product_search,
.wp-block-search,
.widget_search {
  position: relative;
}
.widget_product_search label, .widget_product_search input,
.wp-block-search label,
.wp-block-search input,
.widget_search label,
.widget_search input {
  display: block;
  width: 100%;
}
.widget_product_search input,
.wp-block-search input,
.widget_search input {
  padding: 15px;
}
.widget_product_search input[type=search],
.wp-block-search input[type=search],
.widget_search input[type=search] {
  padding: 1em 15px 1em 15px;
  border: 1px solid var(--border-color-default);
  border-radius: 6px;
}
.widget_product_search input[type=search]:focus,
.wp-block-search input[type=search]:focus,
.widget_search input[type=search]:focus {
  border-color: var(--border-color-emphasis);
  outline: none;
}

.widget_search label {
  position: relative;
  margin-bottom: 0;
}
.widget_search .search-form {
  position: relative;
  display: flex;
  align-items: center;
}
.widget_search .search-form input[type=search] {
  -webkit-padding-start: 45px;
  padding-inline-start: 45px;
}
.widget_search .search-form .search-submit {
  position: absolute;
  top: 50%;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: transparent;
}
.widget_search .search-form .search-submit .icon {
  font: 22px/1 "savior-icons";
  color: var(--text-color-default);
}

.wp-block-search .wp-block-search__inside-wrapper {
  padding: 0;
  border: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 5px;
  border: 1px solid var(--border-color-default);
  border-radius: 8px;
}
.wp-block-search .wp-block-search__input {
  border-color: var(--border-color-default);
}
.wp-block-search input[type=search] {
  height: 50px;
  border: 1px solid var(--border-color-default);
  border-radius: 6px;
}
.wp-block-search [type=submit] {
  padding: 0.15em 1.5em;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  background: var(--primary-color-default);
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.widget_text strong {
  font-weight: 600;
}

.wp-calendar-table {
  font-size: 15px;
  width: 100%;
  margin-bottom: 0;
  border: 1px solid var(--border-color-default);
}
.wp-calendar-table caption, .wp-calendar-table tfoot td {
  font-weight: 700;
  padding: 10px 15px;
  color: var(--text-color-emphasis);
}
.wp-calendar-table caption {
  border: 1px solid var(--border-color-default);
  border-bottom: none;
}
.wp-calendar-table thead {
  border: 1px solid var(--border-color-default);
  background: var(--background-color-tertiary);
}
.wp-calendar-table thead th {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-color-emphasis);
  border: none;
  background: transparent;
}
.wp-calendar-table thead td, .wp-calendar-table thead th, .wp-calendar-table thead td, .wp-calendar-table thead th {
  padding: 5px;
  text-align: center;
}
.wp-calendar-table tbody tr {
  background-color: transparent !important;
}
.wp-calendar-table tbody td {
  padding: 0.25em;
  text-align: center;
  border: 1px solid var(--border-color-default);
}
.wp-calendar-table tbody #today {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-color-emphasis);
  background-color: var(--background-color-tertiary);
}
.wp-calendar-table tbody a {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color-default);
}
.wp-calendar-table tbody a:hover {
  color: var(--text-color-emphasis);
}
.wp-calendar-table tbody a::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 3px;
  height: 3px;
  content: "";
  border-radius: 1000px;
  background: currentColor;
}
.wp-calendar-table tfoot {
  border-top: 1px solid var(--border-color-default);
}

.wp-calendar-nav {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.widget_subscribe .wysija-paragraph:before {
  font: normal 1em/1 "savior-icons";
  position: absolute;
  top: 50%;
  right: 2em;
  display: inline-block;
  content: "\e80c";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wp-block-tag-cloud span,
.widget_tag_cloud span,
.widget_product_tag_cloud span {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.wp-block-tag-cloud a,
.widget_tag_cloud a,
.widget_product_tag_cloud a {
  font-size: 14px !important;
  line-height: 1.5em;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 7px;
  padding: 0.5em 1em;
  color: var(--text-color-default);
  border-radius: 1000px;
  background: #f2f3f5;
}
.wp-block-tag-cloud a:hover,
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
  color: #FFFFFF;
  background-color: var(--primary-color-default);
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  -webkit-margin-start: 3.25em;
  margin-inline-start: 3.25em;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
  -webkit-margin-end: 0.75em;
  margin-inline-end: 0.75em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

/* ## 2.5. Post */
.post-item {
  position: relative;
}
.post-item .post-inner {
  position: relative;
}
.post-item .post-wrap {
  position: relative;
  display: flex;
  border-radius: inherit;
}
.post-item .post-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.post-item .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  pointer-events: auto;
}
.post-item .post-header,
.post-item .post-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.post-item .post-thumbnail {
  flex-shrink: 0;
  width: 100%;
}
.post-item .post-thumbnail.ui-animate .post-icon {
  visibility: visible;
  opacity: 1;
}
.post-item .post-thumbnail.custom-cursor .img-inner {
  transition: opacity 0.3s;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
}
.post-item .post-thumbnail.custom-cursor:not(.ui-visible) .img-inner {
  transition-delay: 0.2s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  opacity: 0;
}
.post-item .post-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.post-item .post-icon .icn-shape {
  border-radius: 100%;
}
.post-item .post-icon:not(.always-visible) {
  opacity: 0;
}
.post-item .post-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
.post-item .post-summary {
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.post-item .post-button {
  z-index: 20;
}
.post-item .post-footer {
  display: flex;
  align-items: center;
  order: 10;
  width: 100%;
}
.post-item .post-footer .post-meta {
  margin-bottom: 0;
}
.post-item:hover .custom-cursor {
  z-index: 1101;
}
.post-item.align-center .content-wrap,
.post-item.align-center .post-header,
.post-item.align-center .post-details {
  align-items: center;
  text-align: center;
}
.post-item.align-center .post-content {
  align-items: center;
}
.post-item.align-center .post-summary {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
.post-item.align-center .post-footer {
  justify-content: center;
}
.archive-post .post-item {
  margin-bottom: var(--posts-gap, 40px);
}
.post-item.skin-default:not(.has-post-thumbnail) .post-content {
  padding-top: 0 !important;
}
.post-item.skin-default.sticky .post-inner {
  -webkit-padding-start: 2em;
  padding-inline-start: 2em;
  -webkit-border-start: 3px solid var(--primary-color-default);
  border-inline-start: 3px solid var(--primary-color-default);
}
.post-item.skin-default:not(.sticky):not(:last-of-type) .post-inner {
  border-bottom: 1px solid var(--border-color-default);
}
.post-item.skin-default:last-of-type {
  margin-bottom: 0;
}
.post-item.skin-default .post-wrap {
  flex-direction: column;
}
.post-item.skin-default .post-content {
  padding: 30px 0;
}
.post-item.skin-default .post-thumbnail {
  border-radius: 5px;
}
.post-item.skin-default .post-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  padding: 8px 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 6px;
  --background-color: var(--background-color-emphasis);
}
.post-item.skin-default .post-categories a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}
.post-item.skin-default .post-meta {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  margin-bottom: 1.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.post-item.skin-default .post-meta .meta-separator {
  color: var(--text-color, var(--text-color-tertiary));
}
.post-item.skin-default .post-quote {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  color: #ffffff;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.post-item.skin-default .post-quote blockquote {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0;
  color: #ffffff;
  -webkit-padding-start: 52px;
  padding-inline-start: 52px;
}
.post-item.skin-default .post-quote blockquote::before {
  font-size: 34px;
  color: #ffffff;
}
.post-item.skin-default .post-quote blockquote p {
  margin-bottom: 0;
}
.post-item.skin-default .post-quote blockquote cite {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.8);
}
.post-item.skin-default .post-audio {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 30px;
}
.post-item.skin-default .post-audio audio {
  width: 100%;
}
.post-item.skin-default .post-video {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  cursor: pointer;
  transition: 0.2s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--text-color-emphasis);
  border-radius: 100%;
  background: #ffffff;
}
.post-item.skin-default .post-video:hover {
  color: var(--text-color-emphasis);
  background: #fff;
}
.post-item.skin-default .post-video .video-icon {
  font-size: 20px;
  line-height: 1;
}
.post-item.skin-default .post-gallery {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  --layout-columns: 1;
  --layout-gap: 0;
}
.post-item.skin-default .post-gallery .swiper-slide-active {
  z-index: 1;
}
.post-item.skin-default .post-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.post-item.skin-default .post-gallery .navigation-arrows {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 25px;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.post-item.skin-default .post-gallery .navigation-arrows .navigation-arrow {
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  pointer-events: auto;
  color: var(--text-color-emphasis);
  border-radius: 100%;
  background: #ffffff;
}
.post-item.skin-default .post-link {
  font-size: 22px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: var(--text-color-emphasis);
  border-radius: 100%;
  background: #ffffff;
}
.post-item.skin-default .post-link:hover {
  color: var(--text-color-emphasis);
  background: #fff;
}
@media screen and (min-width: 1025px) {
  .post-item.skin-default .post-header {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .post-item.skin-default .post-quote blockquote {
    font-size: 28px;
  }
  .post-item.skin-default .post-video {
    width: 70px;
    height: 70px;
  }
  .post-item.skin-default .post-gallery .navigation-arrows .navigation-arrow {
    width: 45px;
    height: 45px;
  }
  .post-item.skin-default .post-link {
    width: 50px;
    height: 50px;
  }
}
.post-item.skin-v1:not(.has-post-thumbnail) .post-content {
  padding: 0 !important;
}
.post-item.skin-v1.has-post-thumbnail .post-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.post-item.skin-v1 .post-wrap {
  overflow: hidden;
  align-items: flex-end;
  height: 100%;
}
.post-item.skin-v1 .post-thumbnail .img-inner a {
  pointer-events: none;
}
.post-item.skin-v1 .post-content {
  justify-content: flex-end;
  padding: 30px;
}
.post-item.skin-v2:not(.has-post-thumbnail) .post-content {
  padding-top: 0 !important;
}
.post-item.skin-v2 .post-wrap {
  flex-direction: column;
}
.post-item.skin-v2 .post-content {
  padding-top: 30px;
}
.post-item.skin-v3:not(.has-post-thumbnail) .post-content {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
.post-item.skin-v3 .post-wrap {
  justify-content: flex-start;
}
.post-item.skin-v3 .post-thumbnail {
  width: 50%;
}
.post-item.skin-v3 .post-content {
  align-items: flex-start;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
@media screen and (max-width: 767px) {
  .post-item.skin-v3 .post-wrap {
    flex-wrap: wrap;
  }
  .post-item.skin-v3 .post-thumbnail,
  .post-item.skin-v3 .post-content {
    width: 100%;
  }
}

.post-avatar {
  font-size: 40px;
  z-index: 20;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  -webkit-margin-end: var(--avatar-spacing, 10px);
  margin-inline-end: var(--avatar-spacing, 10px);
}
.post-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: none !important;
  transform: none !important;
  -o-object-fit: cover;
  object-fit: cover;
}
.post-avatar a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  border-radius: inherit;
  background: #C4C4C4;
}
.post-avatar[class*=position-] {
  position: absolute;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.post-avatar.position-topLeft {
  top: var(--avatar-y-offset, 0px);
  left: var(--avatar-x-offset, 0px);
}
.post-avatar.position-topRight {
  top: var(--avatar-y-offset, 0px);
  right: var(--avatar-x-offset, 0px);
}
.post-avatar.position-bottomLeft {
  bottom: var(--avatar-y-offset, 0px);
  left: var(--avatar-x-offset, 0px);
}
.post-avatar.position-bottomRight {
  right: var(--avatar-x-offset, 0px);
  bottom: var(--avatar-y-offset, 0px);
}
.post-avatar.position-leftCenter {
  bottom: 0;
  left: var(--avatar-spacing, 0px);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.post-avatar.position-rightCenter {
  right: var(--avatar-spacing, 0px);
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.post-categories {
  line-height: 1.4;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
}
.post-categories a {
  position: relative;
  z-index: 20;
  display: inline-block;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.post-categories a .ui-decor {
  z-index: -1;
}
.post-categories.inline-categories a:not(:last-of-type)::after {
  content: ",";
  -webkit-margin-end: var(--category-gap, 0.2em);
  margin-inline-end: var(--category-gap, 0.2em);
}
.post-categories:not(.inline-categories) {
  margin-top: calc(var(--category-gap, 5px) * -1);
}
.post-categories:not(.inline-categories) a {
  margin-top: var(--category-gap, 5px);
}
.post-categories:not(.inline-categories) a:not(:last-of-type) {
  -webkit-margin-end: var(--category-gap, 5px);
  margin-inline-end: var(--category-gap, 5px);
}
.post-categories[class*=position-] {
  position: absolute;
  z-index: 20;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.post-categories.position-topLeft {
  top: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.post-categories.position-topRight {
  top: var(--category-y-offset, 20px);
  right: var(--category-x-offset, 20px);
}
.post-categories.position-bottomLeft {
  bottom: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.post-categories.position-bottomRight {
  right: var(--category-x-offset, 20px);
  bottom: var(--category-y-offset, 20px);
}

.post-date {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  margin-right: var(--date-spacing, 30px);
}
.post-date .date-top,
.post-date .date-bottom {
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  color: var(--text-color, var(--text-color-default));
}
.post-date[class*=position-] {
  position: absolute;
  z-index: 10;
  margin-right: 0;
}
.post-date.position-topLeft {
  top: var(--date-y-offset, 15px);
  left: var(--date-x-offset, 15px);
}
.post-date.position-topRight {
  top: var(--date-y-offset, 15px);
  right: var(--date-x-offset, 15px);
}
.post-date.position-bottomLeft {
  bottom: var(--date-y-offset, 15px);
  left: var(--date-x-offset, 15px);
}
.post-date.position-bottomRight {
  right: var(--date-x-offset, 15px);
  bottom: var(--date-y-offset, 15px);
}
.post-date.position-leftCenter {
  bottom: 0;
  left: var(--date-spacing, 30px);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.post-date.position-rightCenter {
  right: var(--date-spacing, 30px);
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.post-meta {
  line-height: 1.4;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.post-meta.meta-right {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.post-meta .meta-icon {
  vertical-align: middle;
  color: var(--text-color, inherit);
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.post-meta .meta-icon::before {
  transition: all 0.3s ease-out;
}
.post-meta a {
  position: relative;
  z-index: 20;
}
.post-meta time {
  position: relative;
}
.post-meta time a {
  position: static;
}
.post-meta .avatar-meta img {
  font-size: 32px;
  width: 1em;
  height: 1em;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .post-meta .avatar-meta img {
    font-size: 28px;
  }
}
.post-meta .categories-meta,
.post-meta .tags-meta {
  display: inline-flex;
  flex-wrap: wrap;
}
.post-meta .meta-separator {
  font-size: 1rem;
  line-height: 1;
  display: none;
  align-items: center;
  vertical-align: middle;
  color: var(--text-color, inherit);
}
.post-meta .meta-separator:empty::after {
  content: "•";
  transition: all 0.3s ease-out;
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.post-meta .meta-separator .separator-icon {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.post-meta .meta {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: break-spaces;
}
.post-meta .meta:not(:last-of-type) {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.post-meta .meta ~ .meta-separator:not(:last-child) {
  display: inline-flex;
}
.post-meta .categories-meta span:not(:last-of-type),
.post-meta .tags-meta span:not(:last-of-type) {
  -webkit-margin-end: 0.5em;
  margin-inline-end: 0.5em;
}
.post-meta .categories-meta span:not(:last-of-type)::after,
.post-meta .tags-meta span:not(:last-of-type)::after {
  content: ",";
}

/* ## 2.6. Portfolio */
.portfolio-item {
  position: relative;
}
.portfolio-item .portfolio-inner {
  position: relative;
}
.portfolio-item .portfolio-wrap {
  position: relative;
  display: flex;
  border-radius: inherit;
}
.portfolio-item .portfolio-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.portfolio-item .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  pointer-events: auto;
}
.portfolio-item .portfolio-header,
.portfolio-item .portfolio-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.portfolio-item .portfolio-thumbnail {
  flex-shrink: 0;
  width: 100%;
}
.portfolio-item .portfolio-thumbnail.ui-animate .portfolio-icon {
  visibility: visible;
  opacity: 1;
}
.portfolio-item .portfolio-thumbnail.custom-cursor .img-inner {
  transition: opacity 0.3s;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
}
.portfolio-item .portfolio-thumbnail.custom-cursor:not(.ui-visible) .img-inner {
  transition-delay: 0.2s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  opacity: 0;
}
.portfolio-item .portfolio-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.portfolio-item .portfolio-icon .icn-shape {
  border-radius: 100%;
}
.portfolio-item .portfolio-icon:not(.always-visible) {
  opacity: 0;
}
.portfolio-item .portfolio-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
.portfolio-item .portfolio-summary {
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.portfolio-item .portfolio-button {
  z-index: 20;
}
.portfolio-item .portfolio-footer {
  display: flex;
  align-items: center;
  order: 10;
  width: 100%;
}
.portfolio-item .portfolio-footer .portfolio-meta {
  margin-bottom: 0;
}
.portfolio-item:hover .custom-cursor {
  z-index: 1101;
}
.portfolio-item.align-center .content-wrap,
.portfolio-item.align-center .portfolio-header,
.portfolio-item.align-center .portfolio-details {
  align-items: center;
  text-align: center;
}
.portfolio-item.align-center .portfolio-content {
  align-items: center;
}
.portfolio-item.align-center .portfolio-summary {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
.portfolio-item.align-center .portfolio-footer {
  justify-content: center;
}
.archive-portfolio .portfolio-item {
  margin-bottom: var(--projects-gap, 40px);
}
.portfolio-item.cnAnim-revealAll .portfolio-content {
  transition: all 0.3s ease-out;
}
.portfolio-item.cnAnim-revealAll:not(.ui-animate) .portfolio-content {
  opacity: 0;
}
.portfolio-item.cnAnim-revealAll:not(.ui-animate) .content-item {
  transition-delay: 0s !important;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  pointer-events: none;
  opacity: 0;
}
.portfolio-item.skin-default:not(.has-post-thumbnail) .portfolio-content {
  padding-top: 0 !important;
}
.portfolio-item.skin-default .portfolio-wrap {
  flex-direction: column;
}
.portfolio-item.skin-default .portfolio-content {
  padding: 30px 0;
}
.portfolio-item.skin-default .portfolio-thumbnail {
  border-radius: 5px;
}
.portfolio-item.skin-default .portfolio-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  padding: 8px 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 1000px;
  --background-color: var(--background-color-emphasis);
}
.portfolio-item.skin-default .portfolio-categories a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}
.portfolio-item.skin-v1.align-center.cnAnim-revealAll .portfolio-content {
  justify-content: center;
}
.portfolio-item.skin-v1:not(.has-post-thumbnail) .portfolio-content {
  padding: 0 !important;
}
.portfolio-item.skin-v1.has-post-thumbnail .portfolio-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.portfolio-item.skin-v1 .portfolio-inner {
  height: 100%;
}
.portfolio-item.skin-v1 .portfolio-wrap {
  overflow: hidden;
  align-items: flex-end;
  height: 100%;
}
.portfolio-item.skin-v1 .portfolio-thumbnail {
  height: 100%;
}
.portfolio-item.skin-v1 .portfolio-thumbnail .img-inner a {
  pointer-events: none;
}
.portfolio-item.skin-v1 .portfolio-content {
  justify-content: flex-end;
  padding: 30px;
}
.portfolio-item.skin-v2:not(.has-post-thumbnail) .portfolio-content {
  padding-top: 0 !important;
}
.portfolio-item.skin-v2 .portfolio-wrap {
  flex-direction: column;
}
.portfolio-item.skin-v2 .portfolio-content {
  padding-top: 30px;
}
.portfolio-item.skin-v3:not(.has-post-thumbnail) .portfolio-content {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
.portfolio-item.skin-v3 .portfolio-wrap {
  justify-content: flex-start;
}
.portfolio-item.skin-v3 .portfolio-thumbnail {
  width: 50%;
}
.portfolio-item.skin-v3 .portfolio-content {
  align-items: flex-start;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
@media screen and (max-width: 767px) {
  .portfolio-item.skin-v3 .portfolio-wrap {
    flex-wrap: wrap;
  }
  .portfolio-item.skin-v3 .portfolio-thumbnail,
  .portfolio-item.skin-v3 .portfolio-content {
    width: 100%;
  }
}

.portfolio-categories {
  line-height: 1.4;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
}
.portfolio-categories a {
  position: relative;
  z-index: 20;
  display: inline-block;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.portfolio-categories a .ui-decor {
  z-index: -1;
}
.portfolio-categories.inline-categories a:not(:last-of-type)::after {
  content: ",";
  -webkit-margin-end: var(--category-gap, 0.2em);
  margin-inline-end: var(--category-gap, 0.2em);
}
.portfolio-categories:not(.inline-categories) {
  margin-top: calc(var(--category-gap, 5px) * -1);
}
.portfolio-categories:not(.inline-categories) a {
  margin-top: var(--category-gap, 5px);
}
.portfolio-categories:not(.inline-categories) a:not(:last-of-type) {
  -webkit-margin-end: var(--category-gap, 5px);
  margin-inline-end: var(--category-gap, 5px);
}
.portfolio-categories[class*=position-] {
  position: absolute;
  z-index: 20;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.portfolio-categories.position-topLeft {
  top: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.portfolio-categories.position-topRight {
  top: var(--category-y-offset, 20px);
  right: var(--category-x-offset, 20px);
}
.portfolio-categories.position-bottomLeft {
  bottom: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.portfolio-categories.position-bottomRight {
  right: var(--category-x-offset, 20px);
  bottom: var(--category-y-offset, 20px);
}

.portfolio-meta {
  line-height: 1.4;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.portfolio-meta.meta-right {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.portfolio-meta .meta-icon {
  vertical-align: middle;
  color: var(--text-color, inherit);
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.portfolio-meta .meta-icon::before {
  transition: all 0.3s ease-out;
}
.portfolio-meta a {
  position: relative;
  z-index: 20;
}
.portfolio-meta .categories-meta,
.portfolio-meta .tags-meta {
  display: inline-flex;
  flex-wrap: wrap;
}
.portfolio-meta .meta-separator {
  font-size: 1rem;
  line-height: 1;
  display: none;
  align-items: center;
  vertical-align: middle;
  color: var(--text-color, inherit);
}
.portfolio-meta .meta-separator:empty::after {
  content: "•";
  transition: all 0.3s ease-out;
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.portfolio-meta .meta-separator .separator-icon {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.portfolio-meta .meta {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: break-spaces;
}
.portfolio-meta .meta:not(:last-of-type) {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.portfolio-meta .meta ~ .meta-separator:not(:last-child) {
  display: inline-flex;
}
.portfolio-meta .categories-meta span:not(:last-of-type),
.portfolio-meta .tags-meta span:not(:last-of-type) {
  -webkit-margin-end: 0.5em;
  margin-inline-end: 0.5em;
}
.portfolio-meta .categories-meta span:not(:last-of-type)::after,
.portfolio-meta .tags-meta span:not(:last-of-type)::after {
  content: ",";
}

/* ## 2.7. Donation */
.give_forms-item {
  position: relative;
}
.give_forms-item .give-form-inner {
  position: relative;
}
.give_forms-item .give-form-wrap {
  position: relative;
  display: flex;
  border-radius: inherit;
}
.give_forms-item .give-form-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.give_forms-item .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  pointer-events: auto;
}
.give_forms-item .give-form-header,
.give_forms-item .give-form-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.give_forms-item .give-form-thumbnail {
  flex-shrink: 0;
  width: 100%;
}
.give_forms-item .give-form-thumbnail.ui-animate .give-form-icon {
  visibility: visible;
  opacity: 1;
}
.give_forms-item .give-form-thumbnail.custom-cursor .img-inner {
  transition: opacity 0.3s;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
}
.give_forms-item .give-form-thumbnail.custom-cursor:not(.ui-visible) .img-inner {
  transition-delay: 0.2s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  opacity: 0;
}
.give_forms-item .give-form-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.give_forms-item .give-form-icon .icn-shape {
  border-radius: 100%;
}
.give_forms-item .give-form-icon:not(.always-visible) {
  opacity: 0;
}
.give_forms-item .give-form-goal {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: var(--goal-spacing, 20px);
}
.give_forms-item .give-form-goal .raised {
  line-height: 1.4;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.give_forms-item .give-form-goal .give-form-progress {
  position: relative;
  width: 100%;
  height: var(--line-height, 4px);
  margin-top: var(--line-spacing, 10px);
}
.give_forms-item .give-form-goal .give-form-progress::before, .give_forms-item .give-form-goal .give-form-progress::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.give_forms-item .give-form-goal .give-form-progress::before {
  width: 100%;
  background: var(--background-color, #e8e8e8);
}
.give_forms-item .give-form-goal .give-form-progress::after {
  width: var(--goal-progress, 0px);
  background: var(--background-color, currentColor);
}
.give_forms-item .give-form-goal.position-thumbnail {
  position: absolute;
  z-index: 10;
  bottom: 0;
  margin-bottom: 0;
}
.give_forms-item .give-form-goal.position-thumbnail .raised {
  display: none;
}
.give_forms-item .give-form-goal.position-thumbnail .give-form-progress {
  margin-top: 0;
}
.give_forms-item .give-form-goal.position-bottom {
  order: 5;
}
.give_forms-item .give-form-goal.position-bottom .give-form-progress {
  order: -10;
  margin-top: 0;
  margin-bottom: var(--line-spacing, 10px);
}
.give_forms-item .give-form-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
.give_forms-item .give-form-summary {
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.give_forms-item .give-form-button {
  z-index: 20;
}
.give_forms-item .give-form-footer {
  display: flex;
  align-items: center;
  order: 10;
  width: 100%;
}
.give_forms-item .give-form-footer .give-form-meta {
  margin-bottom: 0;
}
.give_forms-item:hover .custom-cursor {
  z-index: 1101;
}
.give_forms-item.align-center .content-wrap,
.give_forms-item.align-center .give-form-header,
.give_forms-item.align-center .give-form-details {
  align-items: center;
  text-align: center;
}
.give_forms-item.align-center .give-form-content {
  align-items: center;
}
.give_forms-item.align-center .give-form-summary {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
.give_forms-item.align-center .give-form-footer {
  justify-content: center;
}
.archive-give_forms .give_forms-item {
  margin-bottom: var(--give-forms-gap, 40px);
}
.give_forms-item.skin-default:not(.has-post-thumbnail) .give-form-content {
  padding-top: 0 !important;
}
.give_forms-item.skin-default .give-form-wrap {
  flex-direction: column;
}
.give_forms-item.skin-default .give-form-content {
  padding: 30px 0;
}
.give_forms-item.skin-default .give-form-thumbnail {
  border-radius: 5px;
}
.give_forms-item.skin-default .give-form-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  padding: 8px 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 1000px;
  --background-color: var(--background-color-emphasis);
}
.give_forms-item.skin-default .give-form-categories a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}
@media screen and (min-width: 1025px) {
  .give_forms-item.skin-default .give-form-header {
    max-width: 90%;
  }
}
.give_forms-item.skin-v1:not(.has-post-thumbnail) .give-form-content {
  padding: 0 !important;
}
.give_forms-item.skin-v1.has-post-thumbnail .give-form-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.give_forms-item.skin-v1 .give-form-wrap {
  overflow: hidden;
  align-items: flex-end;
  height: 100%;
}
.give_forms-item.skin-v1 .give-form-thumbnail .img-inner a {
  pointer-events: none;
}
.give_forms-item.skin-v1 .give-form-content {
  justify-content: flex-end;
  padding: 30px;
}
.give_forms-item.skin-v2:not(.has-post-thumbnail) .give-form-content {
  padding-top: 0 !important;
}
.give_forms-item.skin-v2 .give-form-wrap {
  flex-direction: column;
}
.give_forms-item.skin-v2 .give-form-content {
  padding-top: 30px;
}
.give_forms-item.skin-v3:not(.has-post-thumbnail) .give-form-content {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
.give_forms-item.skin-v3 .give-form-wrap {
  justify-content: flex-start;
}
.give_forms-item.skin-v3 .give-form-thumbnail {
  width: 50%;
}
.give_forms-item.skin-v3 .give-form-content {
  align-items: flex-start;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
@media screen and (max-width: 767px) {
  .give_forms-item.skin-v3 .give-form-wrap {
    flex-wrap: wrap;
  }
  .give_forms-item.skin-v3 .give-form-thumbnail,
  .give_forms-item.skin-v3 .give-form-content {
    width: 100%;
  }
}

.give-form-categories {
  line-height: 1.4;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
}
.give-form-categories a {
  position: relative;
  z-index: 20;
  display: inline-block;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.give-form-categories a .ui-decor {
  z-index: -1;
}
.give-form-categories.inline-categories a:not(:last-of-type)::after {
  content: ",";
  -webkit-margin-end: var(--category-gap, 0.2em);
  margin-inline-end: var(--category-gap, 0.2em);
}
.give-form-categories:not(.inline-categories) {
  margin-top: calc(var(--category-gap, 5px) * -1);
}
.give-form-categories:not(.inline-categories) a {
  margin-top: var(--category-gap, 5px);
}
.give-form-categories:not(.inline-categories) a:not(:last-of-type) {
  -webkit-margin-end: var(--category-gap, 5px);
  margin-inline-end: var(--category-gap, 5px);
}
.give-form-categories[class*=position-] {
  position: absolute;
  z-index: 20;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.give-form-categories.position-topLeft {
  top: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.give-form-categories.position-topRight {
  top: var(--category-y-offset, 20px);
  right: var(--category-x-offset, 20px);
}
.give-form-categories.position-bottomLeft {
  bottom: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.give-form-categories.position-bottomRight {
  right: var(--category-x-offset, 20px);
  bottom: var(--category-y-offset, 20px);
}

.give-form-meta {
  line-height: 1.4;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.give-form-meta.meta-right {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.give-form-meta .meta-icon {
  vertical-align: middle;
  color: var(--text-color, inherit);
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.give-form-meta .meta-icon::before {
  transition: all 0.3s ease-out;
}
.give-form-meta a {
  position: relative;
  z-index: 20;
}
.give-form-meta .categories-meta,
.give-form-meta .tags-meta {
  display: inline-flex;
  flex-wrap: wrap;
}
.give-form-meta .meta-separator {
  font-size: 1rem;
  line-height: 1;
  display: none;
  align-items: center;
  vertical-align: middle;
  color: var(--text-color, inherit);
}
.give-form-meta .meta-separator:empty::after {
  content: "•";
  transition: all 0.3s ease-out;
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.give-form-meta .meta-separator .separator-icon {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.give-form-meta .meta {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: break-spaces;
}
.give-form-meta .meta:not(:last-of-type) {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.give-form-meta .meta ~ .meta-separator:not(:last-child) {
  display: inline-flex;
}
.give-form-meta .categories-meta span:not(:last-of-type),
.give-form-meta .tags-meta span:not(:last-of-type) {
  -webkit-margin-end: 0.5em;
  margin-inline-end: 0.5em;
}
.give-form-meta .categories-meta span:not(:last-of-type)::after,
.give-form-meta .tags-meta span:not(:last-of-type)::after {
  content: ",";
}

/* ## 2.8. Event */
.tribe_events-item {
  position: relative;
}
.tribe_events-item .tribe-events-inner {
  position: relative;
}
.tribe_events-item .tribe-events-wrap {
  position: relative;
  display: flex;
  border-radius: inherit;
}
.tribe_events-item .tribe-events-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.tribe_events-item .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  pointer-events: auto;
}
.tribe_events-item .tribe-events-header,
.tribe_events-item .tribe-events-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.tribe_events-item .tribe-events-thumbnail {
  flex-shrink: 0;
  width: 100%;
}
.tribe_events-item .tribe-events-thumbnail.ui-animate .tribe-events-icon {
  visibility: visible;
  opacity: 1;
}
.tribe_events-item .tribe-events-thumbnail.custom-cursor .img-inner {
  transition: opacity 0.3s;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
}
.tribe_events-item .tribe-events-thumbnail.custom-cursor:not(.ui-visible) .img-inner {
  transition-delay: 0.2s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  opacity: 0;
}
.tribe_events-item .tribe-events-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.tribe_events-item .tribe-events-icon .icn-shape {
  border-radius: 100%;
}
.tribe_events-item .tribe-events-icon:not(.always-visible) {
  opacity: 0;
}
.tribe_events-item .tribe-events-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
.tribe_events-item .tribe-events-summary {
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.tribe_events-item .tribe-events-button {
  z-index: 20;
}
.tribe_events-item .tribe-events-footer {
  display: flex;
  align-items: center;
  order: 10;
  width: 100%;
}
.tribe_events-item .tribe-events-footer .tribe-events-meta {
  margin-bottom: 0;
}
.tribe_events-item:hover .custom-cursor {
  z-index: 1101;
}
.tribe_events-item.align-center .content-wrap,
.tribe_events-item.align-center .tribe-events-header,
.tribe_events-item.align-center .tribe-events-details {
  align-items: center;
  text-align: center;
}
.tribe_events-item.align-center .tribe-events-content {
  align-items: center;
}
.tribe_events-item.align-center .tribe-events-summary {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
.tribe_events-item.align-center .tribe-events-footer {
  justify-content: center;
}
.archive-tribe_events .tribe_events-item {
  margin-bottom: var(--tribe-events-gap, 40px);
}
.tribe_events-item.skin-v1:not(.has-post-thumbnail) .tribe-events-content {
  padding: 0 !important;
}
.tribe_events-item.skin-v1.has-post-thumbnail .tribe-events-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tribe_events-item.skin-v1 .tribe-events-wrap {
  overflow: hidden;
  align-items: flex-end;
  height: 100%;
}
.tribe_events-item.skin-v1 .tribe-events-thumbnail .img-inner a {
  pointer-events: none;
}
.tribe_events-item.skin-v1 .tribe-events-content {
  justify-content: flex-end;
  padding: 30px;
}
.tribe_events-item.skin-v2:not(.has-post-thumbnail) .tribe-events-content {
  padding-top: 0 !important;
}
.tribe_events-item.skin-v2 .tribe-events-wrap {
  flex-direction: column;
}
.tribe_events-item.skin-v2 .tribe-events-content {
  padding-top: 30px;
}
.tribe_events-item.skin-v3:not(.has-post-thumbnail) .tribe-events-content {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
.tribe_events-item.skin-v3 .tribe-events-wrap {
  justify-content: flex-start;
}
.tribe_events-item.skin-v3 .tribe-events-thumbnail {
  width: 50%;
}
.tribe_events-item.skin-v3 .tribe-events-content {
  align-items: flex-start;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
@media screen and (max-width: 767px) {
  .tribe_events-item.skin-v3 .tribe-events-wrap {
    flex-wrap: wrap;
  }
  .tribe_events-item.skin-v3 .tribe-events-thumbnail,
  .tribe_events-item.skin-v3 .tribe-events-content {
    width: 100%;
  }
}

.tribe-events-date {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-margin-end: var(--date-spacing, 30px);
  margin-inline-end: var(--date-spacing, 30px);
}
.tribe-events-date .date-top,
.tribe-events-date .date-bottom {
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  color: var(--text-color, var(--text-color-default));
}
.tribe-events-date[class*=position-] {
  position: absolute;
  z-index: 10;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.tribe-events-date.position-topLeft {
  top: var(--date-y-offset, 15px);
  left: var(--date-x-offset, 15px);
}
.tribe-events-date.position-topRight {
  top: var(--date-y-offset, 15px);
  right: var(--date-x-offset, 15px);
}
.tribe-events-date.position-bottomLeft {
  bottom: var(--date-y-offset, 15px);
  left: var(--date-x-offset, 15px);
}
.tribe-events-date.position-bottomRight {
  right: var(--date-x-offset, 15px);
  bottom: var(--date-y-offset, 15px);
}
.tribe-events-date.position-leftCenter {
  bottom: 0;
  left: var(--date-spacing, 30px);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.tribe-events-date.position-rightCenter {
  right: var(--date-spacing, 30px);
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.tribe-events-categories {
  line-height: 1.4;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
}
.tribe-events-categories a {
  position: relative;
  z-index: 20;
  display: inline-block;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.tribe-events-categories a .ui-decor {
  z-index: -1;
}
.tribe-events-categories.inline-categories a:not(:last-of-type)::after {
  content: ",";
  -webkit-margin-end: var(--category-gap, 0.2em);
  margin-inline-end: var(--category-gap, 0.2em);
}
.tribe-events-categories:not(.inline-categories) {
  margin-top: calc(var(--category-gap, 5px) * -1);
}
.tribe-events-categories:not(.inline-categories) a {
  margin-top: var(--category-gap, 5px);
}
.tribe-events-categories:not(.inline-categories) a:not(:last-of-type) {
  -webkit-margin-end: var(--category-gap, 5px);
  margin-inline-end: var(--category-gap, 5px);
}
.tribe-events-categories[class*=position-] {
  position: absolute;
  z-index: 20;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.tribe-events-categories.position-topLeft {
  top: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.tribe-events-categories.position-topRight {
  top: var(--category-y-offset, 20px);
  right: var(--category-x-offset, 20px);
}
.tribe-events-categories.position-bottomLeft {
  bottom: var(--category-y-offset, 20px);
  left: var(--category-x-offset, 20px);
}
.tribe-events-categories.position-bottomRight {
  right: var(--category-x-offset, 20px);
  bottom: var(--category-y-offset, 20px);
}

.tribe-events-meta {
  line-height: 1.4;
  flex-wrap: wrap;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.tribe-events-meta.meta-right {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.tribe-events-meta .meta-icon {
  vertical-align: middle;
  color: var(--text-color, inherit);
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.tribe-events-meta .meta-icon::before {
  transition: all 0.3s ease-out;
}
.tribe-events-meta .meta a, .tribe-events-meta .meta a:visited {
  position: relative;
  z-index: 20;
  color: var(--text-color, var(--link-color-default));
}
.tribe-events-meta .meta a:hover, .tribe-events-meta .meta a:visited:hover {
  color: var(--text-color, var(--link-color-hover));
}
.tribe-events-meta .categories-meta,
.tribe-events-meta .tags-meta {
  display: inline-flex;
  flex-wrap: wrap;
}
.tribe-events-meta .meta-separator {
  font-size: 1rem;
  line-height: 1;
  display: none;
  align-items: center;
  vertical-align: middle;
  color: var(--text-color, inherit);
}
.tribe-events-meta .meta-separator:empty::after {
  content: "•";
  transition: all 0.3s ease-out;
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.tribe-events-meta .meta-separator .separator-icon {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.tribe-events-meta .meta {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: break-spaces;
}
.tribe-events-meta .meta:not(:last-of-type) {
  -webkit-margin-end: var(--meta-gap, 15px);
  margin-inline-end: var(--meta-gap, 15px);
}
.tribe-events-meta .meta ~ .meta-separator:not(:last-child) {
  display: inline-flex;
}
.tribe-events-meta .categories-meta span:not(:last-of-type),
.tribe-events-meta .tags-meta span:not(:last-of-type) {
  -webkit-margin-end: 0.5em;
  margin-inline-end: 0.5em;
}
.tribe-events-meta .categories-meta span:not(:last-of-type)::after,
.tribe-events-meta .tags-meta span:not(:last-of-type)::after {
  content: ",";
}

/* ## 2.9. Single */
.single-post.no-sidebar #content > .content-wrap,
.single-portfolio.no-sidebar #content > .content-wrap {
  max-width: 840px;
}

.single-post #page > .post-header,
.single-portfolio #page > .portfolio-header {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 var(--container-gap);
}

.single-post #page > .post-header .post-details,
.single-portfolio #page > .portfolio-header .portfolio-details {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
}

.single-post #page > .post-header .post-info,
.single-portfolio #page > .portfolio-header .portfolio-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 auto;
}

.single-post #page > .post-header .post-meta,
.single-portfolio #page > .portfolio-header .portfolio-meta {
  margin-bottom: 0;
}

.single-post #page > .post-header.skin-v1 .post-thumbnail,
.single-portfolio #page > .portfolio-header.skin-v1 .portfolio-thumbnail {
  margin-bottom: 80px;
}

.single-post #page > .post-header.skin-v1 .post-details:only-child,
.single-portfolio #page > .portfolio-header.skin-v1 .portfolio-details:only-child {
  padding-top: 100px;
}

.single-post #page > .post-header.skin-v1 .post-info,
.single-portfolio #page > .portfolio-header.skin-v1 .portfolio-info {
  padding-right: 20%;
}

.single-post #page > .post-header.skin-v2 .post-details,
.single-portfolio #page > .portfolio-header.skin-v2 .portfolio-details {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.single-post #page > .post-header.skin-v2 .post-details:only-child,
.single-portfolio #page > .portfolio-header.skin-v2 .portfolio-details:only-child {
  position: relative;
}

.single-post #page > .post-header.skin-v2 .post-info,
.single-portfolio #page > .portfolio-header.skin-v2 .portfolio-info {
  align-items: center;
  max-width: 1040px;
  padding: 0 10%;
  text-align: center;
}

.single-post #page > .post-header.skin-v3 .post-details,
.single-portfolio #page > .portfolio-header.skin-v3 .portfolio-details {
  position: relative;
  z-index: 1;
  margin-top: -160px;
  padding-top: 80px;
}

.single-post #page > .post-header.skin-v3 .post-details:not(:only-child)::before,
.single-portfolio #page > .portfolio-header.skin-v3 .portfolio-details:not(:only-child)::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1000%;
  height: 100%;
  content: "";
  background-color: var(--background-color-default);
}

.single-post #page > .post-header.skin-v3 .post-info,
.single-portfolio #page > .portfolio-header.skin-v3 .portfolio-info {
  padding-right: 20%;
}

.single-post #page > .post-header .post-thumbnail,
.single-portfolio #page > .portfolio-header .portfolio-thumbnail {
  position: relative;
  max-width: unset;
  margin: 0 calc(var(--container-gap) * -1);
  --image-height: 580px;
}

.single-post .post-header .post-categories:not(.inline-categories) a,
.single-portfolio .portfolio-header .portfolio-categories:not(.inline-categories) a {
  padding: 8px 16px;
  border-radius: 6px;
}
.single-post .post-header .post-categories a,
.single-portfolio .portfolio-header .portfolio-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  --background-color: var(--background-color-emphasis);
}
.single-post .post-header .post-categories a:hover,
.single-portfolio .portfolio-header .portfolio-categories a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}

.single-post .post-title,
.single-portfolio .portfolio-title {
  margin: 0 0 0.25em;
  transition: all 0.3s ease-out;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}

.single-post article.post .post-thumbnail,
.single-portfolio article.portfolio .portfolio-thumbnail {
  width: 100%;
  margin-bottom: 50px;
  border-radius: 5px;
  --image-height: 56.25%;
}

.single-post article.post .post-header,
.single-portfolio article.portfolio .portfolio-header {
  margin-bottom: 50px;
}

.single-post article.post .post-header .post-meta,
.single-portfolio article.portfolio .portfolio-header .post-meta {
  margin-bottom: 0;
}

.single-post .post-content,
.single-portfolio .portfolio-content {
  line-height: 1.9;
}
.single-post .post-content::before, .single-post .post-content::after,
.single-portfolio .portfolio-content::before,
.single-portfolio .portfolio-content::after {
  display: block;
  clear: both;
  content: "";
}

.single-post .post-footer,
.single-portfolio .portfolio-footer {
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  margin-top: 50px;
  padding: 30px 0;
  border-top: 1px solid var(--border-color-default);
  border-top-style: dashed;
}
.single-post .post-footer .label,
.single-portfolio .portfolio-footer .label {
  line-height: 2;
  color: var(--text-color, var(--text-color-default));
  -webkit-margin-end: 1em;
  margin-inline-end: 1em;
}
@media screen and (max-width: 767px) {
  .single-post .post-footer,
  .single-portfolio .portfolio-footer {
    flex-direction: column;
  }
  .single-post .post-footer .post-tags,
  .single-portfolio .portfolio-footer .post-tags {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .single-post .post-footer .post-share,
  .single-portfolio .portfolio-footer .post-share {
    margin-left: 0;
  }
}

.single-post .post-tags,
.single-portfolio .portfolio-tags {
  display: inline-flex;
  max-width: 50%;
}
.single-post .post-tags .tags,
.single-portfolio .portfolio-tags .tags {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: calc(var(--tags-gap, 10px) / -1);
}
.single-post .post-tags a,
.single-portfolio .portfolio-tags a {
  line-height: 1.5em;
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: var(--tags-gap, 10px);
  padding: 0.25em 1em 0.35em;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 1000px;
  -webkit-margin-end: var(--tags-gap, 10px);
  margin-inline-end: var(--tags-gap, 10px);
  --background-color: var(--background-color-tertiary);
}
.single-post .post-tags a .ui-decor,
.single-portfolio .portfolio-tags a .ui-decor {
  z-index: -1;
}
.single-post .post-tags a:hover,
.single-portfolio .portfolio-tags a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--text-color-emphasis);
}

.single-post .post-share,
.single-portfolio .portfolio-share {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.single-post .post-share a,
.single-portfolio .portfolio-share a {
  font-size: 17px;
  line-height: 1.2;
  padding: 0 calc(var(--icon-gap, 1.25em) / 2);
  color: var(--text-color, var(--text-color-default));
}
.single-post .post-share a:hover,
.single-portfolio .portfolio-share a:hover {
  color: var(--text-color, var(--text-color-emphasis));
}

form.post-password-form p {
  display: flex;
  align-items: center;
}
form.post-password-form label {
  display: inline-flex;
  align-items: center;
  flex-grow: 0.3;
  margin: 0;
}
form.post-password-form label input[type=password] {
  height: 50px;
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}
form.post-password-form input[type=submit] {
  height: 50px;
  padding: 10px 35px;
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
@media screen and (max-width: 767px) {
  form.post-password-form label input[type=password] {
    height: 44px;
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
  }
  form.post-password-form input[type=submit] {
    height: 44px;
    padding: 10px 30px;
  }
}

@media screen and (min-width: 1025px) {
  .single-post.no-sidebar #page > .post-header.skin-v1 .post-info,
  .single-post.no-sidebar #page > .post-header.skin-v3 .post-info,
  .single-portfolio.no-sidebar #page > .portfolio-header.skin-v1 .portfolio-info,
  .single-portfolio.no-sidebar #page > .portfolio-header.skin-v3 .portfolio-info {
    max-width: 840px;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .single-post #page > .post-header.skin-v1 .post-thumbnail,
  .single-portfolio #page > .portfolio-header.skin-v1 .portfolio-thumbnail {
    margin-bottom: 70px;
  }
  .single-post #page > .post-header.skin-v3 .post-details,
  .single-portfolio #page > .portfolio-header.skin-v3 .portfolio-details {
    margin-top: -110px;
    padding-top: 70px;
  }
  .single-post #page > .post-header .post-thumbnail,
  .single-portfolio #page > .portfolio-header .portfolio-thumbnail {
    --image-height: 50%;
  }
}
@media screen and (max-width: 767px) {
  .single-post #page > .post-header.skin-v1 .post-thumbnail,
  .single-portfolio #page > .portfolio-header.skin-v1 .portfolio-thumbnail {
    margin-bottom: 60px;
  }
  .single-post #page > .post-header.skin-v1 .post-info,
  .single-portfolio #page > .portfolio-header.skin-v1 .portfolio-info {
    padding-right: 8%;
  }
  .single-post #page > .post-header.skin-v3 .post-details,
  .single-portfolio #page > .portfolio-header.skin-v3 .portfolio-details {
    margin-top: -80px;
    padding-top: 60px;
  }
  .single-post #page > .post-header.skin-v3 .post-info,
  .single-portfolio #page > .portfolio-header.skin-v3 .portfolio-info {
    padding-right: 8%;
  }
  .single-post #page > .post-header .post-thumbnail,
  .single-portfolio #page > .portfolio-header .portfolio-thumbnail {
    --image-height: 60%;
  }
  .single-post .post .post-thumbnail,
  .single-portfolio .portfolio .portfolio-thumbnail {
    margin-bottom: 40px;
  }
  .single-post .post .post-header,
  .single-portfolio .portfolio .portfolio-header {
    margin-bottom: 40px;
  }
}
/* ## 2.10. No Results */
body.search .hentry {
  margin-bottom: var(--posts-gap, 40px);
}
body.search .hentry .post-inner {
  position: relative;
}
body.search .hentry .post-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: inherit;
}
body.search .hentry .post-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
body.search .hentry .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  pointer-events: auto;
}
body.search .hentry .post-header,
body.search .hentry .post-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
body.search .hentry .post-thumbnail {
  flex-shrink: 0;
  width: 100%;
}
body.search .hentry .post-thumbnail.ui-animate .post-icon {
  visibility: visible;
  opacity: 1;
}
body.search .hentry .post-thumbnail.custom-cursor .img-inner {
  transition: opacity 0.3s;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
}
body.search .hentry .post-thumbnail.custom-cursor:not(.ui-visible) .img-inner {
  transition-delay: 0.2s;
  -webkit-transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  transform: translateX(var(--offset-x, -50%)) translateY(var(--offset-y, -50%));
  opacity: 0;
}
body.search .hentry .post-icon {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
body.search .hentry .post-icon .icn-shape {
  border-radius: 100%;
}
body.search .hentry .post-icon:not(.always-visible) {
  opacity: 0;
}
body.search .hentry .post-title {
  transition: all 0.3s ease-out;
  word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
body.search .hentry .post-summary {
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
body.search .hentry .post-button {
  z-index: 2;
}
body.search .hentry .post-footer {
  display: flex;
  align-items: center;
  order: 10;
  width: 100%;
}
body.search .hentry .post-footer .post-meta {
  margin-bottom: 0;
}
body.search .hentry.align-center .content-wrap,
body.search .hentry.align-center .post-header,
body.search .hentry.align-center .post-details {
  align-items: center;
  text-align: center;
}
body.search .hentry.align-center .post-content {
  align-items: center;
}
body.search .hentry.align-center .post-summary {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
body.search .hentry.align-center .post-footer {
  justify-content: center;
}
body.search .hentry.skin-default:not(.has-post-thumbnail) .post-content {
  padding-top: 0 !important;
}
body.search .hentry.skin-default:not(:last-of-type) .post-inner {
  border-bottom: 1px solid var(--border-color-default);
}
body.search .hentry.skin-default:last-of-type {
  margin-bottom: 0;
}
body.search .hentry.skin-default .post-wrap {
  flex-direction: column;
}
body.search .hentry.skin-default .post-content {
  padding: 30px 0;
}
body.search .hentry.skin-default .post-thumbnail {
  border-radius: 5px;
}
body.search .hentry.skin-default .post-categories a {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  line-height: 1.4;
  padding: 8px 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 1000px;
  --background-color: var(--background-color-emphasis);
}
body.search .hentry.skin-default .post-categories a:hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}
body.search .hentry.skin-default .post-title {
  margin-bottom: 1rem;
}
body.search .hentry.skin-default .post-meta {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 10px;
  font-weight: var(--headings-font-weight, 600);
  margin-bottom: 1.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
body.search .hentry.skin-default .post-meta .meta-separator {
  color: var(--text-color, var(--text-color-tertiary));
}
@media screen and (min-width: 1025px) {
  body.search .hentry.skin-default .post-header {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  body.search .hentry.skin-default .post-quote blockquote {
    font-size: 28px;
  }
  body.search .hentry.skin-default .post-video {
    width: 70px;
    height: 70px;
  }
  body.search .hentry.skin-default .post-gallery .navigation-arrows .navigation-arrow {
    width: 45px;
    height: 45px;
  }
  body.search .hentry.skin-default .post-link {
    width: 50px;
    height: 50px;
  }
}
body.search .hentry.skin-v1:not(.has-post-thumbnail) .post-content {
  padding: 0 !important;
}
body.search .hentry.skin-v1.has-post-thumbnail .post-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body.search .hentry.skin-v1 .post-wrap {
  overflow: hidden;
  align-items: flex-end;
}
body.search .hentry.skin-v1 .post-thumbnail a {
  pointer-events: none;
}
body.search .hentry.skin-v1 .post-content {
  justify-content: flex-end;
  padding: 30px;
}
body.search .hentry.skin-v2:not(.has-post-thumbnail) .post-content {
  padding-top: 0 !important;
}
body.search .hentry.skin-v2 .post-wrap {
  flex-direction: column;
}
body.search .hentry.skin-v2 .post-content {
  padding-top: 30px;
}
body.search .hentry.skin-v3:not(.has-post-thumbnail) .post-content {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
body.search .hentry.skin-v3 .post-wrap {
  justify-content: flex-start;
}
body.search .hentry.skin-v3 .post-thumbnail {
  width: 50%;
}
body.search .hentry.skin-v3 .post-content {
  align-items: flex-start;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
@media screen and (max-width: 767px) {
  body.search .hentry.skin-v3 .post-wrap {
    flex-wrap: wrap;
  }
  body.search .hentry.skin-v3 .post-thumbnail,
  body.search .hentry.skin-v3 .post-content {
    width: 100%;
  }
}

.no-results .page-title {
  margin: 0 0 40px;
}
.no-results .search-form .search-field {
  max-width: 260px;
  margin-right: 0.5em;
}
.no-results .search-form input[type=search] {
  display: inline-flex;
  max-width: 260px;
  height: 50px;
  border: 1px solid var(--border-color-default);
  border-radius: 4px;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.no-results .search-form input[type=search]:focus {
  border-color: var(--border-color-emphasis);
}
.no-results .search-form button[type=submit] {
  font-size: 24px;
  height: 50px;
  padding: 0 40px;
  border-radius: 4px;
}
.no-results .search-form button[type=submit] .icon {
  color: #ffffff;
}

/* ## 2.11. Biography */
.author-biography {
  display: flex;
  margin: 20px 0 40px;
  padding: 40px 0;
  border: 0 solid var(--border-color-box, var(--border-color-default));
  border-top-width: 1px;
  border-bottom-width: 1px;
  background: var(--background-color-box, transparent);
}
.author-biography .author-avatar {
  flex-shrink: 0;
  margin-right: 40px;
}
.author-biography .author-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 0 solid var(--border-color, transparent);
}
.author-biography .author-title {
  margin-top: 0.25em;
  line-height: 1.4;
  color: var(--text-color, var(--text-color-emphasis));
}
.author-biography .author-title a {
  color: var(--text-color, inherit);
}
.author-biography .author-description {
  margin-bottom: 20px;
  color: var(--text-color, var(--text-color-default));
}
.author-biography .author-socials {
  display: flex;
}
.author-biography .author-socials a {
  font-size: var(--icon-size, 17px);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--shape-size, 2em);
  height: var(--shape-size, 2em);
  margin-right: 0.5em;
  padding-top: 1px;
  color: var(--text-color, var(--primary-color-default));
  border: 1px solid var(--border-color, var(--border-color-default));
  border-radius: 100%;
  background: var(--background-color, transparent);
}
.author-biography .author-socials a:hover {
  color: var(--text-color, var(--text-color-emphasis));
}

/* ## 2.12. Post Navigation */
.single-post .post-navigation,
.single-portfolio .project-navigation {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  display: flex;
  margin-top: 20px;
}
.single-post .post-navigation .nav-prev,
.single-post .post-navigation .nav-next,
.single-portfolio .project-navigation .nav-prev,
.single-portfolio .project-navigation .nav-next {
  position: relative;
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  max-width: 50%;
}
.single-post .post-navigation .nav-prev .details,
.single-post .post-navigation .nav-next .details,
.single-portfolio .project-navigation .nav-prev .details,
.single-portfolio .project-navigation .nav-next .details {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.single-post .post-navigation .nav-prev.ui-animate .subtitle,
.single-post .post-navigation .nav-next.ui-animate .subtitle,
.single-portfolio .project-navigation .nav-prev.ui-animate .subtitle,
.single-portfolio .project-navigation .nav-next.ui-animate .subtitle {
  color: var(--text-color, var(--text-color-emphasis));
}
.single-post .post-navigation .nav-prev,
.single-portfolio .project-navigation .nav-prev {
  align-items: flex-start;
  -webkit-padding-end: 30px;
  padding-inline-end: 30px;
}
.single-post .post-navigation .nav-prev .icon,
.single-portfolio .project-navigation .nav-prev .icon {
  margin-right: var(--icon-spacing, 8px);
}
.single-post .post-navigation .nav-prev .thumbnail,
.single-portfolio .project-navigation .nav-prev .thumbnail {
  margin-right: var(--image-spacing, 20px);
}
.single-post .post-navigation .nav-next,
.single-portfolio .project-navigation .nav-next {
  align-items: flex-end;
  margin-left: auto;
  -webkit-padding-start: 30px;
  padding-inline-start: 30px;
}
.single-post .post-navigation .nav-next .icon,
.single-portfolio .project-navigation .nav-next .icon {
  margin-left: var(--icon-spacing, 8px);
}
.single-post .post-navigation .nav-next .thumbnail,
.single-portfolio .project-navigation .nav-next .thumbnail {
  margin-left: var(--image-spacing, 20px);
}
.single-post .post-navigation .nav-next .title,
.single-portfolio .project-navigation .nav-next .title {
  text-align: end;
}
.single-post .post-navigation .subtitle,
.single-portfolio .project-navigation .subtitle {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.85em;
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-tertiary));
}
.single-post .post-navigation .subtitle .icon,
.single-portfolio .project-navigation .subtitle .icon {
  font-size: 17px;
  transition: all 0.3s ease-out;
  color: var(--text-color, inherit);
}
@media screen and (max-width: 767px) {
  .single-post .post-navigation .subtitle,
  .single-portfolio .project-navigation .subtitle {
    margin-bottom: 6px;
  }
}
.single-post .post-navigation .title,
.single-portfolio .project-navigation .title {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 21px;
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0;
  transition: all 0.3s ease-out;
  word-wrap: break-word;
  -ms-word-break: break-word;
  color: var(--text-color, var(--text-color-emphasis));
}
.single-post .post-navigation .title a,
.single-portfolio .project-navigation .title a {
  max-width: 100%;
}
.single-post .post-navigation .thumbnail,
.single-portfolio .project-navigation .thumbnail {
  position: relative;
  flex-shrink: 0;
}
.single-post .post-navigation .thumbnail .img-wrap,
.single-portfolio .project-navigation .thumbnail .img-wrap {
  overflow: hidden;
  border-radius: inherit;
}
.single-post .post-navigation .thumbnail img,
.single-portfolio .project-navigation .thumbnail img {
  display: block;
  width: 110px;
  height: 85px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .single-post .post-navigation .thumbnail, .single-post .post-navigation .icon,
  .single-portfolio .project-navigation .thumbnail,
  .single-portfolio .project-navigation .icon {
    display: none;
  }
  .single-post .post-navigation .nav-prev,
  .single-portfolio .project-navigation .nav-prev {
    padding-right: 10px;
  }
  .single-post .post-navigation .nav-next,
  .single-portfolio .project-navigation .nav-next {
    padding-left: 10px;
  }
  .single-post .post-navigation .title,
  .single-portfolio .project-navigation .title {
    font-size: 18px;
  }
}

/* ## 2.13. Related Posts */
.single-post .related-posts,
.single-portfolio .related-projects {
  margin-top: 70px;
}
.single-post .related-posts h3,
.single-portfolio .related-projects h3 {
  margin-bottom: 0.9em;
  color: var(--text-color, var(--text-color-emphasis));
}
.single-post .related-posts h4,
.single-portfolio .related-projects h4 {
  font-size: 21px;
  max-width: 100%;
  margin-bottom: 0.5em;
  word-wrap: break-word;
  color: var(--text-color, var(--text-color-emphasis));
  -webkit-padding-end: 10%;
  padding-inline-end: 10%;
}
.single-post .related-posts h4:last-child,
.single-portfolio .related-projects h4:last-child {
  margin-bottom: 0;
}
.single-post .related-posts h4 a:hover,
.single-portfolio .related-projects h4 a:hover {
  color: var(--text-color, var(--text-color-default));
}

.single-post .related-posts .posts-wrap,
.single-portfolio .related-projects .projects-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--related-posts-gap, 30px) * -1) calc(var(--related-posts-gap, 30px) / -2) 0;
}

.single-post .related-posts .post,
.single-portfolio .related-projects .portfolio {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: calc(100% / var(--related-post-columns, 3));
  margin-top: var(--related-posts-gap, 30px);
  padding: 0 calc(var(--related-posts-gap, 30px) / 2);
}
.single-post .related-posts .post.align-center,
.single-portfolio .related-projects .portfolio.align-center {
  align-items: center;
  text-align: center;
}
.single-post .related-posts .post.align-center h4,
.single-portfolio .related-projects .portfolio.align-center h4 {
  padding: 0 5%;
}
@media screen and (max-width: 1024px) {
  .single-post .related-posts .post,
  .single-portfolio .related-projects .portfolio {
    width: calc(100% / var(--related-post-columns, 2));
  }
}
@media screen and (max-width: 767px) {
  .single-post .related-posts .post,
  .single-portfolio .related-projects .portfolio {
    width: calc(100% / var(--related-post-columns, 1));
  }
  .single-post .related-posts .post:not(:last-of-type),
  .single-portfolio .related-projects .portfolio:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .single-post .related-posts .post h4,
  .single-portfolio .related-projects .portfolio h4 {
    font-size: 18px;
  }
}

.single-post .related-posts .post-thumbnail,
.single-portfolio .related-projects .portfolio-thumbnail {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}
.single-post .related-posts .post-thumbnail .img-inner a,
.single-portfolio .related-projects .portfolio-thumbnail .img-inner a {
  display: block;
  border-radius: inherit;
}
.single-post .related-posts .post-thumbnail .img-inner img,
.single-portfolio .related-projects .portfolio-thumbnail .img-inner img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ## 2.14. Comments */
.comments-area {
  margin-top: 70px;
}
.comments-area .comments-title {
  margin-bottom: 40px;
}
.comments-area .comment-list {
  margin: 0;
  padding: 40px 0 0;
  list-style: none;
}
.comments-area .comment-list .children {
  list-style: none;
  -webkit-margin-start: 30px;
  margin-inline-start: 30px;
}
.comments-area .comment-list > .comment:first-child article {
  padding-top: 0;
  border: none;
}
.comments-area .comment article {
  margin-bottom: 30px;
}
.comments-area .comment .comment-meta {
  position: relative;
  -webkit-padding-start: 85px;
  padding-inline-start: 85px;
}
.comments-area .comment .comment-meta:before,
.comments-area .comment .comment-meta:after {
  display: table;
  table-layout: fixed;
  content: "";
}
.comments-area .comment .comment-meta:after {
  clear: both;
}
.comments-area .comment .avatar {
  position: absolute;
  left: 0;
  margin-top: -5px;
  border-radius: 1000px;
}
.comments-area .comment .comment-author {
  margin-top: 5px;
}
.comments-area .comment .comment-author .fn {
  font-weight: 600;
}
.comments-area .comment .comment-author .fn a {
  color: var(--text-color-emphasis);
}
.comments-area .comment .comment-author .says {
  display: none;
}
.comments-area .comment .comment-metadata {
  font-size: 13px;
}
.comments-area .comment .comment-metadata a:not(.comment-edit-link) {
  color: var(--text-color-tertiary);
}
.comments-area .comment .comment-metadata a:not(.comment-edit-link):hover {
  color: var(--text-color-default);
}
.comments-area .comment .comment-metadata .edit-link {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.comments-area .comment .comment-content {
  padding: 10px 0 0;
  -webkit-margin-start: 85px;
  margin-inline-start: 85px;
}
.comments-area .comment .comment-content p:first-child {
  margin-top: 0;
}
.comments-area .comment .comment-content p:last-child {
  margin-bottom: 0;
}
.comments-area .comment .comment-content ul {
  margin-bottom: 1em;
}
.comments-area .comment .reply {
  margin-top: 8px;
  -webkit-margin-start: 85px;
  margin-inline-start: 85px;
}
.comments-area .comment .reply a {
  font-size: 10px;
  line-height: 1;
  display: inline-block;
  padding: 7px 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color-emphasis);
  border: 1px solid var(--border-color-default);
}
.comments-area .comment .reply a:hover {
  background-color: var(--background-color-emphasis);
}
.comments-area .comment .comment-edit-link,
.comments-area .comment .comment-reply-link {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.comments-area .comment .comment-reply-link {
  display: inline-block;
}
.comments-area .pingback {
  margin: 30px 0;
}
.comments-area .bypostauthor {
  display: block;
}
.comments-area .comment-respond {
  margin-top: 0.5em;
}
.comments-area .comment-respond .comment-reply-title small {
  float: right;
}
.comments-area .comment-respond .comment-form {
  margin-right: -15px;
  margin-left: -15px;
}
.comments-area .comment-respond .comment-form > p {
  margin: 0 0 30px;
  padding-right: 15px;
  padding-left: 15px;
}
.comments-area .comment-respond .comment-form .comment-notes {
  margin-bottom: 32px;
}
.comments-area .comment-respond .comment-form textarea, .comments-area .comment-respond .comment-form input[type=text], .comments-area .comment-respond .comment-form input[type=email] {
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--border-color-default);
  border-radius: 0;
}
.comments-area .comment-respond .comment-form textarea:focus, .comments-area .comment-respond .comment-form input[type=text]:focus, .comments-area .comment-respond .comment-form input[type=email]:focus {
  border-color: var(--border-color-emphasis);
}
.comments-area .comment-respond .comment-form textarea {
  display: block;
  height: 150px;
}
.comments-area .comment-respond .comment-notes {
  color: #838889;
}
.comments-area .comment-respond .comment-notes .required {
  color: #838889;
}
.comments-area .comment-respond .comment-form-author,
.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
}
.comments-area .comment-respond .form-submit {
  clear: both;
}
.comments-area #cancel-comment-reply-link {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5em;
  padding: 0.35em 0.75em 0.5em;
  text-transform: none;
  color: #fff;
  border-radius: 2px;
  background-color: rgba(255, 85, 40, 0.6);
  -webkit-margin-start: 1em;
  margin-inline-start: 1em;
}
.comments-area #cancel-comment-reply-link:hover {
  background-color: var(--primary-color-default);
}
.comments-area .no-comments {
  font-weight: 600;
  text-align: center;
  color: var(--text-color-emphasis);
}

.trackback, .pingback {
  font-size: 17px;
  line-height: 1.33;
  margin-bottom: 30px;
}
.trackback cite, .pingback cite {
  font-size: 1em;
  flex-basis: 50%;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: none;
}
.trackback cite::before, .pingback cite::before {
  content: none;
}
.trackback .comment-body, .pingback .comment-body {
  display: flex;
}
.trackback .url, .pingback .url {
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}
.trackback .edit-link, .pingback .edit-link {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.trackback .edit-link .comment-edit-link, .pingback .edit-link .comment-edit-link {
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}

/* ## 2.15. Pagination */
.posts-navigation,
.products-navigation {
  display: flex;
  clear: both;
  margin-top: var(--pagination-spacing);
}
.posts-navigation .next-posts,
.products-navigation .next-posts {
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.posts-navigation .next-posts.loadmore a + .loader,
.products-navigation .next-posts.loadmore a + .loader {
  position: absolute;
}
.posts-navigation .next-posts.loadmore:not(.ajax-loading) .loader,
.products-navigation .next-posts.loadmore:not(.ajax-loading) .loader {
  display: none;
}
.posts-navigation .next-posts.loadmore .icon + .loadmore-title,
.posts-navigation .next-posts.loadmore .loadmore-title + .icon,
.products-navigation .next-posts.loadmore .icon + .loadmore-title,
.products-navigation .next-posts.loadmore .loadmore-title + .icon {
  -webkit-margin-start: var(--icon-spacing, 10px);
  margin-inline-start: var(--icon-spacing, 10px);
}
.posts-navigation .next-posts.loadmore .icon,
.products-navigation .next-posts.loadmore .icon {
  color: var(--text-color, var(--text-color-button-default, #FFFFFF));
}
.posts-navigation .next-posts.infinite a,
.products-navigation .next-posts.infinite a {
  display: none;
}
.posts-navigation .next-posts.infinite:not(.ajax-loading) .loader,
.products-navigation .next-posts.infinite:not(.ajax-loading) .loader {
  visibility: hidden;
  opacity: 0;
}
.posts-navigation .next-posts.all-posts-loaded,
.products-navigation .next-posts.all-posts-loaded {
  display: none;
}
.posts-navigation .next-posts.ajax-loading a,
.products-navigation .next-posts.ajax-loading a {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.products-navigation {
  margin-top: var(--pagination-spacing, 40px);
}

.posts-pagination,
.products-pagination {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.posts-pagination li:not(:last-of-type),
.products-pagination li:not(:last-of-type) {
  -webkit-margin-end: var(--pagination-gap, 0.5rem);
  margin-inline-end: var(--pagination-gap, 0.5rem);
}
.posts-pagination .page-numbers,
.products-pagination .page-numbers {
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  line-height: 21px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  text-decoration: none;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 4px;
}
.posts-pagination .page-numbers .ui-decor,
.products-pagination .page-numbers .ui-decor {
  z-index: -1;
}
.posts-pagination .page-numbers .icon,
.products-pagination .page-numbers .icon {
  font-size: 18px;
}
.posts-pagination .page-numbers.prev, .posts-pagination .page-numbers.next,
.products-pagination .page-numbers.prev,
.products-pagination .page-numbers.next {
  --background-color: var(--background-color-emphasis);
}
.posts-pagination .page-numbers.dots,
.products-pagination .page-numbers.dots {
  opacity: 0.5;
}
.posts-pagination .page-numbers.current, .posts-pagination .page-numbers:not(.dots):hover,
.products-pagination .page-numbers.current,
.products-pagination .page-numbers:not(.dots):hover {
  color: var(--text-color, #FFFFFF);
  --background-color: var(--primary-color-default);
}

.comments_pagination,
.page-links {
  float: left;
  margin-top: 1.5em;
}

.comments_pagination .page-numbers,
.page-links .post-page-numbers {
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  line-height: 21px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0 3px;
  text-decoration: none;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
  border-radius: 4px;
}
.comments_pagination .page-numbers.current, .comments_pagination .page-numbers:hover,
.page-links .post-page-numbers.current,
.page-links .post-page-numbers:hover {
  color: #fff;
  background-color: var(--primary-color-default);
}

/* ## 2.16. Form */
label {
  color: var(--text-color-label-default, var(--text-color-default));
}
label a {
  color: var(--text-color-label-link, var(--primary-color-default));
}
label a:hover {
  color: var(--text-color-label-hover, var(--primary-color-emphasis));
}

legend {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  color: var(--text-color-emphasis);
}

input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  font-family: var(--field-font-family, "DM Sans", sans-serif);
  font-size: var(--field-font-size, 16px);
  font-weight: var(--field-font-weight, 400);
  font-style: var(--field-font-style);
  line-height: var(--field-line-height, 1.76);
  width: 100%;
  height: var(--field-height);
  padding: var(--field-padding-top, 0.5em) var(--field-padding-right, 0px) var(--field-padding-bottom, 0.5em) var(--field-padding-left, 0px);
  transition: all 0.3s ease-out;
  text-align: var(--field-text-align);
  -webkit-text-decoration: var(--field-text-decoration);
  text-decoration: var(--field-text-decoration);
  letter-spacing: var(--field-letter-spacing);
  text-transform: var(--field-text-transform);
  color: var(--text-color-field-default);
  border-style: solid;
  border-color: var(--border-color-field-default);
  border-top-width: var(--field-border-top, 0px);
  border-right-width: var(--field-border-right, 0px);
  border-bottom-width: var(--field-border-bottom, 1px);
  border-left-width: var(--field-border-left, 0px);
  border-radius: var(--field-border-radius);
  outline: 0;
  background-color: var(--background-color-field-default);
  box-shadow: var(--field-shadow-default);
}
input[type=text]:hover,
input[type=password]:hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select:hover,
textarea:hover {
  border-color: var(--border-color-field-hover, var(--border-color-field-default));
  background-color: var(--background-color-field-hover, var(--background-color-field-default));
  box-shadow: var(--field-shadow-hover, var(--field-shadow-default));
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  border-color: var(--border-color-field-focus, var(--border-color-emphasis));
  outline: 0;
  background-color: var(--background-color-field-focus, var(--background-color-field-default));
  box-shadow: var(--field-shadow-focus, var(--field-shadow-default));
}
input[type=text]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=color]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=datetime]:focus::-webkit-input-placeholder, input[type=datetime-local]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=month]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=time]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=week]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: var(--text-color-field-focus, var(--text-color-tertiary));
}
input[type=text]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=color]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=datetime]:focus::-moz-placeholder, input[type=datetime-local]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=time]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: var(--text-color-field-focus, var(--text-color-tertiary));
}
input[type=text]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=color]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, input[type=datetime]:focus:-ms-input-placeholder, input[type=datetime-local]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=month]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=time]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=week]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: var(--text-color-field-focus, var(--text-color-tertiary));
}
input[type=text]:focus::-ms-input-placeholder, input[type=password]:focus::-ms-input-placeholder, input[type=color]:focus::-ms-input-placeholder, input[type=date]:focus::-ms-input-placeholder, input[type=datetime]:focus::-ms-input-placeholder, input[type=datetime-local]:focus::-ms-input-placeholder, input[type=email]:focus::-ms-input-placeholder, input[type=month]:focus::-ms-input-placeholder, input[type=number]:focus::-ms-input-placeholder, input[type=search]:focus::-ms-input-placeholder, input[type=tel]:focus::-ms-input-placeholder, input[type=time]:focus::-ms-input-placeholder, input[type=url]:focus::-ms-input-placeholder, input[type=week]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  color: var(--text-color-field-focus, var(--text-color-tertiary));
}
input[type=text]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=color]:focus::placeholder,
input[type=date]:focus::placeholder,
input[type=datetime]:focus::placeholder,
input[type=datetime-local]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=month]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=search]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=time]:focus::placeholder,
input[type=url]:focus::placeholder,
input[type=week]:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
  color: var(--text-color-field-focus, var(--text-color-tertiary));
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--text-color-field-placeholder, var(--text-color-tertiary));
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--text-color-field-placeholder, var(--text-color-tertiary));
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--text-color-field-placeholder, var(--text-color-tertiary));
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--text-color-field-placeholder, var(--text-color-tertiary));
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--text-color-field-placeholder, var(--text-color-tertiary));
}

textarea {
  overflow: auto;
  height: 10em;
  max-height: 100%;
  resize: vertical;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  textarea {
    height: 8em;
  }
}
@media screen and (max-width: 767px) {
  textarea {
    height: 6em;
  }
}

input[type=checkbox],
input[type=radio] {
  font-family: var(--base-font-family, "DM Sans", sans-serif);
  font-size: var(--base-font-size, 16px);
  font-weight: var(--base-font-weight, 400);
  line-height: var(--base-line-height, 1.76);
  position: relative;
  display: inline-block !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: inline;
  margin-bottom: 0;
  vertical-align: middle;
}
input[type=checkbox]::before, input[type=checkbox]::after,
input[type=radio]::before,
input[type=radio]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.2s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: inherit;
}
input[type=checkbox]::after,
input[type=radio]::after {
  transition-property: opacity;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  opacity: 1;
}

input[type=checkbox] {
  width: var(--checkbox-box-size, 1em);
  height: var(--checkbox-box-size, 1em);
  border-radius: var(--checkbox-border-radius, 0px);
}
label input[type=checkbox] {
  margin-right: var(--checkbox-spacing, 0.5em);
}
input[type=checkbox] + label {
  -webkit-margin-start: var(--checkbox-spacing, 0.5em);
  margin-inline-start: var(--checkbox-spacing, 0.5em);
}
input[type=checkbox]::before, input[type=checkbox]::after {
  border: var(--checkbox-border-width, 1px) solid;
}
input[type=checkbox]::before {
  border-color: var(--border-color-checkbox-default, #727272);
  background-color: var(--background-color-checkbox-default, transparent);
  box-shadow: var(--checkbox-shadow-default);
}
input[type=checkbox]::after {
  border-color: var(--border-color-checkbox-checked, transparent);
  background-color: var(--background-color-checkbox-checked, #727272);
  background-image: var(--checkbox-icon, url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M388.311 121L204.886 291.034L127.314 208.315L76 256.363L201.321 390L436 172.654L388.311 121Z' fill='white'/%3E%3C/svg%3E"));
  background-size: var(--checkbox-icon-size, contain);
}
input[type=checkbox]:checked::before {
  box-shadow: var(--checkbox-shadow-checked);
}

input[type=radio] {
  width: var(--radio-box-size, 1em);
  height: var(--radio-box-size, 1em);
  border-radius: var(--radio-border-radius, 1000px);
}
label input[type=radio] {
  margin-right: var(--radio-spacing, 0.5em);
}
input[type=radio] + label {
  -webkit-margin-start: var(--radio-spacing, 0.5em);
  margin-inline-start: var(--radio-spacing, 0.5em);
}
input[type=radio]::before, input[type=radio]::after {
  border: var(--radio-border-width, 1px) solid;
}
input[type=radio]::before {
  border-color: var(--border-color-radio-default, #727272);
  background-color: var(--background-color-radio-default, transparent);
  box-shadow: var(--radio-shadow-default);
}
input[type=radio]::after {
  border-color: var(--border-color-radio-checked, transparent);
  background-color: var(--background-color-radio-checked, #727272);
  background-image: var(--radio-icon, url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='256' cy='256' r='135' fill='white'/%3E%3C/svg%3E"));
  background-size: var(--radio-icon-size, contain);
}
input[type=radio]:checked::before {
  box-shadow: var(--radio-shadow-checked);
}

select {
  background-image: var(--select-icon, url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 256 256" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""%3E%3Cg%3E%3Cpath d="M225.813 48.907 128 146.72 30.187 48.907 0 79.093l128 128 128-128z" fill="%23797e86" opacity="1" data-original="%23000000" class=""%3E%3C/path%3E%3C/g%3E%3C/svg%3E'));
  background-repeat: no-repeat;
  background-position: right var(--select-icon-offset, var(--field-padding-right, 0px)) top 50%;
  background-size: var(--select-icon-size, 0.65rem) auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.error404 .button,
.woocommerce #btn-buy,
.woocommerce #respond input#submit,
.sg-newsletter [type=submit],
.sg-contact-form [type=submit],
.no-results .search-form [type=submit],
.post-password-form input[type=submit],
.savior-widget .banner-button,
.wp-block-button .wp-element-button,
.woocommerce form.cart .button,
.woocommerce table.cart .actions .coupon + a,
.woocommerce #review_form #respond p.form-submit input[type=submit],
.woocommerce-page #review_form #respond p.form-submit input[type=submit],
.woocommerce table.my_account_orders .order-actions .button,
.woocommerce table.cart td.actions .button,
.woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce.single-product .single_add_to_cart_button,
.woocommerce table.cart .actions button[name=update_cart],
.woocommerce table.shop_table .shipping button[type=submit],
.woocommerce .cart-collaterals .wc-proceed-to-checkout a,
.woocommerce form.checkout #payment button[type=submit],
.woocommerce .return-to-shop a,
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button,
.woocommerce table.cart .actions .coupon + a,
.woocommerce table.cart .actions .coupon button[name=apply_coupon],
.woocommerce form.woocommerce-form-coupon button[type=submit],
.comment-form .form-submit input[type=submit],
.wishlist_table a.add_to_cart_button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-mini-cart__buttons a.checkout,
.woocommerce-mini-cart__buttons a.viewcart,
.woocommerce-EditAccountForm button[type=submit],
.posts-navigation .next-posts.loadmore a,
.products-navigation .next-posts.loadmore a,
[id*=give-form] .give-btn:not(.give-donation-level-btn) {
  font-family: var(--button-font-family, Outfit, sans-serif);
  font-size: var(--button-font-size, 13px);
  font-weight: var(--button-font-weight, 600);
  font-style: var(--button-font-style, normal);
  line-height: var(--button-line-height, 21px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height, auto);
  padding: var(--button-padding-y, 15px) var(--button-padding-x, 50px);
  transition: all 0.3s ease-out;
  text-align: var(--button-text-align, center);
  white-space: nowrap;
  -webkit-text-decoration: var(--button-text-decoration, none);
  text-decoration: var(--button-text-decoration, none);
  letter-spacing: var(--button-letter-spacing, 0.05em);
  text-transform: var(--button-text-transform, uppercase);
  color: var(--text-color-button-default, #FFFFFF);
  border: 0 solid;
  border-color: var(--border-color-button-default, transparent);
  border-radius: var(--button-border-radius, 0px);
  background: var(--background-color-button-default, var(--primary-color-default));
}
.error404 .button:not(:disabled):hover,
.woocommerce #btn-buy:not(:disabled):hover,
.woocommerce #respond input#submit:not(:disabled):hover,
.sg-newsletter [type=submit]:not(:disabled):hover,
.sg-contact-form [type=submit]:not(:disabled):hover,
.no-results .search-form [type=submit]:not(:disabled):hover,
.post-password-form input[type=submit]:not(:disabled):hover,
.savior-widget .banner-button:not(:disabled):hover,
.wp-block-button .wp-element-button:not(:disabled):hover,
.woocommerce form.cart .button:not(:disabled):hover,
.woocommerce table.cart .actions .coupon + a:not(:disabled):hover,
.woocommerce #review_form #respond p.form-submit input[type=submit]:not(:disabled):hover,
.woocommerce-page #review_form #respond p.form-submit input[type=submit]:not(:disabled):hover,
.woocommerce table.my_account_orders .order-actions .button:not(:disabled):hover,
.woocommerce table.cart td.actions .button:not(:disabled):hover,
.woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button:not(:disabled):hover,
.woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:not(:disabled):hover,
.woocommerce.single-product .single_add_to_cart_button:not(:disabled):hover,
.woocommerce table.cart .actions button[name=update_cart]:not(:disabled):hover,
.woocommerce table.shop_table .shipping button[type=submit]:not(:disabled):hover,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a:not(:disabled):hover,
.woocommerce form.checkout #payment button[type=submit]:not(:disabled):hover,
.woocommerce .return-to-shop a:not(:disabled):hover,
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit:not(:disabled):hover,
.woocommerce .woocommerce-message .button:not(:disabled):hover,
.woocommerce .woocommerce-info .button:not(:disabled):hover,
.woocommerce .woocommerce-error .button:not(:disabled):hover,
.woocommerce table.cart .actions .coupon + a:not(:disabled):hover,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:not(:disabled):hover,
.woocommerce form.woocommerce-form-coupon button[type=submit]:not(:disabled):hover,
.comment-form .form-submit input[type=submit]:not(:disabled):hover,
.wishlist_table a.add_to_cart_button:not(:disabled):hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:not(:disabled):hover,
.woocommerce-mini-cart__buttons a.checkout:not(:disabled):hover,
.woocommerce-mini-cart__buttons a.viewcart:not(:disabled):hover,
.woocommerce-EditAccountForm button[type=submit]:not(:disabled):hover,
.posts-navigation .next-posts.loadmore a:not(:disabled):hover,
.products-navigation .next-posts.loadmore a:not(:disabled):hover,
[id*=give-form] .give-btn:not(.give-donation-level-btn):not(:disabled):hover {
  color: var(--text-color-button-hover, #FFFFFF);
  border-color: var(--border-color-button-hover, transparent);
  background: var(--background-color-button-hover, var(--primary-color-emphasis));
}
.error404 .button:disabled, .error404 .button:disabled:hover,
.woocommerce #btn-buy:disabled,
.woocommerce #btn-buy:disabled:hover,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled:hover,
.sg-newsletter [type=submit]:disabled,
.sg-newsletter [type=submit]:disabled:hover,
.sg-contact-form [type=submit]:disabled,
.sg-contact-form [type=submit]:disabled:hover,
.no-results .search-form [type=submit]:disabled,
.no-results .search-form [type=submit]:disabled:hover,
.post-password-form input[type=submit]:disabled,
.post-password-form input[type=submit]:disabled:hover,
.savior-widget .banner-button:disabled,
.savior-widget .banner-button:disabled:hover,
.wp-block-button .wp-element-button:disabled,
.wp-block-button .wp-element-button:disabled:hover,
.woocommerce form.cart .button:disabled,
.woocommerce form.cart .button:disabled:hover,
.woocommerce table.cart .actions .coupon + a:disabled,
.woocommerce table.cart .actions .coupon + a:disabled:hover,
.woocommerce #review_form #respond p.form-submit input[type=submit]:disabled,
.woocommerce #review_form #respond p.form-submit input[type=submit]:disabled:hover,
.woocommerce-page #review_form #respond p.form-submit input[type=submit]:disabled,
.woocommerce-page #review_form #respond p.form-submit input[type=submit]:disabled:hover,
.woocommerce table.my_account_orders .order-actions .button:disabled,
.woocommerce table.my_account_orders .order-actions .button:disabled:hover,
.woocommerce table.cart td.actions .button:disabled,
.woocommerce table.cart td.actions .button:disabled:hover,
.woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button:disabled,
.woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button:disabled:hover,
.woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:disabled,
.woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:disabled:hover,
.woocommerce.single-product .single_add_to_cart_button:disabled,
.woocommerce.single-product .single_add_to_cart_button:disabled:hover,
.woocommerce table.cart .actions button[name=update_cart]:disabled,
.woocommerce table.cart .actions button[name=update_cart]:disabled:hover,
.woocommerce table.shop_table .shipping button[type=submit]:disabled,
.woocommerce table.shop_table .shipping button[type=submit]:disabled:hover,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a:disabled,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a:disabled:hover,
.woocommerce form.checkout #payment button[type=submit]:disabled,
.woocommerce form.checkout #payment button[type=submit]:disabled:hover,
.woocommerce .return-to-shop a:disabled,
.woocommerce .return-to-shop a:disabled:hover,
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit:disabled,
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit:disabled:hover,
.woocommerce .woocommerce-message .button:disabled,
.woocommerce .woocommerce-message .button:disabled:hover,
.woocommerce .woocommerce-info .button:disabled,
.woocommerce .woocommerce-info .button:disabled:hover,
.woocommerce .woocommerce-error .button:disabled,
.woocommerce .woocommerce-error .button:disabled:hover,
.woocommerce table.cart .actions .coupon + a:disabled,
.woocommerce table.cart .actions .coupon + a:disabled:hover,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:disabled,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:disabled:hover,
.woocommerce form.woocommerce-form-coupon button[type=submit]:disabled,
.woocommerce form.woocommerce-form-coupon button[type=submit]:disabled:hover,
.comment-form .form-submit input[type=submit]:disabled,
.comment-form .form-submit input[type=submit]:disabled:hover,
.wishlist_table a.add_to_cart_button:disabled,
.wishlist_table a.add_to_cart_button:disabled:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:disabled,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:disabled:hover,
.woocommerce-mini-cart__buttons a.checkout:disabled,
.woocommerce-mini-cart__buttons a.checkout:disabled:hover,
.woocommerce-mini-cart__buttons a.viewcart:disabled,
.woocommerce-mini-cart__buttons a.viewcart:disabled:hover,
.woocommerce-EditAccountForm button[type=submit]:disabled,
.woocommerce-EditAccountForm button[type=submit]:disabled:hover,
.posts-navigation .next-posts.loadmore a:disabled,
.posts-navigation .next-posts.loadmore a:disabled:hover,
.products-navigation .next-posts.loadmore a:disabled,
.products-navigation .next-posts.loadmore a:disabled:hover,
[id*=give-form] .give-btn:not(.give-donation-level-btn):disabled,
[id*=give-form] .give-btn:not(.give-donation-level-btn):disabled:hover {
  opacity: 0.8;
}
.error404 .button:focus,
.woocommerce #btn-buy:focus,
.woocommerce #respond input#submit:focus,
.sg-newsletter [type=submit]:focus,
.sg-contact-form [type=submit]:focus,
.no-results .search-form [type=submit]:focus,
.post-password-form input[type=submit]:focus,
.savior-widget .banner-button:focus,
.wp-block-button .wp-element-button:focus,
.woocommerce form.cart .button:focus,
.woocommerce table.cart .actions .coupon + a:focus,
.woocommerce #review_form #respond p.form-submit input[type=submit]:focus,
.woocommerce-page #review_form #respond p.form-submit input[type=submit]:focus,
.woocommerce table.my_account_orders .order-actions .button:focus,
.woocommerce table.cart td.actions .button:focus,
.woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce.single-product .single_add_to_cart_button:focus,
.woocommerce table.cart .actions button[name=update_cart]:focus,
.woocommerce table.shop_table .shipping button[type=submit]:focus,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a:focus,
.woocommerce form.checkout #payment button[type=submit]:focus,
.woocommerce .return-to-shop a:focus,
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit:focus,
.woocommerce .woocommerce-message .button:focus,
.woocommerce .woocommerce-info .button:focus,
.woocommerce .woocommerce-error .button:focus,
.woocommerce table.cart .actions .coupon + a:focus,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:focus,
.woocommerce form.woocommerce-form-coupon button[type=submit]:focus,
.comment-form .form-submit input[type=submit]:focus,
.wishlist_table a.add_to_cart_button:focus,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-mini-cart__buttons a.checkout:focus,
.woocommerce-mini-cart__buttons a.viewcart:focus,
.woocommerce-EditAccountForm button[type=submit]:focus,
.posts-navigation .next-posts.loadmore a:focus,
.products-navigation .next-posts.loadmore a:focus,
[id*=give-form] .give-btn:not(.give-donation-level-btn):focus {
  outline: 0;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .error404 .button,
  .woocommerce #btn-buy,
  .woocommerce #respond input#submit,
  .sg-newsletter [type=submit],
  .sg-contact-form [type=submit],
  .no-results .search-form [type=submit],
  .post-password-form input[type=submit],
  .savior-widget .banner-button,
  .wp-block-button .wp-element-button,
  .woocommerce form.cart .button,
  .woocommerce table.cart .actions .coupon + a,
  .woocommerce #review_form #respond p.form-submit input[type=submit],
  .woocommerce-page #review_form #respond p.form-submit input[type=submit],
  .woocommerce table.my_account_orders .order-actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce.single-product .single_add_to_cart_button,
  .woocommerce table.cart .actions button[name=update_cart],
  .woocommerce table.shop_table .shipping button[type=submit],
  .woocommerce .cart-collaterals .wc-proceed-to-checkout a,
  .woocommerce form.checkout #payment button[type=submit],
  .woocommerce .return-to-shop a,
  .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit,
  .woocommerce .woocommerce-message .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-error .button,
  .woocommerce table.cart .actions .coupon + a,
  .woocommerce table.cart .actions .coupon button[name=apply_coupon],
  .woocommerce form.woocommerce-form-coupon button[type=submit],
  .comment-form .form-submit input[type=submit],
  .wishlist_table a.add_to_cart_button,
  .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-mini-cart__buttons a.checkout,
  .woocommerce-mini-cart__buttons a.viewcart,
  .woocommerce-EditAccountForm button[type=submit],
  .posts-navigation .next-posts.loadmore a,
  .products-navigation .next-posts.loadmore a,
  [id*=give-form] .give-btn:not(.give-donation-level-btn) {
    padding: 13px 30px;
  }
}

.posts-navigation .next-posts.loadmore a,
.products-navigation .next-posts.loadmore a {
  position: relative;
  z-index: 1;
  color: var(--text-color, var(--text-color-button-default, #FFFFFF));
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  --background-color: var(--primary-color-default);
}
.posts-navigation .next-posts.loadmore a .ui-decor,
.products-navigation .next-posts.loadmore a .ui-decor {
  z-index: -1;
}
.posts-navigation .next-posts.loadmore a:not(:disabled):hover,
.products-navigation .next-posts.loadmore a:not(:disabled):hover {
  color: var(--text-color, var(--text-color-button-default, #FFFFFF));
  --background-color: var(--primary-color-emphasis);
}
.posts-navigation .next-posts.loadmore a:focus,
.products-navigation .next-posts.loadmore a:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.wp-block-button.is-style-outline .wp-element-button,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button,
.woocommerce-mini-cart__buttons a.viewcart,
.woocommerce table.cart .actions .coupon + a,
.woocommerce table.cart .actions .coupon button[name=apply_coupon],
.woocommerce form.woocommerce-form-coupon button[type=submit] {
  height: auto;
  padding: 0;
  color: var(--button-alternate-color-default, var(--text-color-emphasis));
  border: none;
  border-color: var(--button-alternate-color-default, var(--text-color-emphasis));
  border-bottom: var(--button-border-width, 2px) solid;
  border-radius: 0;
  background: transparent;
}
.wp-block-button.is-style-outline .wp-element-button:not(:disabled):hover,
.woocommerce .woocommerce-message .button:not(:disabled):hover,
.woocommerce .woocommerce-info .button:not(:disabled):hover,
.woocommerce .woocommerce-error .button:not(:disabled):hover,
.woocommerce-mini-cart__buttons a.viewcart:not(:disabled):hover,
.woocommerce table.cart .actions .coupon + a:not(:disabled):hover,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:not(:disabled):hover,
.woocommerce form.woocommerce-form-coupon button[type=submit]:not(:disabled):hover {
  color: var(--button-alternate-color-hover, var(--primary-color-default));
  border-color: var(--button-alternate-color-hover, var(--primary-color-default));
  background: transparent;
}
.wp-block-button.is-style-outline .wp-element-button:focus,
.woocommerce .woocommerce-message .button:focus,
.woocommerce .woocommerce-info .button:focus,
.woocommerce .woocommerce-error .button:focus,
.woocommerce-mini-cart__buttons a.viewcart:focus,
.woocommerce table.cart .actions .coupon + a:focus,
.woocommerce table.cart .actions .coupon button[name=apply_coupon]:focus,
.woocommerce form.woocommerce-form-coupon button[type=submit]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/* ## 2.17. 404 */
.error404 #content {
  justify-content: center;
}
.error404 .not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.error404 .not-found .title {
  font-size: 150px;
  font-weight: 700;
  line-height: 1.1em;
  margin: 0;
  opacity: 0.3;
  color: var(--text-color-tertiary);
}
@media screen and (max-width: 480px) {
  .error404 .not-found .title {
    font-size: 130px;
  }
}
.error404 .not-found .subtitle {
  margin-top: 20px;
}
.error404 .not-found .button {
  margin-top: 10px;
}

/*--------------------------------------------------------------
  ## 3. Interface
--------------------------------------------------------------*/
/* ## 3.1. Topbar */
#topbar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
  border: 0 solid var(--border-color-topbar, transparent);
  background: var(--background-color-topbar, var(--background-color-tertiary));
}
#topbar .topbar-close {
  position: absolute;
  top: 50%;
  right: 60px;
  margin-right: -10px;
  padding: 10px;
  transition: 0.2s ease-out;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--text-color, inherit);
}
@media screen and (max-width: 1024px) {
  #topbar {
    padding: 0 var(--container-gap);
  }
  #topbar .topbar-close {
    right: var(--container-gap);
  }
}

/* ## 3.2. Header */
#masthead {
  position: relative;
}
#masthead .main-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#masthead .main-header:not([class*=template-]) {
  background: var(--background-color-default);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
#masthead .main-header.place-over-content {
  position: absolute;
  z-index: 1000;
  width: 100%;
}
#masthead .main-header .header-wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 90px;
}
#masthead .main-header.nav-overflown {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
#masthead .main-header .site-logo {
  flex-shrink: 0;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}
#masthead .main-header .site-navigation {
  display: flex;
  -webkit-margin-start: 30px;
  margin-inline-start: 30px;
}
#masthead .main-header .inline-menu .menu {
  flex-wrap: nowrap;
}
#masthead .main-header .site-search {
  display: flex;
  -webkit-margin-start: 30px;
  margin-inline-start: 30px;
}
#masthead .main-header .site-search .search-toggle {
  font-size: 28px;
  color: var(--text-color-emphasis);
}
#masthead .main-header.ui-sticky:not(.ui-animate) > .ui-shadow {
  opacity: 0;
}
#masthead .main-header.stickyAnim-reveal {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#masthead .main-header.stickyAnim-reveal.ui-animate {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
#masthead .main-header.stickyAnim-fade {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#masthead .main-header.stickyAnim-fade.ui-sticky {
  transition: opacity 0.3s ease-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}
#masthead .main-header.stickyAnim-fade.ui-sticky.ui-animate {
  opacity: 1;
}
#masthead .mobile-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 86px;
  padding: 0 var(--container-gap);
  border: 0 solid var(--border-color-header, transparent);
  border-bottom-width: 1px;
  background: var(--background-color-header, var(--background-color-default));
}
@media screen and (max-width: 767px) {
  #masthead .mobile-header {
    height: 60px;
  }
}
#masthead .mobile-header .mobile-logo {
  position: relative;
  z-index: 1100;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}
#masthead .mobile-header .mobile-navigation {
  position: relative;
  z-index: 1100;
}
#masthead .mobile-header .navigation-toggle {
  font-size: 26px;
  width: 1em;
  height: 1em;
  transition: color 0.3s ease-out;
  color: var(--text-color-emphasis);
}

#search-modal .modal-before {
  margin-bottom: 3px;
  color: var(--text-color-tertiary);
}
#search-modal .search-form > .ui-border::before {
  border-bottom: 1px solid var(--border-color-default);
}
#search-modal .search-form.ui-focused > .ui-border::before {
  border-color: var(--text-color-emphasis);
}
#search-modal .search-form.ui-focused .search-submit .btn-icn {
  color: var(--text-color-emphasis);
}
#search-modal .search-field input {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-size: 48px;
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  padding: 5px 10px 10px;
}
#search-modal .search-submit .btn-icn {
  font-size: 28px;
  color: var(--text-color-tertiary);
}
#search-modal .search-submit .btn-wrap {
  padding: 10px;
}
#search-modal .modal-close {
  font-size: 28px;
  top: 135px;
  right: 115px;
}
#search-modal .modal-close:hover .animated-close {
  color: var(--text-color-emphasis);
}
#search-modal .modal-close .animated-close {
  color: var(--text-color-tertiary);
}

#navigation-modal {
  padding-left: 200px;
}
#navigation-modal .modal-inner {
  width: 100%;
  max-width: 1024px;
}
#navigation-modal .modal-wrap {
  display: flex;
  flex-direction: column;
  padding: 20px var(--container-gap);
  padding-top: calc(var(--mobile-header-height, 60px) + var(--wp-admin--admin-bar--height, 0px));
}
#navigation-modal .search-form {
  margin-top: 30px;
}
#navigation-modal .search-form .search-field {
  overflow: hidden;
  border: 1px solid var(--border-color-default);
  border-radius: 1000px;
}
#navigation-modal .search-form .search-field input {
  height: 46px;
  padding: 10px 26px;
  color: var(--text-color-emphasis);
  background: transparent;
}
#navigation-modal .search-form .search-field input::-webkit-input-placeholder {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form .search-field input::-moz-placeholder {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form .search-field input:-ms-input-placeholder {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form .search-field input::-ms-input-placeholder {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form .search-field input::placeholder {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form .search-field input:focus {
  background: rgba(0, 0, 0, 0.05);
}
#navigation-modal .search-form .search-submit {
  font-size: 24px;
  position: absolute;
  right: 24px;
}
#navigation-modal .search-form .search-submit .btn-icn span {
  color: var(--text-color-tertiary);
}
#navigation-modal .search-form.ui-focused .search-field {
  border-color: var(--border-color-emphasis);
}
#navigation-modal .search-form.ui-focused input::-webkit-input-placeholder {
  color: var(--text-color-emphasis);
}
#navigation-modal .search-form.ui-focused input::-moz-placeholder {
  color: var(--text-color-emphasis);
}
#navigation-modal .search-form.ui-focused input:-ms-input-placeholder {
  color: var(--text-color-emphasis);
}
#navigation-modal .search-form.ui-focused input::-ms-input-placeholder {
  color: var(--text-color-emphasis);
}
#navigation-modal .search-form.ui-focused input::placeholder {
  color: var(--text-color-emphasis);
}
#navigation-modal .search-form.ui-focused .btn-icn span {
  color: var(--text-color-emphasis);
}
@media screen and (max-width: 767px) {
  #navigation-modal .search-form {
    margin-top: 10px;
  }
}
#navigation-modal .mobile-menu {
  height: 100%;
  margin-top: 20px;
  padding: 0 6px;
}
#navigation-modal .mobile-menu .menu > li:first-of-type a {
  border-top: none;
}
#navigation-modal .mobile-menu a {
  line-height: 2.4;
  border-top: 1px solid var(--border-color-default);
}
#navigation-modal .mobile-menu a:hover, #navigation-modal .mobile-menu a:active {
  color: var(--text-color, var(--text-color-emphasis));
}
#navigation-modal .mobile-menu a .expand-icon {
  font-size: 14px;
  width: var(--shape-size, 36px);
  height: var(--shape-size, 36px);
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  #navigation-modal {
    padding-left: 0;
  }
}

/* ## 3.3. Logo */
.site-logo {
  display: flex;
  align-items: center;
  --logo-light: url(/wp-content/themes/savior/assets/img/logo-dark.svg);
  --logo-dark: url(/wp-content/themes/savior/assets/img/logo-light.svg);
}
.site-logo a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.site-logo a::before, .site-logo a::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.3s ease-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.site-logo a::before {
  background-image: var(--logo-light, none);
}
.site-logo a::after {
  background-image: var(--logo-dark, none);
}
.site-logo img {
  display: block;
  min-height: 10px;
  opacity: 0;
}
.site-logo.ui-light a::before, .ui-dark .site-logo.ui-light a::before, .site-logo.ui-dark a::after, .ui-light .site-logo.ui-dark a::after, .ui-light .site-logo a::before, .ui-dark .ui-light .site-logo a::before, .ui-dark .site-logo a::after, .ui-light .ui-dark .site-logo a::after {
  opacity: 1;
}
.site-logo.ui-light a::after, .ui-dark .site-logo.ui-light a::after, .site-logo.ui-dark a::before, .ui-light .site-logo.ui-dark a::before, .ui-light .site-logo a::after, .ui-dark .ui-light .site-logo a::after, .ui-dark .site-logo a::before, .ui-light .ui-dark .site-logo a::before {
  opacity: 0;
}

/* ## 3.4. Menu */
.nav-menu {
  position: relative;
  display: flex;
}
.nav-menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu li {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.nav-menu li::after {
  display: block;
  flex-shrink: 0;
  width: calc(100% - var(--separator-offset, 0px));
  height: var(--separator-weight, 0);
  margin: calc(var(--menu-spacing, 0px) / 2) 0;
  content: "";
  background: var(--separator-color, transparent);
}
.nav-menu li:last-of-type::after {
  display: none;
}
.nav-menu li:hover > .dropdown {
  z-index: 1100;
}
.nav-menu li:not(.current-menu-item):not(.current-menu-ancestor) a.txAnim-shiftX.ui-animate .menu-title {
  -webkit-transform: translateX(0.75em);
  transform: translateX(0.75em);
}
.nav-menu li:not(.current-menu-item):not(.current-menu-ancestor) a.txAnim-shiftY.ui-animate .menu-title {
  -webkit-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
}
.nav-menu ul.submenu {
  border-radius: inherit;
}
.nav-menu ul.submenu > li:not(:last-of-type)::after {
  margin: calc(var(--submenu-spacing, 0px) / 2) 0;
}
.nav-menu a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  /*padding: 0.5em 1.5em;*/
  color: var(--text-color, var(--text-color-default));
  background: var(--background-color, transparent);
}
.nav-menu a:hover {
  color: var(--text-color, var(--text-color-emphasis));
}
.nav-menu .menu-icon {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, inherit);
  -webkit-margin-end: var(--icon-sapcing, 0.5em);
  margin-inline-end: var(--icon-sapcing, 0.5em);
}
.nav-menu .menu-title {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, inherit);
}
.nav-menu .menu-label {
  position: relative;
  display: inline-flex;
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
  z-index: 1;
}
.nav-menu .menu-label .label-text {
  font-size: 13px;
  line-height: 1;
  position: relative;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  color: var(--text-color-label, #ffffff);
  border-radius: inherit;
  z-index: 1;
}
.nav-menu .menu-label .label-text::before, .nav-menu .menu-label .label-text::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  z-index: -1;
}
.nav-menu .menu-label .label-text::before {
  background: var(--label-color, #727272);
}
.nav-menu .menu-label .label-text::after {
  border-width: var(--border-top, 0px) var(--border-right, 0px) var(--border-bottom, 0px) var(--border-left, 0px);
  border-style: solid;
  border-color: var(--border-color, #727272);
}
.nav-menu .menu-label::before {
  background: var(--label-color, #727272);
  -webkit-transform: translate(var(--label-arrow-x-offset, 0px), var(--label-arrow-y-offset, 0px));
  transform: translate(var(--label-arrow-x-offset, 0px), var(--label-arrow-y-offset, 0px));
}
.nav-menu .menu-label.position-absolute {
  position: absolute;
  bottom: var(--label-y-offset, 20px);
  left: calc(100% - var(--label-x-offset, 20px));
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.nav-menu .menu-label.style-v2 .label-text {
  color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v2::before, .nav-menu .menu-label.style-v2 .label-text::before {
  background: var(--background-color, #727272);
}
.nav-menu .menu-label.style-v3 .label-text {
  color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v3::before, .nav-menu .menu-label.style-v3 .label-text::before {
  opacity: 0.5;
}
.nav-menu .menu-label.style-v4 .label-text {
  color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v4 .label-text::after {
  border-color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v4::before, .nav-menu .menu-label.style-v4 .label-text::before {
  background: var(--background-color, #727272);
}
.nav-menu .menu-label.style-v5 .label-text {
  color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v5 .label-text::after {
  border-color: var(--label-color, #727272);
}
.nav-menu .menu-label.style-v5::before, .nav-menu .menu-label.style-v5 .label-text::before {
  opacity: 0.5;
}
.nav-menu .menu-label.arrow-border::before {
  background: var(--border-color, #727272);
}
.nav-menu .menu-label.shape-v2 {
  border-radius: 1000px;
}
.nav-menu .menu-label.shape-v3::before, .nav-menu .menu-label.shape-v4::before, .nav-menu .menu-label.shape-v5::before {
  position: absolute;
  right: 100%;
  display: block;
  width: var(--label-arrow-width, 7px);
  height: var(--label-arrow-height, 12px);
  content: "";
}
.nav-menu .menu-label.shape-v3::before {
  top: 0;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.nav-menu .menu-label.shape-v4::before {
  bottom: 0;
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.nav-menu .menu-label.shape-v5::before {
  top: 50%;
  -webkit-transform: translate(var(--label-arrow-x-offset, 0px), -50%);
  transform: translate(var(--label-arrow-x-offset, 0px), -50%);
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.nav-menu .menu-label.shape-v6::before, .nav-menu .menu-label.shape-v7::before, .nav-menu .menu-label.shape-v8::before {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: var(--label-arrow-width, 12px);
  height: var(--label-arrow-height, 7px);
  content: "";
}
.nav-menu .menu-label.shape-v6::before {
  left: 0;
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.nav-menu .menu-label.shape-v7::before {
  right: 0;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.nav-menu .menu-label.shape-v8::before {
  left: 50%;
  -webkit-transform: translate(-50%, var(--label-arrow-y-offset, 0px));
  transform: translate(-50%, var(--label-arrow-y-offset, 0px));
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.nav-menu .expand-icon {
  position: relative;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.nav-menu .dropdown {
  width: 220px;
}
.nav-menu .dropdown > ul {
  padding: 15px 0;
}
.nav-menu .dropdown > ul::before {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
}
.nav-menu .dropdown > ul::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.nav-menu .dropdown li {
  flex-direction: column;
}
.nav-menu .dropdown.ui-flipped > ul::before {
  right: auto;
  left: 0;
}
.nav-menu.primary-dropdown, .nav-menu .primary-dropdown {
  margin-top: var(--primary-y-offset, 0px);
  -webkit-margin-start: var(--primary-x-offset, 0px);
  margin-inline-start: var(--primary-x-offset, 0px);
}
.nav-menu.primary-dropdown > ul, .nav-menu .primary-dropdown > ul {
  position: relative;
  border-radius: inherit;
  background: var(--background-color-primary-dropdown, #FFFFFF);
}
.nav-menu.primary-dropdown > ul::before, .nav-menu .primary-dropdown > ul::before {
  width: calc(100% + var(--primary-x-offset, 0px));
  height: calc(100% + var(--primary-y-offset, 0px));
}
.nav-menu.primary-dropdown > ul::after, .nav-menu .primary-dropdown > ul::after {
  border: 0 solid var(--border-color-primary-dropdown, transparent);
}
.nav-menu.primary-dropdown.ui-flipped, .nav-menu .primary-dropdown.ui-flipped {
  -webkit-margin-end: var(--primary-x-offset, 0px);
  margin-inline-end: var(--primary-x-offset, 0px);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.nav-menu .secondary-dropdown {
  top: 0;
  left: 100%;
  margin-top: var(--secondary-y-offset, 0px);
  -webkit-margin-start: var(--secondary-x-offset, 0px);
  margin-inline-start: var(--secondary-x-offset, 0px);
}
.nav-menu .secondary-dropdown > ul {
  position: relative;
  border-radius: inherit;
  background: var(--background-color-secondary-dropdown, #FFFFFF);
}
.nav-menu .secondary-dropdown > ul::before {
  width: calc(100% + var(--secondary-x-offset, 0px));
  height: calc(100% + var(--secondary-y-offset, 0px));
}
.nav-menu .secondary-dropdown > ul::after {
  border: 0 solid var(--border-color-secondary-dropdown, transparent);
}
.nav-menu .secondary-dropdown.ui-flipped, .nav-menu .secondary-dropdown.ui-flipped .secondary-dropdown {
  right: 100%;
  left: auto;
  -webkit-margin-end: var(--secondary-x-offset, 0px);
  margin-inline-end: var(--secondary-x-offset, 0px);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.inline-menu .dropdown::before, .inline-menu .dropdown::after,
.dropdown-menu .dropdown::before,
.dropdown-menu .dropdown::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.inline-menu .dropdown::before,
.dropdown-menu .dropdown::before {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}

.inline-menu .menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: var(--menu-align, flex-start);
}
.inline-menu .menu > li {
  flex-direction: row;
  margin: 10px;
}
.inline-menu .menu > li > a {
  white-space: nowrap;
  font-family: var(--headings-font-family, "Noto Sans Mono", monospace);
  text-transform: uppercase;
  padding: 4px 6px;
  font-size: 12px;
}
.inline-menu .menu > li > a .expand-icon {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.inline-menu .menu > li::after {
  width: var(--separator-weight, 0px);
  height: calc(100% - var(--separator-offset, 0px));
  margin: 0 calc(var(--menu-spacing, 0px) / 2);
}
.inline-menu .menu > li:first-of-type::before {
  display: none;
  flex-shrink: 0;
  content: "";
  width: var(--separator-weight, 0px);
  height: calc(100% - var(--separator-offset, 0px));
  margin: 0 calc(var(--menu-spacing, 0px) / 2);
}

.dropdown-menu {
  width: 200px;
}
.dropdown-menu > ul::before {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
}
.dropdown-menu > ul::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.dropdown-menu > ul > li {
  flex-direction: column;
}
.dropdown-menu::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}

.list-menu,
.cascading-menu {
  width: 100%;
}
.list-menu .submenu,
.cascading-menu .submenu {
  width: 100%;
  -webkit-padding-start: var(--submenu-indent, 30px);
  padding-inline-start: var(--submenu-indent, 30px);
}
.list-menu li,
.cascading-menu li {
  flex-direction: column;
}
.list-menu > ul > li .submenu,
.cascading-menu > ul > li .submenu {
  margin-top: calc(var(--menu-spacing, 0px) / 2);
}
.list-menu > ul > li .submenu .submenu,
.cascading-menu > ul > li .submenu .submenu {
  margin-top: calc(var(--submenu-spacing, 0px) / 2);
}

.list-menu li {
  align-items: var(--menu-align, flex-start);
}
.list-menu a {
  width: auto;
  padding: 0;
}

.cascading-menu {
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (min-width: 1025px) {
  .cascading-menu::-webkit-scrollbar {
    width: 4px;
  }
  .cascading-menu.ui-light::-webkit-scrollbar-thumb, .ui-dark .cascading-menu.ui-light::-webkit-scrollbar-thumb, .ui-light .cascading-menu::-webkit-scrollbar-thumb, .ui-dark .ui-light .cascading-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .cascading-menu.ui-light::-webkit-scrollbar-track, .ui-dark .cascading-menu.ui-light::-webkit-scrollbar-track, .ui-light .cascading-menu::-webkit-scrollbar-track, .ui-dark .ui-light .cascading-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .cascading-menu.ui-dark::-webkit-scrollbar-thumb, .ui-light .cascading-menu.ui-dark::-webkit-scrollbar-thumb, .ui-dark .cascading-menu::-webkit-scrollbar-thumb, .ui-light .ui-dark .cascading-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.12);
  }
  .cascading-menu.ui-dark::-webkit-scrollbar-track, .ui-light .cascading-menu.ui-dark::-webkit-scrollbar-track, .ui-dark .cascading-menu::-webkit-scrollbar-track, .ui-light .ui-dark .cascading-menu::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.05);
  }
}
.cascading-menu .submenu-dropdown {
  display: none;
  width: 100%;
}
.cascading-menu > ul {
  flex-grow: 1;
}
.cascading-menu > ul > li {
  background: var(--background-color-menu, transparent);
}
.cascading-menu > ul > li .submenu li {
  background: var(--background-color-submenu, transparent);
}
.cascading-menu a {
  justify-content: var(--menu-align, flex-start);
  padding: 10px 0;
}
.cascading-menu .expand-icon {
  position: absolute;
  right: 0;
  overflow: hidden;
  width: var(--shape-size, 2em);
  height: var(--shape-size, 2em);
  --icon-size: 20px;
  --background-color: rgba(136, 136, 136, 0.15);
}

.mega-menu {
  display: flex;
  width: var(--page-width, 100vw);
}
.mega-menu .dropdown-inner {
  width: 100%;
}
.mega-menu .dropdown-wrap {
  padding: 40px;
}
.mega-menu.style-inline.width-normal .dropdown-inner, .mega-menu.style-inline.width-wide .dropdown-inner {
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.mega-menu.style-inline.width-normal .dropdown-inner {
  max-width: var(--container-max);
}
.mega-menu.style-inline.width-custom .dropdown-inner {
  -webkit-margin-start: var(--primary-x-offset, 0px);
  margin-inline-start: var(--primary-x-offset, 0px);
}
.mega-menu.style-dropdown .dropdown-inner {
  -webkit-margin-start: var(--secondary-x-offset, 0px);
  margin-inline-start: var(--secondary-x-offset, 0px);
}
.mega-menu.width-custom .dropdown-inner {
  width: var(--menu-width, 400px);
}
.mega-menu.primary-dropdown.width-custom {
  max-width: calc(var(--menu-width, 400px) + var(--primary-x-offset, 0px));
}
.mega-menu.primary-dropdown .dropdown-inner {
  margin-top: var(--primary-y-offset, 0px);
}
.mega-menu.primary-dropdown .dropdown-wrap {
  background: var(--background-color-mega-menu, var(--background-color-primary-dropdown, #fff));
}
.mega-menu.secondary-dropdown.width-custom {
  max-width: calc(var(--menu-width, 400px) + var(--secondary-x-offset, 0px));
}
.mega-menu.secondary-dropdown .dropdown-inner {
  margin-top: var(--secondary-y-offset, 0px);
}
.mega-menu.secondary-dropdown .dropdown-wrap {
  background: var(--background-color-mega-menu, var(--background-color-secondary-dropdown, #fff));
}

/* ## 3.5. Modal */
.modal {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}
.modal.pageflow-popup {
  pointer-events: none;
}
.modal.pageflow-popup::before {
  display: none !important;
}
.modal.pageflow-popup .modal-wrap {
  pointer-events: auto;
}
.modal.popup-modal {
  padding: var(--modal-y-offset, 30px) var(--modal-x-offset, 30px);
}
.modal::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.4s ease-out;
  transition-delay: 0s;
  background: var(--backdrop-color-modal, rgba(0, 0, 0, 0.5));
}
.modal:not(.ui-expanded) {
  pointer-events: none;
}
.modal:not(.ui-expanded)::before {
  transition-delay: 0.2s;
  opacity: 0;
}
.modal:not(.ui-expanded) .modal-inner {
  visibility: hidden;
  transition-delay: 0s;
  -webkit-transform: translateX(var(--modal-translate-x, 0px)) translateY(var(--modal-translate-y, 0px)) scale(var(--modal-scale, 1));
  transform: translateX(var(--modal-translate-x, 0px)) translateY(var(--modal-translate-y, 0px)) scale(var(--modal-scale, 1));
  opacity: var(--modal-opacity, 1);
}
.modal:not(.ui-expanded):not([class*=mdAnim-]) {
  opacity: 0;
}
.modal:not(.ui-ready) .modal-close:not(.custom-cursor) {
  pointer-events: none;
  opacity: 0;
}
.modal .modal-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  color: var(--text-color, var(--text-color-emphasis));
}
.modal .modal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--container-max);
  max-height: 100%;
  background: var(--background-color-modal, var(--background-color-default));
}
.modal .modal-inner::before, .modal .modal-inner::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.modal .modal-inner::after {
  border: 0 solid var(--border-color-modal, transparent);
}
.modal .modal-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 40px;
  border-radius: inherit;
}
.modal .modal-close {
  font-size: 28px;
  position: absolute;
  z-index: 10;
  top: var(--close-y-offset, 40px);
  right: var(--close-x-offset, 40px);
  display: flex;
}
.modal .modal-close .icn-txt {
  font-size: 16px;
}
.modal .modal-close:not(.custom-cursor) {
  transition: opacity 0.3s ease-out;
}
.modal .modal-close.custom-cursor {
  z-index: 0;
  top: var(--close-y-offset, 0px);
  right: auto;
  left: var(--close-x-offset, 0px);
}
.modal.modal-full .modal-inner {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.modal.modal-full[class*=modalPos-] .modal-inner {
  height: auto;
}
.modal.modalPos-center {
  align-items: center;
  justify-content: center;
}
.modal.modalPos-top {
  align-items: flex-start;
}
.modal.modalPos-bottom {
  align-items: flex-end;
}
.modal.modalPos-left {
  justify-content: flex-start;
}
.modal.modalPos-right {
  justify-content: flex-end;
}
.modal[class*=mdAnim-] .modal-inner {
  transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.2s;
}
.modal.mdAnim-zoomIn, .modal.mdAnim-fadeIn, .modal.mdAnim-revealIn {
  --modal-opacity: 0;
}
.modal.mdAnim-zoomIn {
  --modal-scale: .7;
}
.modal.mdAnim-slideIn {
  transition-duration: 1.2s;
}
.modal.mdAnim-revealIn.modalPos-top {
  --modal-translate-y: -50px;
}
.modal.mdAnim-revealIn:not([class*=modalPos-]), .modal.mdAnim-revealIn.modalPos-bottom, .modal.mdAnim-revealIn.modalPos-center {
  --modal-translate-y: 50px;
}
.modal.mdAnim-revealIn.modalPos-left {
  --modal-translate-x: -50px;
}
.modal.mdAnim-revealIn.modalPos-right {
  --modal-translate-x: 50px;
}
.modal.mdAnim-slideIn.modalPos-top {
  --modal-translate-y: -100vh;
}
.modal.mdAnim-slideIn:not([class*=modalPos-]), .modal.mdAnim-slideIn.modalPos-bottom, .modal.mdAnim-slideIn.modalPos-center {
  --modal-translate-y: 100vh;
}
.modal.mdAnim-slideIn.modalPos-left {
  --modal-translate-x: -100vw;
}
.modal.mdAnim-slideIn.modalPos-right {
  --modal-translate-x: 100vw;
}

/* ## 3.6. Popup */
.popup-modal {
  align-items: center;
  justify-content: center;
}
.popup-modal.pageflow-popup {
  pointer-events: none;
}
.popup-modal.pageflow-popup::before {
  display: none;
}
.popup-modal.pageflow-popup .modal-inner {
  pointer-events: auto;
}

/* ## 3.7. Dropdown */
.dropdown {
  position: absolute;
  z-index: 1010;
  top: 100%;
  left: 0;
}
.dropdown.has-backdrop::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.4s ease-out;
  background: var(--backdrop-color-dropdown, rgba(0, 0, 0, 0.7));
}
.dropdown ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown.flip-direction {
  left: auto;
  right: 0;
}
.dropdown.flip-direction .dropdown-inner {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: var(--dropdown-x-offset, 0px);
  margin-inline-end: var(--dropdown-x-offset, 0px);
}
.dropdown .dropdown-inner {
  position: relative;
  margin-top: var(--dropdown-y-offset, 0px);
  -webkit-margin-start: var(--dropdown-x-offset, 0px);
  margin-inline-start: var(--dropdown-x-offset, 0px);
}
.dropdown .dropdown-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}
.dropdown .dropdown-wrap {
  position: relative;
  width: 100%;
  border-radius: inherit;
  background: var(--background-color-dropdown, #ffffff);
}
.dropdown .dropdown-wrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border: 0 solid var(--border-color-dropdown, transparent);
  border-radius: inherit;
}
.dropdown:not(.ui-expanded) {
  pointer-events: none;
  opacity: 0;
}
.dropdown[class*=dwAnim-] {
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.dropdown.dwAnim-revealIn:not(.ui-expanded) {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.dropdown.dwAnim-stretchIn {
  -webkit-transform-origin: top;
  transform-origin: top;
}
.dropdown.dwAnim-stretchIn:not(.ui-expanded) {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  opacity: 1;
}

/* ## 3.8. Custom Cursor */
.custom-cursor {
  position: fixed !important;
  z-index: 1100;
  top: 0;
  left: 0;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  pointer-events: none;
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.custom-cursor:not(.ui-visible) .ui-icn {
  -webkit-transform: translateX(var(--cursor-x-offset, -50%)) translateY(var(--cursor-y-offset, -50%)) scale(0.3);
  transform: translateX(var(--cursor-x-offset, -50%)) translateY(var(--cursor-y-offset, -50%)) scale(0.3);
  opacity: 0;
}
.is-mobile .custom-cursor {
  display: none;
}
.custom-cursor, .custom-cursor * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.custom-cursor .ui-icn {
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateX(var(--cursor-x-offset, -50%)) translateY(var(--cursor-y-offset, -50%)) scale(1);
  transform: translateX(var(--cursor-x-offset, -50%)) translateY(var(--cursor-y-offset, -50%)) scale(1);
}
.custom-cursor .img-wrap {
  width: 100%;
}
.custom-cursor .icn-shape {
  border-radius: 100%;
}
.custom-cursor i.icon {
  font-size: var(--icon-size, 1em);
  color: var(--text-color, var(--text-color-default));
}
@media screen and (max-width: 767px) {
  .custom-cursor {
    display: none;
  }
}

/* ## 3.9. Page Header */
#page-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 0 var(--container-gap);
  background: var(--background-page-header, var(--background-color-tertiary));
}
#page-header::before, #page-header::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
}
#page-header::before {
  background-image: var(--page-header-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#page-header::after {
  background: var(--overlay-page-header, transparent);
}
#page-header.parallax-yes {
  overflow: hidden;
}
#page-header.parallax-yes::before {
  height: 120%;
  -webkit-transform: translateY(var(--translateY, 0px));
  transform: translateY(var(--translateY, 0px));
}
#page-header .header-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: var(--container-max);
  padding: 60px 0;
}
#page-header .page-heading {
  margin: 0;
  color: var(--text-color, var(--text-color-emphasis));
}
#page-header .page-description {
  font-size: 20px;
  color: var(--text-color, var(--text-color-default));
}
#page-header .page-trails nav {
  display: inline-flex;
  align-items: center;
  color: var(--text-color, inherit);
}
#page-header .page-trails .breadcrumb-delimiter {
  line-height: 1;
  margin: 0 var(--delimiter-spacing, 10px);
  vertical-align: middle;
  color: var(--text-color, inherit);
}
@media screen and (max-width: 1024px) {
  #page-header {
    min-height: 140px;
  }
}
@media screen and (max-width: 767px) {
  #page-header {
    min-height: 120px;
  }
}

/* ## 3.10. Preloader */
#preloader {
  font-size: 40px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
  background: var(--preloader-background, var(--background-color-default));
}
#preloader:not(.ui-active) {
  pointer-events: none;
  opacity: 0;
}

/* ## 3.11. Back To Top */
#back-to-top {
  position: absolute;
  z-index: 100;
  right: var(--back-x-offset, 60px);
  bottom: var(--back-y-offset, 60px);
  cursor: pointer;
  transition: opacity 0.3s;
  --icon-size: 20px;
  --text-color: #fff;
  --shape-size: 60px;
}
#back-to-top:not(.ui-active) {
  pointer-events: none;
  opacity: 0;
}
#back-to-top .ui-background::before {
  --background-color: var(--primary-color-default);
}

/* ## 3.12. Footer */
#colophon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
  border: 0 solid var(--border-color-footer, transparent);
  background: var(--background-color-footer, var(--background-color-default));
}
#colophon.sticky-footer {
  z-index: -10;
}
#colophon .footer-wrap {
  display: flex;
  align-items: center;
  height: 90px;
}
#colophon .footer-info {
  flex-basis: 40%;
  color: var(--text-color-tertiary);
}
#colophon .footer-logo {
  flex-basis: 20%;
  justify-content: center;
}
#colophon .footer-navigation {
  display: flex;
  flex-basis: 40%;
  justify-content: flex-end;
}
#colophon .footer-navigation ul {
  display: flex;
  margin: 0 -1em;
  padding: 0;
  list-style: none;
}
#colophon .footer-navigation ul a {
  padding: 0 1em;
  white-space: nowrap;
  color: var(--text-color-default);
}
#colophon .footer-navigation ul a:hover {
  color: var(--text-color-emphasis);
}
@media screen and (max-width: 1024px) {
  #colophon {
    padding: 0 var(--container-gap);
  }
  #colophon .footer-wrap {
    flex-direction: column-reverse;
    height: auto;
    padding: 20px 0;
  }
  #colophon .footer-logo {
    margin: 10px 0 15px;
  }
  #colophon .footer-navigation {
    padding: 20px 0;
  }
  #colophon .footer-navigation ul {
    align-items: center;
    flex-direction: column;
  }
  #colophon .footer-navigation li {
    margin-bottom: 5px;
  }
}

/*--------------------------------------------------------------
  ## 4. Shortcodes
--------------------------------------------------------------*/
/* ## 4.1. Shortcodes */
.sg-element {
  position: relative;
}
.sg-element .element-inner:not(.container-inner),
.sg-element .element-wrap:not(.container-wrap),
.sg-element .element-content:not(.container-content) {
  width: 100%;
  height: 100%;
}
.sg-element .entranceAnim-wrap,
.sg-element .staticAnim-wrap {
  border-radius: inherit;
}
.sg-element[class*=entranceAnim-]:not(.sticky-hide), .sg-element[class*=exitAnim-].sticky-show {
  pointer-events: none;
  opacity: 0;
}

/* ## 4.3. Row */
.sg-row {
  position: relative;
  display: flex;
  flex-direction: column;
}
.sg-row .row-inner,
.sg-row .row-wrap,
.sg-row .entranceAnim-wrap,
.sg-row .staticAnim-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sg-row .row-content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* ## 4.4. Column */
.sg-column {
  position: static;
  flex-shrink: 0;
  order: 5;
  width: 100%;
  max-height: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.sg-column .column-container {
  display: flex;
  height: 100%;
}
.sg-column .column-container::before, .sg-column .column-container::after {
  display: block;
  width: 0;
  height: 100%;
  content: "";
}
.sg-column .column-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 100%;
}
.sg-column .column-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sg-column .column-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
}

/* ## 4.5. Text Block */
.sg-text-block .element-content {
  display: flex;
  flex-direction: column;
}
.sg-text-block .element-content > *:first-child {
  margin-top: 0;
}
.sg-text-block .element-content > *:last-child {
  margin-bottom: 0;
}
.sg-text-block * {
  color: var(--text-color, inherit);
}
.sg-text-block h1, .sg-text-block h2, .sg-text-block h3, .sg-text-block h4, .sg-text-block h5, .sg-text-block h6 {
  color: var(--text-color, var(--text-color-emphasis));
}

/* ## 4.6. Heading */
.sg-heading .element-content {
  display: flex;
  flex-direction: column;
}
.sg-heading .element-content > *:last-child {
  margin-bottom: 0;
}
.sg-heading .subtitle {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  margin-bottom: 10px;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-heading .title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-heading .description {
  white-space: break-spaces;
  color: var(--text-color, var(--text-color-default));
}

/* ## 4.7. Highlight Text */
.sg-highlight-text .element-content {
  display: flex;
  flex-direction: column;
}
.sg-highlight-text .element-content > *:last-child {
  margin-bottom: 0;
}
.sg-highlight-text .subtitle {
  font-family: var(--headings-font-family, Outfit, sans-serif);
  font-weight: var(--headings-font-weight, 600);
  line-height: var(--headings-line-height, 1.2);
  margin-bottom: 10px;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-highlight-text .title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-highlight-text .description {
  color: var(--text-color, var(--text-color-default));
}
.sg-highlight-text .dynamic-strings {
  background: var(--background-color, transparent);
}
.sg-highlight-text .dynamic-strings span {
  display: inline-block;
  color: var(--text-color, inherit);
}
.sg-highlight-text .string span {
  position: relative;
  z-index: 1;
}
.sg-highlight-text .string span::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: inherit;
  content: attr(data-text);
  color: transparent;
  -webkit-text-stroke-width: var(--stroke-weight, 0px);
  -webkit-text-stroke-color: var(--stroke-color, transparent);
}
.sg-highlight-text .description {
  white-space: break-spaces;
  color: var(--text-color, var(--text-color-default));
}
.sg-highlight-text :last-child {
  margin-bottom: 0;
}
.sg-highlight-text.anim-swipe .dynamic-strings {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  transition: width 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.2s;
}
.sg-highlight-text.anim-swipe .string:not(.ui-active) {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.sg-highlight-text.anim-swipe .string.animate-out {
  -webkit-animation: highlight-swipe-out 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
  animation: highlight-swipe-out 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.sg-highlight-text.anim-swipe .string.animate-in {
  -webkit-animation: highlight-swipe-in 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
  animation: highlight-swipe-in 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
@-webkit-keyframes highlight-swipe-in {
  from {
    -webkit-clip-path: inset(-10% 100% -10% 0%);
    clip-path: inset(-10% 100% -10% 0%);
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  to {
    -webkit-clip-path: inset(-10% 0% -10% 0%);
    clip-path: inset(-10% 0% -10% 0%);
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes highlight-swipe-in {
  from {
    -webkit-clip-path: inset(-10% 100% -10% 0%);
    clip-path: inset(-10% 100% -10% 0%);
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  to {
    -webkit-clip-path: inset(-10% 0% -10% 0%);
    clip-path: inset(-10% 0% -10% 0%);
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes highlight-swipe-out {
  from {
    -webkit-clip-path: inset(-10% 0% -10% 0%);
    clip-path: inset(-10% 0% -10% 0%);
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-clip-path: inset(-10% 100% -10% 0%);
    clip-path: inset(-10% 100% -10% 0%);
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
@keyframes highlight-swipe-out {
  from {
    -webkit-clip-path: inset(-10% 0% -10% 0%);
    clip-path: inset(-10% 0% -10% 0%);
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-clip-path: inset(-10% 100% -10% 0%);
    clip-path: inset(-10% 100% -10% 0%);
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
.sg-highlight-text.anim-slide .dynamic-strings {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  transition: width 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.4s;
}
.sg-highlight-text.anim-slide .string:not(.ui-active) {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.sg-highlight-text.anim-slide .string.animate-out {
  -webkit-animation: highlight-slide-out 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
  animation: highlight-slide-out 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
.sg-highlight-text.anim-slide .string.animate-in {
  -webkit-animation: highlight-slide-in 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
  animation: highlight-slide-in 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
@-webkit-keyframes highlight-slide-in {
  from {
    -webkit-transform: translateY(50%) rotateX(-95deg);
    transform: translateY(50%) rotateX(-95deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
}
@keyframes highlight-slide-in {
  from {
    -webkit-transform: translateY(50%) rotateX(-95deg);
    transform: translateY(50%) rotateX(-95deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes highlight-slide-out {
  from {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-50%) rotateX(95deg);
    transform: translateY(-50%) rotateX(95deg);
    opacity: 0;
  }
}
@keyframes highlight-slide-out {
  from {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-50%) rotateX(95deg);
    transform: translateY(-50%) rotateX(95deg);
    opacity: 0;
  }
}
.sg-highlight-text.anim-coding .dynamic-strings::after {
  content: "_";
}

/* ## 4.8. Button */
.sg-button .element-content {
  display: flex;
}
.sg-button.style-rectangular .btn-wrap, .sg-button.style-rounded .btn-wrap {
  height: var(--button-height, auto);
  padding: var(--button-padding-y, 15px) var(--button-padding-x, 50px);
}
.sg-button.style-rectangular .btn-wrap .txt-primary,
.sg-button.style-rectangular .btn-wrap .txt-secondary,
.sg-button.style-rectangular .btn-wrap .icn-primary,
.sg-button.style-rectangular .btn-wrap .icn-secondary, .sg-button.style-rounded .btn-wrap .txt-primary,
.sg-button.style-rounded .btn-wrap .txt-secondary,
.sg-button.style-rounded .btn-wrap .icn-primary,
.sg-button.style-rounded .btn-wrap .icn-secondary {
  color: var(--text-color, var(--text-color-button-default, #FFFFFF));
}
.sg-button.style-rectangular .btn-inner .ui-background::before, .sg-button.style-rounded .btn-inner .ui-background::before {
  background: var(--background-color, var(--primary-color-default));
}
.sg-button.style-rectangular .btn-inner:hover .ui-background::before, .sg-button.style-rounded .btn-inner:hover .ui-background::before {
  background: var(--background-color, var(--primary-color-emphasis));
}
.sg-button.style-rectangular .btn-txt, .sg-button.style-rounded .btn-txt {
  font-family: var(--button-font-family, Outfit, sans-serif);
  font-size: var(--button-font-size, 13px);
  font-weight: var(--button-font-weight, 600);
  font-style: var(--button-font-style, normal);
  line-height: var(--button-line-height, 21px);
  text-align: var(--button-text-align, center);
  -webkit-text-decoration: var(--button-text-decoration, none);
  text-decoration: var(--button-text-decoration, none);
  letter-spacing: var(--button-letter-spacing, 0.05em);
  text-transform: var(--button-text-transform, uppercase);
}
.sg-button.style-rounded .btn-inner {
  border-radius: 1000px;
}
.sg-button.style-underlined .ui-btn:not([class*=liAnim-]) .btn-txt {
  text-decoration: underline;
}
.sg-button.style-underlined .ui-btn:not([class*=liAnim-]) .btn-txt span {
  text-decoration: inherit;
}

/* ## 4.9. Pie Chart */
.sg-pie-chart .element-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-pie-chart .pie-chart {
  position: relative;
  margin: 0 -10px;
}
.sg-pie-chart .pie-chart svg {
  width: var(--chart-size, 150px);
  height: var(--chart-size, 150px);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sg-pie-chart .pie-chart svg .track {
  fill: none;
  stroke: var(--chart-color-track, #E8E8E8);
  stroke-width: var(--chart-weight, 5);
}
.sg-pie-chart .pie-chart svg .bar {
  transition: stroke-dasharray 2s cubic-bezier(0.22, 1, 0.36, 1);
  fill: none;
  stroke: var(--chart-color-bar, var(--primary-color-default));
  stroke-width: var(--chart-weight, 5);
  stroke-dasharray: 0 1000;
}
.sg-pie-chart .pie-chart svg .path {
  fill: none;
}
.sg-pie-chart .pie-chart .edge {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--chart-edge-size, 12px);
  height: var(--chart-edge-size, 12px);
  opacity: 0;
}
.sg-pie-chart .pie-chart .edge:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: var(--chart-color-bar, var(--primary-color-default));
}
.sg-pie-chart .pie-chart .chart-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.sg-pie-chart .chart-title {
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-pie-chart .chart-counter,
.sg-pie-chart .chart-subtitle {
  line-height: 1.4;
  color: var(--text-color, var(--text-color-default));
}

/* ## 4.10. Bar Chart */
.sg-bar-chart .element-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sg-bar-chart .bar-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--chart-weight, 7px);
  margin-top: 10px;
  background: var(--chart-color-track, #E8E8E8);
}
.sg-bar-chart .bar-chart::before, .sg-bar-chart .bar-chart::after {
  display: block;
  content: "";
  background: var(--chart-color-bar, var(--primary-color-default));
}
.sg-bar-chart .bar-chart::before {
  width: var(--chart-bar-width, 0px);
  height: 100%;
  transition: width 2s cubic-bezier(0.22, 1, 0.36, 1);
  border-radius: inherit;
}
.sg-bar-chart .bar-chart::after {
  width: var(--chart-edge-size, 12px);
  height: var(--chart-edge-size, 12px);
  margin-top: calc(var(--chart-weight, 7px) / 2);
  margin-left: calc(var(--chart-edge-size, 12px) / -2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 100%;
}
.sg-bar-chart .chart-title,
.sg-bar-chart .chart-counter {
  line-height: 1.4;
  margin: 0;
  color: var(--text-color, var(--text-color-emphasis));
}

/* ## 4.11. Image */
.sg-image {
  display: flex;
  align-self: var(--align-content, flex-start);
  width: 100%;
  max-width: 100%;
}
.sg-image .element-content {
  display: flex;
  justify-content: var(--align-content, flex-start);
}
.sg-image .ui-img {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sg-image .caption {
  position: relative;
  color: var(--text-color, var(--text-color-default));
}

/* ## 4.12. Icon */
.sg-icon .element-content {
  display: flex;
  align-items: center;
}
.sg-icon .icn-shape {
  width: var(--shape-size, 60px);
  height: var(--shape-size, 60px);
  --shape-size: 60px;
  --background-color: var(--background-color-tertiary);
}
.sg-icon .ui-icn {
  font-size: var(--icon-size, 34px);
}
.sg-icon[data-action] .ui-icn {
  cursor: pointer;
}

/* ## 4.13. Video Lightbox */
.sg-video-lightbox {
  display: flex;
  max-height: 100%;
}
.sg-video-lightbox .element-content {
  display: flex;
  justify-content: flex-start;
}
.sg-video-lightbox .video-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-video-lightbox .video-button.ui-stretched {
  width: 100%;
  height: 100%;
}
.sg-video-lightbox .video-thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.sg-video-lightbox .video-thumbnail .video-button {
  position: absolute;
}
.sg-video-lightbox .video-icon {
  z-index: 1;
}
.sg-video-lightbox .video-icon .icn-shape {
  border-radius: 100%;
}
.sg-video-lightbox .video-icon .icn-shape .ripple {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
}
.sg-video-lightbox.ripple-effect-v1 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v2 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v3 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v4 .video-icon .icn-shape .ripple {
  box-shadow: 0 0 0 0 var(--ripple-color, rgba(0, 0, 0, 0.3));
}
.sg-video-lightbox.ripple-effect-v1 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v2 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v3 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v4 .video-icon .icn-shape .ripple.ui-animate {
  transition: box-shadow 3s ease-out, opacity 3s ease-out;
}
.sg-video-lightbox.ripple-effect-v5 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v6 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v7 .video-icon .icn-shape .ripple, .sg-video-lightbox.ripple-effect-v8 .video-icon .icn-shape .ripple {
  box-shadow: 0 0 0 2.4px var(--ripple-color, rgba(0, 0, 0, 0.3)) inset;
}
.sg-video-lightbox.ripple-effect-v5 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v6 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v7 .video-icon .icn-shape .ripple.ui-animate, .sg-video-lightbox.ripple-effect-v8 .video-icon .icn-shape .ripple.ui-animate {
  transition: box-shadow 3s ease-out, opacity 3s ease-out, -webkit-transform 3s ease-out;
  transition: box-shadow 3s ease-out, opacity 3s ease-out, transform 3s ease-out;
  transition: box-shadow 3s ease-out, opacity 3s ease-out, transform 3s ease-out, -webkit-transform 3s ease-out;
}
.sg-video-lightbox.magnet-effect-yes .modal-expanded .video-icon {
  -webkit-transform: none !important;
  transform: none !important;
}

.video-modal .modal-inner {
  width: 70%;
}
.video-modal .modal-wrap {
  position: relative;
  padding: 0;
  background: var(--background-color-modal, #141414);
  overflow: hidden;
}
.video-modal .modal-wrap::after {
  display: block;
  padding-top: 56.25%;
  content: "";
}
.video-modal iframe, .video-modal video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 1024px) {
  .video-modal {
    padding: 40px;
  }
  .video-modal .modal-inner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .video-modal {
    padding: 20px;
  }
}

/* ## 4.14. Iconbox */
.sg-iconbox .element-content {
  position: relative;
  display: flex;
  align-items: var(--align-content, flex-start);
}
.sg-iconbox .content-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.sg-iconbox .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%;
}
.sg-iconbox .iconbox-icon {
  z-index: 10;
  flex-shrink: 0;
}
.sg-iconbox .iconbox-subtitle {
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-iconbox .iconbox-subtitle .ui-shadow,
.sg-iconbox .iconbox-subtitle .ui-background {
  z-index: -1;
}
.sg-iconbox .iconbox-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-iconbox .iconbox-description {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-iconbox .iconbox-button {
  z-index: 20;
}
.sg-iconbox.skin-v1 .element-content {
  flex-direction: column;
  justify-content: center;
}
.sg-iconbox.skin-v1 .content-box {
  width: 100%;
  padding-top: 20px;
}
.sg-iconbox.skin-v1 .content-wrap {
  align-items: var(--align-content, flex-start);
}
.sg-iconbox.skin-v2 .content-box {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.sg-iconbox.skin-v2 .element-content {
  flex-direction: row;
}

/* ## 4.15. Imagebox */
.sg-imagebox .element-content {
  position: relative;
  display: flex;
  align-items: var(--align-content, flex-start);
  border-radius: inherit;
}
.sg-imagebox .content-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.sg-imagebox .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%;
}
.sg-imagebox .imagebox-thumbnail {
  z-index: 10;
  flex-shrink: 0;
}
.sg-imagebox .imagebox-thumbnail.ui-animate .imagebox-icon {
  visibility: visible;
  opacity: 1;
}
.sg-imagebox .imagebox-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.sg-imagebox .imagebox-icon .icn-shape {
  border-radius: 100%;
}
.sg-imagebox .imagebox-icon:not(.always-visible) {
  opacity: 0;
}
.sg-imagebox .imagebox-subtitle {
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-imagebox .imagebox-subtitle .ui-shadow,
.sg-imagebox .imagebox-subtitle .ui-background {
  z-index: -1;
}
.sg-imagebox .imagebox-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-imagebox .imagebox-description {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-imagebox .imagebox-button {
  z-index: 20;
}
.sg-imagebox.skin-v1 .imagebox-thumbnail {
  width: 100%;
}
.sg-imagebox.skin-v1 .element-content {
  flex-direction: column;
}
.sg-imagebox.skin-v1 .content-box {
  width: 100%;
  padding-top: 20px;
}
.sg-imagebox.skin-v1 .content-wrap {
  align-items: var(--align-content, flex-start);
}
.sg-imagebox.skin-v2 .imagebox-thumbnail {
  width: 35%;
}
.sg-imagebox.skin-v2 .element-content {
  flex-direction: row;
}
.sg-imagebox.skin-v2 .content-box {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.sg-imagebox.skin-v2.reverse-image .content-box {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
}
.sg-imagebox.skin-v2.reverse-image .element-content {
  flex-direction: row-reverse;
}

/* ## 4.16. Fancybox */
.sg-fancybox .element-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: inherit;
}
.sg-fancybox .content-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 30px;
}
.sg-fancybox .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  width: 100%;
}
.sg-fancybox .fancybox-subtitle {
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-fancybox .fancybox-subtitle .ui-shadow,
.sg-fancybox .fancybox-subtitle .ui-background {
  z-index: -1;
}
.sg-fancybox .fancybox-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-fancybox .fancybox-description {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-fancybox .fancybox-button {
  z-index: 20;
}
.sg-fancybox.align-center .fancybox-title,
.sg-fancybox.align-center .fancybox-subtitle,
.sg-fancybox.align-center .fancybox-description {
  text-align: center;
}
.sg-fancybox.align-center .content-wrap {
  align-items: center;
}
.sg-fancybox.skin-v1.align-center .element-content {
  justify-content: center;
}
.sg-fancybox.skin-v1 .content-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sg-fancybox.skin-v2 .content-box {
  position: absolute;
  height: 100%;
}
.sg-fancybox.skin-v2 .content-wrap {
  justify-content: flex-start;
}
.sg-fancybox.skin-v2 .content-wrap .fancybox-icon,
.sg-fancybox.skin-v2 .content-wrap .fancybox-button {
  position: absolute;
  bottom: 0;
}
.sg-fancybox.skin-v2 .content-wrap .fancybox-icon {
  transition-delay: 0.2s;
}
.sg-fancybox.skin-v2 .content-wrap .fancybox-button {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  pointer-events: none;
  opacity: 0;
}
.sg-fancybox.skin-v2.ui-animate .content-wrap .fancybox-icon {
  transition-delay: 0s;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  pointer-events: none;
  opacity: 0;
}
.sg-fancybox.skin-v2.ui-animate .content-wrap .fancybox-button {
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1;
}
.sg-fancybox.skin-v3 .content-wrap {
  position: static;
}
.sg-fancybox.skin-v3 .content-wrap > * {
  position: relative;
}
.sg-fancybox.skin-v3 .fancybox-icon {
  position: absolute;
  z-index: 10;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ## 4.17. Interactive */
.sg-interactive {
  overflow: hidden;
}
.sg-interactive .element-content {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
.sg-interactive .interactive-thumbnail {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sg-interactive .interactive-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sg-interactive .interactive-thumbnail::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--overlay-color, transparent);
}
.sg-interactive .interactive-box {
  width: calc(100% / var(--layout-columns, 1));
}
.sg-interactive .interactive-box.align-center .interactive-title,
.sg-interactive .interactive-box.align-center .interactive-subtitle,
.sg-interactive .interactive-box.align-center .interactive-description {
  text-align: center;
}
.sg-interactive .interactive-box.align-center .content-box {
  justify-content: center;
}
.sg-interactive .interactive-box.align-center .content-wrap {
  align-items: center;
}
.sg-interactive .box-inner {
  position: relative;
}
.sg-interactive .box-inner::before {
  display: block;
  width: 100%;
  padding-top: var(--box-height, 350px);
  content: "";
}
.sg-interactive .box-inner::after {
  position: absolute;
  top: calc(var(--box-separator-width, 0px) * -1);
  right: 0;
  bottom: 0;
  left: calc(var(--box-separator-width, 0px) * -1);
  display: block;
  content: "";
  pointer-events: none;
  border: 0 solid var(--border-color-separator, transparent);
  border-top-width: var(--box-separator-width, 0px);
  border-left-width: var(--box-separator-width, 0px);
}
.sg-interactive .box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sg-interactive .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.sg-interactive .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.sg-interactive .interactive-subtitle {
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-interactive .interactive-subtitle .ui-shadow,
.sg-interactive .interactive-subtitle .ui-background {
  z-index: -1;
}
.sg-interactive .interactive-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-interactive .interactive-description {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-interactive .interactive-button {
  z-index: 20;
}
@media screen and (min-width: 1025px) {
  .sg-interactive .interactive-thumbnail {
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition-delay: 0s;
  }
  .sg-interactive .interactive-thumbnail:not(.ui-animate) {
    visibility: hidden;
    transition-delay: 0.3s;
    opacity: 0;
  }
  .sg-interactive .interactive-thumbnail.ui-animate {
    z-index: -1;
  }
}
@media screen and (max-width: 1024px) {
  .sg-interactive .interactive-box {
    position: relative;
  }
}

/* ## 4.18. Flipbox */
.sg-flipbox .element-content {
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.sg-flipbox .element-content:after {
  display: block;
  width: 100%;
  padding-top: 100%;
  content: "";
}
.sg-flipbox .flipbox-front,
.sg-flipbox .flipbox-back {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  border-radius: inherit;
  background-color: #eeeeee;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sg-flipbox .content-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 30px;
  border-radius: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sg-flipbox .content-wrap {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sg-flipbox .flipbox-front {
  z-index: 1;
  -webkit-transform: none;
  transform: none;
}
.sg-flipbox .flipbox-front .content-box {
  background-image: var(--front-url);
}
.sg-flipbox .flipbox-back {
  -webkit-transform: rotateX(0) rotateY(-180deg);
  transform: rotateX(0) rotateY(-180deg);
}
.sg-flipbox .flipbox-back .content-box {
  background-image: var(--back-url);
}
.sg-flipbox .align-center .content-wrap {
  align-items: center;
  justify-content: center;
}
.sg-flipbox .align-center .flipbox-title,
.sg-flipbox .align-center .flipbox-subtitle,
.sg-flipbox .align-center .flipbox-description {
  text-align: center;
}
.sg-flipbox.ui-animate .flipbox-front {
  -webkit-transform: rotateX(0) rotateY(180deg);
  transform: rotateX(0) rotateY(180deg);
}
.sg-flipbox.ui-animate .flipbox-back {
  -webkit-transform: none !important;
  transform: none !important;
}
.sg-flipbox .flipbox-icon {
  z-index: 10;
}
.sg-flipbox .flipbox-subtitle {
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-flipbox .flipbox-subtitle .ui-shadow,
.sg-flipbox .flipbox-subtitle .ui-background {
  z-index: -1;
}
.sg-flipbox .flipbox-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-flipbox .flipbox-description {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-flipbox .flipbox-button {
  z-index: 20;
}
.sg-flipbox.ui-stretched {
  cursor: pointer;
}
.sg-flipbox.bxAnim-flipLeft.ui-animate .flipbox-front {
  -webkit-transform: rotateX(0) rotateY(-180deg);
  transform: rotateX(0) rotateY(-180deg);
}
.sg-flipbox.bxAnim-flipLeft .flipbox-back {
  -webkit-transform: rotateX(0) rotateY(180deg);
  transform: rotateX(0) rotateY(180deg);
}
.sg-flipbox.bxAnim-flipUp.ui-animate .flipbox-front {
  -webkit-transform: rotateX(180deg) rotateY(0);
  transform: rotateX(180deg) rotateY(0);
}
.sg-flipbox.bxAnim-flipUp .flipbox-back {
  -webkit-transform: rotateX(-180deg) rotateY(0);
  transform: rotateX(-180deg) rotateY(0);
}
.sg-flipbox.bxAnim-flipDown.ui-animate .flipbox-front {
  -webkit-transform: rotateX(-180deg) rotateY(0);
  transform: rotateX(-180deg) rotateY(0);
}
.sg-flipbox.bxAnim-flipDown .flipbox-back {
  -webkit-transform: rotateX(180deg) rotateY(0);
  transform: rotateX(180deg) rotateY(0);
}
.sg-flipbox.tilt-3d .element-content {
  -webkit-perspective: 3000px;
  perspective: 3000px;
}
.sg-flipbox.tilt-3d .content-box {
  z-index: 2;
}
.sg-flipbox.tilt-3d .content-wrap {
  transition: -webkit-transform 0.01s;
  transition: transform 0.01s;
  transition: transform 0.01s, -webkit-transform 0.01s;
  transition-delay: 0.6s;
}
.sg-flipbox.tilt-3d.ui-animate .content-wrap {
  transition-delay: 0s;
  -webkit-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(75px) scale(0.9);
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(75px) scale(0.9);
}

/* ## 4.19. Accordion */
.sg-accordion .layer-header {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sg-accordion .layer-header .accordion-title {
  position: relative;
  margin: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}
.sg-accordion .layer-header .expand-icon {
  -webkit-margin-start: var(--icon-spacing, 40px);
  margin-inline-start: var(--icon-spacing, 40px);
}
.sg-accordion .layer-header .expand-icon .icon {
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-accordion .layer-details {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-out;
}
.sg-accordion .layer-details::before, .sg-accordion .layer-details::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.sg-accordion .layer-details::before {
  background-color: var(--background-color, transparent);
}
.sg-accordion .layer-details::after {
  border: 0 solid var(--border-color, transparent);
}
.sg-accordion .layer-details.ui-expanded {
  height: var(--content-height, auto);
}
.sg-accordion.reverse-icon .layer-header {
  flex-direction: row-reverse;
}
.sg-accordion.reverse-icon .expand-icon {
  -webkit-margin-end: var(--icon-spacing, 20px);
  margin-inline-end: var(--icon-spacing, 20px);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

/* ## 4.20. Carousel */
.ui-carousel {
  position: relative;
}
.ui-carousel.scale-down .swiper-slide {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.ui-carousel.scale-down.ui-dragging .swiper-slide {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.ui-carousel.watch-overflow .swiper-container {
  overflow: visible;
}
.ui-carousel:not(.watch-overflow) .swiper-slide:not(.swiper-slide-visible) > .slide-inner > .ui-shadow {
  opacity: 0;
}
.ui-carousel .custom-cursor .icn-shape {
  --shape-size: 80px;
  --background-color: #d5d5d5;
}
.ui-carousel .custom-cursor.drag-cursor .icn-wrap {
  overflow: visible;
  width: auto;
}
.ui-carousel .custom-cursor.drag-cursor .icn-wrap .navigation-prev {
  margin-right: var(--icon-spacing, 5px);
  transition: all 0.3s ease-out;
}
.ui-carousel .custom-cursor.drag-cursor .icn-wrap .navigation-next {
  margin-left: var(--icon-spacing, 5px);
  transition: all 0.3s ease-out;
}
.ui-carousel.ui-dragging .custom-cursor.icon-shiftIn .navigation-prev {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.ui-carousel.ui-dragging .custom-cursor.icon-shiftIn .navigation-next {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ui-carousel.ui-dragging .custom-cursor.icon-shiftOut .navigation-prev {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ui-carousel.ui-dragging .custom-cursor.icon-shiftOut .navigation-next {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.ui-carousel.ui-dragging .custom-cursor.icon-zoomIn .icn-wrap > * {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ui-carousel.ui-dragging .custom-cursor.icon-zoomOut .icn-wrap > * {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.ui-carousel.ui-dragging .custom-cursor.icon-flipIn .icn-wrap > * {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ui-carousel.ui-dragging .custom-cursor.shape-zoomIn .icn-shape {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ui-carousel.ui-dragging .custom-cursor.shape-zoomOut .icn-shape {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.ui-carousel.ui-dragging .slide-container {
  transition: none !important;
}
.ui-carousel.ui-dragging:not(.scale-down) .swiper-slide {
  transition: none !important;
}

.swiper-container {
  transition: all 0.3s ease-out;
  border-radius: inherit;
}
.swiper-container.swiper-transition-init .swiper-wrapper {
  transition-delay: var(--transition-delay, 0s) !important;
  transition-duration: var(--transition-duration, 300ms) !important;
}
.swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.swiper-container:not(.swiper-container-initialized):not(.swiper-container-vertical) .swiper-wrapper {
  margin: 0 calc(var(--layout-gap, 30px) / -2);
}
.swiper-container:not(.swiper-container-initialized):not(.swiper-container-vertical) .swiper-slide {
  width: calc(100% / var(--layout-columns, 3));
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}
@media screen and (max-width: 1007px) {
  .swiper-container:not(.swiper-container-initialized):not(.swiper-container-vertical) .swiper-slide {
    width: calc(100% / var(--layout-columns, 2));
  }
}
@media screen and (max-width: 640px) {
  .swiper-container:not(.swiper-container-initialized):not(.swiper-container-vertical) .swiper-slide {
    width: calc(100% / var(--layout-columns, 1));
  }
}
.swiper-container:not(.swiper-container-initialized).swiper-container-vertical .swiper-wrapper {
  margin: calc(var(--layout-gap, 30px) / -2) 0;
}
.swiper-container:not(.swiper-container-initialized).swiper-container-vertical .swiper-slide {
  height: calc(100% / var(--layout-columns, 3));
  padding: calc(var(--layout-gap, 30px) / 2) 0;
}
@media screen and (max-width: 1007px) {
  .swiper-container:not(.swiper-container-initialized).swiper-container-vertical .swiper-slide {
    height: calc(100% / var(--layout-columns, 2));
  }
}
@media screen and (max-width: 640px) {
  .swiper-container:not(.swiper-container-initialized).swiper-container-vertical .swiper-slide {
    height: calc(100% / var(--layout-columns, 1));
  }
}
.swiper-container .swiper-wrapper {
  pointer-events: none;
}
.swiper-container .swiper-slide {
  pointer-events: auto;
}
.swiper-container .swiper-slide:not(:last-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
}
.swiper-container .swiper-slide .slide-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border-radius: inherit;
}
.swiper-container .swiper-slide .slide-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide .slide-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.swiper-container .swiper-slide .slide-content {
  position: relative;
  display: flex;
  flex-direction: column;
}
.swiper-container .swiper-slide img {
  pointer-events: none;
}
.swiper-container .swiper-slide a {
  -webkit-user-drag: none;
  user-drag: none;
}
.swiper-container .slide-background {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.swiper-container .slide-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper-container .slide-background::after, .swiper-container .slide-background .slide-background-clone::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: var(--overlay-color, transparent);
}
.swiper-container.swiper-transition-parallax .swiper-slide {
  overflow: hidden;
}
.swiper-container.swiper-transition-parallax.swiper-transition-init .slide-background {
  transition: -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
  transition-delay: var(--transition-delay, 0s);
}
.swiper-container.swiper-transition-conceal, .swiper-container.swiper-transition-spotlight {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container.swiper-transition-conceal .swiper-wrapper,
.swiper-container.swiper-transition-conceal .swiper-slide, .swiper-container.swiper-transition-spotlight .swiper-wrapper,
.swiper-container.swiper-transition-spotlight .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container.swiper-transition-conceal .swiper-slide {
  transition: opacity var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), opacity var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), opacity var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
}
.swiper-container.swiper-transition-spotlight .swiper-slide {
  transition: -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
}
.swiper-container.swiper-transition-coverflow .swiper-slide {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container.swiper-transition-coverflow .swiper-slide > div {
  transition: -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
}
.swiper-container.swiper-transition-shutter .slide-background {
  display: flex;
  overflow: hidden;
}
.swiper-container.swiper-transition-shutter .slide-background::after {
  display: none;
}
.swiper-container.swiper-transition-shutter .slide-background-clone {
  position: relative;
  overflow: hidden;
}
.swiper-container.swiper-transition-shutter.swiper-transition-init .slide-background-clone {
  transition: -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
  transition-delay: var(--transition-delay, 0s);
  transition-timing-function: ease-out;
}
.swiper-container.swiper-transition-shutter.swiper-container-horizontal .slide-background {
  flex-direction: row;
}
.swiper-container.swiper-transition-shutter.swiper-container-horizontal .slide-background-clone {
  width: 20%;
  height: 100%;
}
.swiper-container.swiper-transition-shutter.swiper-container-horizontal .slide-background-clone:not(.ui-ready) {
  opacity: 0;
}
.swiper-container.swiper-transition-shutter.swiper-container-horizontal .slide-background-clone img, .swiper-container.swiper-transition-shutter.swiper-container-horizontal .slide-background-clone .ui-overlay {
  left: var(--image-offset, 0px);
  min-width: 500%;
}
.swiper-container.swiper-transition-shutter.swiper-container-vertical .slide-background {
  flex-direction: column;
}
.swiper-container.swiper-transition-shutter.swiper-container-vertical .slide-background-clone {
  width: 100%;
  height: 20%;
}
.swiper-container.swiper-transition-shutter.swiper-container-vertical .slide-background-clone:not(.ui-ready) {
  opacity: 0;
}
.swiper-container.swiper-transition-shutter.swiper-container-vertical .slide-background-clone img, .swiper-container.swiper-transition-shutter.swiper-container-vertical .slide-background-clone .ui-overlay {
  top: var(--image-offset, 0px);
  min-height: 500%;
}
.swiper-container.swiper-transition-fade .slide-background {
  transition: opacity var(--transition-duration, 300ms);
}
.swiper-container.swiper-transition-fade .slide-background:not(:first-of-type) {
  opacity: 0;
}
.swiper-container.swiper-transition-fade.swiper-transition-init .slide-background {
  transition-delay: var(--transition-delay, 0s);
}
.swiper-container.swiper-transition-slicer .slide-background {
  display: flex;
  pointer-events: none;
}
.swiper-container.swiper-transition-slicer .slide-background::after {
  display: none;
}
.swiper-container.swiper-transition-slicer .slide-background:not(.slide-background-active) > img {
  opacity: 0;
}
.swiper-container.swiper-transition-slicer .slide-background-clone {
  position: relative;
  overflow: hidden;
}
.swiper-container.swiper-transition-slicer.swiper-transition-init .slide-background-clone {
  transition: -webkit-transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms);
  transition: transform var(--transition-duration, 300ms), -webkit-transform var(--transition-duration, 300ms);
  transition-delay: var(--transition-delay, 0s);
  transition-timing-function: cubic-bezier(1, 0, 0.5, 1);
}
.swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background {
  flex-direction: column;
}
.swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background-clone {
  width: 100%;
  height: 20%;
}
.swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background-clone:not(.ui-ready) {
  opacity: 0;
}
.swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background-clone img, .swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background-clone .ui-overlay {
  top: var(--image-offset, 0px);
  min-height: 500%;
}
.swiper-container.swiper-transition-slicer.swiper-container-horizontal .slide-background-duplicate .slide-background-clone {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical.swiper-container-inverse .slide-background {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background {
  flex-direction: row;
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background-clone {
  width: 20%;
  height: 100%;
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background-clone:not(.ui-ready) {
  opacity: 0;
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background-clone img, .swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background-clone .ui-overlay {
  left: var(--image-offset, 0px);
  min-width: 500%;
}
.swiper-container.swiper-transition-slicer.swiper-container-vertical .slide-background-duplicate .slide-background-clone {
  -webkit-transform: translate3d(0px, -100%, 0px);
  transform: translate3d(0px, -100%, 0px);
}
.swiper-container.swiper-transition-fancy {
  --transition-delay: var(--transition-duration-2x, 100ms);
}
.swiper-container.swiper-transition-fancy .slide-background {
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-duration: var(--transition-duration-2x, 100ms);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-container.swiper-transition-fancy .slide-background .slide-background-wrap {
  width: 100%;
  height: 100%;
}
.swiper-container.swiper-transition-fancy .slide-background img {
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-duration: var(--transition-duration-2x, 100ms);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-container.swiper-transition-fancy.swiper-transition-init .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.swiper-container.swiper-transition-fancy.swiper-transition-init .slide-background {
  transition-delay: var(--transition-delay-2x, 0s);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.swiper-container.swiper-transition-fancy.swiper-transition-init .slide-background .slide-background-wrap {
  transition-delay: var(--transition-delay, 0s);
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-duration: var(--transition-duration, 200ms);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-container.swiper-transition-fancy.swiper-transition-init .slide-background img {
  transition-delay: var(--transition-delay-2x, 0s);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.swiper-navigation.navigation-arrows {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: calc(var(--navigation-spacing, 20px) / 2);
  transition: all 0.3s ease-out;
  pointer-events: none;
  --icon-size: 36px;
}
.swiper-navigation.navigation-arrows .ui-icn {
  margin: 0 calc(var(--navigation-spacing, 20px) / 2);
  pointer-events: auto;
}
.swiper-navigation.navigation-arrows.align-vertically {
  flex-direction: column;
}
.swiper-navigation.navigation-arrows.align-vertically .navigation-prev {
  margin: 0 0 calc(var(--navigation-spacing, 20px) / 2);
}
.swiper-navigation.navigation-arrows.align-vertically .navigation-next {
  margin: calc(var(--navigation-spacing, 20px) / 2) 0 0;
}
@media screen and (min-width: 1025px) {
  .swiper-navigation.navigation-autohide {
    transition: opacity 0.3s ease-out;
    opacity: 0;
  }
  .swiper-navigation.navigation-autohide .ui-icn {
    pointer-events: none;
  }
  .ui-carousel:hover .swiper-navigation.navigation-autohide {
    opacity: 1;
  }
  .ui-carousel:hover .swiper-navigation.navigation-autohide .ui-icn {
    pointer-events: auto;
  }
}

.swiper-pagination {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: var(--pagination-y-offset, 0px);
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.swiper-pagination .swiper-bullets {
  display: flex;
  align-items: center;
  -webkit-transform: translateX(var(--pagination-x-offset, 0px));
  transform: translateX(var(--pagination-x-offset, 0px));
}
.swiper-pagination .swiper-bullets:not(.ui-ready) {
  opacity: 0;
}
.swiper-pagination .swiper-bullets.swiper-dynamic-bullets {
  overflow: hidden;
}
.swiper-pagination .swiper-bullet {
  position: relative;
  flex-shrink: 0;
  width: var(--bullet-size, 10px);
  height: var(--bullet-size, 10px);
  transition: all 0.3s ease-out;
  pointer-events: auto;
  border-radius: 100%;
}
.swiper-pagination .swiper-bullet.swiper-bullet-line {
  width: var(--line-width, 40px);
  height: var(--line-height, 4px);
}
.swiper-pagination .swiper-bullet.swiper-pagination-active::before {
  background: var(--pagination-color, rgba(0, 0, 0, 0.3));
}
.swiper-pagination .swiper-bullet::before, .swiper-pagination .swiper-bullet::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  transition: all 0.3s ease-out;
  pointer-events: none;
  border-radius: inherit;
  background: var(--pagination-color, rgba(0, 0, 0, 0.1));
}
.swiper-pagination .swiper-bullet::before {
  transition-delay: 0s;
}
.swiper-pagination .swiper-bullet::after {
  transition-delay: var(--transition-delay, 0.175s);
  opacity: 0;
}
.swiper-pagination .swiper-bullet:not(:last-of-type) {
  -webkit-margin-end: var(--pagination-spacing, 15px);
  margin-inline-end: var(--pagination-spacing, 15px);
}
.swiper-pagination .swiper-progressbar {
  flex-grow: 1;
  height: var(--line-height, 4px);
  margin: 0 var(--pagination-x-offset, 0px);
  pointer-events: none;
  background: var(--pagination-color, rgba(0, 0, 0, 0.1));
}
.swiper-pagination .swiper-progressbar:not(.ui-ready) {
  opacity: 0;
}
.swiper-pagination .swiper-progressbar .swiper-progressbar-fill {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left;
  transform-origin: left;
  background: var(--pagination-color, rgba(0, 0, 0, 0.3));
}
.swiper-pagination .swiper-fraction {
  -webkit-transform: translateX(var(--pagination-x-offset, 0px));
  transform: translateX(var(--pagination-x-offset, 0px));
  color: var(--pagination-color, var(--text-color-default));
}
.swiper-pagination .swiper-fraction .swiper-pagination-current {
  color: var(--pagination-color, inherit);
}
.swiper-pagination .swiper-fraction .swiper-separator::before {
  margin: 0 var(--pagination-spacing, 3px);
  content: "/";
}
@media screen and (min-width: 1025px) {
  .swiper-pagination.pagination-autohide {
    transition: opacity 0.3s ease-out;
    opacity: 0;
  }
  .swiper-pagination.pagination-autohide .swiper-bullet {
    pointer-events: none;
  }
  .ui-carousel:hover .swiper-pagination.pagination-autohide {
    opacity: 1;
  }
  .ui-carousel:hover .swiper-pagination.pagination-autohide .swiper-bullet {
    pointer-events: auto;
  }
}

/* ## 4.21. Blog Posts */
.sg-blog-posts.layout-grid .element-wrap, .sg-blog-posts.layout-masonry .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-blog-posts.layout-grid .element-wrap .element-content, .sg-blog-posts.layout-masonry .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-blog-posts.layout-grid .element-wrap .post-item, .sg-blog-posts.layout-masonry .element-wrap .post-item {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}

/* ## 4.22. Donations */
.sg-donations.layout-grid .element-wrap, .sg-donations.layout-masonry .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-donations.layout-grid .element-wrap .element-content, .sg-donations.layout-masonry .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-donations.layout-grid .element-wrap .give_forms-item, .sg-donations.layout-masonry .element-wrap .give_forms-item {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}

/* ## 4.23. Donation Form */
.sg-donation-form .give-form-wrap,
.sg-donation-form .give-form {
  display: flex;
  align-items: var(--content-align, flex-start);
  flex-direction: column;
}
.sg-donation-form .give-form {
  width: 100%;
}
.sg-donation-form .give-form .give-btn.give-btn-modal {
  order: 5;
}
.sg-donation-form .give-form .give_shortcode_agree_to_terms {
  display: block;
  margin-bottom: 30px;
}
.sg-donation-form .give-form .give_shortcode_agree_to_terms input[type=checkbox] {
  margin: 0;
}
.sg-donation-form .give-form-title,
.sg-donation-form .give-form-content-wrap {
  text-align: var(--text-align, start);
  color: var(--text-color, var(--text-color-default));
}
.sg-donation-form #give-donation-level-button-wrap {
  justify-content: var(--content-align, flex-start);
  margin-bottom: 20px;
}
.sg-donation-form.hide-amount .give-total-wrap {
  position: relative;
  overflow: hidden;
}
.sg-donation-form.hide-amount .give-donation-amount {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.sg-donation-form.hide-amount .give-donation-amount.give-custom-amount-focus-in {
  position: relative;
  pointer-events: auto;
  opacity: 1;
}
.sg-donation-form.hide-amount input[name=give-price-id][value=custom] + .give-total-wrap .give-donation-amount {
  position: relative;
  pointer-events: auto;
  opacity: 1;
}

/* ## 4.24. Events */
.sg-events.layout-grid .element-wrap, .sg-events.layout-masonry .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-events.layout-grid .element-wrap .element-content, .sg-events.layout-masonry .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-events.layout-grid .element-wrap .tribe_events-item, .sg-events.layout-masonry .element-wrap .tribe_events-item {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}

/* ## 4.25. Products */
.sg-products .product {
  position: relative;
}
.sg-products .product:not(.skin-v1) .product-inner {
  position: relative;
}
.sg-products .product:not(.skin-v1) .product-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: inherit;
}
.sg-products .product:not(.skin-v1) .product-thumbnail {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 100%;
}
.sg-products .product:not(.skin-v1) .product-thumbnail a {
  overflow: hidden;
  border-radius: inherit;
}
.sg-products .product:not(.skin-v1) .product-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.sg-products .product:not(.skin-v1) .product-badge {
  border-style: solid;
  border-color: var(--border-color, transparent);
  background: var(--background-color, var(--primary-color-default));
}
.sg-products .product:not(.skin-v1) .product-title {
  margin-top: 0;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-products .product:not(.skin-v1) .product-price {
  position: relative;
}
.sg-products .product:not(.skin-v1) .product-summary {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
}
.sg-products .product:not(.skin-v1) .product-summary .product-badge {
  position: relative;
  top: auto;
  left: auto;
  display: flex;
}
.sg-products .product:not(.skin-v1) .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-products .product.skin-v2 .product-wrap {
  flex-direction: column;
}
.sg-products .product.skin-v2.align-center .content-wrap {
  align-items: center;
  text-align: center;
}
.sg-products .product.skin-v3 .product-thumbnail {
  width: 50%;
}
.sg-products .product.skin-v3 .product-content {
  align-items: flex-start;
}
.sg-products .product.skin-v3.align-center .product-wrap {
  align-items: center;
}
.sg-products.layout-grid .element-wrap, .sg-products.layout-masonry .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-products.layout-grid .element-wrap .element-content, .sg-products.layout-masonry .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-products.layout-grid .element-wrap .product, .sg-products.layout-masonry .element-wrap .product {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}
.sg-products.layout-carousel .swiper-container.swiper-container-initialized ul.products {
  flex-wrap: nowrap;
  margin: 0;
}
.sg-products.layout-carousel .swiper-container.swiper-container-initialized ul.products li.product {
  margin: 0;
  padding: 0;
}

/* ## 4.26. Portfolio */
.sg-portfolio.layout-grid .element-wrap, .sg-portfolio.layout-masonry:not(.masonry-grid) .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-portfolio.layout-grid .element-wrap .element-content, .sg-portfolio.layout-masonry:not(.masonry-grid) .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-portfolio.layout-grid .element-wrap .portfolio-item, .sg-portfolio.layout-masonry:not(.masonry-grid) .element-wrap .portfolio-item {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}
.sg-portfolio.layout-masonry.masonry-grid .element-content {
  display: -ms-grid;
  display: grid;
  justify-content: start;
  -ms-grid-columns: 1fr [var(--layout-columns, 3)];
  grid-template-columns: repeat(var(--layout-columns, 3), 1fr);
  grid-gap: var(--layout-gap, 30px);
}

/* ## 4.27. Testimonial */
.sg-testimonial .element-content {
  position: relative;
}
.sg-testimonial .content-box {
  position: relative;
}
.sg-testimonial .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-testimonial .speech-arrow {
  position: absolute;
  top: 100%;
  left: 0;
  width: 20px;
  height: 12px;
  margin: 0;
  -webkit-transform: translateX(var(--arrow-x-offset, 0px)) translateY(var(--arrow-y-offset, 0px));
  transform: translateX(var(--arrow-x-offset, 0px)) translateY(var(--arrow-y-offset, 0px));
  border-radius: 0;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.sg-testimonial .speech-arrow.style-v2 {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.sg-testimonial .speech-arrow.style-v3 {
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.sg-testimonial .speech-arrow.position-center {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(var(--arrow-y-offset, 0px));
  transform: translateX(-50%) translateY(var(--arrow-y-offset, 0px));
}
.sg-testimonial .speech-arrow.position-right {
  right: 0;
  left: auto;
}
.sg-testimonial .rating {
  line-height: 1.2;
  position: relative;
  display: flex;
  align-items: center;
}
.sg-testimonial .rating .rating-icon {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.sg-testimonial .rating .rating-icon:not(:last-of-type) {
  -webkit-margin-end: var(--rating-gap, 0px);
  margin-inline-end: var(--rating-gap, 0px);
}
.sg-testimonial .rating .rating-icon .icon:first-of-type {
  color: var(--text-color, var(--rating-color-inactive));
}
.sg-testimonial .rating .rating-icon .icon:last-of-type {
  color: var(--text-color, var(--rating-color-active));
  position: absolute;
  width: var(--rating-icon-width, 0px);
  overflow: hidden;
}
.sg-testimonial .testimonial-quote {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--quote-spacing);
}
.sg-testimonial .content-details {
  display: flex;
  align-items: center;
  -webkit-padding-start: var(--avatar-offset, 0px);
  padding-inline-start: var(--avatar-offset, 0px);
}
.sg-testimonial .content-details .quote-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
  transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
  z-index: 20;
}
.sg-testimonial .testimonial-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-testimonial .name {
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-testimonial .name a {
  color: inherit;
}
.sg-testimonial .quote,
.sg-testimonial .designation {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-testimonial .avatar {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: var(--avatar-size, 60px);
  height: var(--avatar-size, 60px);
  border-radius: 100%;
  -webkit-margin-end: var(--avatar-spacing, 10px);
  margin-inline-end: var(--avatar-spacing, 10px);
}
.sg-testimonial .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--backgroud-color, transparent);
  -o-object-fit: cover;
  object-fit: cover;
}
.sg-testimonial.avatar-top .content-details {
  align-items: flex-start;
  flex-direction: column;
}
.sg-testimonial.avatar-top .avatar {
  margin-bottom: var(--avatar-spacing, 10px);
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.sg-testimonial.avatar-top.align-center .content-details {
  align-items: center;
}
.sg-testimonial.avatar-top.align-center .testimonial-info {
  align-items: center;
}
.sg-testimonial.align-center .quote {
  text-align: center;
}
.sg-testimonial.skin-v1 .name {
  display: block;
  margin-bottom: var(--name-spacing);
}
.sg-testimonial.skin-v1 .rating {
  margin-bottom: var(--rating-spacing, 10px);
}
.sg-testimonial.skin-v1.align-center .content-wrap {
  align-items: center;
}
.sg-testimonial.skin-v1.align-center .content-details {
  justify-content: center;
}
.sg-testimonial.skin-v2 .name {
  -webkit-margin-end: var(--name-spacing);
  margin-inline-end: var(--name-spacing);
}
.sg-testimonial.skin-v2 .rating {
  margin-top: var(--rating-spacing, 10px);
}
.sg-testimonial.skin-v2 .quote-icon {
  -webkit-margin-end: var(--icon-spacing, 0px);
  margin-inline-end: var(--icon-spacing, 0px);
}
.sg-testimonial.skin-v2.align-center .testimonial-quote {
  align-items: center;
  flex-direction: column;
}
.sg-testimonial.skin-v2.align-center .quote-icon {
  margin-bottom: var(--icon-spacing, 0px);
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

/* ## 4.28. Testimonials */
.sg-testimonials .testimonials-content {
  display: flex;
  flex-direction: column;
  --layout-columns: 1;
  --layout-gap: 0px;
}
.sg-testimonials .testimonial-slide {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-testimonials .testimonial-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.sg-testimonials .avatar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: var(--avatar-size, 60px);
  height: var(--avatar-size, 60px);
  cursor: pointer;
  opacity: 0;
  border-radius: 1000px;
}
.sg-testimonials .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  border: 0 solid var(--border-color, transparent);
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.sg-testimonials .avatar .quote-icon {
  position: absolute;
  -webkit-transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
  transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
}
.sg-testimonials .rating {
  line-height: 1.2;
  position: relative;
  display: flex;
  align-items: center;
}
.sg-testimonials .rating .rating-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.sg-testimonials .rating .rating-icon:not(:last-of-type) {
  -webkit-margin-end: var(--rating-gap, 0px);
  margin-inline-end: var(--rating-gap, 0px);
}
.sg-testimonials .rating .rating-icon .icon:first-of-type {
  color: var(--text-color, var(--rating-color-inactive));
}
.sg-testimonials .rating .rating-icon .icon:last-of-type {
  position: absolute;
  overflow: hidden;
  width: var(--rating-icon-width, 0px);
  color: var(--text-color, var(--rating-color-active));
}
.sg-testimonials .testimonial-quote,
.sg-testimonials .name,
.sg-testimonials .designation {
  color: var(--text-color, var(--text-color-default));
}
.sg-testimonials .name,
.sg-testimonials .designation,
.sg-testimonials .rating {
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  white-space: nowrap;
}
.sg-testimonials .testimonial-avatars {
  position: relative;
  display: flex;
  width: calc((var(--avatar-size, 60px) + var(--avatar-gap, 10px)) * var(--pagination-columns, 3));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sg-testimonials .testimonial-avatars .swiper-container {
  overflow: visible;
}
.sg-testimonials .testimonial-avatars .swiper-slide {
  display: flex;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  pointer-events: none;
}
.sg-testimonials .testimonial-avatars .swiper-slide:not(.swiper-slide-active) .quote-icon {
  opacity: 0;
}
.sg-testimonials .testimonial-avatars .swiper-slide:hover .quote-icon {
  opacity: 1;
}
.sg-testimonials .testimonial-avatars .testimonial-info {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: var(--avatar-spacing, 15px);
}
.sg-testimonials .testimonial-avatars .testimonial-info .name {
  line-height: 1.4;
  margin-bottom: 5px;
  transition-delay: 0.1s;
}
.sg-testimonials .testimonial-avatars .testimonial-info .designation {
  line-height: 1.4;
  transition-delay: 0.2s;
}
.sg-testimonials .testimonial-avatars .testimonial-info:not(.ui-active) .name,
.sg-testimonials .testimonial-avatars .testimonial-info:not(.ui-active) .designation,
.sg-testimonials .testimonial-avatars .testimonial-info:not(.ui-active) .rating {
  visibility: hidden;
  transition: opacity 0.3s ease-out;
  transition-delay: 0s;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}
.sg-testimonials.align-center .testimonial-quote {
  text-align: center;
}
.sg-testimonials.align-center .swiper-pagination {
  justify-content: center;
}
.sg-testimonials.align-center .testimonial-slide,
.sg-testimonials.align-center .testimonial-info {
  align-items: center;
}
.sg-testimonials.align-center .testimonial-avatars {
  -ms-grid-row-align: center;
  align-self: center;
}
.sg-testimonials.align-center .testimonial-avatars .swiper-slide {
  justify-content: center;
}
.sg-testimonials.align-center .testimonial-avatars .testimonial-info {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sg-testimonials.skin-v1 .testimonial-slide .testimonial-info {
  display: none;
}
.sg-testimonials.skin-v1 .rating {
  margin-top: var(--rating-spacing, 0px);
}
.sg-testimonials.skin-v2 .testimonial-slide .avatar {
  display: none;
}
.sg-testimonials.skin-v2 .rating {
  margin-bottom: var(--rating-spacing, 0px);
}

/* ## 4.29. Team Member */
.sg-team-member .element-content {
  position: relative;
  border-radius: inherit;
}
.sg-team-member .member-details {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.sg-team-member .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
}
.sg-team-member .name {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-team-member .designation {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-team-member .social-links {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  display: flex;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.sg-team-member .social-links a {
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  pointer-events: auto;
  opacity: 0;
}
.sg-team-member .social-links a:not(:last-of-type) {
  -webkit-margin-end: var(--icon-gap, 15px);
  margin-inline-end: var(--icon-gap, 15px);
}
.sg-team-member .member-image.ui-animate .social-link {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.sg-team-member.align-center .content-wrap {
  align-items: center;
}
.sg-team-member.skin-v1 .member-details {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px;
}
.sg-team-member.skin-v1 .content-wrap {
  position: relative;
}

/* ## 4.30. Instagram Feed */
.sg-instagram-feed .instagram-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  --image-height: 100%;
}
.sg-instagram-feed .instagram-image .img-inner a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-instagram-feed .instagram-image .img-inner:hover .instagram-icon {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.sg-instagram-feed .instagram-icon {
  position: absolute;
  z-index: 5;
  transition: 0.3s ease;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
  color: var(--text-color, #ffffff);
}
.sg-instagram-feed.layout-grid .element-wrap, .sg-instagram-feed.layout-masonry:not(.masonry-grid) .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-instagram-feed.layout-grid .element-wrap .element-content, .sg-instagram-feed.layout-masonry:not(.masonry-grid) .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-instagram-feed.layout-grid .element-wrap .instagram-image, .sg-instagram-feed.layout-masonry:not(.masonry-grid) .element-wrap .instagram-image {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}
.sg-instagram-feed.layout-masonry.masonry-grid .element-content {
  display: -ms-grid;
  display: grid;
  justify-content: start;
  -ms-grid-columns: 1fr [var(--layout-columns, 3)];
  grid-template-columns: repeat(var(--layout-columns, 3), 1fr);
  grid-gap: var(--layout-gap, 30px);
}

/* ## 4.31. Social Icons */
.sg-social-icons .element-content {
  display: flex;
  justify-content: var(--content-align, flex-start);
}
.sg-social-icons .social-link {
  display: inline-flex;
  align-items: center;
}
.sg-social-icons .social-link:not(:last-of-type) {
  -webkit-margin-end: var(--icon-gap, 15px);
  margin-inline-end: var(--icon-gap, 15px);
}
.sg-social-icons .icn-shape {
  border-radius: 100%;
}
.sg-social-icons.stack-vertically .element-content {
  align-items: var(--content-align, flex-start);
  flex-direction: column;
  justify-content: flex-start;
}
.sg-social-icons.stack-vertically .social-link:not(:last-of-type) {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-bottom: var(--icon-gap, 10px);
}

/* ## 4.32. Cart */
.sg-cart .element-content {
  display: flex;
  align-items: center;
}
.sg-cart .cart-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-cart .cart-link {
  display: inline-flex;
  align-items: center;
}
.sg-cart .cart-icon {
  -webkit-margin-end: var(--count-x-offset, 0px);
  margin-inline-end: var(--count-x-offset, 0px);
}
.sg-cart .cart-icon ~ .cart-label {
  -webkit-margin-start: var(--label-spacing, 10px);
  margin-inline-start: var(--label-spacing, 10px);
}
.sg-cart .cart-label {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.sg-cart .dropdown-icon {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.sg-cart .cart-count {
  position: relative;
  z-index: 10;
  bottom: var(--count-y-offset, 0px);
  left: var(--count-x-offset, 0px);
  transition: all 0.3s ease-out;
  border-radius: 1000px;
}
.sg-cart .cart-count::before, .sg-cart .cart-count::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  pointer-events: none;
  border-radius: inherit;
}
.sg-cart .cart-count::after {
  border: 0 solid var(--border-color, #bdbdbd);
}
.sg-cart .cart-count .count-number {
  font-size: 11px;
  width: var(--count-shape-size, 1.5em);
  height: var(--count-shape-size, 1.5em);
  transition: all 0.3s ease-out;
  color: var(--text-color, #FFFFFF);
  border-radius: inherit;
  background: var(--background-color, var(--text-color-emphasis));
}
.sg-cart.remove-visible .cart-dropdown .cart_list .remove {
  visibility: visible;
  opacity: 1;
}

.cart-panel .cart_list {
  margin-bottom: calc(var(--separator-spacing, 20px) / 2);
  padding: 0;
}
.cart-panel .cart_list li {
  position: relative;
  display: flex;
  flex-direction: column;
}
.cart-panel .cart_list li:not(:last-of-type)::after {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: var(--separator-weight, 0px);
  margin: calc(var(--list-spacing, 20px) / 2) 0;
  content: "";
  background: var(--separator-color, transparent);
}
.cart-panel .cart_list a.remove {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--shape-size, 1em);
  height: var(--shape-size, 1em);
  transition: all 0.3s ease-out;
  -webkit-transform: translateX(var(--remove-x-offset, -50%)) translateY(var(--remove-y-offset, -50%));
  transform: translateX(var(--remove-x-offset, -50%)) translateY(var(--remove-y-offset, -50%));
  border: 0 solid var(--border-color, transparent);
  background: var(--background-color, transparent);
}
.cart-panel .product {
  position: relative;
  display: flex;
}
.cart-panel .product:hover a.remove {
  pointer-events: auto;
  opacity: 1;
}
.cart-panel:not(.remove-visible) a.remove {
  pointer-events: none;
  opacity: 0;
}
.cart-panel p.total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 0;
}
.cart-panel .subtotal-label {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
}
.cart-panel .subtotal-amount {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-color, var(--text-color-emphasis));
}
.cart-panel .product-image {
  position: relative;
  flex-shrink: 0;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
}
.cart-panel .product-details {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
}
.cart-panel img {
  display: block;
  align-self: flex-start;
  width: 65px;
  border: 0 solid var(--border-color);
  -o-object-fit: cover;
  object-fit: cover;
}
.cart-panel .product-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.cart-panel .product-details {
  font-size: 14px;
  color: var(--text-color, var(--text-color-default));
}
.cart-panel p.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cart-panel p.buttons a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-panel p.buttons .btn-txt {
  position: relative;
  transition: all 0.3s ease-out;
}
.cart-panel a.checkout {
  width: 100%;
  height: 50px;
  margin-top: 10px;
}
.cart-panel a.checkout .btn-txt {
  color: var(--text-color, #ffffff);
}
.cart-panel a.viewcart {
  margin-top: 10px;
}
.cart-panel a.viewcart .btn-txt {
  color: var(--text-color, var(--text-color-emphasis));
}
.cart-panel a.viewcart:hover .btn-txt {
  color: var(--text-color, var(--primary-color-default));
}
.cart-panel .woocommerce-mini-cart__empty-message {
  color: var(--text-color, var(--text-color-default));
}

.cart-dropdown .dropdown-inner {
  width: 400px;
}
.cart-dropdown .dropdown-wrap {
  padding: 35px 40px;
}

.cart-modal .modal-inner {
  max-width: 460px;
}
.cart-modal .modal-wrap {
  padding: 30px;
}
.cart-modal .cart_list li:last-of-type {
  border-bottom: none;
}
.cart-modal p.total {
  margin-top: auto;
}
.cart-modal .woocommerce-mini-cart__empty-message {
  margin: auto 0;
  text-align: center;
}

/* ## 4.33. Language */
.sg-language .element-content {
  display: flex;
  align-items: center;
}
.sg-language .language-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-language .language-icon {
  -webkit-margin-end: var(--icon-spacing, 10px);
  margin-inline-end: var(--icon-spacing, 10px);
}
.sg-language .language-label {
  position: relative;
  display: flex;
  align-items: center;
}
.sg-language.panel-inline .language-label {
  -webkit-margin-end: var(--label-spacing, 10px);
  margin-inline-end: var(--label-spacing, 10px);
}
.sg-language .dropdown-icon {
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
}
.sg-language .language-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sg-language .language-list li {
  position: relative;
  display: flex;
  align-items: center;
}
.sg-language .language-list li:not(:last-of-type)::after {
  display: block;
  flex-shrink: 0;
  width: var(--separator-weight, 0px);
  height: 70%;
  margin: 0 var(--list-spacing, 5px);
  content: "";
  background: var(--separator-color, transparent);
}
.sg-language .language-list a {
  display: inline-flex;
  align-items: center;
}
.sg-language .language-list a.glink span {
  font-size: inherit;
  margin: 0;
  vertical-align: baseline;
}
.sg-language .flag {
  flex-shrink: 0;
}
.sg-language .flag img {
  display: block;
  width: auto;
  height: 1.2em;
  border: 0 solid var(--border-color);
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}
.sg-language .label-txt,
.sg-language .title-txt {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
  white-space: nowrap;
}
.sg-language li.ui-active .title-txt:before {
  display: none;
}
.sg-language > .glink[data-gt-lang] {
  display: none;
}

.language-dropdown .dropdown-wrap {
  padding: 10px 0;
}
.language-dropdown .language-list {
  flex-direction: column;
}
.language-dropdown .language-list li {
  flex-direction: column;
}
.language-dropdown .language-list li:not(:last-of-type)::after {
  width: 100%;
  height: var(--separator-weight, 0px);
  margin: var(--list-spacing, 5px) 0;
}
.language-dropdown .language-list a {
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75em 1.75em;
  color: var(--text-color, var(--text-color-default));
  background: var(--background-color);
}
.language-dropdown .language-list a:hover {
  color: var(--text-color, var(--text-color-emphasis));
}

/* ## 4.34. Search */
.sg-search {
  align-self: flex-start;
}
.sg-search .element-content {
  display: flex;
}
.sg-search .search-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-search.panel-form {
  width: 100%;
}
.sg-search.panel-form .search-dropdown {
  width: 100%;
}
.sg-search.panel-form .search-form {
  border-bottom: 1px solid var(--border-color-default);
}
.sg-search.panel-form .search-form.form-expandable:not(.ui-expanded) {
  border-color: transparent;
}
.sg-search.panel-form.reverse-form .search-form {
  align-self: flex-end;
}
.sg-search.panel-form.reverse-form .search-dropdown {
  right: 0;
  left: auto;
}
.sg-search .search-icon ~ .search-label {
  -webkit-margin-start: var(--label-spacing, 10px);
  margin-inline-start: var(--label-spacing, 10px);
}
.sg-search .search-label {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}

.search-panel:not(.ui-searching) .live-search .live-loader, .search-panel:not(.posts-found) .live-search .live-results, .search-panel:not(.posts-unavailable) .live-search .live-empty, .search-panel:not(.posts-available) .live-search .live-more {
  display: none;
}
.search-panel .live-results {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--post-spacing, 30px) * -1);
  margin-right: calc(var(--post-spacing, 30px) / -2);
  margin-left: calc(var(--post-spacing, 30px) / -2);
}
.search-panel .post-suggestion {
  width: 50%;
  margin-top: var(--post-spacing, 30px);
  padding-right: calc(var(--post-spacing, 30px) / 2);
  padding-left: calc(var(--post-spacing, 30px) / 2);
  transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
.search-panel .post-suggestion .post-wrap {
  position: relative;
  display: flex;
}
.search-panel .post-thumbnail {
  position: relative;
  flex-shrink: 0;
  width: var(--thumbnail-width, 30%);
}
.search-panel .post-thumbnail > a {
  position: relative;
  display: block;
}
.search-panel .post-thumbnail > a::after {
  display: block;
  width: 100%;
  padding-top: var(--thumbnail-height, 120%);
  content: "";
}
.search-panel .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: 0 solid var(--border-color, #bbbbbb);
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-panel .post-thumbnail .product-badge {
  position: absolute;
  z-index: 10;
  margin-bottom: 0;
}
.search-panel .live-more {
  margin-top: 30px;
  text-align: center;
}
.search-panel .live-loader {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}
.search-panel:not(.ui-displaying) .live-search .post-suggestion {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}
.search-panel .live-more,
.search-panel .live-empty {
  margin-bottom: 0;
}
.search-panel .live-empty {
  color: var(--text-color, var(--text-color-default));
}
.search-panel .view-posts {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.search-panel .view-posts .btn-txt {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.search-panel .post-details {
  position: relative;
  flex-grow: 1;
}
.search-panel .post-details a {
  position: relative;
  z-index: 5;
}
.search-panel .post-title a,
.search-panel .post-info,
.search-panel .post-info del {
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.search-panel .post-info ins {
  text-decoration: none;
}
.search-panel .product-badge {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0.25em 0.5em;
  color: var(--text-color, #ffffff);
  border: 0 solid var(--border-color, transparent);
  background: var(--background-color, var(--primary-color-default));
}
.search-panel .recent-txt,
.search-panel .quick-txt,
.search-panel .collection-txt {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}

.search-utilities:not(.ui-active) {
  display: none;
}
.search-utilities .utilities-title {
  display: flex;
  margin-bottom: 10px;
  color: var(--text-color, var(--text-color-default));
}
.search-utilities .recents-title {
  display: inline-flex;
  align-items: center;
  color: var(--text-color, var(--text-color-default));
}
.search-utilities .recents-clear {
  order: 10;
  color: var(--text-color, var(--text-color-tertiary));
}
.search-utilities .recents-clear ~ .recents-title::after {
  font-size: 0.5em;
  display: inline-flex;
  margin: 0 calc(var(--clear-spacing, 20px) / 2);
  content: "•";
}
.search-utilities .utility-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--utility-gap, 20px) * -1);
  padding: 0;
  list-style: none;
  -webkit-margin-start: calc(var(--utility-gap, 20px) * -1);
  margin-inline-start: calc(var(--utility-gap, 20px) * -1);
}
.search-utilities .utility-list li {
  margin-top: var(--utility-gap, 20px);
  -webkit-margin-start: var(--utility-gap, 20px);
  margin-inline-start: var(--utility-gap, 20px);
}
.search-utilities .utility-list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-utilities .utility-list .title {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.search-utilities .utility-list img {
  font-size: 32px;
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 5px;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-utilities .utility-list .icon {
  font-size: 1.2em;
  position: relative;
  color: var(--text-color, var(--text-color-default));
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}

.search-dropdown .dropdown-wrap {
  padding: 30px;
}
.search-dropdown.dropdown-mini .dropdown-inner {
  width: 380px;
}
.search-dropdown.dropdown-wide {
  width: var(--page-width, 100vw);
  padding-right: var(--dropdown-x-offset, 0px);
  padding-left: var(--dropdown-x-offset, 0px);
}
.search-dropdown.dropdown-wide::before {
  margin-right: 0;
  margin-left: 0;
}
.search-dropdown.dropdown-wide .dropdown-inner {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.search-dropdown.dropdown-wide .dropdown-wrap {
  margin-right: 0;
  margin-left: 0;
}

.search-modal.modal-full.modalPos-bottom .modal-inner {
  height: 100%;
}
.search-modal .modal-before,
.search-modal .modal-after {
  color: var(--text-color, var(--text-color-tertiary));
}
.search-modal .modal-wrap {
  padding: 80px var(--container-gap);
}
.search-modal .live-search {
  margin-top: 30px;
}
.search-modal .live-search.align-vertically .post-suggestion .post-thumbnail {
  width: 100%;
}
.search-modal .live-search.align-vertically .post-suggestion .post-wrap {
  flex-direction: column;
}
.search-modal .live-search .post-suggestion {
  width: 25%;
}
.search-modal .live-search .post-suggestion .post-wrap {
  height: 100%;
}

.search-form {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
}
.search-form.reverse-categories .search-categories {
  order: 10;
}
.search-form .search-categories {
  position: relative;
  flex-shrink: 0;
  order: -10;
  height: 100%;
}
.search-form .categories-opener {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1em;
  cursor: pointer;
  white-space: nowrap;
  --background-color: #eeeeee;
}
.search-form .categories-opener .dropdown-icon {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.search-form .opener-title,
.search-form .dropdown-icon {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.search-form .categories-dropdown .dropdown-inner {
  width: 200px;
}
.search-form .categories-dropdown .dropdown-wrap {
  padding: 15px 0;
}
.search-form .categories-dropdown li {
  position: relative;
  display: flex;
  flex-direction: column;
}
.search-form .categories-dropdown li:not(:last-of-type)::after {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: var(--separator-weight, 0px);
  margin: calc(var(--list-spacing, 0px) / 2) 0;
  content: "";
  background: var(--separator-color, transparent);
}
.search-form .categories-dropdown li.ui-active .cat-txt:before {
  display: none;
}
.search-form .categories-dropdown .category {
  position: relative;
  display: block;
  padding: 0.75em 1.75em;
  cursor: pointer;
}
.search-form .categories-dropdown .category::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  transition: all 0.3s ease-out;
  pointer-events: none;
  border-radius: inherit;
  background: var(--background-color, transparent);
}
.search-form .categories-dropdown .cat-txt {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.search-form .search-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.search-form [type=search] {
  position: relative;
  height: 100%;
  padding: 10px 0;
  color: var(--text-color, var(--text-color-emphasis));
  border: none;
  background: transparent;
}
.search-form [type=search]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--placeholder-color, var(--text-color-tertiary));
}
.search-form [type=search]::-moz-placeholder {
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--placeholder-color, var(--text-color-tertiary));
}
.search-form [type=search]:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--placeholder-color, var(--text-color-tertiary));
}
.search-form [type=search]::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--placeholder-color, var(--text-color-tertiary));
}
.search-form [type=search]::placeholder {
  transition: all 0.3s ease-out;
  color: var(--placeholder-color, var(--text-color-tertiary));
}
.search-form [type=search]:focus::-webkit-input-placeholder {
  color: var(--placeholder-color, var(--text-color-emphasis));
}
.search-form [type=search]:focus::-moz-placeholder {
  color: var(--placeholder-color, var(--text-color-emphasis));
}
.search-form [type=search]:focus:-ms-input-placeholder {
  color: var(--placeholder-color, var(--text-color-emphasis));
}
.search-form [type=search]:focus::-ms-input-placeholder {
  color: var(--placeholder-color, var(--text-color-emphasis));
}
.search-form [type=search]:focus::placeholder {
  color: var(--placeholder-color, var(--text-color-emphasis));
}
.search-form .search-clear {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 0.5em;
  transition: color 0.3s ease-out;
  color: var(--text-color, var(--text-color-emphasis));
}
.search-form .search-clear:not(.ui-active) {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.search-form.reverse-button .search-submit {
  order: -20;
}
.search-form .search-submit {
  font-size: 17px;
  position: relative;
  z-index: 10;
  order: 20;
  transition: all 0.3s ease-out;
  border-radius: 0;
}
.search-form .search-submit .btn-inner {
  border-radius: 0;
}
.search-form.form-expandable {
  transition: border-color 0.3s ease-out;
}
.search-form.form-expandable > span, .search-form.form-expandable .search-field > span {
  transition: all 0.3s ease-out;
}
.search-form.form-expandable .search-field {
  transition: width 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
.search-form.form-expandable:not(.ui-expanded) > span, .search-form.form-expandable:not(.ui-expanded) .search-field > span {
  opacity: 0;
}
.search-form.form-expandable:not(.ui-expanded) .search-field {
  width: 0;
  pointer-events: none;
}
.search-form.form-expandable:not(.ui-expanded) .search-categories {
  width: 0;
  transition: width 0.3s ease-out;
}
.search-form.form-expandable:not(.ui-expanded) .categories-opener {
  visibility: hidden;
  transition: all 0.3s ease-out;
  transition-delay: 0.4s;
  pointer-events: none;
  opacity: 0;
}

/* ## 4.35. Google Map */
.sg-google-map .element-content {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
.sg-google-map .element-content::after {
  display: block;
  width: 100%;
  padding-top: var(--map-height, var(--image-aspect, 100%));
  content: "";
}
.sg-google-map .element-content .interactive-map,
.sg-google-map .element-content > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sg-google-map .map-image {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.sg-google-map .map-image > img {
  -webkit-transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
  transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px));
}
.sg-google-map .map-image img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.sg-google-map .map-marker {
  position: absolute;
  top: var(--marker-y, 50%);
  left: var(--marker-x, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
}
.sg-google-map .map-marker a, .sg-google-map .map-marker img {
  position: relative;
  display: block;
}
.sg-google-map .marker-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ripple-size, 80px);
  height: var(--ripple-size, 80px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
.sg-google-map .marker-ripple::before, .sg-google-map .marker-ripple::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  background: var(--ripple-color, rgba(0, 0, 0, 0.3));
}
.sg-google-map .marker-ripple.effect-v1::before {
  -webkit-animation: marker_ripple 2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
  animation: marker_ripple 2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.sg-google-map .marker-ripple.effect-v1::after {
  display: none;
}
.sg-google-map .marker-ripple.effect-v2::before, .sg-google-map .marker-ripple.effect-v2::after {
  -webkit-animation: marker_ripple 2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
  animation: marker_ripple 2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.sg-google-map .marker-ripple.effect-v2::after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
@-webkit-keyframes marker_ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes marker_ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.sg-google-map .map-logo,
.sg-google-map .map-full,
.sg-google-map .map-zoom {
  position: absolute;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.sg-google-map .map-logo {
  bottom: 8px;
  left: 12px;
}
.sg-google-map .map-full {
  top: 10px;
  right: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.sg-google-map .map-zoom {
  right: 10px;
  bottom: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* ## 4.36. Nav Menu */
.sg-nav-menu .element-content {
  display: flex;
  justify-content: var(--menu-align, flex-start);
}
.sg-nav-menu .menu-opener {
  position: relative;
  display: flex;
  justify-content: var(--menu-align, flex-start);
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.5em 1em;
  border-radius: 0;
  --background-color: var(--text-color-emphasis);
}
.sg-nav-menu .menu-opener .opener-icon {
  position: relative;
  color: var(--text-color, #FFFFFF);
  transition: all 0.3s ease-out;
}
.sg-nav-menu .menu-opener .opener-title {
  position: relative;
  color: var(--text-color, #FFFFFF);
  transition: all 0.3s ease-out;
}
.sg-nav-menu .dropdown-icon {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

/* ## 4.37. Scrolling Text */
.sg-scrolling-text .element-content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.sg-scrolling-text .strings {
  -webkit-animation: scrolling-forward 2s linear infinite;
  animation: scrolling-forward 2s linear infinite;
  white-space: nowrap;
}
.sg-scrolling-text.autoplay-pause:hover .strings {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.sg-scrolling-text.autoplay-reverse .strings {
  -webkit-animation: scrolling-backward 2s linear infinite;
  animation: scrolling-backward 2s linear infinite;
}
@-webkit-keyframes scrolling-forward {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes scrolling-forward {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes scrolling-backward {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes scrolling-backward {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.sg-scrolling-text .string {
  display: inline-flex;
  align-items: center;
  -webkit-padding-end: var(--text-spacing, 30px);
  padding-inline-end: var(--text-spacing, 30px);
}
.sg-scrolling-text .text {
  position: relative;
  z-index: 1;
  color: var(--text-color, var(--text-color-default));
}
.sg-scrolling-text .text::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: inherit;
  content: attr(data-text);
  color: transparent;
  -webkit-text-stroke-width: var(--stroke-weight, 0px);
  -webkit-text-stroke-color: var(--stroke-color, transparent);
}
.sg-scrolling-text .separator-icon {
  color: var(--text-color, var(--text-color-default));
  -webkit-margin-start: var(--text-spacing, 30px);
  margin-inline-start: var(--text-spacing, 30px);
}

/* ## 4.38. Countdown */
.sg-countdown .element-content {
  display: flex;
  align-items: center;
}
.sg-countdown .countdown-box {
  position: relative;
}
.sg-countdown .countdown-box .box-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: inherit;
  background: var(--background-color, transparent);
}
.sg-countdown .countdown-box:not(:last-of-type) {
  -webkit-margin-end: var(--box-spacing, 10px);
  margin-inline-end: var(--box-spacing, 10px);
}
.sg-countdown .countdown-box::before, .sg-countdown .countdown-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  transition: 0.3s ease;
  border-radius: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sg-countdown .countdown-box::after {
  border: 0 solid var(--border-color, transparent);
}
.sg-countdown .separator {
  -webkit-margin-end: var(--box-spacing, 10px);
  margin-inline-end: var(--box-spacing, 10px);
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-countdown .count {
  margin-bottom: var(--counter-spacing, 0px);
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-countdown .label {
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-countdown.display-inline .box-wrap {
  flex-direction: row;
}
.sg-countdown.display-inline .count {
  -webkit-margin-end: var(--counter-spacing, 0px);
  margin-inline-end: var(--counter-spacing, 0px);
  margin-bottom: 0;
}

/* ## 4.39. Countup */
.sg-countup .element-content {
  display: flex;
  flex-direction: column;
}
.sg-countup .countup-title {
  margin-top: 0;
  color: var(--text-color, var(--text-color-emphasis));
}
.sg-countup .countup-subtitle {
  line-height: 1.4;
  color: var(--text-color, var(--text-color-default));
}

/* ## 4.40. Image Parallax */
.sg-image-parallax .element-content {
  position: relative;
  display: flex;
  width: 100%;
}
.sg-image-parallax .parallax-layer {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.sg-image-parallax .parallax-layer:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
}
.sg-image-parallax .parallax-layer .ui-img {
  width: 100%;
}
.sg-image-parallax .parallax-layer .img-wrap {
  border: 0 solid var(--border-color, transparent);
}
.sg-image-parallax .parallax-layer[class*=entranceAnim-] {
  pointer-events: none;
  opacity: 0;
}

/* ## 4.41. Image Gallery */
.sg-image-gallery {
  --layout-columns: 3;
  --layout-gap: 30;
}
.sg-image-gallery.layout-grid .element-wrap, .sg-image-gallery.layout-masonry:not(.masonry-grid) .element-wrap {
  display: flex;
  flex-direction: column;
}
.sg-image-gallery.layout-grid .element-wrap .element-content, .sg-image-gallery.layout-masonry:not(.masonry-grid) .element-wrap .element-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: calc(var(--layout-gap, 30px) * -1) calc(var(--layout-gap, 30px) / -2) 0;
}
.sg-image-gallery.layout-grid .element-wrap .ui-img, .sg-image-gallery.layout-masonry:not(.masonry-grid) .element-wrap .ui-img {
  width: calc(100% / var(--layout-columns, 3));
  margin: var(--layout-gap, 30px) 0 0;
  padding: 0 calc(var(--layout-gap, 30px) / 2);
}
@media screen and (max-width: 1024px) {
  .sg-image-gallery.layout-grid .element-wrap .ui-img, .sg-image-gallery.layout-masonry:not(.masonry-grid) .element-wrap .ui-img {
    width: calc(100% / var(--layout-columns, 2) - var(--layout-gap, 30px));
  }
}
@media screen and (max-width: 767px) {
  .sg-image-gallery.layout-grid .element-wrap .ui-img, .sg-image-gallery.layout-masonry:not(.masonry-grid) .element-wrap .ui-img {
    width: calc(100% / var(--layout-columns, 1) - var(--layout-gap, 30px));
  }
}
.sg-image-gallery.layout-masonry.masonry-grid .element-content {
  display: -ms-grid;
  display: grid;
  justify-content: start;
  -ms-grid-columns: 1fr [var(--layout-columns, 3)];
  grid-template-columns: repeat(var(--layout-columns, 3), 1fr);
  grid-gap: var(--layout-gap, 30px);
}
@media screen and (max-width: 1024px) {
  .sg-image-gallery.layout-masonry.masonry-grid .element-content {
    -ms-grid-columns: 1fr [var(--layout-columns, 2)];
    grid-template-columns: repeat(var(--layout-columns, 2), 1fr);
  }
}
@media screen and (max-width: 767px) {
  .sg-image-gallery.layout-masonry.masonry-grid .element-content {
    -ms-grid-columns: 1fr [var(--layout-columns, 1)];
    grid-template-columns: repeat(var(--layout-columns, 1), 1fr);
  }
}
@media screen and (min-width: 1025px) {
  .sg-image-gallery.carousel-auto-lg .ui-img {
    width: auto;
  }
  .sg-image-gallery.carousel-auto-lg .ui-img .img-wrap::after {
    display: none;
  }
  .sg-image-gallery.carousel-auto-lg .ui-img img {
    position: static;
    height: var(--image-height, auto);
  }
}
@media screen and (max-width: 1024px) {
  .sg-image-gallery.carousel-auto-md .ui-img {
    width: auto;
  }
  .sg-image-gallery.carousel-auto-md .ui-img .img-wrap::after {
    display: none;
  }
  .sg-image-gallery.carousel-auto-md .ui-img img {
    position: static;
    height: var(--image-height, auto);
  }
}
@media screen and (max-width: 767px) {
  .sg-image-gallery.carousel-auto-sm .ui-img {
    width: auto;
  }
  .sg-image-gallery.carousel-auto-sm .ui-img .img-wrap::after {
    display: none;
  }
  .sg-image-gallery.carousel-auto-sm .ui-img img {
    position: static;
    height: var(--image-height, auto);
  }
}

/* ## 4.42. Wishlist */
.sg-wishlist {
  align-self: flex-start;
}
.sg-wishlist .element-content {
  display: flex;
  align-items: center;
}
.sg-wishlist .wishlist-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-wishlist .wishlist-link {
  display: inline-flex;
  align-items: center;
}
.sg-wishlist .wishlist-icon {
  -webkit-margin-end: var(--count-x-offset, 0px);
  margin-inline-end: var(--count-x-offset, 0px);
}
.sg-wishlist .wishlist-icon ~ .wishlist-label {
  -webkit-margin-start: var(--label-spacing, 10px);
  margin-inline-start: var(--label-spacing, 10px);
}
.sg-wishlist .wishlist-label {
  position: relative;
  color: var(--text-color, var(--text-color-default));
  transition: all 0.3s ease-out;
}
.sg-wishlist .dropdown-icon {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.sg-wishlist .wishlist-count {
  position: relative;
  bottom: var(--count-y-offset, 0px);
  left: var(--count-x-offset, 0px);
  border-radius: 1000px;
  transition: all 0.3s ease-out;
  z-index: 10;
}
.sg-wishlist .wishlist-count::before, .sg-wishlist .wishlist-count::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
}
.sg-wishlist .wishlist-count::after {
  border: 0 solid var(--border-color, #bdbdbd);
}
.sg-wishlist .wishlist-count .count-number {
  font-size: 11px;
  width: var(--count-shape-size, 1.5em);
  height: var(--count-shape-size, 1.5em);
  color: var(--text-color, #FFFFFF);
  border-radius: inherit;
  background: var(--background-color, var(--text-color-emphasis));
  transition: all 0.3s ease-out;
}
.sg-wishlist.remove-visible .wishlist-dropdown .wishlist_list .remove {
  visibility: visible;
  opacity: 1;
}

.wishlist-panel .wishlist_list {
  margin-bottom: calc(var(--separator-spacing, 20px) / 2);
  padding: 0;
}
.wishlist-panel .wishlist_list li {
  position: relative;
  display: flex;
  flex-direction: column;
}
.wishlist-panel .wishlist_list li::after {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: var(--separator-weight, 0px);
  margin: calc(var(--list-spacing, 20px) / 2) 0;
  content: "";
  background: var(--separator-color, transparent);
}
.wishlist-panel .wishlist_list a.remove {
  position: absolute;
  display: flex;
  -webkit-transform: translateX(var(--remove-x-offset, -50%)) translateY(var(--remove-y-offset, -50%));
  transform: translateX(var(--remove-x-offset, -50%)) translateY(var(--remove-y-offset, -50%));
  transition: all 0.3s ease-out;
}
.wishlist-panel .wishlist_list a.remove:hover {
  color: var(--text-color-emphasis);
}
.wishlist-panel .product {
  position: relative;
  display: flex;
}
.wishlist-panel .product:hover a.remove {
  pointer-events: auto;
  opacity: 1;
}
.wishlist-panel:not(.remove-visible) a.remove {
  pointer-events: none;
  opacity: 0;
}
.wishlist-panel p.total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.wishlist-panel .subtotal-label {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--text-color, var(--text-color-emphasis));
}
.wishlist-panel .subtotal-amount {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-color, var(--text-color-emphasis));
}
.wishlist-panel .product-image {
  position: relative;
  flex-shrink: 0;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
}
.wishlist-panel .product-details {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
}
.wishlist-panel img {
  display: block;
  align-self: flex-start;
  width: 65px;
  border: 0 solid var(--border-color-default);
  -o-object-fit: cover;
  object-fit: cover;
}
.wishlist-panel .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color, var(--text-color-emphasis));
  transition: all 0.3s ease-out;
}
.wishlist-panel .quantity {
  font-size: 14px;
  color: var(--text-color, var(--text-color-default));
}
.wishlist-panel p.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wishlist-panel p.buttons a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wishlist-panel p.buttons .btn-text {
  position: relative;
  transition: all 0.3s ease-out;
}
.wishlist-panel a.checkout {
  width: 100%;
  height: 50px;
}
.wishlist-panel a.checkout .btn-text {
  color: var(--text-color, #FFFFFF);
}
.wishlist-panel a.viewwishlist {
  margin-top: 10px;
}
.wishlist-panel a.viewwishlist .btn-text {
  color: var(--text-color, var(--primary-color-default));
}
.wishlist-panel .woocommerce-mini-wishlist__empty-message {
  color: var(--text-color, var(--text-color-default));
}

.wishlist-dropdown .dropdown-inner {
  width: 400px;
}
.wishlist-dropdown .dropdown-wrap {
  padding: 35px 40px;
}

.wishlist-modal .modal-inner {
  max-width: 460px;
}
.wishlist-modal .modal-wrap {
  padding: 30px;
}
.wishlist-modal .wishlist_list li:last-of-type {
  border-bottom: none;
}
.wishlist-modal p.total {
  margin-top: auto;
}
.wishlist-modal .woocommerce-mini-wishlist__empty-message {
  margin: auto 0;
  text-align: center;
}

/*--------------------------------------------------------------
  ## 5. Utility
--------------------------------------------------------------*/
/* ## 5.1. Decor */
.ui-decor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  pointer-events: none;
  border-radius: inherit;
  transition: all 0.3s ease-out;
}
.ui-decor::before, .ui-decor::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  border-radius: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s ease-out;
}
.ui-decor::after {
  opacity: 0;
}

.ui-background::before {
  transition-delay: 0s;
  background: var(--background-color, transparent);
}
.ui-background::after {
  transition-delay: var(--transition-delay, 0.175s);
  background: var(--background-color, transparent);
}

.ui-border {
  z-index: 5;
}
.ui-border::before, .ui-border::after {
  border-width: var(--border-top, 0px) var(--border-right, 0px) var(--border-bottom, 0px) var(--border-left, 0px);
  border-style: solid;
  border-color: var(--border-color, #828282);
}
.ui-border::before {
  transition-delay: 0s;
}
.ui-border::after {
  transition-delay: var(--transition-delay, 0.175s);
}

.ui-overlay {
  z-index: 5;
}
.ui-overlay::before {
  background: var(--overlay-color, transparent);
}
.ui-overlay::after {
  background: var(--overlay-color, transparent);
}

/* ## 5.2. Background */
.container-background {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
  background: var(--background-color, transparent);
}
.container-background, .container-background * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-background .background-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.container-background .ui-overlay {
  z-index: 0;
}
.container-background .background-image {
  width: 100%;
  height: 100%;
}
.container-background .background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.container-background .background-slideshow {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.container-background .background-slideshow:not(.ui-ready) .image-slide:first-child {
  opacity: 1;
}
.container-background .background-slideshow .image-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out;
  opacity: 0;
}
.container-background .background-slideshow .image-slide.ui-active {
  opacity: 1;
}
.container-background .background-slideshow .image-slide.ui-active img {
  transition: -webkit-transform ease-out;
  transition: transform ease-out;
  transition: transform ease-out, -webkit-transform ease-out;
  transition-delay: 0s;
  transition-duration: var(--slideshow-delay, 7s);
  -webkit-transform: scale(var(--slideshow-zoomIn, 1.3));
  transform: scale(var(--slideshow-zoomIn, 1.3));
}
.container-background .background-slideshow img {
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s, -webkit-transform 0s;
  transition-delay: 2s;
  -webkit-transform: scale(var(--slideshow-zoomOut, 1));
  transform: scale(var(--slideshow-zoomOut, 1));
  -o-object-fit: cover;
  object-fit: cover;
}
.container-background .background-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.container-background .background-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16/9) {
  .container-background .background-video iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .container-background .background-video iframe {
    width: 177.78vh;
  }
}
.container-background .background-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.container-background .background-parallax {
  position: relative;
  width: 100%;
  height: 100%;
}
.container-background .background-parallax .parallax-layer {
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.container-background .background-parallax img {
  position: relative;
  width: 100%;
  border: 0 solid var(--border-color, transparent);
  -o-object-fit: cover;
  object-fit: cover;
}

/* ## 5.3. Effects */
.container-effects {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.container-effects .particles-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* ## 5.4. Shape */
.shape-divider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
.shape-divider.shape-top {
  flex-direction: column-reverse;
}
.shape-divider.shape-top .shape-wrap {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.shape-divider.shape-top::after, .shape-divider.shape-top .shape-layer {
  background: var(--background-color-shape-top, #727272);
}
.shape-divider.shape-bottom {
  flex-direction: column;
}
.shape-divider.shape-bottom::after, .shape-divider.shape-bottom .shape-layer {
  background: var(--background-color-shape-bottom, #727272);
}
.shape-divider::after {
  display: block;
  width: 100%;
  height: 0;
  margin-top: -1px;
  content: "";
}
.shape-divider .shape-wrap {
  position: relative;
  width: 100%;
  height: 100px;
}
.shape-divider .shape-layer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: var(--shape-color-default, #727272);
  -webkit-mask-position: center bottom;
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
}
.shape-divider svg {
  position: absolute;
  top: 1000%;
  left: 1000%;
}

/* ## 5.5. Image */
.ui-img {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.ui-img[data-lightbox] {
  cursor: pointer;
}
.ui-img .img-inner {
  position: relative;
  width: var(--image-width, 100%);
  max-width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  -webkit-transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px)) rotateZ(var(--rotate-z, 0deg));
  transform: translateX(var(--offset-x, 0px)) translateY(var(--offset-y, 0px)) rotateZ(var(--rotate-z, 0deg));
  border-radius: inherit;
}
.ui-img .img-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: inherit;
}
.ui-img .img-wrap::after {
  display: block;
  width: 100%;
  padding-top: var(--image-height, var(--image-aspect, 100%));
  content: "";
  pointer-events: none;
}
.ui-img .img-wrap img, .ui-img .img-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  -o-object-fit: cover;
  object-fit: cover;
}
.ui-img .clip-svg {
  position: absolute;
  left: 9999px;
  width: 1px;
  height: 1px;
}

/* ## 5.6. Icon */
.ui-icn {
  font-size: var(--icon-size, 1em);
  position: relative;
  transition: 0.2s ease-out;
}
.ui-icn, .ui-icn * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-icn[class*=shape-] .icn-wrap {
  position: absolute;
}
.ui-icn .icn-inner {
  position: relative;
}
.ui-icn .icn-inner ~ .icn-txt {
  -webkit-margin-start: var(--title-spacing, 0.5rem);
  margin-inline-start: var(--title-spacing, 0.5rem);
}
.ui-icn .icn-wrap {
  width: 100%;
  height: 100%;
}
.ui-icn .icon {
  font-size: var(--icon-size, 1em);
  transition: all 0.3s ease-out;
  pointer-events: none;
  color: var(--text-color, var(--text-color-default));
}
.ui-icn img {
  display: block;
  height: 1em;
}
.ui-icn .icn-primary,
.ui-icn .icn-secondary {
  transition: 0.3s ease-out;
}
.ui-icn .icn-secondary {
  position: absolute;
  opacity: 0;
}
.ui-icn .icn-shape {
  position: relative;
  display: inline-block;
  width: var(--shape-size, 1em);
  height: var(--shape-size, 1em);
  transition: all 0.3s ease-out;
  pointer-events: none;
  --bxAnim-zoomIn: 1.1;
  --bxAnim-zoomOut: .9;
}
.ui-icn .icn-shape::before {
  font-size: var(--icon-size, 1em);
  opacity: 0;
}
.ui-icn.shape-circle .icn-shape {
  border-radius: 1000px;
}
.ui-icn.reverse-icon {
  flex-direction: row-reverse;
}
.ui-icn.reverse-icon .icn-txt {
  -webkit-margin-end: var(--title-spacing, 0.5rem);
  margin-inline-end: var(--title-spacing, 0.5rem);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.ui-icn .icn-txt {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--text-color, var(--text-color-default));
}
.ui-icn.has-secondary-icon:not([class*=icAnim-]).ui-animate .icn-primary {
  opacity: 0;
}
.ui-icn.has-secondary-icon:not([class*=icAnim-]).ui-animate .icn-secondary {
  opacity: 1;
}

/* ## 5.7. Button */
.ui-btn {
  position: relative;
  border: none;
  background: transparent;
  box-shadow: none;
}
.ui-btn, .ui-btn * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-btn.reverse-icon .btn-wrap {
  flex-direction: row-reverse;
}
.ui-btn.reverse-icon .btn-txt {
  justify-content: flex-start;
}
.ui-btn.reverse-icon .icon {
  flex-direction: row-reverse;
}
.ui-btn .btn-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.ui-btn .btn-wrap {
  position: relative;
  justify-content: center;
  border-radius: inherit;
}
.ui-btn.has-icon .btn-wrap::before {
  display: inline-block;
  order: 5;
  width: var(--icon-spacing, 10px);
  content: "";
  transition: all 0.3s ease-out;
}
.ui-btn .btn-txt {
  font-family: var(--button-font-family, Outfit, sans-serif);
  font-size: var(--button-font-size, 13px);
  font-weight: var(--button-font-weight, 600);
  font-style: var(--button-font-style, normal);
  line-height: var(--button-line-height, 21px);
  position: relative;
  justify-content: center;
  width: var(--text-width, auto);
  transition: width 0.3s ease-out;
  text-align: var(--button-text-align, center);
  white-space: nowrap;
  -webkit-text-decoration: var(--button-text-decoration, none);
  text-decoration: var(--button-text-decoration, none);
  letter-spacing: var(--button-letter-spacing, 0.05em);
  text-transform: var(--button-text-transform, uppercase);
  pointer-events: none;
}
.ui-btn .txt-primary,
.ui-btn .txt-secondary,
.ui-btn .icn-primary,
.ui-btn .icn-secondary {
  color: var(--text-color, var(--text-color-emphasis));
  transition: all 0.3s ease-out;
}
.ui-btn .txt-primary {
  position: relative;
  justify-content: flex-end;
}
.ui-btn .txt-secondary {
  position: absolute;
  justify-content: flex-start;
  opacity: 0;
}
.ui-btn .btn-icn {
  position: relative;
  order: 10;
  width: var(--icon-width, auto);
  pointer-events: none;
  transition: width 0.3s ease-out;
}
.ui-btn .icn-secondary {
  position: absolute;
  opacity: 0;
}
.ui-btn.has-secondary-text:not([class*=txAnim-]) .txt-primary {
  transition-delay: 0.2s;
}
.ui-btn.has-secondary-text:not([class*=txAnim-]) .btn-txt {
  transition-delay: 0.1s;
}
.ui-btn.has-secondary-text:not([class*=txAnim-]).ui-animate .txt-primary {
  transition-delay: 0s;
  opacity: 0;
}
.ui-btn.has-secondary-text:not([class*=txAnim-]).ui-animate .txt-secondary {
  transition-delay: 0.2s;
  opacity: 1;
}
.ui-btn.has-icon:not([class*=icAnim-]).has-secondary-icon .icn-primary {
  transition-delay: 0.2s;
}
.ui-btn.has-icon:not([class*=icAnim-]).has-secondary-icon .btn-icn {
  transition-delay: 0.1s;
}
.ui-btn.has-icon:not([class*=icAnim-]).has-secondary-icon.ui-animate .icn-primary {
  transition-delay: 0s;
  opacity: 0;
}
.ui-btn.has-icon:not([class*=icAnim-]).has-secondary-icon.ui-animate .icn-secondary {
  transition-delay: 0.2s;
  opacity: 1;
}

/* ## 5.8. Hamburger Icon */
.animated-hamburger {
  position: relative;
  display: block;
  width: 1em;
  height: 2px;
  transition: background-size 0.3s;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.animated-hamburger:after, .animated-hamburger:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border-radius: inherit;
  background-image: inherit;
}
.animated-hamburger:before {
  -webkit-transform: translateY(-7px) rotate(0);
  transform: translateY(-7px) rotate(0);
}
.animated-hamburger:after {
  -webkit-transform: translateY(7px) rotate(0);
  transform: translateY(7px) rotate(0);
}
.animated-hamburger.state-close {
  background-size: 0 100%;
}
.animated-hamburger.state-close:before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.animated-hamburger.state-close:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

/* ## 5.9. Close Icon */
.animated-close {
  font-size: var(--icon-size, 28px);
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 1em;
  height: 0.0717em;
  color: var(--text-color, var(--text-color-default));
  transition: all 0.3s ease-out;
}
.animated-close:after, .animated-close:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: background-size 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-size 0.3s;
  transition: transform 0.3s, background-size 0.3s, -webkit-transform 0.3s;
  border-radius: inherit;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
}
.animated-close:before {
  -webkit-transform: translateX(-0.2em) translateY(-0.2em) rotate(45deg);
  transform: translateX(-0.2em) translateY(-0.2em) rotate(45deg);
  background-position: 0;
  background-size: 0 100%;
}
.animated-close:after {
  transition-delay: 0.07s;
  -webkit-transform: translateX(0.2em) translateY(-0.2em) rotate(-45deg);
  transform: translateX(0.2em) translateY(-0.2em) rotate(-45deg);
  background-position: 100%;
  background-size: 0 100%;
}
.animated-close.state-visible:before {
  -webkit-transform: translateX(0) translateY(0) rotate(45deg);
  transform: translateX(0) translateY(0) rotate(45deg);
  background-size: 100% 100%;
}
.animated-close.state-visible:after {
  -webkit-transform: translateX(0) translateY(0) rotate(-45deg);
  transform: translateX(0) translateY(0) rotate(-45deg);
  background-size: 100% 100%;
}

/* ## 5.10. Scrollbar */
@media screen and (min-width: 1025px) {
  .ui-scrollbar {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .ui-scrollbar::-webkit-scrollbar {
    width: 4px;
  }
  .ui-scrollbar.ui-light::-webkit-scrollbar-thumb, .ui-dark .ui-scrollbar.ui-light::-webkit-scrollbar-thumb, .ui-light .ui-scrollbar::-webkit-scrollbar-thumb, .ui-dark .ui-light .ui-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .ui-scrollbar.ui-light::-webkit-scrollbar-track, .ui-dark .ui-scrollbar.ui-light::-webkit-scrollbar-track, .ui-light .ui-scrollbar::-webkit-scrollbar-track, .ui-dark .ui-light .ui-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .ui-scrollbar.ui-dark::-webkit-scrollbar-thumb, .ui-light .ui-scrollbar.ui-dark::-webkit-scrollbar-thumb, .ui-dark .ui-scrollbar::-webkit-scrollbar-thumb, .ui-light .ui-dark .ui-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.12);
  }
  .ui-scrollbar.ui-dark::-webkit-scrollbar-track, .ui-light .ui-scrollbar.ui-dark::-webkit-scrollbar-track, .ui-dark .ui-scrollbar::-webkit-scrollbar-track, .ui-light .ui-dark .ui-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.05);
  }
}
/* ## 5.11. Loaders */
.loader-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-animation: loader-spinner 1s linear infinite;
  animation: loader-spinner 1s linear infinite;
  border: 2px solid var(--loader-color, var(--text-color-emphasis));
  border-top-color: transparent;
  border-radius: 1000px;
}

@-webkit-keyframes loader-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader-rotating-cube {
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-animation: loader-rotating-cube 1.2s infinite ease-in-out;
  animation: loader-rotating-cube 1.2s infinite ease-in-out;
  background-color: var(--loader-color, var(--text-color-emphasis));
}

@-webkit-keyframes loader-rotating-cube {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes loader-rotating-cube {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.loader-chasing-dots {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-animation: loader-chasing-dots 2.5s infinite linear both;
  animation: loader-chasing-dots 2.5s infinite linear both;
}
.loader-chasing-dots .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-animation: loader-chase-dot 2s infinite ease-in-out both;
  animation: loader-chase-dot 2s infinite ease-in-out both;
}
.loader-chasing-dots .dot:before {
  display: block;
  width: 25%;
  height: 25%;
  content: "";
  -webkit-animation: loader-chase-dot-before 2s infinite ease-in-out both;
  animation: loader-chase-dot-before 2s infinite ease-in-out both;
  border-radius: 100%;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-chasing-dots .dot:nth-child(1), .loader-chasing-dots .dot:nth-child(1)::before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader-chasing-dots .dot:nth-child(2), .loader-chasing-dots .dot:nth-child(2)::before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-chasing-dots .dot:nth-child(3), .loader-chasing-dots .dot:nth-child(3)::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-chasing-dots .dot:nth-child(4), .loader-chasing-dots .dot:nth-child(4)::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loader-chasing-dots .dot:nth-child(5), .loader-chasing-dots .dot:nth-child(5)::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-chasing-dots .dot:nth-child(6), .loader-chasing-dots .dot:nth-child(6)::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

@-webkit-keyframes loader-chasing-dots {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-chasing-dots {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader-chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100%, 0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes loader-chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100%, 0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader-double-bounce {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-double-bounce .circle {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-animation: loader-double-bounce 2s infinite ease-in-out;
  animation: loader-double-bounce 2s infinite ease-in-out;
  opacity: 0.6;
  border-radius: 50%;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-double-bounce .circle:nth-child(2) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes loader-double-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loader-double-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader-rectangle-bounce {
  display: inline-block;
  width: 1.25em;
  height: 1em;
  text-align: center;
}
.loader-rectangle-bounce .rect {
  display: inline-block;
  width: 0.15em;
  height: 100%;
  -webkit-animation: loader-rectangle-bounce 1.2s infinite ease-in-out;
  animation: loader-rectangle-bounce 1.2s infinite ease-in-out;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-rectangle-bounce .rect:not(:last-child) {
  margin-right: 0.075em;
}
.loader-rectangle-bounce .rect:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader-rectangle-bounce .rect:nth-child(3) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-rectangle-bounce .rect:nth-child(4) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-rectangle-bounce .rect:nth-child(5) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes loader-rectangle-bounce {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes loader-rectangle-bounce {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.loader-wandering-cubes {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-wandering-cubes .cube {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0.375em;
  height: 0.375em;
  -webkit-animation: loader-wandering-cubes 1.8s infinite ease-in-out;
  animation: loader-wandering-cubes 1.8s infinite ease-in-out;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-wandering-cubes .cube:nth-child(2) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes loader-wandering-cubes {
  25% {
    -webkit-transform: translateX(1.05em) rotate(-90deg) scale(0.5);
    transform: translateX(1.05em) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(1.05em) translateY(1.05em) rotate(-179deg);
    transform: translateX(1.05em) translateY(1.05em) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(1.05em) translateY(1.05em) rotate(-180deg);
    transform: translateX(1.05em) translateY(1.05em) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(1.05em) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(1.05em) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes loader-wandering-cubes {
  25% {
    -webkit-transform: translateX(1.05em) rotate(-90deg) scale(0.5);
    transform: translateX(1.05em) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(1.05em) translateY(1.05em) rotate(-179deg);
    transform: translateX(1.05em) translateY(1.05em) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(1.05em) translateY(1.05em) rotate(-180deg);
    transform: translateX(1.05em) translateY(1.05em) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(1.05em) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(1.05em) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.loader-pulse {
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-animation: loader-pulse 1s infinite ease-in-out;
  animation: loader-pulse 1s infinite ease-in-out;
  border-radius: 1000px;
  background-color: var(--loader-color, var(--text-color-emphasis));
}

@-webkit-keyframes loader-pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes loader-pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.loader-chasing-double {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-animation: loader-chasing-double-rotate 2s infinite linear;
  animation: loader-chasing-double-rotate 2s infinite linear;
}
.loader-chasing-double .dot {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 60%;
  height: 60%;
  -webkit-animation: loader-chasing-double-bounce 2s infinite ease-in-out;
  animation: loader-chasing-double-bounce 2s infinite ease-in-out;
  border-radius: 100%;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-chasing-double .dot:nth-child(2) {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes loader-chasing-double-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-chasing-double-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-chasing-double-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes loader-chasing-double-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader-three-dots {
  display: inline-block;
  width: 1.75em;
  text-align: center;
}
.loader-three-dots .dot {
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  -webkit-animation: loader-three-dots 1.4s infinite ease-in-out both;
  animation: loader-three-dots 1.4s infinite ease-in-out both;
  border-radius: 1000px;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-three-dots .dot:not(:last-child) {
  margin-right: 0.175em;
}
.loader-three-dots .dot:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader-three-dots .dot:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes loader-three-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loader-three-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader-rotating-dots {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-rotating-dots .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.loader-rotating-dots .dot:before {
  display: block;
  width: 15%;
  height: 15%;
  margin: 0 auto;
  content: "";
  -webkit-animation: loader-rotating-dots 1.2s infinite ease-in-out both;
  animation: loader-rotating-dots 1.2s infinite ease-in-out both;
  border-radius: 100%;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-rotating-dots .dot:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.loader-rotating-dots .dot:nth-child(2):nth-child(2)::before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader-rotating-dots .dot:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.loader-rotating-dots .dot:nth-child(3):nth-child(3)::before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-rotating-dots .dot:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loader-rotating-dots .dot:nth-child(4):nth-child(4)::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-rotating-dots .dot:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.loader-rotating-dots .dot:nth-child(5):nth-child(5)::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loader-rotating-dots .dot:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.loader-rotating-dots .dot:nth-child(6):nth-child(6)::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-rotating-dots .dot:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loader-rotating-dots .dot:nth-child(7):nth-child(7)::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader-rotating-dots .dot:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.loader-rotating-dots .dot:nth-child(8)::before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader-rotating-dots .dot:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.loader-rotating-dots .dot:nth-child(9)::before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader-rotating-dots .dot:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loader-rotating-dots .dot:nth-child(10)::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loader-rotating-dots .dot:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.loader-rotating-dots .dot:nth-child(11)::before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loader-rotating-dots .dot:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.loader-rotating-dots .dot:nth-child(12)::before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes loader-rotating-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loader-rotating-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader-cube-grid {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-cube-grid .cube {
  display: inline-block;
  float: left;
  width: 33%;
  height: 33%;
  -webkit-animation: loader-cube-grid 1.3s infinite ease-in-out;
  animation: loader-cube-grid 1.3s infinite ease-in-out;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-cube-grid .cube:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader-cube-grid .cube:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-cube-grid .cube:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loader-cube-grid .cube:nth-child(4) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader-cube-grid .cube:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader-cube-grid .cube:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-cube-grid .cube:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loader-cube-grid .cube:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader-cube-grid .cube:nth-child(9) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes loader-cube-grid {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes loader-cube-grid {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.loader-fading-dots {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-fading-dots .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.loader-fading-dots .dot::before {
  display: block;
  width: 15%;
  height: 15%;
  margin: 0 auto;
  content: "";
  -webkit-animation: loader-fading-dots 1.2s infinite ease-in-out both;
  animation: loader-fading-dots 1.2s infinite ease-in-out both;
  border-radius: 100%;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-fading-dots .dot:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.loader-fading-dots .dot:nth-child(2)::before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader-fading-dots .dot:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.loader-fading-dots .dot:nth-child(3)::before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-fading-dots .dot:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loader-fading-dots .dot:nth-child(4)::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-fading-dots .dot:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.loader-fading-dots .dot:nth-child(5)::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loader-fading-dots .dot:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.loader-fading-dots .dot:nth-child(6)::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-fading-dots .dot:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loader-fading-dots .dot:nth-child(7)::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader-fading-dots .dot:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.loader-fading-dots .dot:nth-child(8)::before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader-fading-dots .dot:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.loader-fading-dots .dot:nth-child(9)::before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader-fading-dots .dot:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loader-fading-dots .dot:nth-child(10)::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loader-fading-dots .dot:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.loader-fading-dots .dot:nth-child(11)::before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loader-fading-dots .dot:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.loader-fading-dots .dot:nth-child(12)::before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes loader-fading-dots {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

@keyframes loader-fading-dots {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.loader-folding-cube {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.loader-folding-cube .cube {
  position: relative;
  display: inline-block;
  float: left;
  width: 50%;
  height: 50%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.loader-folding-cube .cube::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-animation: loader-folding-cube 2.4s infinite linear both;
  animation: loader-folding-cube 2.4s infinite linear both;
  background-color: var(--loader-color, var(--text-color-emphasis));
}
.loader-folding-cube .cube:nth-child(2) {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.loader-folding-cube .cube:nth-child(2)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-folding-cube .cube:nth-child(4) {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.loader-folding-cube .cube:nth-child(4)::before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.loader-folding-cube .cube:nth-child(3) {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.loader-folding-cube .cube:nth-child(3)::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes loader-folding-cube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes loader-folding-cube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.loader-gif {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.loader-gif img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loader-gif .gif-dark {
  display: none;
}
.ui-dark .loader-gif .gif-dark {
  display: block;
}
.ui-dark .loader-gif .gif-light {
  display: none;
}

/*--------------------------------------------------------------
  ## 6. Animations
--------------------------------------------------------------*/
/* ## 6.1. Box */
.bxAnim-shiftX:not(.icn-shape) > *, .bxAnim-shiftX.icn-shape,
.bxAnim-shiftXAlt:not(.icn-shape) > *,
.bxAnim-shiftXAlt.icn-shape,
.bxAnim-shiftY:not(.icn-shape) > *,
.bxAnim-shiftY.icn-shape,
.bxAnim-shiftYAlt:not(.icn-shape) > *,
.bxAnim-shiftYAlt.icn-shape,
.bxAnim-zoomIn:not(.icn-shape) > *,
.bxAnim-zoomIn.icn-shape,
.bxAnim-zoomOut:not(.icn-shape) > *,
.bxAnim-zoomOut.icn-shape {
  transition: all 0.3s ease-out;
}

.bxAnim-shiftX:not(.icn-shape).ui-animate > *, .bxAnim-shiftX.icn-shape.ui-animate {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.bxAnim-shiftXAlt:not(.icn-shape).ui-animate > *, .bxAnim-shiftXAlt.icn-shape.ui-animate {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.bxAnim-shiftY:not(.icn-shape).ui-animate > *, .bxAnim-shiftY.icn-shape.ui-animate {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.bxAnim-shiftYAlt:not(.icn-shape).ui-animate > *, .bxAnim-shiftYAlt.icn-shape.ui-animate {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.bxAnim-zoomIn:not(.icn-shape).ui-animate > *, .bxAnim-zoomIn.icn-shape.ui-animate {
  -webkit-transform: scale(var(--bxAnim-zoomIn, 1.05));
  transform: scale(var(--bxAnim-zoomIn, 1.05));
}

.bxAnim-zoomOut:not(.icn-shape).ui-animate > *, .bxAnim-zoomOut.icn-shape.ui-animate {
  -webkit-transform: scale(var(--bxAnim-zoomOut, 0.95));
  transform: scale(var(--bxAnim-zoomOut, 0.95));
}

@-webkit-keyframes bxAnim-bounce {
  20%, 53%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes bxAnim-bounce {
  20%, 53%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}
.bxAnim-bounce:not(.icn-shape).ui-animate > *, .bxAnim-bounce.icn-shape.ui-animate {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-name: bxAnim-bounce;
  animation-name: bxAnim-bounce;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-flash {
  50%, from, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes bxAnim-flash {
  50%, from, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.bxAnim-flash:not(.icn-shape).ui-animate > *, .bxAnim-flash.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-flash;
  animation-name: bxAnim-flash;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-pulse {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}

@keyframes bxAnim-pulse {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
.bxAnim-pulse:not(.icn-shape).ui-animate > *, .bxAnim-pulse.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-pulse;
  animation-name: bxAnim-pulse;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-rubberBand {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}

@keyframes bxAnim-rubberBand {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
.bxAnim-rubberBand:not(.icn-shape).ui-animate > *, .bxAnim-rubberBand.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-rubberBand;
  animation-name: bxAnim-rubberBand;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes bxAnim-shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.bxAnim-shake:not(.icn-shape).ui-animate > *, .bxAnim-shake.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-shake;
  animation-name: bxAnim-shake;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bxAnim-headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bxAnim-headShake:not(.icn-shape).ui-animate > *, .bxAnim-headShake.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-headShake;
  animation-name: bxAnim-headShake;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bxAnim-swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes bxAnim-swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.bxAnim-swing:not(.icn-shape).ui-animate > *, .bxAnim-swing.icn-shape.ui-animate {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: bxAnim-swing;
  animation-name: bxAnim-swing;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-tada {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}

@keyframes bxAnim-tada {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}
.bxAnim-tada:not(.icn-shape).ui-animate > *, .bxAnim-tada.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-tada;
  animation-name: bxAnim-tada;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-wobble {
  from, to {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}

@keyframes bxAnim-wobble {
  from, to {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}
.bxAnim-wobble:not(.icn-shape).ui-animate > *, .bxAnim-wobble.icn-shape.ui-animate {
  -webkit-animation-name: bxAnim-wobble;
  animation-name: bxAnim-wobble;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@-webkit-keyframes bxAnim-jello {
  11.1%, from, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes bxAnim-jello {
  11.1%, from, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.bxAnim-jello:not(.icn-shape).ui-animate > *, .bxAnim-jello.icn-shape.ui-animate {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation-name: bxAnim-jello;
  animation-name: bxAnim-jello;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

/* ## 6.2. Content */
.cnAnim-revealFirst .content-item:first-child {
  transition: all 0.3s ease-out;
  transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, transform, height;
  transition-property: opacity, transform, height, -webkit-transform;
  pointer-events: none;
  opacity: 0;
}
.cnAnim-revealFirst.ui-animate .content-item:first-child {
  pointer-events: auto;
  opacity: 1;
}

.cnAnim-revealLast .content-items > .content-item:last-child,
.cnAnim-revealToggle .content-items > .content-item:last-child {
  margin-bottom: calc(var(--element-height, 30px) * -1);
  transition: opacity 0.4s, margin 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, margin 0.4s;
  transition: opacity 0.4s, transform 0.4s, margin 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  pointer-events: none;
  opacity: 0;
}
.cnAnim-revealLast.ui-animate .content-items > .content-item:last-child,
.cnAnim-revealToggle.ui-animate .content-items > .content-item:last-child {
  margin-bottom: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1;
}

.cnAnim-revealToggle .content-item:first-child {
  transition: all 0.3s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.cnAnim-revealToggle.ui-animate .content-item:first-child {
  pointer-events: none;
  opacity: 0;
}

/* ## 6.3. Text */
[class*=txAnim-slide] .btn-wrap {
  overflow: hidden;
}

.txAnim-slideInX:not(.has-secondary-text):not(.ui-animate) {
  --icon-spacing: 0;
}
.txAnim-slideInX:not(.has-secondary-text):not(.ui-animate) .btn-txt {
  width: 0;
  transition-delay: 0.15s;
}
.txAnim-slideInX:not(.has-secondary-text):not(.ui-animate) .btn-wrap::before {
  transition-delay: 0.15s;
}
.txAnim-slideInX:not(.has-secondary-text) .txt-primary {
  opacity: 0;
}
.txAnim-slideInX:not(.has-secondary-text) .txt-secondary {
  transition-delay: 0s;
  opacity: 0;
}
.txAnim-slideInX:not(.has-secondary-text):not(.reverse-icon) .txt-secondary {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.txAnim-slideInX:not(.has-secondary-text).reverse-icon .txt-secondary {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.txAnim-slideInX:not(.has-secondary-text).ui-animate .btn-txt {
  transition-delay: 0s;
}
.txAnim-slideInX:not(.has-secondary-text).ui-animate .txt-secondary {
  transition-delay: 0.15s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.txAnim-slideInX.has-secondary-text.ui-animate .txt-primary {
  opacity: 0;
}
.txAnim-slideInX.has-secondary-text.ui-animate .txt-secondary {
  opacity: 1;
}
.txAnim-slideInX.has-secondary-text:not(.reverse-icon) .txt-primary {
  transition-delay: 0.3s;
}
.txAnim-slideInX.has-secondary-text:not(.reverse-icon) .txt-secondary {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.txAnim-slideInX.has-secondary-text:not(.reverse-icon) .btn-txt {
  transition-delay: 0.15s;
}
.txAnim-slideInX.has-secondary-text:not(.reverse-icon).ui-animate .txt-primary {
  transition-delay: 0s;
}
.txAnim-slideInX.has-secondary-text:not(.reverse-icon).ui-animate .txt-secondary {
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.txAnim-slideInX.has-secondary-text.reverse-icon .txt-primary {
  transition-delay: 0.3s;
}
.txAnim-slideInX.has-secondary-text.reverse-icon .txt-secondary {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.txAnim-slideInX.has-secondary-text.reverse-icon .btn-txt {
  transition-delay: 0.15s;
}
.txAnim-slideInX.has-secondary-text.reverse-icon.ui-animate .txt-primary {
  transition-delay: 0s;
}
.txAnim-slideInX.has-secondary-text.reverse-icon.ui-animate .txt-secondary {
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.txAnim-slideInXFlow .txt-primary {
  transition-delay: 0.1s;
}
.txAnim-slideInXFlow .txt-secondary {
  transition-delay: 0s;
}
.txAnim-slideInXFlow .btn-txt {
  transition: all 0.3s ease-out;
  transition-delay: 0.1s;
}
.txAnim-slideInXFlow .btn-wrap::before {
  transition-delay: 0.1s !important;
}
.txAnim-slideInXFlow .btn-wrap::after {
  order: 15;
  width: 0;
  content: "";
  transition: all 0.3s ease-out;
  transition-delay: 0.1s;
}
.txAnim-slideInXFlow.ui-animate .btn-txt {
  width: 0;
}
.txAnim-slideInXFlow.ui-animate .txt-primary {
  transition-delay: 0s;
  opacity: 0;
}
.txAnim-slideInXFlow.ui-animate .txt-secondary {
  transition-delay: 0.2s;
  opacity: 1;
}
.txAnim-slideInXFlow.ui-animate .btn-wrap::before {
  width: 0;
}
.txAnim-slideInXFlow.ui-animate .btn-wrap::after {
  width: calc(var(--text-width, auto) + var(--icon-spacing, 10px));
}
.txAnim-slideInXFlow:not(.reverse-icon) .txt-secondary {
  left: calc(100% + var(--icon-width, 0px) + var(--icon-spacing, 10px));
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.txAnim-slideInXFlow:not(.reverse-icon).ui-animate .txt-primary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.txAnim-slideInXFlow:not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.txAnim-slideInXFlow.reverse-icon .txt-secondary {
  right: calc(100% + var(--icon-width, 0px) + var(--icon-spacing, 10px));
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.txAnim-slideInXFlow.reverse-icon.ui-animate .txt-primary {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.txAnim-slideInXFlow.reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.txAnim-slideInY:not(.has-secondary-text):not(.ui-animate) {
  --icon-spacing: 0;
}
.txAnim-slideInY:not(.has-secondary-text):not(.ui-animate) .btn-txt {
  width: 0;
  transition-delay: 0.2s;
}
.txAnim-slideInY:not(.has-secondary-text):not(.ui-animate) .btn-wrap::before {
  transition-delay: 0.2s;
}
.txAnim-slideInY:not(.has-secondary-text) .txt-primary {
  opacity: 0;
}
.txAnim-slideInY:not(.has-secondary-text) .txt-secondary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}
.txAnim-slideInY:not(.has-secondary-text).ui-animate .btn-txt {
  transition-delay: 0s;
}
.txAnim-slideInY:not(.has-secondary-text).ui-animate .txt-secondary {
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.txAnim-slideInY.has-secondary-text .txt-primary {
  transition-delay: 0.2s;
}
.txAnim-slideInY.has-secondary-text .txt-secondary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.txAnim-slideInY.has-secondary-text .btn-txt {
  transition-delay: 0.1s;
}
.txAnim-slideInY.has-secondary-text.ui-animate .txt-primary {
  transition-delay: 0s;
  opacity: 0;
}
.txAnim-slideInY.has-secondary-text.ui-animate .txt-secondary {
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.txAnim-slideInYFlow .txt-primary {
  transition-delay: 0.2s;
}
.txAnim-slideInYFlow .txt-secondary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.txAnim-slideInYFlow .btn-txt {
  transition-delay: 0.1s;
}
.txAnim-slideInYFlow.ui-animate .txt-primary {
  transition-delay: 0s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
.txAnim-slideInYFlow.ui-animate .txt-secondary {
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.txAnim-shiftX:not(.has-secondary-text) .txt-primary,
.txAnim-shiftX:not(.has-secondary-text) .txt-secondary,
.txAnim-shiftXAlt:not(.has-secondary-text) .txt-primary,
.txAnim-shiftXAlt:not(.has-secondary-text) .txt-secondary,
.txAnim-shiftY:not(.has-secondary-text) .txt-primary,
.txAnim-shiftY:not(.has-secondary-text) .txt-secondary,
.txAnim-shiftYAlt:not(.has-secondary-text) .txt-primary,
.txAnim-shiftYAlt:not(.has-secondary-text) .txt-secondary {
  transition-duration: 0.3s;
}
.txAnim-shiftX:not(.has-secondary-text).ui-animate .txt-primary,
.txAnim-shiftXAlt:not(.has-secondary-text).ui-animate .txt-primary,
.txAnim-shiftY:not(.has-secondary-text).ui-animate .txt-primary,
.txAnim-shiftYAlt:not(.has-secondary-text).ui-animate .txt-primary {
  opacity: 0;
}
.txAnim-shiftX:not(.has-secondary-text).ui-animate .txt-secondary,
.txAnim-shiftXAlt:not(.has-secondary-text).ui-animate .txt-secondary,
.txAnim-shiftY:not(.has-secondary-text).ui-animate .txt-secondary,
.txAnim-shiftYAlt:not(.has-secondary-text).ui-animate .txt-secondary {
  opacity: 1;
}
.txAnim-shiftX.has-secondary-text .txt-primary,
.txAnim-shiftXAlt.has-secondary-text .txt-primary,
.txAnim-shiftY.has-secondary-text .txt-primary,
.txAnim-shiftYAlt.has-secondary-text .txt-primary {
  transition-delay: 0.2s;
}
.txAnim-shiftX.has-secondary-text .txt-secondary,
.txAnim-shiftXAlt.has-secondary-text .txt-secondary,
.txAnim-shiftY.has-secondary-text .txt-secondary,
.txAnim-shiftYAlt.has-secondary-text .txt-secondary {
  transition-duration: 0.3s;
  opacity: 0;
}
.txAnim-shiftX.has-secondary-text .btn-txt,
.txAnim-shiftXAlt.has-secondary-text .btn-txt,
.txAnim-shiftY.has-secondary-text .btn-txt,
.txAnim-shiftYAlt.has-secondary-text .btn-txt {
  transition-delay: 0.1s;
}
.txAnim-shiftX.has-secondary-text.ui-animate .txt-primary,
.txAnim-shiftXAlt.has-secondary-text.ui-animate .txt-primary,
.txAnim-shiftY.has-secondary-text.ui-animate .txt-primary,
.txAnim-shiftYAlt.has-secondary-text.ui-animate .txt-primary {
  transition-delay: 0s;
  opacity: 0;
}
.txAnim-shiftX.has-secondary-text.ui-animate .txt-secondary,
.txAnim-shiftXAlt.has-secondary-text.ui-animate .txt-secondary,
.txAnim-shiftY.has-secondary-text.ui-animate .txt-secondary,
.txAnim-shiftYAlt.has-secondary-text.ui-animate .txt-secondary {
  transition-delay: 0.2s;
  opacity: 1;
}

.txAnim-shiftX.has-secondary-text .txt-secondary,
.txAnim-shiftXAlt.has-secondary-text .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.txAnim-shiftY.has-secondary-text .txt-secondary,
.txAnim-shiftYAlt.has-secondary-text .txt-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.txAnim-shiftX:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-primary,
.txAnim-shiftX:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}
.txAnim-shiftX:not(.has-secondary-text).reverse-icon.ui-animate .txt-primary,
.txAnim-shiftX:not(.has-secondary-text).reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
}
.txAnim-shiftX.has-secondary-text:not(.reverse-icon) .txt-secondary {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.txAnim-shiftX.has-secondary-text:not(.reverse-icon).ui-animate .txt-primary {
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}
.txAnim-shiftX.has-secondary-text:not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.txAnim-shiftX.has-secondary-text.reverse-icon .txt-secondary {
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}
.txAnim-shiftX.has-secondary-text.reverse-icon.ui-animate .txt-primary {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.txAnim-shiftX.has-secondary-text.reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.txAnim-shiftXAlt:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-primary,
.txAnim-shiftXAlt:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
}
.txAnim-shiftXAlt:not(.has-secondary-text).reverse-icon.ui-animate .txt-primary,
.txAnim-shiftXAlt:not(.has-secondary-text).reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}
.txAnim-shiftXAlt.has-secondary-text:not(.reverse-icon) .txt-secondary {
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}
.txAnim-shiftXAlt.has-secondary-text:not(.reverse-icon).ui-animate .txt-primary {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.txAnim-shiftXAlt.has-secondary-text:not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.txAnim-shiftXAlt.has-secondary-text.reverse-icon .txt-secondary {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.txAnim-shiftXAlt.has-secondary-text.reverse-icon.ui-animate .txt-primary {
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}
.txAnim-shiftXAlt.has-secondary-text.reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.txAnim-shiftY:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-primary,
.txAnim-shiftY:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.txAnim-shiftY:not(.has-secondary-text).reverse-icon.ui-animate .txt-primary,
.txAnim-shiftY:not(.has-secondary-text).reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.txAnim-shiftY.has-secondary-text .txt-secondary {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.txAnim-shiftY.has-secondary-text:not(.reverse-icon).ui-animate .txt-primary {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.txAnim-shiftY.has-secondary-text:not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.txAnim-shiftY.has-secondary-text.reverse-icon.ui-animate .txt-primary {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.txAnim-shiftY.has-secondary-text.reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.txAnim-shiftYAlt:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-primary,
.txAnim-shiftYAlt:not(.has-secondary-text):not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
.txAnim-shiftYAlt:not(.has-secondary-text).reverse-icon.ui-animate .txt-primary,
.txAnim-shiftYAlt:not(.has-secondary-text).reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
.txAnim-shiftYAlt.has-secondary-text .txt-secondary {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.txAnim-shiftYAlt.has-secondary-text:not(.reverse-icon).ui-animate .txt-primary {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.txAnim-shiftYAlt.has-secondary-text:not(.reverse-icon).ui-animate .txt-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.txAnim-shiftYAlt.has-secondary-text.reverse-icon.ui-animate .txt-primary {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.txAnim-shiftYAlt.has-secondary-text.reverse-icon.ui-animate .txt-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.txAnim-flipX .txt-primary,
.txAnim-flipX .txt-secondary,
.txAnim-flipY .txt-primary,
.txAnim-flipY .txt-secondary {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.txAnim-flipX .txt-primary {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.txAnim-flipX .txt-secondary {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  opacity: 1;
}
.txAnim-flipX.ui-animate .txt-primary {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.txAnim-flipX.ui-animate .txt-secondary {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.txAnim-flipY .txt-primary {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.txAnim-flipY .txt-secondary {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  opacity: 1;
}
.txAnim-flipY.ui-animate .txt-primary {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.txAnim-flipY.ui-animate .txt-secondary {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.txAnim-zoomIn .txt-primary,
.txAnim-zoomOut .txt-primary {
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.txAnim-zoomIn .txt-secondary,
.txAnim-zoomOut .txt-secondary {
  opacity: 0;
}
.txAnim-zoomIn.ui-animate .txt-primary,
.txAnim-zoomOut.ui-animate .txt-primary {
  transition-delay: 0s;
  opacity: 0;
}
.txAnim-zoomIn.ui-animate .txt-secondary,
.txAnim-zoomOut.ui-animate .txt-secondary {
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.txAnim-zoomIn .txt-secondary {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.txAnim-zoomIn.ui-animate .txt-primary {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.txAnim-zoomOut .txt-secondary {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.txAnim-zoomOut.ui-animate .txt-primary {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* ## 6.4. Icon */
[class*=icAnim-] .icn-primary,
[class*=icAnim-] .icn-secondary {
  transition: all 0.3s ease-out;
}
[class*=icAnim-] .icn-primary {
  position: relative;
}
[class*=icAnim-] .icn-secondary {
  opacity: 0;
}

.icAnim-slideInX .btn-wrap,
.icAnim-slideInXAlt .btn-wrap,
.icAnim-slideInY .btn-wrap,
.icAnim-slideInYAlt .btn-wrap {
  overflow: hidden;
}
.icAnim-slideInX .icn-primary,
.icAnim-slideInX .icn-secondary,
.icAnim-slideInXAlt .icn-primary,
.icAnim-slideInXAlt .icn-secondary,
.icAnim-slideInY .icn-primary,
.icAnim-slideInY .icn-secondary,
.icAnim-slideInYAlt .icn-primary,
.icAnim-slideInYAlt .icn-secondary {
  transition-delay: 0s;
  opacity: 0;
}
.icAnim-slideInX:not(.ui-animate),
.icAnim-slideInXAlt:not(.ui-animate),
.icAnim-slideInY:not(.ui-animate),
.icAnim-slideInYAlt:not(.ui-animate) {
  --icon-spacing: 0 !important;
}
.icAnim-slideInX:not(.ui-animate) .btn-icn,
.icAnim-slideInXAlt:not(.ui-animate) .btn-icn,
.icAnim-slideInY:not(.ui-animate) .btn-icn,
.icAnim-slideInYAlt:not(.ui-animate) .btn-icn {
  width: 0;
  transition-delay: 0.2s;
}
.icAnim-slideInX.ui-animate .btn-icn,
.icAnim-slideInXAlt.ui-animate .btn-icn,
.icAnim-slideInY.ui-animate .btn-icn,
.icAnim-slideInYAlt.ui-animate .btn-icn {
  transition-delay: 0s;
}
.icAnim-slideInX.ui-animate .btn-icn .icn-secondary,
.icAnim-slideInXAlt.ui-animate .btn-icn .icn-secondary,
.icAnim-slideInY.ui-animate .btn-icn .icn-secondary,
.icAnim-slideInYAlt.ui-animate .btn-icn .icn-secondary {
  transition-delay: 0.15s;
  opacity: 1;
}

.icAnim-slideInX:not(.ui-animate) .btn-wrap,
.icAnim-slideInXAlt:not(.ui-animate) .btn-wrap {
  --icon-spacing: 0 !important;
}
.icAnim-slideInX:not(.ui-animate) .btn-wrap::before,
.icAnim-slideInXAlt:not(.ui-animate) .btn-wrap::before {
  transition-delay: 0.2s;
}
.icAnim-slideInX.ui-animate .btn-icn .icn-primary,
.icAnim-slideInX.ui-animate .btn-icn .icn-secondary,
.icAnim-slideInXAlt.ui-animate .btn-icn .icn-primary,
.icAnim-slideInXAlt.ui-animate .btn-icn .icn-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.icAnim-slideInX .icn-primary,
.icAnim-slideInX .icn-secondary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.icAnim-slideInXAlt .icn-primary,
.icAnim-slideInXAlt .icn-secondary {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.icAnim-slideInY:not(.ui-animate) .btn-wrap,
.icAnim-slideInYAlt:not(.ui-animate) .btn-wrap {
  --icon-spacing: 0 !important;
}
.icAnim-slideInY:not(.ui-animate) .btn-wrap::before,
.icAnim-slideInYAlt:not(.ui-animate) .btn-wrap::before {
  transition-delay: 0.2s;
}
.icAnim-slideInY.ui-animate .btn-icn .icn-primary,
.icAnim-slideInY.ui-animate .btn-icn .icn-secondary,
.icAnim-slideInYAlt.ui-animate .btn-icn .icn-primary,
.icAnim-slideInYAlt.ui-animate .btn-icn .icn-secondary {
  transition-delay: 0.15s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.icAnim-slideInY .icn-primary,
.icAnim-slideInY .icn-secondary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.icAnim-slideInYAlt .icn-primary,
.icAnim-slideInYAlt .icn-secondary {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.icAnim-slideInXFlow .btn-wrap,
.icAnim-slideInXFlowAlt .btn-wrap {
  overflow: hidden;
}
.icAnim-slideInXFlow .btn-wrap::after,
.icAnim-slideInXFlowAlt .btn-wrap::after {
  order: -5;
  width: 0;
  content: "";
  transition: all 0.3s ease-out;
}
.icAnim-slideInXFlow .btn-icn,
.icAnim-slideInXFlowAlt .btn-icn {
  transition: all 0.3s ease-out;
}
.icAnim-slideInXFlow .icn-primary,
.icAnim-slideInXFlowAlt .icn-primary {
  position: relative;
  transition-delay: 0.2s;
}
.icAnim-slideInXFlow .icn-secondary,
.icAnim-slideInXFlowAlt .icn-secondary {
  position: absolute;
}
.icAnim-slideInXFlow.ui-animate .btn-wrap::before,
.icAnim-slideInXFlowAlt.ui-animate .btn-wrap::before {
  width: 0;
}
.icAnim-slideInXFlow.ui-animate .btn-wrap::after,
.icAnim-slideInXFlowAlt.ui-animate .btn-wrap::after {
  width: calc(var(--icon-width, auto) + var(--icon-spacing, 10px));
}
.icAnim-slideInXFlow.ui-animate .btn-icn,
.icAnim-slideInXFlowAlt.ui-animate .btn-icn {
  width: 0;
}
.icAnim-slideInXFlow.ui-animate .icn-primary,
.icAnim-slideInXFlowAlt.ui-animate .icn-primary {
  transition-delay: 0s;
  opacity: 0;
}
.icAnim-slideInXFlow.ui-animate .icn-secondary,
.icAnim-slideInXFlowAlt.ui-animate .icn-secondary {
  transition-delay: 0.2s;
  opacity: 1;
}
.icAnim-slideInXFlow:not(.reverse-icon) .btn-icn .icn-secondary,
.icAnim-slideInXFlowAlt:not(.reverse-icon) .btn-icn .icn-secondary {
  right: calc(100% + var(--text-width, 0px) + var(--icon-spacing, 10px));
}
.icAnim-slideInXFlow:not(.reverse-icon).ui-animate .icn-secondary,
.icAnim-slideInXFlowAlt:not(.reverse-icon).ui-animate .icn-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.icAnim-slideInXFlow.reverse-icon .btn-icn .icn-secondary,
.icAnim-slideInXFlowAlt.reverse-icon .btn-icn .icn-secondary {
  left: calc(100% + var(--text-width, 0px) + var(--icon-spacing, 10px));
}
.icAnim-slideInXFlow.reverse-icon.ui-animate .icn-secondary,
.icAnim-slideInXFlowAlt.reverse-icon.ui-animate .icn-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.icAnim-slideInXFlow:not(.reverse-icon) .icn-secondary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.icAnim-slideInXFlow:not(.reverse-icon).ui-animate .icn-primary {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.icAnim-slideInXFlow.reverse-icon .icn-secondary {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.icAnim-slideInXFlow.reverse-icon.ui-animate .icn-primary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.icAnim-slideInXFlowAlt:not(.reverse-icon) .icn-secondary {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.icAnim-slideInXFlowAlt:not(.reverse-icon).ui-animate .icn-primary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.icAnim-slideInXFlowAlt.reverse-icon .icn-secondary {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.icAnim-slideInXFlowAlt.reverse-icon.ui-animate .icn-primary {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.icAnim-slideInYFlow .icn-primary,
.icAnim-slideInYFlowAlt .icn-primary {
  transition-delay: 0.2s;
}
.icAnim-slideInYFlow.ui-animate .icn-primary,
.icAnim-slideInYFlowAlt.ui-animate .icn-primary {
  transition-delay: 0s;
  opacity: 0;
}
.icAnim-slideInYFlow.ui-animate .icn-secondary,
.icAnim-slideInYFlowAlt.ui-animate .icn-secondary {
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.icAnim-slideInYFlow .icn-secondary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.icAnim-slideInYFlow.ui-animate .icn-primary {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.icAnim-slideInYFlowAlt .icn-secondary {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.icAnim-slideInYFlowAlt.ui-animate .icn-primary {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.icAnim-shiftX.ui-animate .icn-primary,
.icAnim-shiftXAlt.ui-animate .icn-primary,
.icAnim-shiftY.ui-animate .icn-primary,
.icAnim-shiftYAlt.ui-animate .icn-primary {
  opacity: 0;
}
.icAnim-shiftX.ui-animate .icn-secondary,
.icAnim-shiftXAlt.ui-animate .icn-secondary,
.icAnim-shiftY.ui-animate .icn-secondary,
.icAnim-shiftYAlt.ui-animate .icn-secondary {
  opacity: 1;
}

.icAnim-shiftX.ui-animate .icn-primary,
.icAnim-shiftX.ui-animate .icn-secondary {
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
}

.icAnim-shiftXAlt .icn-primary,
.icAnim-shiftXAlt .icn-secondary {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.icAnim-shiftXAlt.ui-animate .icn-primary,
.icAnim-shiftXAlt.ui-animate .icn-secondary {
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
}

.icAnim-shiftY .icn-primary,
.icAnim-shiftY .icn-secondary {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.icAnim-shiftY.ui-animate .icn-primary,
.icAnim-shiftY.ui-animate .icn-secondary {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}

.icAnim-shiftYAlt.ui-animate .icn-primary,
.icAnim-shiftYAlt.ui-animate .icn-secondary {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}

.icAnim-flipX .icn-primary,
.icAnim-flipX .icn-secondary,
.icAnim-flipY .icn-primary,
.icAnim-flipY .icn-secondary {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.icAnim-flipX .icn-secondary {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.icAnim-flipX.ui-animate .icn-primary {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.icAnim-flipX.ui-animate .icn-secondary {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.icAnim-flipY .icn-secondary {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.icAnim-flipY.ui-animate .icn-primary {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.icAnim-flipY.ui-animate .icn-secondary {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.icAnim-zoomIn:not(.ui-animate) .btn-wrap {
  --icon-spacing: 0 !important;
}
.icAnim-zoomIn:not(.ui-animate) .btn-wrap::before {
  transition-delay: 0.2s;
}
.icAnim-zoomIn:not(.ui-animate) .btn-icn {
  width: 0;
  transition-delay: 0.2s;
}
.icAnim-zoomIn:not(.ui-icn) .icn-primary {
  opacity: 0;
}
.icAnim-zoomIn:not(.ui-icn) .icn-secondary {
  transition-delay: 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 1;
}
.icAnim-zoomIn.ui-animate .btn-icn {
  transition-delay: 0s;
}
.icAnim-zoomIn.ui-animate .btn-icn .icn-secondary {
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.icAnim-zoomIn.ui-icn .icn-primary,
.icAnim-zoomIn.ui-icn .icn-secondary {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.icAnim-zoomIn.ui-icn.ui-animate .icn-primary,
.icAnim-zoomIn.ui-icn.ui-animate .icn-secondary {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.icAnim-zoomIn.ui-icn.ui-animate .icn-primary {
  opacity: 0;
}
.icAnim-zoomIn.ui-icn.ui-animate .icn-secondary {
  opacity: 1;
}

.icAnim-zoomInFlow .icn-primary {
  transition-delay: 0.3s;
}
.icAnim-zoomInFlow .icn-secondary {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.icAnim-zoomInFlow.ui-animate .icn-primary {
  transition-delay: 0s;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  opacity: 0;
}
.icAnim-zoomInFlow.ui-animate .icn-secondary {
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.icAnim-zoomOut .btn-icn {
  transition-delay: 0s;
}
.icAnim-zoomOut:not(.ui-icn) .icn-primary {
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.icAnim-zoomOut.ui-animate .btn-wrap {
  --icon-spacing: 0 !important;
}
.icAnim-zoomOut.ui-animate .btn-wrap::before {
  transition-delay: 0.2s;
}
.icAnim-zoomOut.ui-animate .btn-icn {
  width: 0;
  transition-delay: 0.2s;
}
.icAnim-zoomOut.ui-animate .btn-icn .icn-primary {
  transition-delay: 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.icAnim-zoomOut.ui-icn .icn-primary {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.icAnim-zoomOut.ui-icn.ui-animate .icn-primary,
.icAnim-zoomOut.ui-icn.ui-animate .icn-secondary {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.icAnim-zoomOut.ui-icn.ui-animate .icn-primary {
  opacity: 0;
}
.icAnim-zoomOut.ui-icn.ui-animate .icn-secondary {
  opacity: 1;
}

.icAnim-zoomOutFlow .icn-primary {
  transition-delay: 0.3s;
}
.icAnim-zoomOutFlow .icn-secondary {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.icAnim-zoomOutFlow.ui-animate .icn-primary {
  transition-delay: 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.icAnim-zoomOutFlow.ui-animate .icn-secondary {
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* ## 6.5. Image */
[class*=imAnim-] img {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition-delay: 0s;
}

.imAnim-zoomIn.ui-animate img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imAnim-zoomInRotate.ui-animate img {
  -webkit-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
}

.imAnim-zoomOut img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.imAnim-zoomOut.ui-animate img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.imAnim-zoomOutRotate img {
  -webkit-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
}
.imAnim-zoomOutRotate.ui-animate img {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.imAnim-shiftX img {
  -webkit-transform: translateX(0) scale(1.1);
  transform: translateX(0) scale(1.1);
  -webkit-transform-origin: right;
  transform-origin: right;
}
.imAnim-shiftX.ui-animate img {
  -webkit-transform: translateX(10%) scale(1.1);
  transform: translateX(10%) scale(1.1);
}

.imAnim-shiftXAlt img {
  -webkit-transform: translateX(0) scale(1.1);
  transform: translateX(0) scale(1.1);
  -webkit-transform-origin: left;
  transform-origin: left;
}
.imAnim-shiftXAlt.ui-animate img {
  -webkit-transform: translateX(-10%) scale(1.1);
  transform: translateX(-10%) scale(1.1);
}

.imAnim-shiftY img {
  -webkit-transform: translateY(0) scale(1.1);
  transform: translateY(0) scale(1.1);
  -webkit-transform-origin: top;
  transform-origin: top;
}
.imAnim-shiftY.ui-animate img {
  -webkit-transform: translateY(-10%) scale(1.1);
  transform: translateY(-10%) scale(1.1);
}

.imAnim-shiftYAlt img {
  -webkit-transform: translateY(0) scale(1.1);
  transform: translateY(0) scale(1.1);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.imAnim-shiftYAlt.ui-animate img {
  -webkit-transform: translateY(10%) scale(1.1);
  transform: translateY(10%) scale(1.1);
}

/* ## 6.6. Background */
[class*=bgAnim-] .ui-background {
  overflow: hidden;
}
[class*=bgAnim-] .ui-background::before {
  --transition-delay: .3s;
}
[class*=bgAnim-] .ui-background::after {
  transition: opacity 0s linear, -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out, opacity 0s linear;
  transition: transform 0.4s ease-out, opacity 0s linear, -webkit-transform 0.4s ease-out;
  transition-delay: 0.1s;
  opacity: 1;
  border-radius: 0;
}

.bgAnim-slideInX .ui-background::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
}
.bgAnim-slideInX.ui-animate .ui-background::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.bgAnim-slideInXFlow .ui-background::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
}
.bgAnim-slideInXFlow.ui-animate .ui-background::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}

.bgAnim-slideInY .ui-background::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.bgAnim-slideInY.ui-animate .ui-background::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.bgAnim-slideInYFlow .ui-background::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
}
.bgAnim-slideInYFlow.ui-animate .ui-background::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.bgAnim-stretchInY .ui-background::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.bgAnim-stretchInY.ui-animate .ui-background::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.bgAnim-stretchInX .ui-background::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.bgAnim-stretchInX.ui-animate .ui-background::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.bgAnim-stretchOutY .ui-background::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.bgAnim-stretchOutY.ui-animate .ui-background::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.bgAnim-stretchOutX .ui-background::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.bgAnim-stretchOutX.ui-animate .ui-background::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.bgAnim-zoomIn .ui-background::after {
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: inherit;
}
.bgAnim-zoomIn.ui-animate .ui-background::after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.bgAnim-zoomOut .ui-background::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: inherit;
}
.bgAnim-zoomOut.ui-animate .ui-background::after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* ## 6.7. Border */
[class*=bdAnim-] .ui-border {
  overflow: hidden;
}
[class*=bdAnim-] .ui-border::before {
  --transition-delay: .3s;
}
[class*=bdAnim-] .ui-border::after {
  transition: background-size 0.4s ease-out, opacity 0s linear;
  transition-delay: 0.1s;
  opacity: 1;
  border-color: transparent !important;
  background-image: linear-gradient(transparent, transparent), linear-gradient(to right, var(--border-color), var(--border-color));
  background-repeat: no-repeat;
  background-clip: content-box, border-box;
  background-origin: border-box;
  -webkit-mask: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(#ffffff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.bdAnim-slideInX .ui-border::after {
  background-position: left;
  background-size: 100%, 0;
}
.bdAnim-slideInX.ui-animate .ui-border::after {
  background-size: 100%, 100%;
}

.bdAnim-slideInXFlow .ui-border::after {
  background-position: right;
  background-size: 100%, 0;
}
.bdAnim-slideInXFlow.ui-animate .ui-border::after {
  background-position: left;
  background-size: 100%, 100%;
}

.bdAnim-slideInY .ui-border::after {
  background-position: bottom;
  background-size: 100%, 100% 0;
}
.bdAnim-slideInY.ui-animate .ui-border::after {
  background-size: 100%, 100% 100%;
}

.bdAnim-slideInYFlow .ui-border::after {
  background-position: top;
  background-size: 100%, 100% 0;
}
.bdAnim-slideInYFlow.ui-animate .ui-border::after {
  background-position: bottom;
  background-size: 100%, 100% 100%;
}

.bdAnim-stretchInY .ui-border::after {
  background-position: center;
  background-size: 100%, 100% 0;
}
.bdAnim-stretchInY.ui-animate .ui-border::after {
  background-size: 100%, 100% 100%;
}

.bdAnim-stretchInX .ui-border::after {
  background-position: center;
  background-size: 100%, 0;
}
.bdAnim-stretchInX.ui-animate .ui-border::after {
  background-size: 100%, 100%;
}

.bdAnim-stretchOutY .ui-border::after {
  background-position: center;
  background-size: 100%, 100% 100%;
}
.bdAnim-stretchOutY.ui-animate .ui-border::after {
  background-size: 100%, 100% 0;
}

.bdAnim-stretchOutX .ui-border::after {
  background-position: center;
  background-size: 100%, 100%;
}
.bdAnim-stretchOutX.ui-animate .ui-border::after {
  background-size: 100%, 0;
}

/* ## 6.8. Line */
[class*=liAnim-] [class*=-txt] {
  position: relative;
  z-index: 1;
}
[class*=liAnim-] [class*=-txt]::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  z-index: -1;
}
[class*=liAnim-] a, [class*=liAnim-] [class*=-txt]::before {
  transition: all 0.3s ease-out;
  background-repeat: no-repeat;
}

.liAnim-slideIn a, .liAnim-slideIn [class*=-txt]::before,
.liAnim-slideInCenter a,
.liAnim-slideInCenter [class*=-txt]::before,
.liAnim-slideOut a,
.liAnim-slideOut [class*=-txt]::before,
.liAnim-slideOutCenter a,
.liAnim-slideOutCenter [class*=-txt]::before {
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%)), linear-gradient(to right, transparent 0%, transparent 100%);
}

.liAnim-scrollIn a, .liAnim-scrollIn [class*=-txt]::before,
.liAnim-scrollInCenter a,
.liAnim-scrollInCenter [class*=-txt]::before,
.liAnim-scrollOut a,
.liAnim-scrollOut [class*=-txt]::before,
.liAnim-scrollOutCenter a,
.liAnim-scrollOutCenter [class*=-txt]::before {
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%)), var(--line-background-inactive, linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%));
}

.liAnim-slideIn a, .liAnim-slideIn [class*=-txt]::before,
.liAnim-slideOut a,
.liAnim-slideOut [class*=-txt]::before,
.liAnim-scrollIn a,
.liAnim-scrollIn [class*=-txt]::before,
.liAnim-scrollOut a,
.liAnim-scrollOut [class*=-txt]::before {
  background-position: left 0 bottom var(--line-offset, 0px), left 0 bottom var(--line-offset, 0px);
}

.liAnim-slideInCenter a, .liAnim-slideInCenter [class*=-txt]::before,
.liAnim-slideOutCenter a,
.liAnim-slideOutCenter [class*=-txt]::before,
.liAnim-scrollInCenter a,
.liAnim-scrollInCenter [class*=-txt]::before,
.liAnim-scrollOutCenter a,
.liAnim-scrollOutCenter [class*=-txt]::before {
  background-position: left 50% bottom var(--line-offset, 0px), left 0 bottom var(--line-offset, 0px);
}

.liAnim-slideIn a, .liAnim-slideIn [class*=-txt]::before,
.liAnim-slideInCenter a,
.liAnim-slideInCenter [class*=-txt]::before,
.liAnim-scrollIn a,
.liAnim-scrollIn [class*=-txt]::before,
.liAnim-scrollInCenter a,
.liAnim-scrollInCenter [class*=-txt]::before {
  background-size: var(--line-extend, 0px) var(--line-weight, 1px), 100% var(--line-weight, 1px);
}
.liAnim-slideIn.ui-animate a, .liAnim-slideIn a:hover, .liAnim-slideIn.ui-animate [class*=-txt]::before,
.liAnim-slideInCenter.ui-animate a,
.liAnim-slideInCenter a:hover,
.liAnim-slideInCenter.ui-animate [class*=-txt]::before,
.liAnim-scrollIn.ui-animate a,
.liAnim-scrollIn a:hover,
.liAnim-scrollIn.ui-animate [class*=-txt]::before,
.liAnim-scrollInCenter.ui-animate a,
.liAnim-scrollInCenter a:hover,
.liAnim-scrollInCenter.ui-animate [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}

.liAnim-slideOut a, .liAnim-slideOut [class*=-txt]::before,
.liAnim-slideOutCenter a,
.liAnim-slideOutCenter [class*=-txt]::before,
.liAnim-scrollOut a,
.liAnim-scrollOut [class*=-txt]::before,
.liAnim-scrollOutCenter a,
.liAnim-scrollOutCenter [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}
.liAnim-slideOut.ui-animate a, .liAnim-slideOut a:hover, .liAnim-slideOut.ui-animate [class*=-txt]::before,
.liAnim-slideOutCenter.ui-animate a,
.liAnim-slideOutCenter a:hover,
.liAnim-slideOutCenter.ui-animate [class*=-txt]::before,
.liAnim-scrollOut.ui-animate a,
.liAnim-scrollOut a:hover,
.liAnim-scrollOut.ui-animate [class*=-txt]::before,
.liAnim-scrollOutCenter.ui-animate a,
.liAnim-scrollOutCenter a:hover,
.liAnim-scrollOutCenter.ui-animate [class*=-txt]::before {
  background-size: var(--line-extend, 0px) var(--line-weight, 1px), 100% var(--line-weight, 1px);
}

.liAnim-slideInFlow a, .liAnim-slideInFlow [class*=-txt]::before,
.liAnim-slideOutFlow a,
.liAnim-slideOutFlow [class*=-txt]::before {
  background-image: linear-gradient(to right, transparent 0%, transparent 100%), var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%));
  background-position: left 0 bottom var(--line-offset, 0px), left 100% bottom var(--line-offset, 0px);
}
.liAnim-slideInFlow.ui-animate a, .liAnim-slideInFlow a:hover, .liAnim-slideInFlow.ui-animate [class*=-txt]::before,
.liAnim-slideOutFlow.ui-animate a,
.liAnim-slideOutFlow a:hover,
.liAnim-slideOutFlow.ui-animate [class*=-txt]::before {
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%)), linear-gradient(to right, transparent 0%, transparent 100%);
}

.liAnim-slideInFlow a, .liAnim-slideInFlow [class*=-txt]::before {
  background-size: 0 var(--line-weight, 1px), 0 var(--line-weight, 1px);
}
.liAnim-slideInFlow.ui-animate a, .liAnim-slideInFlow a:hover, .liAnim-slideInFlow.ui-animate [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}

.liAnim-slideOutFlow a, .liAnim-slideOutFlow [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}
.liAnim-slideOutFlow.ui-animate a, .liAnim-slideOutFlow a:hover, .liAnim-slideOutFlow.ui-animate [class*=-txt]::before {
  background-size: 0 var(--line-weight, 1px), 0 var(--line-weight, 1px);
}

.liAnim-scrollInFlow a, .liAnim-scrollInFlow [class*=-txt]::before,
.liAnim-scrollOutFlow a,
.liAnim-scrollOutFlow [class*=-txt]::before {
  background-image: linear-gradient(to right, transparent 0%, transparent 100%), var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%)), var(--line-background-inactive, linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%));
  background-position: left 0 bottom var(--line-offset, 0px), left 100% bottom var(--line-offset, 0px), left 100% bottom var(--line-offset, 0px);
}
.liAnim-scrollInFlow.ui-animate a, .liAnim-scrollInFlow a:hover, .liAnim-scrollInFlow.ui-animate [class*=-txt]::before,
.liAnim-scrollOutFlow.ui-animate a,
.liAnim-scrollOutFlow a:hover,
.liAnim-scrollOutFlow.ui-animate [class*=-txt]::before {
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%)), linear-gradient(to right, transparent 0%, transparent 100%), var(--line-background-inactive, linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%));
}

.liAnim-scrollInFlow a, .liAnim-scrollInFlow [class*=-txt]::before {
  background-size: 0 var(--line-weight, 1px), 0 var(--line-weight, 1px), 100% var(--line-weight, 1px);
}
.liAnim-scrollInFlow.ui-animate a, .liAnim-scrollInFlow a:hover, .liAnim-scrollInFlow.ui-animate [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}

.liAnim-scrollOutFlow a, .liAnim-scrollOutFlow [class*=-txt]::before {
  background-size: 100% var(--line-weight, 1px), 100% var(--line-weight, 1px), 100% var(--line-weight, 1px);
}
.liAnim-scrollOutFlow.ui-animate a, .liAnim-scrollOutFlow a:hover, .liAnim-scrollOutFlow.ui-animate [class*=-txt]::before {
  background-size: 0 var(--line-weight, 1px), 0 var(--line-weight, 1px), 100% var(--line-weight, 1px);
}

.liAnim-growIn a, .liAnim-growIn [class*=-txt]::before {
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%));
  background-position: left 0 bottom var(--line-offset, 0px);
  background-size: 100% var(--line-weight, 1px);
}
.liAnim-growIn.ui-animate a, .liAnim-growIn a:hover, .liAnim-growIn.ui-animate [class*=-txt]::before {
  background-size: 100% var(--line-extend, 6px);
}

.liAnim-fadeIn a, .liAnim-fadeIn [class*=-txt],
.liAnim-revealIn a,
.liAnim-revealIn [class*=-txt] {
  position: relative;
  z-index: 1;
}
.liAnim-fadeIn a::before, .liAnim-fadeIn [class*=-txt]::before,
.liAnim-revealIn a::before,
.liAnim-revealIn [class*=-txt]::before {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  display: block;
  height: var(--line-weight, 1px);
  content: "";
  transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1);
  pointer-events: none;
  opacity: 0;
  background-image: var(--line-background-default, linear-gradient(to right, currentColor 0%, currentColor 100%));
}
.liAnim-fadeIn.ui-animate a::before, .liAnim-fadeIn a:hover::before, .liAnim-fadeIn.ui-animate [class*=-txt]::before,
.liAnim-revealIn.ui-animate a::before,
.liAnim-revealIn a:hover::before,
.liAnim-revealIn.ui-animate [class*=-txt]::before {
  opacity: 1;
}

.liAnim-fadeIn a::before, .liAnim-fadeIn [class*=-txt]::before {
  bottom: var(--line-offset, 0px);
}

.liAnim-revealIn a::before, .liAnim-revealIn [class*=-txt]::before {
  bottom: calc(var(--line-extend, 10px) * -1);
}
.liAnim-revealIn.ui-animate a::before, .liAnim-revealIn a:hover::before, .liAnim-revealIn.ui-animate [class*=-txt]::before {
  bottom: 0;
}

/*--------------------------------------------------------------
  ## 7. Vendor
--------------------------------------------------------------*/
/* ## 7.1. Swiper */
.swiper-container {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  list-style: none;
}

.swiper-container-inverse {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.swiper-container-inverse .swiper-slide {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.swiper-container-inverse.swiper-container-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.swiper-container-inverse.swiper-container-vertical .swiper-slide {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.swiper-container-vertical {
  flex-direction: column;
  height: 500px;
}
.swiper-container-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-grow: 1;
  box-sizing: content-box;
  width: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-autoCenter .swiper-wrapper {
  align-items: center;
}

.swiper-pagination {
  z-index: 10;
  text-align: center;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-progressbar {
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  border: 4px solid #007aff;
  border-top-color: transparent;
  border-radius: 1000px;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

/* ## 7.2. Fresco */
.fr-close .fr-close-icon {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fr-close .fr-close-icon::before {
  font-family: "savior-icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  line-height: 1;
  display: inline-block;
  content: "\e87c";
  text-transform: none !important;
  color: #ffffff;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ## 7.3. Select2 */
.select2.select2-container {
  display: block;
  width: 100% !important;
}

.select2-container.select2-container--default span.select2-choice,
.select2-container.select2-container--default span.select2-selection {
  height: auto;
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--border-color-default);
  border-radius: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  display: inline-block;
}

.select2-container--default .select2-selection--single span.select2-selection__rendered {
  transition: all 0.3s ease;
  color: inherit;
}

.select2-container.select2-container--default span.select2-selection {
  position: relative;
  padding-right: 1.5em;
}

.select2-selection .select2-selection__arrow {
  position: relative;
  text-align: right;
}

.select2-selection .select2-selection__arrow b {
  display: none;
}

.select2-selection .select2-selection__arrow:before {
  font-family: "savior-icons";
  font-size: 18px;
  content: "\e808";
}

.select2-container.select2-container--default .select2-selection .select2-selection__arrow {
  font-size: 14px;
  top: 50%;
  right: 0;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.select2-drop-active {
  border: none;
}

.select2-dropdown {
  border: 1px solid var(--border-color-default) !important;
  border-radius: 0 !important;
}

.select2-search {
  padding: 8px;
}

.select2-dropdown,
.select2-container.select2-container--focus span.select2-selection,
.select2-container.select2-container--open span.select2-selection {
  color: var(--color-text_dark);
  border-color: var(--border-color-default);
  background: var(--background-color-tertiary);
}

.select2-container .select2-results__option {
  color: var(--text-color-emphasis);
  background: transparent;
}

.select2-dropdown .select2-highlighted,
.select2-container .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__options .select2-results__option--highlighted[data-selected] {
  color: #000;
  border-color: #ededed;
  background-color: #ededed;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--border-color-default);
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--border-color-emphasis);
}

.select2-container.select2-container--default span.select2-choice,
.select2-container.select2-container--default span.select2-selection,
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container.select2-container--default .select2-selection--multiple,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice {
  line-height: 1.6;
  text-overflow: ellipsis;
  color: var(--text-color-default);
  border-color: var(--border-color-default);
  background-color: transparent;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 0;
  font-weight: 400;
  color: transparent;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear::before {
  font-family: "savior-icons";
  font-size: 13px;
  line-height: 2.3;
  content: "\e87c";
  color: var(--text-color-default);
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear:hover::before {
  color: var(--text-color-emphasis);
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0.5em 0;
}

.select2-container.select2-container--default span.select2-selection--single:hover,
.select2-container.select2-container--default span.select2-choice:hover,
.select2-container.select2-container--default span.select2-selection--multiple:hover,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--multiple,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--single,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-choice,
.select2-container.select2-container--focus span.select2-choice,
.select2-container.select2-container--open span.select2-choice,
.select2-container.select2-container--focus span.select2-selection--single,
.select2-container.select2-container--open span.select2-selection--single,
.select2-container.select2-container--focus span.select2-selection--multiple,
.select2-container.select2-container--open span.select2-selection--multiple {
  color: var(--text-color-emphasis);
  border-color: var(--border-color-emphasis);
  background-color: transparent;
}

/* ## 7.4. Contact Form 7 */
.wpcf7 form .wpcf7-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.wpcf7 form [class*=wpcf7-col-] {
  margin-bottom: var(--field-spacing, 20px);
  padding: 0 calc(var(--field-spacing, 20px) / 2);
}
.wpcf7 form [class*=wpcf7-col-]:first-child {
  padding-left: 0;
}
.wpcf7 form [class*=wpcf7-col-]:last-child {
  padding-right: 0;
}
.wpcf7 form .wpcf7-col-1 {
  width: 100%;
  padding: 0;
}
.wpcf7 form .wpcf7-col-2 {
  width: 50%;
}
.wpcf7 form .wpcf7-col-3 {
  width: 33.3333333333%;
}
.wpcf7 form .wpcf7-col-4 {
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .wpcf7 form .wpcf7-col-md-1 {
    width: 100%;
    padding: 0;
  }
  .wpcf7 form .wpcf7-col-md-2 {
    width: 50%;
  }
  .wpcf7 form .wpcf7-col-md-3 {
    width: 33.3333333333%;
  }
  .wpcf7 form .wpcf7-col-md-4 {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 form .wpcf7-col-sm-1 {
    width: 100%;
    padding: 0;
  }
  .wpcf7 form .wpcf7-col-sm-2 {
    width: 50%;
  }
  .wpcf7 form .wpcf7-col-sm-3 {
    width: 33.3333333333%;
  }
  .wpcf7 form .wpcf7-col-sm-4 {
    width: 25%;
  }
}
.wpcf7 form .wpcf7-form-control-wrap {
  flex-grow: 1;
}
.wpcf7 form .wpcf7-not-valid-tip {
  color: var(--text-color, #dc3232);
}
.wpcf7 form .wpcf7-response-output {
  margin: var(--response-spacing, 15px) 0 0;
  padding: 0;
  color: var(--text-color, var(--text-color-default));
  border: 0 solid var(--border-color, #00a0d2);
  background-color: var(--background-color);
}
.wpcf7 form .wpcf7-response-output a {
  font-weight: bolder;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--border-color, #46b450);
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  border-color: var(--border-color, #dc3232);
}
.wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--border-color, #ffb900);
}
.wpcf7 form .wpcf7-list-item {
  margin: 0;
}
.wpcf7 form .wpcf7-list-item-label::before, .wpcf7 form .wpcf7-list-item-label::after {
  display: none;
}
.wpcf7 form .wpcf7-spinner {
  width: 1em;
  height: 1em;
  transition: opacity 0.3s ease;
  -webkit-animation: wpcf7-spinner 2s linear infinite;
  animation: wpcf7-spinner 2s linear infinite;
  vertical-align: middle;
  border: 2px solid var(--spinner-color, var(--text-color-default));
  border-right-color: transparent;
  background: transparent;
}
.wpcf7 form .wpcf7-spinner::before {
  display: none;
}
@-webkit-keyframes wpcf7-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wpcf7-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ## 7.5. MC4WP Mailchimp */
.mc4wp-form .mc4wp-response .mc4wp-alert {
  margin: var(--response-spacing, 15px) 0 0;
  padding: 0;
  color: var(--text-color, var(--text-color-default));
  border: 2px solid var(--border-color, #ffb900);
  background-color: var(--background-color);
}
.mc4wp-form .mc4wp-response .mc4wp-alert a {
  font-weight: bolder;
}
.mc4wp-form .mc4wp-response .mc4wp-success {
  border-color: var(--border-color, #46b450);
}
.mc4wp-form .mc4wp-response .mc4wp-error {
  border-color: var(--border-color, #dc3232);
}
.mc4wp-form .mc4wp-response .mc4wp-notice {
  border-color: var(--border-color, #00a0d2);
}
.mc4wp-form .mc4wp-response a {
  font-weight: bolder;
}