@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Quicksand:wght@300..700&display=swap);

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * jQuery UI CSS Framework 1.14.0
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,
  Helvetica,
  sans-serif
  /*{ffDefault}*/
  ;
  font-size: 1em
  /*{fsDefault}*/
  ;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,
  Helvetica,
  sans-serif
  /*{ffDefault}*/
  ;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
  /*{borderColorDefault}*/
  ;
}

.ui-widget-content {
  border: 1px solid #dddddd
  /*{borderColorContent}*/
  ;
  background: #ffffff
  /*{bgColorContent}*/
  /*{bgImgUrlContent}*/
  /*{bgContentXPos}*/
  /*{bgContentYPos}*/
  /*{bgContentRepeat}*/
  ;
  color: #333333
  /*{fcContent}*/
  ;
}

.ui-widget-content a {
  color: #333333
  /*{fcContent}*/
  ;
}

.ui-widget-header {
  border: 1px solid #dddddd
  /*{borderColorHeader}*/
  ;
  background: #e9e9e9
  /*{bgColorHeader}*/
  /*{bgImgUrlHeader}*/
  /*{bgHeaderXPos}*/
  /*{bgHeaderYPos}*/
  /*{bgHeaderRepeat}*/
  ;
  color: #333333
  /*{fcHeader}*/
  ;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333
  /*{fcHeader}*/
  ;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5
  /*{borderColorDefault}*/
  ;
  background: #f6f6f6
  /*{bgColorDefault}*/
  /*{bgImgUrlDefault}*/
  /*{bgDefaultXPos}*/
  /*{bgDefaultYPos}*/
  /*{bgDefaultRepeat}*/
  ;
  font-weight: normal
  /*{fwDefault}*/
  ;
  color: #454545
  /*{fcDefault}*/
  ;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545
  /*{fcDefault}*/
  ;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc
  /*{borderColorHover}*/
  ;
  background: #ededed
  /*{bgColorHover}*/
  /*{bgImgUrlHover}*/
  /*{bgHoverXPos}*/
  /*{bgHoverYPos}*/
  /*{bgHoverRepeat}*/
  ;
  font-weight: normal
  /*{fwDefault}*/
  ;
  color: #2b2b2b
  /*{fcHover}*/
  ;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b
  /*{fcHover}*/
  ;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff
  /*{borderColorActive}*/
  ;
  background: #007fff
  /*{bgColorActive}*/
  /*{bgImgUrlActive}*/
  /*{bgActiveXPos}*/
  /*{bgActiveYPos}*/
  /*{bgActiveRepeat}*/
  ;
  font-weight: normal
  /*{fwDefault}*/
  ;
  color: #ffffff
  /*{fcActive}*/
  ;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff
  /*{borderColorActive}*/
  ;
  background-color: #ffffff
  /*{fcActive}*/
  ;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff
  /*{fcActive}*/
  ;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e
  /*{borderColorHighlight}*/
  ;
  background: #fffa90
  /*{bgColorHighlight}*/
  /*{bgImgUrlHighlight}*/
  /*{bgHighlightXPos}*/
  /*{bgHighlightYPos}*/
  /*{bgHighlightRepeat}*/
  ;
  color: #777620
  /*{fcHighlight}*/
  ;
}

.ui-state-checked {
  border: 1px solid #dad55e
  /*{borderColorHighlight}*/
  ;
  background: #fffa90
  /*{bgColorHighlight}*/
  ;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620
  /*{fcHighlight}*/
  ;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899
  /*{borderColorError}*/
  ;
  background: #fddfdf
  /*{bgColorError}*/
  /*{bgImgUrlError}*/
  /*{bgErrorXPos}*/
  /*{bgErrorYPos}*/
  /*{bgErrorRepeat}*/
  ;
  color: #5f3f3f
  /*{fcError}*/
  ;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f
  /*{fcError}*/
  ;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
  /*{fcError}*/
  ;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../images/ui-icons_444444_256x240.png)
  /*{iconsContent}*/
  ;
}

.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_444444_256x240.png)
  /*{iconsHeader}*/
  ;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(../images/ui-icons_555555_256x240.png)
  /*{iconsHover}*/
  ;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(../images/ui-icons_ffffff_256x240.png)
  /*{iconsActive}*/
  ;
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(../images/ui-icons_777620_256x240.png)
  /*{iconsHighlight}*/
  ;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/ui-icons_cc0000_256x240.png)
  /*{iconsError}*/
  ;
}

.ui-button .ui-icon {
  background-image: url(../images/ui-icons_777777_256x240.png)
  /*{iconsDefault}*/
  ;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px
  /*{cornerRadius}*/
  ;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px
  /*{cornerRadius}*/
  ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px
  /*{cornerRadius}*/
  ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px
  /*{cornerRadius}*/
  ;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa
  /*{bgColorOverlay}*/
  /*{bgImgUrlOverlay}*/
  /*{bgOverlayXPos}*/
  /*{bgOverlayYPos}*/
  /*{bgOverlayRepeat}*/
  ;
  opacity: .3
  /*{opacityOverlay}*/
  ;
}

.ui-widget-shadow {
  box-shadow: 0
  /*{offsetLeftShadow}*/
  0
  /*{offsetTopShadow}*/
  5px
  /*{thicknessShadow}*/
  #666666
  /*{bgColorShadow}*/
  ;
}

/*!
 * jQuery UI Slider 1.14.0
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* @charset "UTF-8"; */

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print,
(prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

/* Attention seekers  */
@-webkit-keyframes bounce {

  from,
  20%,
  53%,
  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, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  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, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

@keyframes bounce {

  from,
  20%,
  53%,
  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, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  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, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {

  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {

  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 shakeX {

  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);
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {

  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes shakeY {

  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes 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 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);
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes 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 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);
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {

  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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 jello {

  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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);
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

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

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

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

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

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

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

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

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

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

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

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

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

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

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

  from,
  60%,
  75%,
  90%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {

  from,
  60%,
  75%,
  90%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

  from,
  60%,
  75%,
  90%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {

  from,
  60%,
  75%,
  90%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

  from,
  60%,
  75%,
  90%,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {

  from,
  60%,
  75%,
  90%,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

  from,
  60%,
  75%,
  90%,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {

  from,
  60%,
  75%,
  90%,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

:after,
:before {
  --tw-content: ""
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent
}

body {
  line-height: inherit;
  margin: 0
}

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}

abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  -webkit-font-feature-settings: inherit;
  -moz-font-feature-settings: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

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

::-webkit-search-decoration {
  -webkit-appearance: none
}

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

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
  opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
  opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
  opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
  opacity: 1
}

input::placeholder,
textarea::placeholder {
  color: #999;
  opacity: 1
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

img,
video {
  height: auto;
  max-width: 100%
}

[hidden] {
  display: none
}

.container {
  width: 100%
}

@media (min-width:425px) {
  .container {
    max-width: 425px
  }
}

@media (min-width:480px) {
  .container {
    max-width: 480px
  }
}

@media (min-width:576px) {
  .container {
    max-width: 576px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 768px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 992px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1200px
  }
}

@media (min-width:1400px) {
  .container {
    max-width: 1400px
  }
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.fixed {
  position: fixed
}

.\!absolute {
  position: absolute !important
}

.absolute {
  position: absolute
}

.\!relative {
  position: relative !important
}

.relative {
  position: relative
}

.inset-0 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.bottom-0 {
  bottom: 0
}

.bottom-\[36px\] {
  bottom: 36px
}

.left-\[50\%\] {
  left: 50%
}

.right-0 {
  right: 0
}

.right-\[36px\] {
  right: 36px
}

.top-0 {
  top: 0
}

.top-\[50\%\] {
  top: 50%
}

.\!z-\[-1\] {
  z-index: -1 !important
}

.\!z-\[-2\] {
  z-index: -2 !important
}

.z-\[-1\] {
  z-index: -1
}

.z-\[10000\] {
  z-index: 10000
}

.z-\[1\] {
  z-index: 1
}

.z-\[9999\] {
  z-index: 9999
}

.m-12 {
  margin: 3rem
}

.m-16 {
  margin: 4rem
}

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

.my-16 {
  margin-bottom: 4rem;
  margin-top: 4rem
}

.my-20 {
  margin-bottom: 5rem;
  margin-top: 5rem
}

.my-24 {
  margin-bottom: 6rem;
  margin-top: 6rem
}

.my-28 {
  margin-bottom: 7rem;
  margin-top: 7rem
}

.my-32 {
  margin-bottom: 8rem;
  margin-top: 8rem
}

.my-40 {
  margin-bottom: 10rem;
  margin-top: 10rem
}

.my-48 {
  margin-bottom: 12rem;
  margin-top: 12rem
}

.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem
}

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

.mb-0 {
  margin-bottom: 0
}

.mb-12 {
  margin-bottom: 3rem
}

.mb-14 {
  margin-bottom: 3.5rem
}

.mb-16 {
  margin-bottom: 4rem
}

.mb-20 {
  margin-bottom: 5rem
}

.mb-24 {
  margin-bottom: 6rem
}

.mb-3 {
  margin-bottom: .75rem
}

.mb-32 {
  margin-bottom: 8rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-40 {
  margin-bottom: 10rem
}

.mb-44 {
  margin-bottom: 11rem
}

.mb-48 {
  margin-bottom: 12rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-60 {
  margin-bottom: 15rem
}

.mb-8 {
  margin-bottom: 2rem
}

.mb-80 {
  margin-bottom: 20rem
}

.me-16 {
  margin-right: 4rem
}

.me-32 {
  margin-right: 8rem
}

.me-6 {
  margin-right: 1.5rem
}

.me-60 {
  margin-right: 15rem
}

.me-8 {
  margin-right: 2rem
}

.mr-\[10px\] {
  margin-right: 10px
}

.ms-12 {
  margin-left: 3rem
}

.ms-16 {
  margin-left: 4rem
}

.ms-32 {
  margin-left: 8rem
}

.ms-auto {
  margin-left: auto
}

.mt-0 {
  margin-top: 0
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-12 {
  margin-top: 3rem
}

.mt-16 {
  margin-top: 4rem
}

.mt-20 {
  margin-top: 5rem
}

.mt-24 {
  margin-top: 6rem
}

.mt-28 {
  margin-top: 7rem
}

.mt-32 {
  margin-top: 8rem
}

.mt-36 {
  margin-top: 9rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-40 {
  margin-top: 10rem
}

.mt-44 {
  margin-top: 11rem
}

.mt-48 {
  margin-top: 12rem
}

.mt-52 {
  margin-top: 13rem
}

.mt-56 {
  margin-top: 14rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-8 {
  margin-top: 2rem
}

.mt-80 {
  margin-top: 20rem
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.table {
  display: table
}

.hidden {
  display: none
}

.h-12 {
  height: 3rem
}

.h-16 {
  height: 4rem
}

.h-20 {
  height: 5rem
}

.h-24 {
  height: 6rem
}

.h-28 {
  height: 7rem
}

.h-32 {
  height: 8rem
}

.h-36 {
  height: 9rem
}

.h-4 {
  height: 1rem
}

.h-40 {
  height: 10rem
}

.h-44 {
  height: 11rem
}

.h-48 {
  height: 12rem
}

.h-52 {
  height: 13rem
}

.h-56 {
  height: 14rem
}

.h-6 {
  height: 1.5rem
}

.h-60 {
  height: 15rem
}

.h-64 {
  height: 16rem
}

.h-72 {
  height: 18rem
}

.h-8 {
  height: 2rem
}

.h-80 {
  height: 20rem
}

.h-\[46px\] {
  height: 46px
}

.h-\[64px\] {
  height: 64px
}

.h-full {
  height: 100%
}

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

.w-12 {
  width: 3rem
}

.w-16 {
  width: 4rem
}

.w-20 {
  width: 5rem
}

.w-24 {
  width: 6rem
}

.w-28 {
  width: 7rem
}

.w-32 {
  width: 8rem
}

.w-36 {
  width: 9rem
}

.w-40 {
  width: 10rem
}

.w-44 {
  width: 11rem
}

.w-48 {
  width: 12rem
}

.w-52 {
  width: 13rem
}

.w-56 {
  width: 14rem
}

.w-6 {
  width: 1.5rem
}

.w-6\/12 {
  width: 50%
}

.w-60 {
  width: 15rem
}

.w-64 {
  width: 16rem
}

.w-72 {
  width: 18rem
}

.w-80 {
  width: 20rem
}

.w-\[46px\] {
  width: 46px
}

.w-\[50\%\] {
  width: 50%
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.max-w-\[unset\] {
  max-width: none
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-grow-0 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.basis-auto {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  -webkit-transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[15px\] {
  --tw-translate-y: 15px;
  -webkit-transform: translate(var(--tw-translate-x), 15px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), 15px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), 15px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
  cursor: pointer
}

.list-inside {
  list-style-position: inside
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.gap-12 {
  gap: 3rem
}

.gap-14 {
  gap: 3.5rem
}

.gap-16 {
  gap: 4rem
}

.gap-20 {
  gap: 5rem
}

.gap-24 {
  gap: 6rem
}

.gap-32 {
  gap: 8rem
}

.gap-4 {
  gap: 1rem
}

.gap-44 {
  gap: 11rem
}

.gap-48 {
  gap: 12rem
}

.gap-56 {
  gap: 14rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-8 {
  gap: 2rem
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

.\!rounded-\[50rem\] {
  border-radius: 50rem !important
}

.rounded {
  border-radius: .25rem
}

.rounded-\[50\%\] {
  border-radius: 50%
}

.rounded-\[50px\] {
  border-radius: 50px
}

.rounded-\[50rem\] {
  border-radius: 50rem
}

.rounded-lg {
  border-radius: .5rem
}

.rounded-none {
  border-radius: 0
}

.\!rounded-br-\[0\.5rem\] {
  border-bottom-right-radius: .5rem !important
}

.\!rounded-br-\[50rem\] {
  border-bottom-right-radius: 50rem !important
}

.\!rounded-tr-\[0\.5rem\] {
  border-top-right-radius: .5rem !important
}

.\!rounded-tr-\[50rem\] {
  border-top-right-radius: 50rem !important
}

.\!border-0 {
  border-width: 0 !important
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0
}

.border-2 {
  border-width: 2px
}

.border-b {
  border-bottom-width: 1px
}

.border-l {
  border-left-width: 1px
}

.border-l-0 {
  border-left-width: 0
}

.border-r {
  border-right-width: 1px
}

.border-r-0 {
  border-right-width: 0
}

.border-t {
  border-top-width: 1px
}

.border-t-0 {
  border-top-width: 0
}

.border-solid {
  border-style: solid
}

.border-dashed {
  border-style: dashed
}

.border-\[\#ced4da\] {
  --tw-border-opacity: 1;
  border-color: #ced4da;
  border-color: rgba(206, 212, 218, var(--tw-border-opacity))
}

.border-\[2\] {
  border-color: 2
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: #e6e6e6;
  border-color: rgba(230, 230, 230, var(--tw-border-opacity))
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: #ccc;
  border-color: rgba(204, 204, 204, var(--tw-border-opacity))
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: #f1f1f1;
  border-color: rgba(241, 241, 241, var(--tw-border-opacity))
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: #1a1a1a;
  border-color: rgba(26, 26, 26, var(--tw-border-opacity))
}

.border-main-600 {
  border-color: #c31e49;
  border-color: var(--main-color-600)
}

.border-main-two-600 {
  --tw-border-opacity: 1;
  border-color: #fa6400;
  border-color: rgba(250, 100, 0, var(--tw-border-opacity))
}

.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: #e6e6e6;
  border-color: rgba(230, 230, 230, var(--tw-border-opacity))
}

.border-neutral-50 {
  --tw-border-opacity: 1;
  border-color: #ecf1f9;
  border-color: rgba(236, 241, 249, var(--tw-border-opacity))
}

.border-neutral-500 {
  --tw-border-opacity: 1;
  border-color: grey;
  border-color: rgba(128, 128, 128, var(--tw-border-opacity))
}

.border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: #121535;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity))
}

.border-white {
  --tw-border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity))
}

.bg-danger-600 {
  --tw-bg-opacity: 1;
  background-color: #dc2626;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: #e6e6e6;
  background-color: rgba(230, 230, 230, var(--tw-bg-opacity))
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: #f1f1f1;
  background-color: rgba(241, 241, 241, var(--tw-bg-opacity))
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: grey;
  background-color: rgba(128, 128, 128, var(--tw-bg-opacity))
}

.bg-info-600 {
  --tw-bg-opacity: 1;
  background-color: #2563eb;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.bg-main-100 {
  background-color: #cef2df;
  background-color: var(--main-color-100)
}

.bg-main-50 {
  background-color: #e7f9ef;
  background-color: var(--main-color-50)
}

.bg-main-600 {
  background-color: #c31e49;
  background-color: var(--main-color-600)
}

.bg-main-two-100 {
  --tw-bg-opacity: 1;
  background-color: #ffe0cc;
  background-color: rgba(255, 224, 204, var(--tw-bg-opacity))
}

.bg-main-two-50 {
  --tw-bg-opacity: 1;
  background-color: #fff0e5;
  background-color: rgba(255, 240, 229, var(--tw-bg-opacity))
}

.bg-main-two-600 {
  --tw-bg-opacity: 1;
  background-color: #fa6400;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity))
}

.bg-neutral-600 {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity))
}

.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: #487fff;
  background-color: rgba(72, 127, 255, var(--tw-bg-opacity))
}

.bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: #f0fdf4;
  background-color: rgba(240, 253, 244, var(--tw-bg-opacity))
}

.bg-success-600 {
  --tw-bg-opacity: 1;
  background-color: #27ae60;
  background-color: rgba(39, 174, 96, var(--tw-bg-opacity))
}

.bg-tertiary-600 {
  --tw-bg-opacity: 1;
  background-color: #3c23b5;
  background-color: rgba(60, 35, 181, var(--tw-bg-opacity))
}

.bg-transparent {
  background-color: transparent
}

.bg-warning-600 {
  --tw-bg-opacity: 1;
  background-color: #ff9f29;
  background-color: rgba(255, 159, 41, var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5
}

.bg-clip-padding {
  background-clip: padding-box
}

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

.p-0 {
  padding: 0
}

.p-10 {
  padding: 2.5rem
}

.p-12 {
  padding: 3rem
}

.p-16 {
  padding: 4rem
}

.p-2 {
  padding: .5rem
}

.p-24 {
  padding: 6rem
}

.p-28 {
  padding: 7rem
}

.p-32 {
  padding: 8rem
}

.p-4 {
  padding: 1rem
}

.p-8 {
  padding: 2rem
}

.p-\[0\.375rem_0\.75rem\] {
  padding: .375rem .75rem
}

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

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

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

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem
}

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem
}

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.py-11 {
  padding-bottom: 2.75rem;
  padding-top: 2.75rem
}

.py-12 {
  padding-bottom: 3rem;
  padding-top: 3rem
}

.py-14 {
  padding-bottom: 3.5rem;
  padding-top: 3.5rem
}

.py-16 {
  padding-bottom: 4rem;
  padding-top: 4rem
}

.py-2 {
  padding-bottom: .5rem;
  padding-top: .5rem
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem
}

.py-24 {
  padding-bottom: 6rem;
  padding-top: 6rem
}

.py-28 {
  padding-bottom: 7rem;
  padding-top: 7rem
}

.py-32 {
  padding-bottom: 8rem;
  padding-top: 8rem
}

.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem
}

.py-40 {
  padding-bottom: 10rem;
  padding-top: 10rem
}

.py-48 {
  padding-bottom: 12rem;
  padding-top: 12rem
}

.py-52 {
  padding-bottom: 13rem;
  padding-top: 13rem
}

.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}

.py-7 {
  padding-bottom: 1.75rem;
  padding-top: 1.75rem
}

.py-72 {
  padding-bottom: 18rem;
  padding-top: 18rem
}

.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem
}

.py-80 {
  padding-bottom: 20rem;
  padding-top: 20rem
}

.py-9 {
  padding-bottom: 2.25rem;
  padding-top: 2.25rem
}

.pb-0 {
  padding-bottom: 0
}

.pb-16 {
  padding-bottom: 4rem
}

.pb-24 {
  padding-bottom: 6rem
}

.pb-32 {
  padding-bottom: 8rem
}

.pb-44 {
  padding-bottom: 11rem
}

.pb-80 {
  padding-bottom: 20rem
}

.pe-32 {
  padding-right: 8rem
}

.pe-36 {
  padding-right: 9rem
}

.pe-44 {
  padding-right: 11rem
}

.pe-64 {
  padding-right: 16rem
}

.ps-16 {
  padding-left: 4rem
}

.ps-20 {
  padding-left: 5rem
}

.ps-24 {
  padding-left: 6rem
}

.ps-32 {
  padding-left: 8rem
}

.pt-12 {
  padding-top: 3rem
}

.pt-24 {
  padding-top: 6rem
}

.pt-32 {
  padding-top: 8rem
}

.pt-80 {
  padding-top: 20rem
}

.text-center {
  text-align: center
}

.text-start {
  text-align: left
}

.text-end {
  text-align: right
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.font-\[300\] {
  font-weight: 300
}

.font-\[500\] {
  font-weight: 500
}

.font-\[600\] {
  font-weight: 600
}

.font-\[700\] {
  font-weight: 700
}

.font-normal {
  font-weight: 400
}

.uppercase {
  text-transform: uppercase
}

.leading-6 {
  line-height: 1.5rem
}

.leading-\[46px\] {
  line-height: 46px
}

.text-\[\#212529\] {
  --tw-text-opacity: 1;
  color: #212529;
  color: rgba(33, 37, 41, var(--tw-text-opacity))
}

.text-\[\#495057\] {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.text-danger-600 {
  --tw-text-opacity: 1;
  color: #dc2626;
  color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: #ccc;
  color: rgba(204, 204, 204, var(--tw-text-opacity))
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--tw-text-opacity))
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity))
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--tw-text-opacity))
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: #4d4d4d;
  color: rgba(77, 77, 77, var(--tw-text-opacity))
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: #1a1a1a;
  color: rgba(26, 26, 26, var(--tw-text-opacity))
}

.text-inherit {
  color: inherit
}

.text-main-600 {
  color: #c31e49;
  color: var(--main-color-600)
}

.text-main-two-600 {
  --tw-text-opacity: 1;
  color: #fa6400;
  color: rgba(250, 100, 0, var(--tw-text-opacity))
}

.text-neutral-500 {
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity))
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.text-neutral-900 {
  --tw-text-opacity: 1;
  color: #1a1a1a;
  color: rgba(26, 26, 26, var(--tw-text-opacity))
}

.text-success-600 {
  --tw-text-opacity: 1;
  color: #27ae60;
  color: rgba(39, 174, 96, var(--tw-text-opacity))
}

.text-tertiary-600 {
  --tw-text-opacity: 1;
  color: #3c23b5;
  color: rgba(60, 35, 181, var(--tw-text-opacity))
}

.text-warning-600 {
  --tw-text-opacity: 1;
  color: #ff9f29;
  color: rgba(255, 159, 41, var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.opacity-0 {
  opacity: 0
}

.opacity-25 {
  opacity: .25
}

.opacity-75 {
  opacity: .75
}

.shadow-inset {
  --tw-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 0 0 2px rgba(0, 0, 0, .2);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 0 0 2px rgba(0, 0, 0, .2);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.shadow-none {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, .05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.transition {
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -moz-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
  -webkit-transition-duration: .1s;
  transition-duration: .1s
}

.duration-150 {
  -webkit-transition-duration: .15s;
  transition-duration: .15s
}

.duration-200 {
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

:root {
  --main-color: #c31e49;
  --main-color-50: #e7f9ef;
  --main-color-100: #cef2df;
  --main-color-200: #b6eccf;
  --main-color-300: #9ee6bf;
  --main-color-400: #85e0af;
  --main-color-500: #6dd9a0;
  --main-color-600: #c31e49;
  --main-color-700: #258e56;
  --main-color-800: #207e4c;
  --main-color-900: #1c6d42
}

.color-two {
  --main-color: #fa6800;
  --main-color-50: #ffede0;
  --main-color-100: #ffe1cc;
  --main-color-200: #ffcfad;
  --main-color-300: #ffc194;
  --main-color-400: #ffb27a;
  --main-color-500: #ffa361;
  --main-color-600: #fa6800;
  --main-color-700: #e05e00;
  --main-color-800: #c75300;
  --main-color-900: #ad4800
}

:root {
  --heading-font: "Quicksand", sans-serif;
  --heading-font-two: "Exo", sans-serif;
  --heading-font-three: "Outfit", sans-serif;
  --heading-font-four: "Dancing Script", cursive;
  --body-font: "Inter", sans-serif;
  --heading-one: clamp(2.25rem, -0.0733rem + 6.3692vw, 4.5rem);
  --heading-two: clamp(2rem, 0.7133rem + 2.8846vw, 3.5rem);
  --heading-three: clamp(1.75rem, 0.3353rem + 2.1661vw, 3rem);
  --heading-four: clamp(1.5rem, 0.5569rem + 1.444vw, 2.5rem);
  --heading-five: clamp(1.25rem, 1.2rem + 0.722vw, 2.25rem);
  --heading-six: clamp(1.125rem, 0.769rem + 0.6813vw, 1.5rem);
  --display-200: clamp(3.75rem, -0.0733rem + 6.3692vw, 12.5rem);
  --display-one: clamp(2.5rem, -0.0733rem + 6.3692vw, 7.5rem);
  --main-h: 343;
  --main-s: 72%;
  --main-l: 44%;
  --main: var(--main-h) var(--main-s) var(--main-l);
  --main-two-h: 25;
  --main-two-s: 100%;
  --main-two-l: 49%;
  --main-two: var(--main-two-h) var(--main-two-s) var(--main-two-l);
  --white: 0 0% 100%;
  --black: 235 49% 14%;
  --light: 0 0% 51%;
  --heading-color: var(--black);
  --body-color: var(--light);
  --body-bg: var(--gray);
  --border-color: 236 13% 77%;
  --bg-color-one: #fde8ee;
  --bg-color-two: #fffbf4;
  --bg-color-three: #f1f1f1;
  --neutral: #121535;
  --translate-x-middle: translateX(-50%);
  --translate-y-middle: translateY(-50%);
  --size-2: 0.125rem;
  --size-3: 0.1875rem;
  --size-4: 0.25rem;
  --size-5: 0.3125rem;
  --size-6: 0.375rem;
  --size-7: 0.4375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --size-22: 1.375rem;
  --size-24: 1.5rem;
  --size-26: 1.625rem;
  --size-28: 1.75rem;
  --size-30: 1.875rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-52: 3.25rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-68: 4.25rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-210: 13.125rem;
  --main-50: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.9));
  --main-50: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.9));
  --main-100: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.8));
  --main-100: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.8));
  --main-200: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.7));
  --main-200: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.7));
  --main-300: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.6));
  --main-300: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.6));
  --main-400: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.5));
  --main-400: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.5));
  --main-500: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) + (100% - var(--main-l))*0.4));
  --main-500: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l))*0.4));
  --main-600: hsl(var(--main-h), var(--main-s), var(--main-l));
  --main-700: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) - var(--main-l)*0.1));
  --main-700: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.1));
  --main-800: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) - var(--main-l)*0.2));
  --main-800: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.2));
  --main-900: hsl(var(--main-h), var(--main-s), -webkit-calc(var(--main-l) - var(--main-l)*0.3));
  --main-900: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l)*0.3));
  --main-two-50: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.9));
  --main-two-50: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.9));
  --main-two-100: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.8));
  --main-two-100: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.8));
  --main-two-200: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.7));
  --main-two-200: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.7));
  --main-two-300: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.6));
  --main-two-300: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.6));
  --main-two-400: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.5));
  --main-two-400: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.5));
  --main-two-500: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) + (100% - var(--main-two-l))*0.4));
  --main-two-500: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l))*0.4));
  --main-two-600: hsl(var(--main-two-h), var(--main-two-s), var(--main-two-l));
  --main-two-700: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) - var(--main-two-l)*0.1));
  --main-two-700: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l)*0.1));
  --main-two-800: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) - var(--main-two-l)*0.2));
  --main-two-800: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l)*0.2));
  --main-two-900: hsl(var(--main-two-h), var(--main-two-s), -webkit-calc(var(--main-two-l) - var(--main-two-l)*0.3));
  --main-two-900: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l)*0.3));
  --neutral-50: #ecf1f9;
  --neutral-100: #e6e6e6;
  --neutral-200: #ccc;
  --neutral-300: #b3b3b3;
  --neutral-400: #999;
  --neutral-500: grey;
  --neutral-600: #121535;
  --neutral-700: #060710;
  --neutral-800: #11132e;
  --neutral-900: #1a1a1a;
  --gray-50: #f1f1f1;
  --gray-100: #e6e6e6;
  --gray-200: #ccc;
  --gray-300: #b3b3b3;
  --gray-400: #999;
  --gray-500: grey;
  --gray-600: #666;
  --gray-700: #4d4d4d;
  --gray-800: #333;
  --gray-900: #1a1a1a;
  --light-50: #f5f6fa;
  --light-100: #f3f4f6;
  --light-600: #e4f1ff;
  --light-700: #374151;
  --light-800: #1f2937;
  --primary-50: #e4f1ff;
  --primary-100: #bfdcff;
  --primary-200: #95c7ff;
  --primary-300: #6bb1ff;
  --primary-400: #519fff;
  --primary-500: #458eff;
  --primary-600: #487fff;
  --primary-700: #486cea;
  --primary-800: #4759d6;
  --primary-900: #4536b6;
  --danger-50: #fef2f2;
  --danger-100: #fee2e2;
  --danger-200: #fecaca;
  --danger-300: #fca5a5;
  --danger-400: #f87171;
  --danger-500: #ef4444;
  --danger-600: #dc2626;
  --danger-700: #b91c1c;
  --danger-800: #991b1b;
  --danger-900: #7f1d1d;
  --success-50: #f0fdf4;
  --success-100: #dcfce7;
  --success-200: #bbf7d0;
  --success-300: #86efac;
  --success-400: #4ade80;
  --success-500: #22c55e;
  --success-600: #27ae60;
  --success-700: #15803d;
  --success-800: #166534;
  --success-900: #14532d;
  --warning-50: #fefce8;
  --warning-100: #fef9c3;
  --warning-200: #fef08a;
  --warning-300: #fde047;
  --warning-400: #facc15;
  --warning-500: #eab308;
  --warning-600: #ff9f29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #eff6ff;
  --info-100: #dbeafe;
  --info-200: #bfdbfe;
  --info-300: #93c5fd;
  --info-400: #60a5fa;
  --info-500: #3b82f6;
  --info-600: #2563eb;
  --info-700: #1d4ed8;
  --info-800: #1e40af;
  --info-900: #1e3a8a;
  --tertiary-50: #d1c8ff;
  --tertiary-100: #c2b6ff;
  --tertiary-600: #3c23b5;
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.875rem;
  --font-4xl: 2.25rem;
  --font-5xl: 3rem;
  --font-6xl: 3.75rem
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background-color: transparent;
  border-color: transparent;
  color: transparent
}

.btn {
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 1;
  padding: 13px 24px;
  position: relative;
  z-index: 1
}

@media (max-width:1399px) {
  .btn {
    font-size: 14px;
    padding: 10px 20px
  }
}

.btn:focus,
.btn:focus-visible,
.btn:hover {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important
}

.btn-sm {
  padding: 10px 16px !important
}

.btn:active {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.01) scaleY(1.01);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.01) scaleY(1.01);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.01) scaleY(1.01);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-main {
  background-color: #c31e49 !important;
  background-color: var(--main-color) !important;
  border-color: #c31e49 !important;
  border-color: var(--main-color) !important
}

.btn-main:hover {
  background-color: #207e4c !important;
  background-color: var(--main-color-800) !important;
  background-color: hsl(148, 59%, 31.2%) !important;
  background-color: var(--main-800) !important;
  border-color: hsl(148, 59%, 31.2%) !important;
  border-color: var(--main-800) !important
}

.btn-outline-main {
  background-color: transparent !important;
  border-color: #c31e49 !important;
  border-color: var(--main-color) !important;
  color: #c31e49 !important;
  color: var(--main-color) !important
}

.btn-outline-main:hover {
  background-color: #b6eccf !important;
  background-color: var(--main-color-200) !important;
  background-color: hsl(148, 59%, 81.7%) !important;
  background-color: var(--main-200) !important;
  border-color: hsl(148, 59%, 69.5%) !important;
  border-color: var(--main-400) !important
}

.btn-main-two {
  --tw-border-opacity: 1 !important;
  border-color: #fa6400 !important;
  border-color: rgba(250, 100, 0, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #fa6400 !important;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.btn-main-two:hover {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #c75000 !important;
  background-color: rgba(199, 80, 0, var(--tw-bg-opacity)) !important;
  background-color: hsl(25, 100%, 39.2%) !important;
  background-color: var(--main-two-800) !important;
  border-color: hsl(25, 100%, 39.2%) !important;
  border-color: var(--main-two-800) !important
}

.btn-outline-main-two {
  --tw-border-opacity: 1 !important;
  background-color: transparent !important;
  border-color: #fa6400 !important;
  border-color: rgba(250, 100, 0, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #fa6400 !important;
  color: rgba(250, 100, 0, var(--tw-text-opacity)) !important
}

.btn-outline-main-two:hover {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #ffd1b3 !important;
  background-color: rgba(255, 209, 179, var(--tw-bg-opacity)) !important;
  background-color: hsl(25, 100%, 84.7%) !important;
  background-color: var(--main-two-200) !important;
  border-color: hsl(25, 100%, 74.5%) !important;
  border-color: var(--main-two-400) !important
}

.btn-white {
  --tw-border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.btn-white:hover {
  background-color: hsla(0, 0%, 100%, .902) !important;
  border-color: hsla(0, 0%, 100%, .902) !important
}

.btn-outline-white {
  --tw-border-opacity: 1 !important;
  background-color: transparent !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.btn-outline-white:hover {
  --tw-border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.btn-black {
  --tw-border-opacity: 1 !important;
  border-color: #121535 !important;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #121535 !important;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.btn-black:hover {
  background-color: rgba(18, 21, 53, .8) !important;
  border-color: rgba(18, 21, 53, .8) !important
}

.btn-outline-black {
  --tw-border-opacity: 1 !important;
  background-color: transparent !important;
  border-color: #121535 !important;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.btn-outline-black:hover {
  --tw-border-opacity: 1 !important;
  border-color: #121535 !important;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #121535 !important;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.btn {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.common-input {
  border-radius: 5px;
  width: 100%;
  --tw-border-opacity: 1;
  font-weight: 400;
  line-height: 1;
  padding: 17px 24px;
  --tw-text-opacity: 1;
  border: 1px solid #e6e6e6;
  border-color: var(--gray-100);
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity));
  outline-width: 0
}

@media (max-width:991px) {
  .common-input {
    padding: 12px 24px
  }
}

@media (max-width:767px) {
  .common-input {
    padding: 10px 16px
  }
}

.common-input.style-two {
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.common-input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.common-input::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  transition-duration: .2s;
  transition-timing-function: linear
}

.common-input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  transition-duration: .2s;
  transition-timing-function: linear
}

.common-input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  transition-duration: .2s;
  transition-timing-function: linear
}

.common-input::placeholder {
  font-size: 14px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.common-input--md {
  padding: 13px 16px
}

.common-input--lg {
  padding: 23px 24px
}

@media (max-width:767px) {
  .common-input--lg {
    padding: 18px 24px
  }
}

.common-input:focus {
  border-color: #c31e49;
  border-color: var(--main-color);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.common-input:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden
}

.common-input:focus::-moz-placeholder {
  opacity: 0;
  visibility: hidden
}

.common-input:focus:-ms-input-placeholder {
  opacity: 0;
  visibility: hidden
}

.common-input:focus::-ms-input-placeholder {
  opacity: 0;
  visibility: hidden
}

.common-input:focus::placeholder {
  opacity: 0;
  visibility: hidden
}

.common-input:disabled,
.common-input[readonly] {
  background-color: rgba(18, 21, 53, .2);
  border-width: 0;
  opacity: 1
}

.common-input[type=password] {
  color: rgba(18, 21, 53, .502)
}

.common-input[type=password]:focus {
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.common-input[type=file] {
  line-height: 50px;
  padding: 0;
  position: relative
}

.common-input[type=file]::-webkit-file-upload-button {
  border: 1px solid rgba(18, 21, 53, .102);
  border-radius: .2em;
  line-height: 25px;
  margin-left: 15px;
  padding: 4px 6px;
  position: relative;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.common-input[type=file]::file-selector-button {
  border: 1px solid rgba(18, 21, 53, .102);
  border-radius: .2em;
  line-height: 25px;
  margin-left: 15px;
  padding: 4px 6px;
  position: relative;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.common-input[type=file]::-webkit-file-upload-button:hover {
  background-color: #c31e49;
  background-color: var(--main-color);
  border: 1px solid #c31e49;
  border-color: var(--main-color);
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.common-input[type=file]::file-selector-button:hover {
  background-color: #c31e49;
  background-color: var(--main-color);
  border: 1px solid #c31e49;
  border-color: var(--main-color);
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.common-input[type=file] {
  background-color: #c31e49 !important;
  background-color: var(--main-color) !important;
  --tw-text-opacity: 1 !important;
  color: #828282 !important;
  color: rgba(130, 130, 130, var(--tw-text-opacity)) !important
}

.common-input {
  background-color: transparent !important
}

.common-input--withIcon {
  padding-right: 50px !important
}

.common-input--withLeftIcon {
  padding-left: 50px !important
}

.input-icon {
  position: absolute;
  right: 24px;
  top: 50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.input-icon--left {
  left: 20px;
  right: auto
}

textarea+.input-icon {
  top: 15px;
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-label {
  font-weight: 500;
  margin-bottom: 6px;
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.select-has-icon {
  position: relative
}

.select-has-icon:before {
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
  --tw-translate-y: -50%;
  color: #c31e49;
  color: var(--main-color);
  font-family: Phosphor;
  font-weight: 900;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
  --tw-text-opacity: 1 !important;
  color: #121535 !important
}

@supports (color:rgb(0 0 0/0)) {
  .select-has-icon:before {
    color: rgb(18 21 53/var(--tw-text-opacity)) !important
  }
}

.select-has-icon.icon-black:before {
  -webkit-text-fill-color: #121535
}

.select-has-icon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  font-size: 18px;
  padding: 20px 24px
}

@media (max-width:991px) {
  .select-has-icon select {
    padding: 15px 24px
  }
}

@media (max-width:767px) {
  .select-has-icon select {
    padding: 12px 16px
  }
}

.select-has-icon .common-input {
  padding-right: 30px !important
}

.select {
  padding: 16px 24px
}

@media (max-width:991px) {
  .select {
    padding: 11px 24px
  }
}

@media (max-width:767px) {
  .select {
    padding: 9px 24px
  }
}

.select:focus {
  border-color: #c31e49;
  border-color: var(--main-color);
  outline-width: 0;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.select option {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.select {
  color: rgba(18, 21, 53, .6) !important
}

textarea.common-input {
  height: 140px
}

@media (max-width:767px) {
  textarea.common-input {
    height: 110px
  }
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0);
  -webkit-text-fill-color: #121535 !important;
  caret-color: #121535
}

input#confirm-password,
input#your-password {
  padding-right: 50px
}

.password-show-hide {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 5;
  --tw-translate-y: -50%;
  color: rgba(18, 21, 53, .4);
  cursor: pointer;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

input[type=number] {
  -moz-appearance: textfield
}

.common-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.common-check:last-child {
  margin-bottom: 0
}

.common-check a {
  display: inline
}

.common-check.common-radio .form-check-input {
  border-radius: 50%
}

.common-check.common-radio .form-check-input:checked {
  background-color: transparent !important
}

.common-check.common-radio .form-check-input:checked:after {
  visibility: visible;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  -ms-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.common-check .form-check-input {
  background-color: transparent;
  border: 1px solid rgba(18, 21, 53, .4);
  border-radius: 3px;
  cursor: pointer;
  height: 18px;
  margin-top: 0;
  position: relative;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  width: 18px
}

.common-check .form-check-input:before {
  left: 50%;
  position: absolute;
  top: 50%;
  visibility: hidden;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  font-family: Phosphor;
  font-size: 12px;
  font-weight: 900;
  -webkit-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.common-check .form-check-input:after {
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  visibility: hidden;
  width: 10px;
  z-index: 1;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0.2;
  --tw-scale-y: 0.2;
  background-color: #c31e49;
  background-color: var(--main-color);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.2) scaleY(.2);
  -ms-transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.2) scaleY(.2);
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.2) scaleY(.2);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.common-check .form-check-input:checked {
  background-color: #c31e49 !important;
  background-color: var(--main-color) !important;
  border-color: #c31e49 !important;
  border-color: var(--main-color) !important;
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important
}

.common-check .form-check-input:checked[type=checkbox] {
  background-image: none
}

.common-check .form-check-input:checked:before {
  opacity: 1;
  visibility: visible
}

.common-check .form-check-input {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important
}

.common-check .form-check-label {
  cursor: pointer;
  font-family: Quicksand, sans-serif;
  font-weight: 500;
  padding-left: 12px;
  width: -webkit-calc(100% - 18px);
  width: calc(100% - 18px);
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.checked-black .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #121535;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity))
}

.checked-black .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity))
}

.checked-black .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  border-color: #121535 !important;
  border-color: rgba(18, 21, 53, var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: #121535 !important;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity)) !important
}

.checked-primary .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #487fff;
  border-color: var(--primary-600)
}

.checked-primary .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #487fff;
  background-color: rgba(72, 127, 255, var(--tw-bg-opacity));
  background-color: #487fff;
  background-color: var(--primary-600)
}

.checked-primary .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #487fff !important;
  background-color: rgba(72, 127, 255, var(--tw-bg-opacity)) !important;
  background-color: #487fff !important;
  background-color: var(--primary-600) !important;
  border-color: #487fff !important;
  border-color: var(--primary-600) !important
}

.checked-gray .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #666;
  border-color: var(--gray-600)
}

.checked-gray .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #666;
  background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
  background-color: #666;
  background-color: var(--gray-600)
}

.checked-gray .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #666 !important;
  background-color: rgba(102, 102, 102, var(--tw-bg-opacity)) !important;
  background-color: #666 !important;
  background-color: var(--gray-600) !important;
  border-color: #666 !important;
  border-color: var(--gray-600) !important
}

.checked-success .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #27ae60;
  border-color: var(--success-600)
}

.checked-success .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #27ae60;
  background-color: rgba(39, 174, 96, var(--tw-bg-opacity));
  background-color: #27ae60;
  background-color: var(--success-600)
}

.checked-success .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #27ae60 !important;
  background-color: rgba(39, 174, 96, var(--tw-bg-opacity)) !important;
  background-color: #27ae60 !important;
  background-color: var(--success-600) !important;
  border-color: #27ae60 !important;
  border-color: var(--success-600) !important
}

.checked-danger .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #dc2626;
  border-color: var(--danger-600)
}

.checked-danger .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #dc2626;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  background-color: #dc2626;
  background-color: var(--danger-600)
}

.checked-danger .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #dc2626 !important;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity)) !important;
  background-color: #dc2626 !important;
  background-color: var(--danger-600) !important;
  border-color: #dc2626 !important;
  border-color: var(--danger-600) !important
}

.checked-purple .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #3c23b5;
  border-color: var(--tertiary-600)
}

.checked-purple .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #3c23b5;
  background-color: rgba(60, 35, 181, var(--tw-bg-opacity));
  background-color: #3c23b5;
  background-color: var(--tertiary-600)
}

.checked-purple .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #3c23b5 !important;
  background-color: rgba(60, 35, 181, var(--tw-bg-opacity)) !important;
  background-color: #3c23b5 !important;
  background-color: var(--tertiary-600) !important;
  border-color: #3c23b5 !important;
  border-color: var(--tertiary-600) !important
}

.checked-white .form-check-input {
  --tw-border-opacity: 1;
  border: 1px solid #e6e6e6;
  border-color: var(--gray-100)
}

.checked-white .form-check-input:after {
  --tw-bg-opacity: 1;
  background-color: #e6e6e6;
  background-color: rgba(230, 230, 230, var(--tw-bg-opacity));
  background-color: #e6e6e6;
  background-color: var(--gray-100)
}

.checked-white .form-check-input:checked {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #e6e6e6 !important;
  background-color: rgba(230, 230, 230, var(--tw-bg-opacity)) !important;
  background-color: #e6e6e6 !important;
  background-color: var(--gray-100) !important;
  border-color: #e6e6e6 !important;
  border-color: var(--gray-100) !important
}

.toggle-password.active:before {
  --tw-content: "" !important;
  content: "" !important;
  content: var(--tw-content) !important
}

.pagination {
  margin-top: 64px
}

@media (max-width:1199px) {
  .pagination {
    margin-top: 48px
  }
}

@media (max-width:991px) {
  .pagination {
    margin-top: 40px
  }
}

@media (max-width:767px) {
  .pagination {
    margin-top: 32px
  }
}

.pagination .page-item.active .page-link {
  background-color: #c31e49 !important;
  background-color: var(--main-color-600) !important;
  --tw-text-opacity: 1 !important;
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important;
  border-color: #c31e49 !important;
  border-color: var(--main-600) !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.pagination .page-item .page-link {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important
}

.pagination .page-item .page-link:active,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
  background-color: #cef2df !important;
  background-color: var(--main-color-100) !important;
  background-color: hsl(148, 59%, 87.8%) !important;
  background-color: var(--main-100) !important;
  border-color: hsl(148, 59%, 75.6%) !important;
  border-color: var(--main-300) !important;
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.common-tab {
  gap: 8px;
  margin-bottom: 20px
}

.common-tab .nav-item {
  border-bottom-width: 0
}

.common-tab .nav-item .nav-link {
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  --tw-border-opacity: 1;
  background-color: transparent;
  border: 1px solid #bdbecc;
  border-color: rgba(189, 190, 204, var(--tw-border-opacity));
  font-size: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

@media (max-width:1399px) {
  .common-tab .nav-item .nav-link {
    font-size: 14px
  }
}

.common-tab .nav-item .nav-link.active {
  background-color: #c31e49 !important;
  background-color: var(--main-color-600) !important;
  --tw-text-opacity: 1 !important;
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important;
  border-color: #c31e49 !important;
  border-color: var(--main-600) !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.common-tab .nav-item .nav-link:hover {
  color: #c31e49;
  color: var(--main-color-600);
  color: #c31e49;
  color: var(--main-600)
}

.common-tab .nav-item .nav-link {
  padding: 9px 24px !important
}

@media (max-width:1399px) {
  .common-tab .nav-item .nav-link {
    padding: 6px 16px !important
  }
}

.common-tab.style-two .nav-link {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--gray-100);
  color: #121535;
  color: var(--neutral-600);
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border: 1px solid #e6e6e6;
  border-color: var(--gray-100);
  color: #121535;
  color: var(--neutral-600)
}

@supports (color:rgb(0 0 0/0)) {
  .common-tab.style-two .nav-link {
    color: rgb(18 21 53/var(--tw-text-opacity))
  }
}

.common-tab.style-two .nav-link.active {
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: #fa6400 !important;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  background-color: #fa6800 !important;
  background-color: var(--main-two-600) !important;
  border-color: #fa6800 !important;
  border-color: var(--main-two-600) !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.common-tab.style-two .nav-link:hover {
  --tw-text-opacity: 1;
  color: #fa6400;
  color: rgba(250, 100, 0, var(--tw-text-opacity));
  color: #fa6800;
  color: var(--main-two-600)
}

.table-card {
  border: 1px solid hsla(0, 0%, 100%, .2);
  border-radius: 10px;
  padding: clamp(1.25rem, .033rem + 2.536vw, 2.25rem)
}

.table {
  margin-bottom: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.table>:not(caption)>*>* {
  border-bottom-width: 0
}

.table tr th {
  padding: 32px 32px 32px 0
}

.table tr th:first-child {
  padding-left: 0
}

.table tr th:last-child {
  padding-right: 0
}

.table tr td,
.table tr th {
  text-align: center;
  vertical-align: middle
}

.table tr td:first-child,
.table tr th:first-child {
  text-align: left
}

.table tr td:last-child,
.table tr th:last-child {
  padding-right: 0;
  text-align: right
}

.table thead tr {
  border-bottom: 1px hsla(0, 0%, 100%, .2);
  border-style: solid
}

.table thead tr th {
  font-size: clamp(1rem, .696rem + .634vw, 1.25rem);
  font-weight: 700;
  padding-bottom: clamp(1rem, -.065rem + 2.219vw, 1.875rem);
  padding-top: 0
}

.table tbody tr {
  border-bottom: 1px hsla(0, 0%, 100%, .2);
  border-style: solid
}

.table tbody tr:last-child {
  border-bottom-width: 0
}

.table tbody tr:last-child td {
  padding-bottom: 0
}

.featured-products .table tbody tr:last-child td {
  padding-bottom: 0
}

.table tbody tr td {
  font-size: clamp(.875rem, .723rem + .317vw, 1rem);
  font-weight: 400;
  padding: clamp(1rem, -.065rem + 2.219vw, 1.875rem) 0
}

.table.style-two {
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.table.style-two tbody tr,
.table.style-two thead tr {
  border-bottom: 1px rgba(18, 21, 53, .102);
  border-style: solid
}

.table.style-two thead tr th {
  font-size: 15px;
  padding-bottom: 16px
}

.table.style-three tbody tr {
  --tw-border-opacity: 1;
  border-bottom: 1px #e6e6e6;
  border-bottom-color: rgba(230, 230, 230, var(--tw-border-opacity));
  border-style: solid
}

.table.style-three tbody tr:last-child {
  border-width: 0
}

.table.style-three tbody tr td:first-child {
  padding-left: 0
}

.table.style-three tbody tr td:last-child {
  padding-right: 0
}

.table.style-three tbody tr td {
  padding: clamp(1.5rem, .283rem + 2.536vw, 2.5rem) 24px
}

.common-card {
  border-width: 0
}

.common-card .card-footer,
.common-card .card-header {
  --tw-border-opacity: 1;
  background-color: transparent;
  border-bottom: 1px;
  border-color: #bdbecc;
  border-color: rgba(189, 190, 204, var(--tw-border-opacity));
  border-style: solid;
  padding: 12px 24px
}

@media (max-width:425px) {

  .common-card .card-footer,
  .common-card .card-header {
    padding: 12px 16px
  }
}

.common-card .card-header {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity))
}

.common-card .card-header .title {
  margin-bottom: 0;
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.common-card .card-body {
  padding: 24px
}

@media (max-width:425px) {
  .common-card .card-body {
    padding: 16px
  }
}

.common-card .card-footer {
  border-bottom-width: 0;
  --tw-border-opacity: 1;
  border-top: 1px #bdbecc;
  border-style: solid;
  border-top-color: rgba(189, 190, 204, var(--tw-border-opacity))
}

.select2-container--default .select2-selection--single {
  border-width: 0
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0;
  position: relative
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  color: rgba(18, 21, 53, .4);
  font-family: Phosphor;
  font-weight: 900;
  position: relative;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  --tw-content: "" !important;
  content: "" !important;
  content: var(--tw-content) !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important
}

.select2-container {
  height: inherit !important;
  width: auto !important
}

.select2-selection.select2-selection--single {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: inherit !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  --tw-border-opacity: 1 !important;
  background-color: transparent !important;
  border: 1px solid #ccc !important;
  border-color: var(--gray-200) !important
}

.radius-end-0 .select2-selection.select2-selection--single {
  border-bottom-left-radius: 50px !important;
  border-top-left-radius: 50px !important
}

.select2-selection.select2-selection--single {
  position: relative
}

.select2-container .selection {
  height: inherit
}

.select2-selection__arrow {
  right: 16px !important;
  top: 50% !important;
  width: auto !important;
  --tw-translate-y: -50% !important;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@media (max-width:1199px) {
  .select2-selection__arrow {
    right: 6px !important
  }
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 24px !important;
  padding-right: 40px !important
}

@media (max-width:1199px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px !important;
    padding-right: 24px !important
  }
}

.select-border-r-0 .select2-selection.select2-selection--single {
  border-right-width: 0 !important
}

.select2-dropdown {
  min-width: 200px
}

@media (max-width:767px) {
  .select2-dropdown {
    min-width: 170px
  }
}

@media (max-width:425px) {
  .select2-dropdown {
    min-width: 150px
  }
}

.select2-dropdown {
  border-radius: 6px !important;
  --tw-border-opacity: 1 !important;
  border: 1px solid #e6e6e6 !important;
  border-color: var(--gray-100) !important;
  padding: 10px !important
}

.select2-search--dropdown {
  padding: 0 !important
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 6px !important;
  --tw-border-opacity: 1 !important;
  border: 1px solid #e6e6e6 !important;
  border-color: var(--gray-100) !important;
  padding: 4px 10px
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline-color: #b6eccf;
  outline-color: var(--main-color-200);
  outline-style: solid;
  outline-width: 1px
}

.select2-results {
  margin-top: 8px !important
}

.select2-results__option.select2-results__option--selectable {
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 6px 12px !important
}

@media (max-width:767px) {
  .select2-results__option.select2-results__option--selectable {
    font-size: 12px !important;
    padding: 4px 10px !important
  }
}

.select2-results__option.select2-results__option--selectable {
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500)
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #c31e49 !important;
  background-color: var(--main-color-600) !important;
  --tw-text-opacity: 1 !important;
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.select2-results__option.select2-results__option--selectable:hover {
  background-color: #cef2df !important;
  background-color: var(--main-color-100) !important;
  background-color: hsl(148, 59%, 87.8%) !important;
  background-color: var(--main-100) !important;
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--selected:hover {
  background-color: #c31e49 !important;
  background-color: var(--main-color-600) !important;
  --tw-text-opacity: 1 !important;
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.select2-container--default .select2-results>.select2-results__options {
  padding-right: 8px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 6px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: #e4e4e4;
  background-color: rgba(228, 228, 228, var(--tw-bg-opacity))
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: #a2a2a2;
  background-color: rgba(162, 162, 162, var(--tw-bg-opacity))
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: #6d6d6d;
  background-color: rgba(109, 109, 109, var(--tw-bg-opacity))
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.location-box .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 50px !important
}

.location-box .select2-selection__arrow {
  right: 0 !important;
  top: 10% !important
}

.location-box .select2-selection.select2-selection--single {
  border-width: 0 !important
}

.location-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: Exo, sans-serif;
  font-weight: 700;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: #1a1a1a;
  color: rgba(26, 26, 26, var(--tw-text-opacity));
  color: #1a1a1a;
  color: var(--gray-900)
}

@media (max-width:991px) {
  .select2-container--open .select2-dropdown {
    left: -74px
  }
}

@media (max-width:425px) {
  .select2-container--open .select2-dropdown {
    left: -40px
  }
}

@media (max-width:991px) {

  .location-box,
  .search-category.h-48 {
    height: 40px !important
  }

  .location-box .select2-selection__rendered,
  .search-category.h-48 .select2-selection__rendered {
    font-size: 12px
  }
}

.countdown-list {
  gap: 20px
}

@media (max-width:1399px) {
  .countdown-list {
    gap: 6px
  }
}

.countdown-list__item {
  border-radius: 8px;
  position: relative;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.countdown-list__item:last-child:before {
  content: var(--tw-content);
  display: none
}

@media (max-width:1399px) {
  .countdown-list__item {
    font-size: 12px
  }
}

.countdown-list__item:before {
  position: absolute;
  right: -10px;
  top: 50%;
  --tw-translate-y: -50%;
  font-weight: 700;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: ":";
  content: ":";
  content: var(--tw-content)
}

@media (max-width:1399px) {
  .countdown-list__item:before {
    display: none
  }
}

.countdown-list__item.colon-white:before {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.countdown-list__item {
  padding: clamp(.375rem, -2.248rem + 3vw, .75rem) clamp(.5rem, -2.998rem + 4vw, 1rem)
}

.countdown-list.style-two .countdown-list__item {
  background-color: #c31e49;
  background-color: var(--main-color-600);
  background-color: #c31e49;
  background-color: var(--main-600);
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.countdown-list.style-two .countdown-list__item:before {
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  content: var(--tw-content) !important
}

.countdown-list.style-three {
  gap: 12px
}

.countdown-list.style-three .countdown-list__item {
  background-color: #e7f9ef;
  background-color: var(--main-color-50);
  background-color: hsl(148, 59%, 93.9%);
  background-color: var(--main-50);
  font-size: 11px !important;
  padding: 6px;
  --tw-text-opacity: 1 !important;
  color: #1a1a1a !important;
  color: rgba(26, 26, 26, var(--tw-text-opacity)) !important
}

.countdown-list.style-four .countdown-list__item {
  height: 64px;
  width: 64px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px
}

.countdown-list.style-four .countdown-list__item:before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.badge-notification {
  left: 0;
  margin-bottom: 6px;
  position: absolute;
  top: -18px
}

@-webkit-keyframes notification {

  0%,
  to {
    opacity: 1
  }

  50% {
    opacity: .3
  }
}

@keyframes notification {

  0%,
  to {
    opacity: 1
  }

  50% {
    opacity: .3
  }
}

.badge-notification {
  -webkit-animation: notification .8s infinite;
  animation: notification .8s infinite
}

.badge-notification:before {
  background-color: inherit;
  height: 6px;
  position: absolute;
  top: -webkit-calc(100% - 1px);
  top: calc(100% - 1px);
  width: 11px;
  --tw-content: "";
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  content: "";
  content: var(--tw-content)
}

.badge-style-two:before {
  height: 12px;
  left: -4px;
  position: absolute;
  top: 50%;
  width: 12px;
  --tw-translate-y: -50%;
  --tw-rotate: 45deg;
  border-radius: 2px;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: #fa6400;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity));
  --tw-content: "";
  background-color: #fa6800;
  background-color: var(--main-two-600);
  content: "";
  content: var(--tw-content)
}

.custom--range #slider-range {
  border-width: 0;
  height: 4px;
  margin: 8px;
  --tw-bg-opacity: 1;
  background-color: #ccc;
  background-color: rgba(204, 204, 204, var(--tw-bg-opacity));
  background-color: #ccc;
  background-color: var(--gray-200)
}

.custom--range #slider-range .ui-slider-handle {
  top: 50%;
  --tw-translate-y: -50%;
  border-radius: 50%;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.custom--range #slider-range .ui-slider-handle.ui-state-active,
.custom--range #slider-range .ui-slider-handle:hover {
  --tw-translate-y: -50%;
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.3) scaleY(1.3);
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.3) scaleY(1.3);
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.3) scaleY(1.3);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.custom--range #slider-range .ui-slider-handle.ui-state-active {
  --tw-shadow: 0px 0px 12px 4px hsla(0, 0%, 58%, .255) !important;
  --tw-shadow-colored: 0px 0px 12px 4px var(--tw-shadow-color) !important;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 4px hsla(0, 0%, 58%, .255) !important;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 4px hsla(0, 0%, 58%, .255) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important
}

.custom--range #slider-range .ui-slider-handle {
  background-color: #c31e49 !important;
  background-color: var(--main-color-600) !important;
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important;
  border-width: 0 !important;
  height: 16px !important;
  outline-width: 0 !important;
  width: 16px !important
}

.custom--range #slider-range .ui-widget-header {
  background-color: #c31e49;
  background-color: var(--main-color-600);
  background-color: #c31e49;
  background-color: var(--main-600);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.custom--range #slider-range span:focus {
  background-color: #c31e49;
  background-color: var(--main-color-600);
  background-color: #c31e49;
  background-color: var(--main-600)
}

.custom--range__prices {
  width: 58px
}

.custom--range input {
  border-width: 0;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: #828282;
  color: rgba(130, 130, 130, var(--tw-text-opacity));
  outline-width: 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

html {
  scroll-behavior: smooth
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-family: Inter, sans-serif;
  --tw-text-opacity: 1;
  color: #828282;
  color: rgba(130, 130, 130, var(--tw-text-opacity));
  word-break: break-word
}

body,
html {
  overflow-x: hidden
}

p {
  font-weight: 400;
  line-height: 1.6;
  margin: 0
}

span {
  display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 16px;
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity))
}

.h1,
h1 {
  font-size: clamp(2.25rem, -.0733rem + 6.3692vw, 4.5rem)
}

.h2,
h2 {
  font-size: clamp(2rem, .7133rem + 2.8846vw, 3.5rem)
}

.h3,
h3 {
  font-size: clamp(1.75rem, .3353rem + 2.1661vw, 3rem)
}

.h4,
h4 {
  font-size: clamp(1.5rem, .5569rem + 1.444vw, 2.5rem)
}

.h5,
h5 {
  font-size: clamp(1.25rem, 1.2rem + .722vw, 2.25rem)
}

.h6,
h6 {
  font-size: clamp(1.125rem, .769rem + .6813vw, 1.5rem)
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
  color: #c31e49;
  color: var(--main-color)
}

a {
  --tw-text-opacity: 1;
  color: #0661e9;
  color: rgba(6, 97, 233, var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
  -moz-text-decoration-line: none;
  text-decoration-line: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

a,
img {
  display: inline-block
}

img {
  height: auto;
  max-width: 100%
}

select {
  cursor: pointer
}

ol,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

button {
  background-color: transparent;
  border-width: 0
}

button:focus {
  border-color: transparent;
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 -webkit-calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-select:focus:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  outline-width: 0
}

.form-select:focus:focus-visible {
  outline-width: 0
}

input:focus-visible:focus-visible {
  outline-width: 0
}

.m-2 {
  margin: .125rem !important;
  margin: var(--size-2) !important
}

.m-3 {
  margin: .1875rem !important;
  margin: var(--size-3) !important
}

.m-4 {
  margin: .25rem !important;
  margin: var(--size-4) !important
}

.m-5 {
  margin: .3125rem !important;
  margin: var(--size-5) !important
}

.m-6 {
  margin: .375rem !important;
  margin: var(--size-6) !important
}

.m-7 {
  margin: .4375rem !important;
  margin: var(--size-7) !important
}

.m-8 {
  margin: .5rem !important;
  margin: var(--size-8) !important
}

.m-9 {
  margin: .5625rem !important;
  margin: var(--size-9) !important
}

.m-10 {
  margin: .625rem !important;
  margin: var(--size-10) !important
}

.m-11 {
  margin: .6875rem !important;
  margin: var(--size-11) !important
}

.m-12 {
  margin: .75rem !important;
  margin: var(--size-12) !important
}

.m-13 {
  margin: .8125rem !important;
  margin: var(--size-13) !important
}

.m-14 {
  margin: .875rem !important;
  margin: var(--size-14) !important
}

.m-16 {
  margin: 1rem !important;
  margin: var(--size-16) !important
}

.m-18 {
  margin: 1.125rem !important;
  margin: var(--size-18) !important
}

.m-20 {
  margin: 1.25rem !important;
  margin: var(--size-20) !important
}

.m-22 {
  margin: 1.375rem !important;
  margin: var(--size-22) !important
}

.m-24 {
  margin: 1.5rem !important;
  margin: var(--size-24) !important
}

.m-26 {
  margin: 1.625rem !important;
  margin: var(--size-26) !important
}

.m-28 {
  margin: 1.75rem !important;
  margin: var(--size-28) !important
}

.m-30 {
  margin: 1.875rem !important;
  margin: var(--size-30) !important
}

.m-32 {
  margin: 2rem !important;
  margin: var(--size-32) !important
}

.m-36 {
  margin: 2rem !important;
  margin: var(--size-36) !important
}

.m-40 {
  margin: 2.5rem !important;
  margin: var(--size-40) !important
}

.m-44 {
  margin: 2.75rem !important;
  margin: var(--size-44) !important
}

.m-48 {
  margin: 3rem !important;
  margin: var(--size-48) !important
}

.m-52 {
  margin: 3.25rem !important;
  margin: var(--size-52) !important
}

.m-56 {
  margin: 3.5rem !important;
  margin: var(--size-56) !important
}

.m-60 {
  margin: 3.75rem !important;
  margin: var(--size-60) !important
}

.m-64 {
  margin: 4rem !important;
  margin: var(--size-64) !important
}

.m-68 {
  margin: 4.25rem !important;
  margin: var(--size-68) !important
}

.m-72 {
  margin: 4.5rem !important;
  margin: var(--size-72) !important
}

.m-76 {
  margin: 4.75rem !important;
  margin: var(--size-76) !important
}

.m-80 {
  margin: 5rem !important;
  margin: var(--size-80) !important
}

.m-90 {
  margin: 5.625rem !important;
  margin: var(--size-90) !important
}

.m-110 {
  margin: 6.875rem !important;
  margin: var(--size-110) !important
}

.m-120 {
  margin: 7.5rem !important;
  margin: var(--size-120) !important
}

.m-144 {
  margin: 9rem !important;
  margin: var(--size-144) !important
}

.m-160 {
  margin: 10rem !important;
  margin: var(--size-160) !important
}

.m-210 {
  margin: 13.125rem !important;
  margin: var(--size-210) !important
}

.mx-2 {
  margin-left: .125rem !important;
  margin-left: var(--size-2) !important;
  margin-right: .125rem !important;
  margin-right: var(--size-2) !important
}

.mx-3 {
  margin-left: .1875rem !important;
  margin-left: var(--size-3) !important;
  margin-right: .1875rem !important;
  margin-right: var(--size-3) !important
}

.mx-4 {
  margin-left: .25rem !important;
  margin-left: var(--size-4) !important;
  margin-right: .25rem !important;
  margin-right: var(--size-4) !important
}

.mx-5 {
  margin-left: .3125rem !important;
  margin-left: var(--size-5) !important;
  margin-right: .3125rem !important;
  margin-right: var(--size-5) !important
}

.mx-6 {
  margin-left: .375rem !important;
  margin-left: var(--size-6) !important;
  margin-right: .375rem !important;
  margin-right: var(--size-6) !important
}

.mx-7 {
  margin-left: .4375rem !important;
  margin-left: var(--size-7) !important;
  margin-right: .4375rem !important;
  margin-right: var(--size-7) !important
}

.mx-8 {
  margin-left: .5rem !important;
  margin-left: var(--size-8) !important;
  margin-right: .5rem !important;
  margin-right: var(--size-8) !important
}

.mx-9 {
  margin-left: .5625rem !important;
  margin-left: var(--size-9) !important;
  margin-right: .5625rem !important;
  margin-right: var(--size-9) !important
}

.mx-10 {
  margin-left: .625rem !important;
  margin-left: var(--size-10) !important;
  margin-right: .625rem !important;
  margin-right: var(--size-10) !important
}

.mx-11 {
  margin-left: .6875rem !important;
  margin-left: var(--size-11) !important;
  margin-right: .6875rem !important;
  margin-right: var(--size-11) !important
}

.mx-12 {
  margin-left: .75rem !important;
  margin-left: var(--size-12) !important;
  margin-right: .75rem !important;
  margin-right: var(--size-12) !important
}

.mx-13 {
  margin-left: .8125rem !important;
  margin-left: var(--size-13) !important;
  margin-right: .8125rem !important;
  margin-right: var(--size-13) !important
}

.mx-14 {
  margin-left: .875rem !important;
  margin-left: var(--size-14) !important;
  margin-right: .875rem !important;
  margin-right: var(--size-14) !important
}

.mx-16 {
  margin-left: 1rem !important;
  margin-left: var(--size-16) !important;
  margin-right: 1rem !important;
  margin-right: var(--size-16) !important
}

.mx-18 {
  margin-left: 1.125rem !important;
  margin-left: var(--size-18) !important;
  margin-right: 1.125rem !important;
  margin-right: var(--size-18) !important
}

.mx-20 {
  margin-left: 1.25rem !important;
  margin-left: var(--size-20) !important;
  margin-right: 1.25rem !important;
  margin-right: var(--size-20) !important
}

.mx-22 {
  margin-left: 1.375rem !important;
  margin-left: var(--size-22) !important;
  margin-right: 1.375rem !important;
  margin-right: var(--size-22) !important
}

.mx-24 {
  margin-left: 1.5rem !important;
  margin-left: var(--size-24) !important;
  margin-right: 1.5rem !important;
  margin-right: var(--size-24) !important
}

.mx-26 {
  margin-left: 1.625rem !important;
  margin-left: var(--size-26) !important;
  margin-right: 1.625rem !important;
  margin-right: var(--size-26) !important
}

.mx-28 {
  margin-left: 1.75rem !important;
  margin-left: var(--size-28) !important;
  margin-right: 1.75rem !important;
  margin-right: var(--size-28) !important
}

.mx-30 {
  margin-left: 1.875rem !important;
  margin-left: var(--size-30) !important;
  margin-right: 1.875rem !important;
  margin-right: var(--size-30) !important
}

.mx-32 {
  margin-left: 2rem !important;
  margin-left: var(--size-32) !important;
  margin-right: 2rem !important;
  margin-right: var(--size-32) !important
}

.mx-36 {
  margin-left: 2rem !important;
  margin-left: var(--size-36) !important;
  margin-right: 2rem !important;
  margin-right: var(--size-36) !important
}

.mx-40 {
  margin-left: 2.5rem !important;
  margin-left: var(--size-40) !important;
  margin-right: 2.5rem !important;
  margin-right: var(--size-40) !important
}

.mx-44 {
  margin-left: 2.75rem !important;
  margin-left: var(--size-44) !important;
  margin-right: 2.75rem !important;
  margin-right: var(--size-44) !important
}

.mx-48 {
  margin-left: 3rem !important;
  margin-left: var(--size-48) !important;
  margin-right: 3rem !important;
  margin-right: var(--size-48) !important
}

.mx-52 {
  margin-left: 3.25rem !important;
  margin-left: var(--size-52) !important;
  margin-right: 3.25rem !important;
  margin-right: var(--size-52) !important
}

.mx-56 {
  margin-left: 3.5rem !important;
  margin-left: var(--size-56) !important;
  margin-right: 3.5rem !important;
  margin-right: var(--size-56) !important
}

.mx-60 {
  margin-left: 3.75rem !important;
  margin-left: var(--size-60) !important;
  margin-right: 3.75rem !important;
  margin-right: var(--size-60) !important
}

.mx-64 {
  margin-left: 4rem !important;
  margin-left: var(--size-64) !important;
  margin-right: 4rem !important;
  margin-right: var(--size-64) !important
}

.mx-68 {
  margin-left: 4.25rem !important;
  margin-left: var(--size-68) !important;
  margin-right: 4.25rem !important;
  margin-right: var(--size-68) !important
}

.mx-72 {
  margin-left: 4.5rem !important;
  margin-left: var(--size-72) !important;
  margin-right: 4.5rem !important;
  margin-right: var(--size-72) !important
}

.mx-76 {
  margin-left: 4.75rem !important;
  margin-left: var(--size-76) !important;
  margin-right: 4.75rem !important;
  margin-right: var(--size-76) !important
}

.mx-80 {
  margin-left: 5rem !important;
  margin-left: var(--size-80) !important;
  margin-right: 5rem !important;
  margin-right: var(--size-80) !important
}

.mx-90 {
  margin-left: 5.625rem !important;
  margin-left: var(--size-90) !important;
  margin-right: 5.625rem !important;
  margin-right: var(--size-90) !important
}

.mx-110 {
  margin-left: 6.875rem !important;
  margin-left: var(--size-110) !important;
  margin-right: 6.875rem !important;
  margin-right: var(--size-110) !important
}

.mx-120 {
  margin-left: 7.5rem !important;
  margin-left: var(--size-120) !important;
  margin-right: 7.5rem !important;
  margin-right: var(--size-120) !important
}

.mx-144 {
  margin-left: 9rem !important;
  margin-left: var(--size-144) !important;
  margin-right: 9rem !important;
  margin-right: var(--size-144) !important
}

.mx-160 {
  margin-left: 10rem !important;
  margin-left: var(--size-160) !important;
  margin-right: 10rem !important;
  margin-right: var(--size-160) !important
}

.mx-210 {
  margin-left: 13.125rem !important;
  margin-left: var(--size-210) !important;
  margin-right: 13.125rem !important;
  margin-right: var(--size-210) !important
}

.my-2 {
  margin-bottom: .125rem !important;
  margin-bottom: var(--size-2) !important;
  margin-top: .125rem !important;
  margin-top: var(--size-2) !important
}

.my-3 {
  margin-bottom: .1875rem !important;
  margin-bottom: var(--size-3) !important;
  margin-top: .1875rem !important;
  margin-top: var(--size-3) !important
}

.my-4 {
  margin-bottom: .25rem !important;
  margin-bottom: var(--size-4) !important;
  margin-top: .25rem !important;
  margin-top: var(--size-4) !important
}

.my-5 {
  margin-bottom: .3125rem !important;
  margin-bottom: var(--size-5) !important;
  margin-top: .3125rem !important;
  margin-top: var(--size-5) !important
}

.my-6 {
  margin-bottom: .375rem !important;
  margin-bottom: var(--size-6) !important;
  margin-top: .375rem !important;
  margin-top: var(--size-6) !important
}

.my-7 {
  margin-bottom: .4375rem !important;
  margin-bottom: var(--size-7) !important;
  margin-top: .4375rem !important;
  margin-top: var(--size-7) !important
}

.my-8 {
  margin-bottom: .5rem !important;
  margin-bottom: var(--size-8) !important;
  margin-top: .5rem !important;
  margin-top: var(--size-8) !important
}

.my-9 {
  margin-bottom: .5625rem !important;
  margin-bottom: var(--size-9) !important;
  margin-top: .5625rem !important;
  margin-top: var(--size-9) !important
}

.my-10 {
  margin-bottom: .625rem !important;
  margin-bottom: var(--size-10) !important;
  margin-top: .625rem !important;
  margin-top: var(--size-10) !important
}

.my-11 {
  margin-bottom: .6875rem !important;
  margin-bottom: var(--size-11) !important;
  margin-top: .6875rem !important;
  margin-top: var(--size-11) !important
}

.my-12 {
  margin-bottom: .75rem !important;
  margin-bottom: var(--size-12) !important;
  margin-top: .75rem !important;
  margin-top: var(--size-12) !important
}

.my-13 {
  margin-bottom: .8125rem !important;
  margin-bottom: var(--size-13) !important;
  margin-top: .8125rem !important;
  margin-top: var(--size-13) !important
}

.my-14 {
  margin-bottom: .875rem !important;
  margin-bottom: var(--size-14) !important;
  margin-top: .875rem !important;
  margin-top: var(--size-14) !important
}

.my-16 {
  margin-bottom: 1rem !important;
  margin-bottom: var(--size-16) !important;
  margin-top: 1rem !important;
  margin-top: var(--size-16) !important
}

.my-18 {
  margin-bottom: 1.125rem !important;
  margin-bottom: var(--size-18) !important;
  margin-top: 1.125rem !important;
  margin-top: var(--size-18) !important
}

.my-20 {
  margin-bottom: 1.25rem !important;
  margin-bottom: var(--size-20) !important;
  margin-top: 1.25rem !important;
  margin-top: var(--size-20) !important
}

.my-22 {
  margin-bottom: 1.375rem !important;
  margin-bottom: var(--size-22) !important;
  margin-top: 1.375rem !important;
  margin-top: var(--size-22) !important
}

.my-24 {
  margin-bottom: 1.5rem !important;
  margin-bottom: var(--size-24) !important;
  margin-top: 1.5rem !important;
  margin-top: var(--size-24) !important
}

.my-26 {
  margin-bottom: 1.625rem !important;
  margin-bottom: var(--size-26) !important;
  margin-top: 1.625rem !important;
  margin-top: var(--size-26) !important
}

.my-28 {
  margin-bottom: 1.75rem !important;
  margin-bottom: var(--size-28) !important;
  margin-top: 1.75rem !important;
  margin-top: var(--size-28) !important
}

.my-30 {
  margin-bottom: 1.875rem !important;
  margin-bottom: var(--size-30) !important;
  margin-top: 1.875rem !important;
  margin-top: var(--size-30) !important
}

.my-32 {
  margin-bottom: 2rem !important;
  margin-bottom: var(--size-32) !important;
  margin-top: 2rem !important;
  margin-top: var(--size-32) !important
}

.my-36 {
  margin-bottom: 2rem !important;
  margin-bottom: var(--size-36) !important;
  margin-top: 2rem !important;
  margin-top: var(--size-36) !important
}

.my-40 {
  margin-bottom: 2.5rem !important;
  margin-bottom: var(--size-40) !important;
  margin-top: 2.5rem !important;
  margin-top: var(--size-40) !important
}

.my-44 {
  margin-bottom: 2.75rem !important;
  margin-bottom: var(--size-44) !important;
  margin-top: 2.75rem !important;
  margin-top: var(--size-44) !important
}

.my-48 {
  margin-bottom: 3rem !important;
  margin-bottom: var(--size-48) !important;
  margin-top: 3rem !important;
  margin-top: var(--size-48) !important
}

.my-52 {
  margin-bottom: 3.25rem !important;
  margin-bottom: var(--size-52) !important;
  margin-top: 3.25rem !important;
  margin-top: var(--size-52) !important
}

.my-56 {
  margin-bottom: 3.5rem !important;
  margin-bottom: var(--size-56) !important;
  margin-top: 3.5rem !important;
  margin-top: var(--size-56) !important
}

.my-60 {
  margin-bottom: 3.75rem !important;
  margin-bottom: var(--size-60) !important;
  margin-top: 3.75rem !important;
  margin-top: var(--size-60) !important
}

.my-64 {
  margin-bottom: 4rem !important;
  margin-bottom: var(--size-64) !important;
  margin-top: 4rem !important;
  margin-top: var(--size-64) !important
}

.my-68 {
  margin-bottom: 4.25rem !important;
  margin-bottom: var(--size-68) !important;
  margin-top: 4.25rem !important;
  margin-top: var(--size-68) !important
}

.my-72 {
  margin-bottom: 4.5rem !important;
  margin-bottom: var(--size-72) !important;
  margin-top: 4.5rem !important;
  margin-top: var(--size-72) !important
}

.my-76 {
  margin-bottom: 4.75rem !important;
  margin-bottom: var(--size-76) !important;
  margin-top: 4.75rem !important;
  margin-top: var(--size-76) !important
}

.my-80 {
  margin-bottom: 5rem !important;
  margin-bottom: var(--size-80) !important;
  margin-top: 5rem !important;
  margin-top: var(--size-80) !important
}

.my-90 {
  margin-bottom: 5.625rem !important;
  margin-bottom: var(--size-90) !important;
  margin-top: 5.625rem !important;
  margin-top: var(--size-90) !important
}

.my-110 {
  margin-bottom: 6.875rem !important;
  margin-bottom: var(--size-110) !important;
  margin-top: 6.875rem !important;
  margin-top: var(--size-110) !important
}

.my-120 {
  margin-bottom: 7.5rem !important;
  margin-bottom: var(--size-120) !important;
  margin-top: 7.5rem !important;
  margin-top: var(--size-120) !important
}

.my-144 {
  margin-bottom: 9rem !important;
  margin-bottom: var(--size-144) !important;
  margin-top: 9rem !important;
  margin-top: var(--size-144) !important
}

.my-160 {
  margin-bottom: 10rem !important;
  margin-bottom: var(--size-160) !important;
  margin-top: 10rem !important;
  margin-top: var(--size-160) !important
}

.my-210 {
  margin-bottom: 13.125rem !important;
  margin-bottom: var(--size-210) !important;
  margin-top: 13.125rem !important;
  margin-top: var(--size-210) !important
}

.ms-2 {
  margin-left: .125rem !important;
  margin-left: var(--size-2) !important
}

.ms-3 {
  margin-left: .1875rem !important;
  margin-left: var(--size-3) !important
}

.ms-4 {
  margin-left: .25rem !important;
  margin-left: var(--size-4) !important
}

.ms-5 {
  margin-left: .3125rem !important;
  margin-left: var(--size-5) !important
}

.ms-6 {
  margin-left: .375rem !important;
  margin-left: var(--size-6) !important
}

.ms-7 {
  margin-left: .4375rem !important;
  margin-left: var(--size-7) !important
}

.ms-8 {
  margin-left: .5rem !important;
  margin-left: var(--size-8) !important
}

.ms-9 {
  margin-left: .5625rem !important;
  margin-left: var(--size-9) !important
}

.ms-10 {
  margin-left: .625rem !important;
  margin-left: var(--size-10) !important
}

.ms-11 {
  margin-left: .6875rem !important;
  margin-left: var(--size-11) !important
}

.ms-12 {
  margin-left: .75rem !important;
  margin-left: var(--size-12) !important
}

.ms-13 {
  margin-left: .8125rem !important;
  margin-left: var(--size-13) !important
}

.ms-14 {
  margin-left: .875rem !important;
  margin-left: var(--size-14) !important
}

.ms-16 {
  margin-left: 1rem !important;
  margin-left: var(--size-16) !important
}

.ms-18 {
  margin-left: 1.125rem !important;
  margin-left: var(--size-18) !important
}

.ms-20 {
  margin-left: 1.25rem !important;
  margin-left: var(--size-20) !important
}

.ms-22 {
  margin-left: 1.375rem !important;
  margin-left: var(--size-22) !important
}

.ms-24 {
  margin-left: 1.5rem !important;
  margin-left: var(--size-24) !important
}

.ms-26 {
  margin-left: 1.625rem !important;
  margin-left: var(--size-26) !important
}

.ms-28 {
  margin-left: 1.75rem !important;
  margin-left: var(--size-28) !important
}

.ms-30 {
  margin-left: 1.875rem !important;
  margin-left: var(--size-30) !important
}

.ms-32 {
  margin-left: 2rem !important;
  margin-left: var(--size-32) !important
}

.ms-36 {
  margin-left: 2rem !important;
  margin-left: var(--size-36) !important
}

.ms-40 {
  margin-left: 2.5rem !important;
  margin-left: var(--size-40) !important
}

.ms-44 {
  margin-left: 2.75rem !important;
  margin-left: var(--size-44) !important
}

.ms-48 {
  margin-left: 3rem !important;
  margin-left: var(--size-48) !important
}

.ms-52 {
  margin-left: 3.25rem !important;
  margin-left: var(--size-52) !important
}

.ms-56 {
  margin-left: 3.5rem !important;
  margin-left: var(--size-56) !important
}

.ms-60 {
  margin-left: 3.75rem !important;
  margin-left: var(--size-60) !important
}

.ms-64 {
  margin-left: 4rem !important;
  margin-left: var(--size-64) !important
}

.ms-68 {
  margin-left: 4.25rem !important;
  margin-left: var(--size-68) !important
}

.ms-72 {
  margin-left: 4.5rem !important;
  margin-left: var(--size-72) !important
}

.ms-76 {
  margin-left: 4.75rem !important;
  margin-left: var(--size-76) !important
}

.ms-80 {
  margin-left: 5rem !important;
  margin-left: var(--size-80) !important
}

.ms-90 {
  margin-left: 5.625rem !important;
  margin-left: var(--size-90) !important
}

.ms-110 {
  margin-left: 6.875rem !important;
  margin-left: var(--size-110) !important
}

.ms-120 {
  margin-left: 7.5rem !important;
  margin-left: var(--size-120) !important
}

.ms-144 {
  margin-left: 9rem !important;
  margin-left: var(--size-144) !important
}

.ms-160 {
  margin-left: 10rem !important;
  margin-left: var(--size-160) !important
}

.ms-210 {
  margin-left: 13.125rem !important;
  margin-left: var(--size-210) !important
}

.me-2 {
  margin-right: .125rem !important;
  margin-right: var(--size-2) !important
}

.me-3 {
  margin-right: .1875rem !important;
  margin-right: var(--size-3) !important
}

.me-4 {
  margin-right: .25rem !important;
  margin-right: var(--size-4) !important
}

.me-5 {
  margin-right: .3125rem !important;
  margin-right: var(--size-5) !important
}

.me-6 {
  margin-right: .375rem !important;
  margin-right: var(--size-6) !important
}

.me-7 {
  margin-right: .4375rem !important;
  margin-right: var(--size-7) !important
}

.me-8 {
  margin-right: .5rem !important;
  margin-right: var(--size-8) !important
}

.me-9 {
  margin-right: .5625rem !important;
  margin-right: var(--size-9) !important
}

.me-10 {
  margin-right: .625rem !important;
  margin-right: var(--size-10) !important
}

.me-11 {
  margin-right: .6875rem !important;
  margin-right: var(--size-11) !important
}

.me-12 {
  margin-right: .75rem !important;
  margin-right: var(--size-12) !important
}

.me-13 {
  margin-right: .8125rem !important;
  margin-right: var(--size-13) !important
}

.me-14 {
  margin-right: .875rem !important;
  margin-right: var(--size-14) !important
}

.me-16 {
  margin-right: 1rem !important;
  margin-right: var(--size-16) !important
}

.me-18 {
  margin-right: 1.125rem !important;
  margin-right: var(--size-18) !important
}

.me-20 {
  margin-right: 1.25rem !important;
  margin-right: var(--size-20) !important
}

.me-22 {
  margin-right: 1.375rem !important;
  margin-right: var(--size-22) !important
}

.me-24 {
  margin-right: 1.5rem !important;
  margin-right: var(--size-24) !important
}

.me-26 {
  margin-right: 1.625rem !important;
  margin-right: var(--size-26) !important
}

.me-28 {
  margin-right: 1.75rem !important;
  margin-right: var(--size-28) !important
}

.me-30 {
  margin-right: 1.875rem !important;
  margin-right: var(--size-30) !important
}

.me-32 {
  margin-right: 2rem !important;
  margin-right: var(--size-32) !important
}

.me-36 {
  margin-right: 2rem !important;
  margin-right: var(--size-36) !important
}

.me-40 {
  margin-right: 2.5rem !important;
  margin-right: var(--size-40) !important
}

.me-44 {
  margin-right: 2.75rem !important;
  margin-right: var(--size-44) !important
}

.me-48 {
  margin-right: 3rem !important;
  margin-right: var(--size-48) !important
}

.me-52 {
  margin-right: 3.25rem !important;
  margin-right: var(--size-52) !important
}

.me-56 {
  margin-right: 3.5rem !important;
  margin-right: var(--size-56) !important
}

.me-60 {
  margin-right: 3.75rem !important;
  margin-right: var(--size-60) !important
}

.me-64 {
  margin-right: 4rem !important;
  margin-right: var(--size-64) !important
}

.me-68 {
  margin-right: 4.25rem !important;
  margin-right: var(--size-68) !important
}

.me-72 {
  margin-right: 4.5rem !important;
  margin-right: var(--size-72) !important
}

.me-76 {
  margin-right: 4.75rem !important;
  margin-right: var(--size-76) !important
}

.me-80 {
  margin-right: 5rem !important;
  margin-right: var(--size-80) !important
}

.me-90 {
  margin-right: 5.625rem !important;
  margin-right: var(--size-90) !important
}

.me-110 {
  margin-right: 6.875rem !important;
  margin-right: var(--size-110) !important
}

.me-120 {
  margin-right: 7.5rem !important;
  margin-right: var(--size-120) !important
}

.me-144 {
  margin-right: 9rem !important;
  margin-right: var(--size-144) !important
}

.me-160 {
  margin-right: 10rem !important;
  margin-right: var(--size-160) !important
}

.me-210 {
  margin-right: 13.125rem !important;
  margin-right: var(--size-210) !important
}

.mt-2 {
  margin-top: .125rem !important;
  margin-top: var(--size-2) !important
}

.mt-3 {
  margin-top: .1875rem !important;
  margin-top: var(--size-3) !important
}

.mt-4 {
  margin-top: .25rem !important;
  margin-top: var(--size-4) !important
}

.mt-5 {
  margin-top: .3125rem !important;
  margin-top: var(--size-5) !important
}

.mt-6 {
  margin-top: .375rem !important;
  margin-top: var(--size-6) !important
}

.mt-7 {
  margin-top: .4375rem !important;
  margin-top: var(--size-7) !important
}

.mt-8 {
  margin-top: .5rem !important;
  margin-top: var(--size-8) !important
}

.mt-9 {
  margin-top: .5625rem !important;
  margin-top: var(--size-9) !important
}

.mt-10 {
  margin-top: .625rem !important;
  margin-top: var(--size-10) !important
}

.mt-11 {
  margin-top: .6875rem !important;
  margin-top: var(--size-11) !important
}

.mt-12 {
  margin-top: .75rem !important;
  margin-top: var(--size-12) !important
}

.mt-13 {
  margin-top: .8125rem !important;
  margin-top: var(--size-13) !important
}

.mt-14 {
  margin-top: .875rem !important;
  margin-top: var(--size-14) !important
}

.mt-16 {
  margin-top: 1rem !important;
  margin-top: var(--size-16) !important
}

.mt-18 {
  margin-top: 1.125rem !important;
  margin-top: var(--size-18) !important
}

.mt-20 {
  margin-top: 1.25rem !important;
  margin-top: var(--size-20) !important
}

.mt-22 {
  margin-top: 1.375rem !important;
  margin-top: var(--size-22) !important
}

.mt-24 {
  margin-top: 1.5rem !important;
  margin-top: var(--size-24) !important
}

.mt-26 {
  margin-top: 1.625rem !important;
  margin-top: var(--size-26) !important
}

.mt-28 {
  margin-top: 1.75rem !important;
  margin-top: var(--size-28) !important
}

.mt-30 {
  margin-top: 1.875rem !important;
  margin-top: var(--size-30) !important
}

.mt-32 {
  margin-top: 2rem !important;
  margin-top: var(--size-32) !important
}

.mt-36 {
  margin-top: 2rem !important;
  margin-top: var(--size-36) !important
}

.mt-40 {
  margin-top: 2.5rem !important;
  margin-top: var(--size-40) !important
}

.mt-44 {
  margin-top: 2.75rem !important;
  margin-top: var(--size-44) !important
}

.mt-48 {
  margin-top: 3rem !important;
  margin-top: var(--size-48) !important
}

.mt-52 {
  margin-top: 3.25rem !important;
  margin-top: var(--size-52) !important
}

.mt-56 {
  margin-top: 3.5rem !important;
  margin-top: var(--size-56) !important
}

.mt-60 {
  margin-top: 3.75rem !important;
  margin-top: var(--size-60) !important
}

.mt-64 {
  margin-top: 4rem !important;
  margin-top: var(--size-64) !important
}

.mt-68 {
  margin-top: 4.25rem !important;
  margin-top: var(--size-68) !important
}

.mt-72 {
  margin-top: 4.5rem !important;
  margin-top: var(--size-72) !important
}

.mt-76 {
  margin-top: 4.75rem !important;
  margin-top: var(--size-76) !important
}

.mt-80 {
  margin-top: 5rem !important;
  margin-top: var(--size-80) !important
}

.mt-90 {
  margin-top: 5.625rem !important;
  margin-top: var(--size-90) !important
}

.mt-110 {
  margin-top: 6.875rem !important;
  margin-top: var(--size-110) !important
}

.mt-120 {
  margin-top: 7.5rem !important;
  margin-top: var(--size-120) !important
}

.mt-144 {
  margin-top: 9rem !important;
  margin-top: var(--size-144) !important
}

.mt-160 {
  margin-top: 10rem !important;
  margin-top: var(--size-160) !important
}

.mt-210 {
  margin-top: 13.125rem !important;
  margin-top: var(--size-210) !important
}

.mb-2 {
  margin-bottom: .125rem !important;
  margin-bottom: var(--size-2) !important
}

.mb-3 {
  margin-bottom: .1875rem !important;
  margin-bottom: var(--size-3) !important
}

.mb-4 {
  margin-bottom: .25rem !important;
  margin-bottom: var(--size-4) !important
}

.mb-5 {
  margin-bottom: .3125rem !important;
  margin-bottom: var(--size-5) !important
}

.mb-6 {
  margin-bottom: .375rem !important;
  margin-bottom: var(--size-6) !important
}

.mb-7 {
  margin-bottom: .4375rem !important;
  margin-bottom: var(--size-7) !important
}

.mb-8 {
  margin-bottom: .5rem !important;
  margin-bottom: var(--size-8) !important
}

.mb-9 {
  margin-bottom: .5625rem !important;
  margin-bottom: var(--size-9) !important
}

.mb-10 {
  margin-bottom: .625rem !important;
  margin-bottom: var(--size-10) !important
}

.mb-11 {
  margin-bottom: .6875rem !important;
  margin-bottom: var(--size-11) !important
}

.mb-12 {
  margin-bottom: .75rem !important;
  margin-bottom: var(--size-12) !important
}

.mb-13 {
  margin-bottom: .8125rem !important;
  margin-bottom: var(--size-13) !important
}

.mb-14 {
  margin-bottom: .875rem !important;
  margin-bottom: var(--size-14) !important
}

.mb-16 {
  margin-bottom: 1rem !important;
  margin-bottom: var(--size-16) !important
}

.mb-18 {
  margin-bottom: 1.125rem !important;
  margin-bottom: var(--size-18) !important
}

.mb-20 {
  margin-bottom: 1.25rem !important;
  margin-bottom: var(--size-20) !important
}

.mb-22 {
  margin-bottom: 1.375rem !important;
  margin-bottom: var(--size-22) !important
}

.mb-24 {
  margin-bottom: 1.5rem !important;
  margin-bottom: var(--size-24) !important
}

.mb-26 {
  margin-bottom: 1.625rem !important;
  margin-bottom: var(--size-26) !important
}

.mb-28 {
  margin-bottom: 1.75rem !important;
  margin-bottom: var(--size-28) !important
}

.mb-30 {
  margin-bottom: 1.875rem !important;
  margin-bottom: var(--size-30) !important
}

.mb-32 {
  margin-bottom: 2rem !important;
  margin-bottom: var(--size-32) !important
}

.mb-36 {
  margin-bottom: 2rem !important;
  margin-bottom: var(--size-36) !important
}

.mb-40 {
  margin-bottom: 2.5rem !important;
  margin-bottom: var(--size-40) !important
}

.mb-44 {
  margin-bottom: 2.75rem !important;
  margin-bottom: var(--size-44) !important
}

.mb-48 {
  margin-bottom: 3rem !important;
  margin-bottom: var(--size-48) !important
}

.mb-52 {
  margin-bottom: 3.25rem !important;
  margin-bottom: var(--size-52) !important
}

.mb-56 {
  margin-bottom: 3.5rem !important;
  margin-bottom: var(--size-56) !important
}

.mb-60 {
  margin-bottom: 3.75rem !important;
  margin-bottom: var(--size-60) !important
}

.mb-64 {
  margin-bottom: 4rem !important;
  margin-bottom: var(--size-64) !important
}

.mb-68 {
  margin-bottom: 4.25rem !important;
  margin-bottom: var(--size-68) !important
}

.mb-72 {
  margin-bottom: 4.5rem !important;
  margin-bottom: var(--size-72) !important
}

.mb-76 {
  margin-bottom: 4.75rem !important;
  margin-bottom: var(--size-76) !important
}

.mb-80 {
  margin-bottom: 5rem !important;
  margin-bottom: var(--size-80) !important
}

.mb-90 {
  margin-bottom: 5.625rem !important;
  margin-bottom: var(--size-90) !important
}

.mb-110 {
  margin-bottom: 6.875rem !important;
  margin-bottom: var(--size-110) !important
}

.mb-120 {
  margin-bottom: 7.5rem !important;
  margin-bottom: var(--size-120) !important
}

.mb-144 {
  margin-bottom: 9rem !important;
  margin-bottom: var(--size-144) !important
}

.mb-160 {
  margin-bottom: 10rem !important;
  margin-bottom: var(--size-160) !important
}

.mb-210 {
  margin-bottom: 13.125rem !important;
  margin-bottom: var(--size-210) !important
}

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

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

.my-120 {
  margin-bottom: 60px !important;
  margin-top: 60px !important
}

@media (min-width:576px) {
  .my-120 {
    margin-bottom: 80px !important;
    margin-top: 80px !important
  }
}

@media (min-width:992px) {
  .my-120 {
    margin-bottom: 120px !important;
    margin-top: 120px !important
  }
}

.mt-120 {
  margin-top: 60px !important
}

@media (min-width:576px) {
  .mt-120 {
    margin-top: 80px !important
  }
}

@media (min-width:992px) {
  .mt-120 {
    margin-top: 120px !important
  }
}

.mb-120 {
  margin-bottom: 60px !important
}

@media (min-width:576px) {
  .mb-120 {
    margin-bottom: 80px !important
  }
}

@media (min-width:992px) {
  .mb-120 {
    margin-bottom: 120px !important
  }
}

.my-60 {
  margin-bottom: 30px !important;
  margin-top: 30px !important
}

@media (min-width:576px) {
  .my-60 {
    margin-bottom: 40px !important;
    margin-top: 40px !important
  }
}

@media (min-width:992px) {
  .my-60 {
    margin-bottom: 60px !important;
    margin-top: 60px !important
  }
}

.mt-60 {
  margin-top: 30px !important
}

@media (min-width:576px) {
  .mt-60 {
    margin-top: 40px !important
  }
}

@media (min-width:992px) {
  .mt-60 {
    margin-top: 60px !important
  }
}

.mb-60 {
  margin-bottom: 30px
}

@media (min-width:576px) {
  .mb-60 {
    margin-bottom: 40px
  }
}

@media (min-width:992px) {
  .mb-60 {
    margin-bottom: 60px
  }
}

.p-2 {
  padding: .125rem !important;
  padding: var(--size-2) !important
}

.p-3 {
  padding: .1875rem !important;
  padding: var(--size-3) !important
}

.p-4 {
  padding: .25rem !important;
  padding: var(--size-4) !important
}

.p-5 {
  padding: .3125rem !important;
  padding: var(--size-5) !important
}

.p-6 {
  padding: .375rem !important;
  padding: var(--size-6) !important
}

.p-7 {
  padding: .4375rem !important;
  padding: var(--size-7) !important
}

.p-8 {
  padding: .5rem !important;
  padding: var(--size-8) !important
}

.p-9 {
  padding: .5625rem !important;
  padding: var(--size-9) !important
}

.p-10 {
  padding: .625rem !important;
  padding: var(--size-10) !important
}

.p-11 {
  padding: .6875rem !important;
  padding: var(--size-11) !important
}

.p-12 {
  padding: .75rem !important;
  padding: var(--size-12) !important
}

.p-13 {
  padding: .8125rem !important;
  padding: var(--size-13) !important
}

.p-14 {
  padding: .875rem !important;
  padding: var(--size-14) !important
}

.p-16 {
  padding: 1rem !important;
  padding: var(--size-16) !important
}

.p-18 {
  padding: 1.125rem !important;
  padding: var(--size-18) !important
}

.p-20 {
  padding: 1.25rem !important;
  padding: var(--size-20) !important
}

.p-22 {
  padding: 1.375rem !important;
  padding: var(--size-22) !important
}

.p-24 {
  padding: 1.5rem !important;
  padding: var(--size-24) !important
}

.p-26 {
  padding: 1.625rem !important;
  padding: var(--size-26) !important
}

.p-28 {
  padding: 1.75rem !important;
  padding: var(--size-28) !important
}

.p-30 {
  padding: 1.875rem !important;
  padding: var(--size-30) !important
}

.p-32 {
  padding: 2rem !important;
  padding: var(--size-32) !important
}

.p-36 {
  padding: 2rem !important;
  padding: var(--size-36) !important
}

.p-40 {
  padding: 2.5rem !important;
  padding: var(--size-40) !important
}

.p-44 {
  padding: 2.75rem !important;
  padding: var(--size-44) !important
}

.p-48 {
  padding: 3rem !important;
  padding: var(--size-48) !important
}

.p-52 {
  padding: 3.25rem !important;
  padding: var(--size-52) !important
}

.p-56 {
  padding: 3.5rem !important;
  padding: var(--size-56) !important
}

.p-60 {
  padding: 3.75rem !important;
  padding: var(--size-60) !important
}

.p-64 {
  padding: 4rem !important;
  padding: var(--size-64) !important
}

.p-68 {
  padding: 4.25rem !important;
  padding: var(--size-68) !important
}

.p-72 {
  padding: 4.5rem !important;
  padding: var(--size-72) !important
}

.p-76 {
  padding: 4.75rem !important;
  padding: var(--size-76) !important
}

.p-80 {
  padding: 5rem !important;
  padding: var(--size-80) !important
}

.p-90 {
  padding: 5.625rem !important;
  padding: var(--size-90) !important
}

.p-110 {
  padding: 6.875rem !important;
  padding: var(--size-110) !important
}

.p-120 {
  padding: 7.5rem !important;
  padding: var(--size-120) !important
}

.p-144 {
  padding: 9rem !important;
  padding: var(--size-144) !important
}

.p-160 {
  padding: 10rem !important;
  padding: var(--size-160) !important
}

.p-210 {
  padding: 13.125rem !important;
  padding: var(--size-210) !important
}

.px-2 {
  padding-left: .125rem !important;
  padding-left: var(--size-2) !important;
  padding-right: .125rem !important;
  padding-right: var(--size-2) !important
}

.px-3 {
  padding-left: .1875rem !important;
  padding-left: var(--size-3) !important;
  padding-right: .1875rem !important;
  padding-right: var(--size-3) !important
}

.px-4 {
  padding-left: .25rem !important;
  padding-left: var(--size-4) !important;
  padding-right: .25rem !important;
  padding-right: var(--size-4) !important
}

.px-5 {
  padding-left: .3125rem !important;
  padding-left: var(--size-5) !important;
  padding-right: .3125rem !important;
  padding-right: var(--size-5) !important
}

.px-6 {
  padding-left: .375rem !important;
  padding-left: var(--size-6) !important;
  padding-right: .375rem !important;
  padding-right: var(--size-6) !important
}

.px-7 {
  padding-left: .4375rem !important;
  padding-left: var(--size-7) !important;
  padding-right: .4375rem !important;
  padding-right: var(--size-7) !important
}

.px-8 {
  padding-left: .5rem !important;
  padding-left: var(--size-8) !important;
  padding-right: .5rem !important;
  padding-right: var(--size-8) !important
}

.px-9 {
  padding-left: .5625rem !important;
  padding-left: var(--size-9) !important;
  padding-right: .5625rem !important;
  padding-right: var(--size-9) !important
}

.px-10 {
  padding-left: .625rem !important;
  padding-left: var(--size-10) !important;
  padding-right: .625rem !important;
  padding-right: var(--size-10) !important
}

.px-11 {
  padding-left: .6875rem !important;
  padding-left: var(--size-11) !important;
  padding-right: .6875rem !important;
  padding-right: var(--size-11) !important
}

.px-12 {
  padding-left: .75rem !important;
  padding-left: var(--size-12) !important;
  padding-right: .75rem !important;
  padding-right: var(--size-12) !important
}

.px-13 {
  padding-left: .8125rem !important;
  padding-left: var(--size-13) !important;
  padding-right: .8125rem !important;
  padding-right: var(--size-13) !important
}

.px-14 {
  padding-left: .875rem !important;
  padding-left: var(--size-14) !important;
  padding-right: .875rem !important;
  padding-right: var(--size-14) !important
}

.px-16 {
  padding-left: 1rem !important;
  padding-left: var(--size-16) !important;
  padding-right: 1rem !important;
  padding-right: var(--size-16) !important
}

.px-18 {
  padding-left: 1.125rem !important;
  padding-left: var(--size-18) !important;
  padding-right: 1.125rem !important;
  padding-right: var(--size-18) !important
}

.px-20 {
  padding-left: 1.25rem !important;
  padding-left: var(--size-20) !important;
  padding-right: 1.25rem !important;
  padding-right: var(--size-20) !important
}

.px-22 {
  padding-left: 1.375rem !important;
  padding-left: var(--size-22) !important;
  padding-right: 1.375rem !important;
  padding-right: var(--size-22) !important
}

.px-24 {
  padding-left: 1.5rem !important;
  padding-left: var(--size-24) !important;
  padding-right: 1.5rem !important;
  padding-right: var(--size-24) !important
}

.px-26 {
  padding-left: 1.625rem !important;
  padding-left: var(--size-26) !important;
  padding-right: 1.625rem !important;
  padding-right: var(--size-26) !important
}

.px-28 {
  padding-left: 1.75rem !important;
  padding-left: var(--size-28) !important;
  padding-right: 1.75rem !important;
  padding-right: var(--size-28) !important
}

.px-30 {
  padding-left: 1.875rem !important;
  padding-left: var(--size-30) !important;
  padding-right: 1.875rem !important;
  padding-right: var(--size-30) !important
}

.px-32 {
  padding-left: 2rem !important;
  padding-left: var(--size-32) !important;
  padding-right: 2rem !important;
  padding-right: var(--size-32) !important
}

.px-36 {
  padding-left: 2rem !important;
  padding-left: var(--size-36) !important;
  padding-right: 2rem !important;
  padding-right: var(--size-36) !important
}

.px-40 {
  padding-left: 2.5rem !important;
  padding-left: var(--size-40) !important;
  padding-right: 2.5rem !important;
  padding-right: var(--size-40) !important
}

.px-44 {
  padding-left: 2.75rem !important;
  padding-left: var(--size-44) !important;
  padding-right: 2.75rem !important;
  padding-right: var(--size-44) !important
}

.px-48 {
  padding-left: 3rem !important;
  padding-left: var(--size-48) !important;
  padding-right: 3rem !important;
  padding-right: var(--size-48) !important
}

.px-52 {
  padding-left: 3.25rem !important;
  padding-left: var(--size-52) !important;
  padding-right: 3.25rem !important;
  padding-right: var(--size-52) !important
}

.px-56 {
  padding-left: 3.5rem !important;
  padding-left: var(--size-56) !important;
  padding-right: 3.5rem !important;
  padding-right: var(--size-56) !important
}

.px-60 {
  padding-left: 3.75rem !important;
  padding-left: var(--size-60) !important;
  padding-right: 3.75rem !important;
  padding-right: var(--size-60) !important
}

.px-64 {
  padding-left: 4rem !important;
  padding-left: var(--size-64) !important;
  padding-right: 4rem !important;
  padding-right: var(--size-64) !important
}

.px-68 {
  padding-left: 4.25rem !important;
  padding-left: var(--size-68) !important;
  padding-right: 4.25rem !important;
  padding-right: var(--size-68) !important
}

.px-72 {
  padding-left: 4.5rem !important;
  padding-left: var(--size-72) !important;
  padding-right: 4.5rem !important;
  padding-right: var(--size-72) !important
}

.px-76 {
  padding-left: 4.75rem !important;
  padding-left: var(--size-76) !important;
  padding-right: 4.75rem !important;
  padding-right: var(--size-76) !important
}

.px-80 {
  padding-left: 5rem !important;
  padding-left: var(--size-80) !important;
  padding-right: 5rem !important;
  padding-right: var(--size-80) !important
}

.px-90 {
  padding-left: 5.625rem !important;
  padding-left: var(--size-90) !important;
  padding-right: 5.625rem !important;
  padding-right: var(--size-90) !important
}

.px-110 {
  padding-left: 6.875rem !important;
  padding-left: var(--size-110) !important;
  padding-right: 6.875rem !important;
  padding-right: var(--size-110) !important
}

.px-120 {
  padding-left: 7.5rem !important;
  padding-left: var(--size-120) !important;
  padding-right: 7.5rem !important;
  padding-right: var(--size-120) !important
}

.px-144 {
  padding-left: 9rem !important;
  padding-left: var(--size-144) !important;
  padding-right: 9rem !important;
  padding-right: var(--size-144) !important
}

.px-160 {
  padding-left: 10rem !important;
  padding-left: var(--size-160) !important;
  padding-right: 10rem !important;
  padding-right: var(--size-160) !important
}

.px-210 {
  padding-left: 13.125rem !important;
  padding-left: var(--size-210) !important;
  padding-right: 13.125rem !important;
  padding-right: var(--size-210) !important
}

.py-2 {
  padding-bottom: .125rem !important;
  padding-bottom: var(--size-2) !important;
  padding-top: .125rem !important;
  padding-top: var(--size-2) !important
}

.py-3 {
  padding-bottom: .1875rem !important;
  padding-bottom: var(--size-3) !important;
  padding-top: .1875rem !important;
  padding-top: var(--size-3) !important
}

.py-4 {
  padding-bottom: .25rem !important;
  padding-bottom: var(--size-4) !important;
  padding-top: .25rem !important;
  padding-top: var(--size-4) !important
}

.py-5 {
  padding-bottom: .3125rem !important;
  padding-bottom: var(--size-5) !important;
  padding-top: .3125rem !important;
  padding-top: var(--size-5) !important
}

.py-6 {
  padding-bottom: .375rem !important;
  padding-bottom: var(--size-6) !important;
  padding-top: .375rem !important;
  padding-top: var(--size-6) !important
}

.py-7 {
  padding-bottom: .4375rem !important;
  padding-bottom: var(--size-7) !important;
  padding-top: .4375rem !important;
  padding-top: var(--size-7) !important
}

.py-8 {
  padding-bottom: .5rem !important;
  padding-bottom: var(--size-8) !important;
  padding-top: .5rem !important;
  padding-top: var(--size-8) !important
}

.py-9 {
  padding-bottom: .5625rem !important;
  padding-bottom: var(--size-9) !important;
  padding-top: .5625rem !important;
  padding-top: var(--size-9) !important
}

.py-10 {
  padding-bottom: .625rem !important;
  padding-bottom: var(--size-10) !important;
  padding-top: .625rem !important;
  padding-top: var(--size-10) !important
}

.py-11 {
  padding-bottom: .6875rem !important;
  padding-bottom: var(--size-11) !important;
  padding-top: .6875rem !important;
  padding-top: var(--size-11) !important
}

.py-12 {
  padding-bottom: .75rem !important;
  padding-bottom: var(--size-12) !important;
  padding-top: .75rem !important;
  padding-top: var(--size-12) !important
}

.py-13 {
  padding-bottom: .8125rem !important;
  padding-bottom: var(--size-13) !important;
  padding-top: .8125rem !important;
  padding-top: var(--size-13) !important
}

.py-14 {
  padding-bottom: .875rem !important;
  padding-bottom: var(--size-14) !important;
  padding-top: .875rem !important;
  padding-top: var(--size-14) !important
}

.py-16 {
  padding-bottom: 1rem !important;
  padding-bottom: var(--size-16) !important;
  padding-top: 1rem !important;
  padding-top: var(--size-16) !important
}

.py-18 {
  padding-bottom: 1.125rem !important;
  padding-bottom: var(--size-18) !important;
  padding-top: 1.125rem !important;
  padding-top: var(--size-18) !important
}

.py-20 {
  padding-bottom: 1.25rem !important;
  padding-bottom: var(--size-20) !important;
  padding-top: 1.25rem !important;
  padding-top: var(--size-20) !important
}

.py-22 {
  padding-bottom: 1.375rem !important;
  padding-bottom: var(--size-22) !important;
  padding-top: 1.375rem !important;
  padding-top: var(--size-22) !important
}

.py-24 {
  padding-bottom: 1.5rem !important;
  padding-bottom: var(--size-24) !important;
  padding-top: 1.5rem !important;
  padding-top: var(--size-24) !important
}

.py-26 {
  padding-bottom: 1.625rem !important;
  padding-bottom: var(--size-26) !important;
  padding-top: 1.625rem !important;
  padding-top: var(--size-26) !important
}

.py-28 {
  padding-bottom: 1.75rem !important;
  padding-bottom: var(--size-28) !important;
  padding-top: 1.75rem !important;
  padding-top: var(--size-28) !important
}

.py-30 {
  padding-bottom: 1.875rem !important;
  padding-bottom: var(--size-30) !important;
  padding-top: 1.875rem !important;
  padding-top: var(--size-30) !important
}

.py-32 {
  padding-bottom: 2rem !important;
  padding-bottom: var(--size-32) !important;
  padding-top: 2rem !important;
  padding-top: var(--size-32) !important
}

.py-36 {
  padding-bottom: 2rem !important;
  padding-bottom: var(--size-36) !important;
  padding-top: 2rem !important;
  padding-top: var(--size-36) !important
}

.py-40 {
  padding-bottom: 2.5rem !important;
  padding-bottom: var(--size-40) !important;
  padding-top: 2.5rem !important;
  padding-top: var(--size-40) !important
}

.py-44 {
  padding-bottom: 2.75rem !important;
  padding-bottom: var(--size-44) !important;
  padding-top: 2.75rem !important;
  padding-top: var(--size-44) !important
}

.py-48 {
  padding-bottom: 3rem !important;
  padding-bottom: var(--size-48) !important;
  padding-top: 3rem !important;
  padding-top: var(--size-48) !important
}

.py-52 {
  padding-bottom: 3.25rem !important;
  padding-bottom: var(--size-52) !important;
  padding-top: 3.25rem !important;
  padding-top: var(--size-52) !important
}

.py-56 {
  padding-bottom: 3.5rem !important;
  padding-bottom: var(--size-56) !important;
  padding-top: 3.5rem !important;
  padding-top: var(--size-56) !important
}

.py-60 {
  padding-bottom: 3.75rem !important;
  padding-bottom: var(--size-60) !important;
  padding-top: 3.75rem !important;
  padding-top: var(--size-60) !important
}

.py-64 {
  padding-bottom: 4rem !important;
  padding-bottom: var(--size-64) !important;
  padding-top: 4rem !important;
  padding-top: var(--size-64) !important
}

.py-68 {
  padding-bottom: 4.25rem !important;
  padding-bottom: var(--size-68) !important;
  padding-top: 4.25rem !important;
  padding-top: var(--size-68) !important
}

.py-72 {
  padding-bottom: 4.5rem !important;
  padding-bottom: var(--size-72) !important;
  padding-top: 4.5rem !important;
  padding-top: var(--size-72) !important
}

.py-76 {
  padding-bottom: 4.75rem !important;
  padding-bottom: var(--size-76) !important;
  padding-top: 4.75rem !important;
  padding-top: var(--size-76) !important
}

.py-80 {
  padding-bottom: 5rem !important;
  padding-bottom: var(--size-80) !important;
  padding-top: 5rem !important;
  padding-top: var(--size-80) !important
}

.py-90 {
  padding-bottom: 5.625rem !important;
  padding-bottom: var(--size-90) !important;
  padding-top: 5.625rem !important;
  padding-top: var(--size-90) !important
}

.py-110 {
  padding-bottom: 6.875rem !important;
  padding-bottom: var(--size-110) !important;
  padding-top: 6.875rem !important;
  padding-top: var(--size-110) !important
}

.py-120 {
  padding-bottom: 7.5rem !important;
  padding-bottom: var(--size-120) !important;
  padding-top: 7.5rem !important;
  padding-top: var(--size-120) !important
}

.py-144 {
  padding-bottom: 9rem !important;
  padding-bottom: var(--size-144) !important;
  padding-top: 9rem !important;
  padding-top: var(--size-144) !important
}

.py-160 {
  padding-bottom: 10rem !important;
  padding-bottom: var(--size-160) !important;
  padding-top: 10rem !important;
  padding-top: var(--size-160) !important
}

.py-210 {
  padding-bottom: 13.125rem !important;
  padding-bottom: var(--size-210) !important;
  padding-top: 13.125rem !important;
  padding-top: var(--size-210) !important
}

.ps-2 {
  padding-left: .125rem !important;
  padding-left: var(--size-2) !important
}

.ps-3 {
  padding-left: .1875rem !important;
  padding-left: var(--size-3) !important
}

.ps-4 {
  padding-left: .25rem !important;
  padding-left: var(--size-4) !important
}

.ps-5 {
  padding-left: .3125rem !important;
  padding-left: var(--size-5) !important
}

.ps-6 {
  padding-left: .375rem !important;
  padding-left: var(--size-6) !important
}

.ps-7 {
  padding-left: .4375rem !important;
  padding-left: var(--size-7) !important
}

.ps-8 {
  padding-left: .5rem !important;
  padding-left: var(--size-8) !important
}

.ps-9 {
  padding-left: .5625rem !important;
  padding-left: var(--size-9) !important
}

.ps-10 {
  padding-left: .625rem !important;
  padding-left: var(--size-10) !important
}

.ps-11 {
  padding-left: .6875rem !important;
  padding-left: var(--size-11) !important
}

.ps-12 {
  padding-left: .75rem !important;
  padding-left: var(--size-12) !important
}

.ps-13 {
  padding-left: .8125rem !important;
  padding-left: var(--size-13) !important
}

.ps-14 {
  padding-left: .875rem !important;
  padding-left: var(--size-14) !important
}

.ps-16 {
  padding-left: 1rem !important;
  padding-left: var(--size-16) !important
}

.ps-18 {
  padding-left: 1.125rem !important;
  padding-left: var(--size-18) !important
}

.ps-20 {
  padding-left: 1.25rem !important;
  padding-left: var(--size-20) !important
}

.ps-22 {
  padding-left: 1.375rem !important;
  padding-left: var(--size-22) !important
}

.ps-24 {
  padding-left: 1.5rem !important;
  padding-left: var(--size-24) !important
}

.ps-26 {
  padding-left: 1.625rem !important;
  padding-left: var(--size-26) !important
}

.ps-28 {
  padding-left: 1.75rem !important;
  padding-left: var(--size-28) !important
}

.ps-30 {
  padding-left: 1.875rem !important;
  padding-left: var(--size-30) !important
}

.ps-32 {
  padding-left: 2rem !important;
  padding-left: var(--size-32) !important
}

.ps-36 {
  padding-left: 2rem !important;
  padding-left: var(--size-36) !important
}

.ps-40 {
  padding-left: 2.5rem !important;
  padding-left: var(--size-40) !important
}

.ps-44 {
  padding-left: 2.75rem !important;
  padding-left: var(--size-44) !important
}

.ps-48 {
  padding-left: 3rem !important;
  padding-left: var(--size-48) !important
}

.ps-52 {
  padding-left: 3.25rem !important;
  padding-left: var(--size-52) !important
}

.ps-56 {
  padding-left: 3.5rem !important;
  padding-left: var(--size-56) !important
}

.ps-60 {
  padding-left: 3.75rem !important;
  padding-left: var(--size-60) !important
}

.ps-64 {
  padding-left: 4rem !important;
  padding-left: var(--size-64) !important
}

.ps-68 {
  padding-left: 4.25rem !important;
  padding-left: var(--size-68) !important
}

.ps-72 {
  padding-left: 4.5rem !important;
  padding-left: var(--size-72) !important
}

.ps-76 {
  padding-left: 4.75rem !important;
  padding-left: var(--size-76) !important
}

.ps-80 {
  padding-left: 5rem !important;
  padding-left: var(--size-80) !important
}

.ps-90 {
  padding-left: 5.625rem !important;
  padding-left: var(--size-90) !important
}

.ps-110 {
  padding-left: 6.875rem !important;
  padding-left: var(--size-110) !important
}

.ps-120 {
  padding-left: 7.5rem !important;
  padding-left: var(--size-120) !important
}

.ps-144 {
  padding-left: 9rem !important;
  padding-left: var(--size-144) !important
}

.ps-160 {
  padding-left: 10rem !important;
  padding-left: var(--size-160) !important
}

.ps-210 {
  padding-left: 13.125rem !important;
  padding-left: var(--size-210) !important
}

.pe-2 {
  padding-right: .125rem !important;
  padding-right: var(--size-2) !important
}

.pe-3 {
  padding-right: .1875rem !important;
  padding-right: var(--size-3) !important
}

.pe-4 {
  padding-right: .25rem !important;
  padding-right: var(--size-4) !important
}

.pe-5 {
  padding-right: .3125rem !important;
  padding-right: var(--size-5) !important
}

.pe-6 {
  padding-right: .375rem !important;
  padding-right: var(--size-6) !important
}

.pe-7 {
  padding-right: .4375rem !important;
  padding-right: var(--size-7) !important
}

.pe-8 {
  padding-right: .5rem !important;
  padding-right: var(--size-8) !important
}

.pe-9 {
  padding-right: .5625rem !important;
  padding-right: var(--size-9) !important
}

.pe-10 {
  padding-right: .625rem !important;
  padding-right: var(--size-10) !important
}

.pe-11 {
  padding-right: .6875rem !important;
  padding-right: var(--size-11) !important
}

.pe-12 {
  padding-right: .75rem !important;
  padding-right: var(--size-12) !important
}

.pe-13 {
  padding-right: .8125rem !important;
  padding-right: var(--size-13) !important
}

.pe-14 {
  padding-right: .875rem !important;
  padding-right: var(--size-14) !important
}

.pe-16 {
  padding-right: 1rem !important;
  padding-right: var(--size-16) !important
}

.pe-18 {
  padding-right: 1.125rem !important;
  padding-right: var(--size-18) !important
}

.pe-20 {
  padding-right: 1.25rem !important;
  padding-right: var(--size-20) !important
}

.pe-22 {
  padding-right: 1.375rem !important;
  padding-right: var(--size-22) !important
}

.pe-24 {
  padding-right: 1.5rem !important;
  padding-right: var(--size-24) !important
}

.pe-26 {
  padding-right: 1.625rem !important;
  padding-right: var(--size-26) !important
}

.pe-28 {
  padding-right: 1.75rem !important;
  padding-right: var(--size-28) !important
}

.pe-30 {
  padding-right: 1.875rem !important;
  padding-right: var(--size-30) !important
}

.pe-32 {
  padding-right: 2rem !important;
  padding-right: var(--size-32) !important
}

.pe-36 {
  padding-right: 2rem !important;
  padding-right: var(--size-36) !important
}

.pe-40 {
  padding-right: 2.5rem !important;
  padding-right: var(--size-40) !important
}

.pe-44 {
  padding-right: 2.75rem !important;
  padding-right: var(--size-44) !important
}

.pe-48 {
  padding-right: 3rem !important;
  padding-right: var(--size-48) !important
}

.pe-52 {
  padding-right: 3.25rem !important;
  padding-right: var(--size-52) !important
}

.pe-56 {
  padding-right: 3.5rem !important;
  padding-right: var(--size-56) !important
}

.pe-60 {
  padding-right: 3.75rem !important;
  padding-right: var(--size-60) !important
}

.pe-64 {
  padding-right: 4rem !important;
  padding-right: var(--size-64) !important
}

.pe-68 {
  padding-right: 4.25rem !important;
  padding-right: var(--size-68) !important
}

.pe-72 {
  padding-right: 4.5rem !important;
  padding-right: var(--size-72) !important
}

.pe-76 {
  padding-right: 4.75rem !important;
  padding-right: var(--size-76) !important
}

.pe-80 {
  padding-right: 5rem !important;
  padding-right: var(--size-80) !important
}

.pe-90 {
  padding-right: 5.625rem !important;
  padding-right: var(--size-90) !important
}

.pe-110 {
  padding-right: 6.875rem !important;
  padding-right: var(--size-110) !important
}

.pe-120 {
  padding-right: 7.5rem !important;
  padding-right: var(--size-120) !important
}

.pe-144 {
  padding-right: 9rem !important;
  padding-right: var(--size-144) !important
}

.pe-160 {
  padding-right: 10rem !important;
  padding-right: var(--size-160) !important
}

.pe-210 {
  padding-right: 13.125rem !important;
  padding-right: var(--size-210) !important
}

.pt-2 {
  padding-top: .125rem !important;
  padding-top: var(--size-2) !important
}

.pt-3 {
  padding-top: .1875rem !important;
  padding-top: var(--size-3) !important
}

.pt-4 {
  padding-top: .25rem !important;
  padding-top: var(--size-4) !important
}

.pt-5 {
  padding-top: .3125rem !important;
  padding-top: var(--size-5) !important
}

.pt-6 {
  padding-top: .375rem !important;
  padding-top: var(--size-6) !important
}

.pt-7 {
  padding-top: .4375rem !important;
  padding-top: var(--size-7) !important
}

.pt-8 {
  padding-top: .5rem !important;
  padding-top: var(--size-8) !important
}

.pt-9 {
  padding-top: .5625rem !important;
  padding-top: var(--size-9) !important
}

.pt-10 {
  padding-top: .625rem !important;
  padding-top: var(--size-10) !important
}

.pt-11 {
  padding-top: .6875rem !important;
  padding-top: var(--size-11) !important
}

.pt-12 {
  padding-top: .75rem !important;
  padding-top: var(--size-12) !important
}

.pt-13 {
  padding-top: .8125rem !important;
  padding-top: var(--size-13) !important
}

.pt-14 {
  padding-top: .875rem !important;
  padding-top: var(--size-14) !important
}

.pt-16 {
  padding-top: 1rem !important;
  padding-top: var(--size-16) !important
}

.pt-18 {
  padding-top: 1.125rem !important;
  padding-top: var(--size-18) !important
}

.pt-20 {
  padding-top: 1.25rem !important;
  padding-top: var(--size-20) !important
}

.pt-22 {
  padding-top: 1.375rem !important;
  padding-top: var(--size-22) !important
}

.pt-24 {
  padding-top: 1.5rem !important;
  padding-top: var(--size-24) !important
}

.pt-26 {
  padding-top: 1.625rem !important;
  padding-top: var(--size-26) !important
}

.pt-28 {
  padding-top: 1.75rem !important;
  padding-top: var(--size-28) !important
}

.pt-30 {
  padding-top: 1.875rem !important;
  padding-top: var(--size-30) !important
}

.pt-32 {
  padding-top: 2rem !important;
  padding-top: var(--size-32) !important
}

.pt-36 {
  padding-top: 2rem !important;
  padding-top: var(--size-36) !important
}

.pt-40 {
  padding-top: 2.5rem !important;
  padding-top: var(--size-40) !important
}

.pt-44 {
  padding-top: 2.75rem !important;
  padding-top: var(--size-44) !important
}

.pt-48 {
  padding-top: 3rem !important;
  padding-top: var(--size-48) !important
}

.pt-52 {
  padding-top: 3.25rem !important;
  padding-top: var(--size-52) !important
}

.pt-56 {
  padding-top: 3.5rem !important;
  padding-top: var(--size-56) !important
}

.pt-60 {
  padding-top: 3.75rem !important;
  padding-top: var(--size-60) !important
}

.pt-64 {
  padding-top: 4rem !important;
  padding-top: var(--size-64) !important
}

.pt-68 {
  padding-top: 4.25rem !important;
  padding-top: var(--size-68) !important
}

.pt-72 {
  padding-top: 4.5rem !important;
  padding-top: var(--size-72) !important
}

.pt-76 {
  padding-top: 4.75rem !important;
  padding-top: var(--size-76) !important
}

.pt-80 {
  padding-top: 5rem !important;
  padding-top: var(--size-80) !important
}

.pt-90 {
  padding-top: 5.625rem !important;
  padding-top: var(--size-90) !important
}

.pt-110 {
  padding-top: 6.875rem !important;
  padding-top: var(--size-110) !important
}

.pt-120 {
  padding-top: 7.5rem !important;
  padding-top: var(--size-120) !important
}

.pt-144 {
  padding-top: 9rem !important;
  padding-top: var(--size-144) !important
}

.pt-160 {
  padding-top: 10rem !important;
  padding-top: var(--size-160) !important
}

.pt-210 {
  padding-top: 13.125rem !important;
  padding-top: var(--size-210) !important
}

.pb-2 {
  padding-bottom: .125rem !important;
  padding-bottom: var(--size-2) !important
}

.pb-3 {
  padding-bottom: .1875rem !important;
  padding-bottom: var(--size-3) !important
}

.pb-4 {
  padding-bottom: .25rem !important;
  padding-bottom: var(--size-4) !important
}

.pb-5 {
  padding-bottom: .3125rem !important;
  padding-bottom: var(--size-5) !important
}

.pb-6 {
  padding-bottom: .375rem !important;
  padding-bottom: var(--size-6) !important
}

.pb-7 {
  padding-bottom: .4375rem !important;
  padding-bottom: var(--size-7) !important
}

.pb-8 {
  padding-bottom: .5rem !important;
  padding-bottom: var(--size-8) !important
}

.pb-9 {
  padding-bottom: .5625rem !important;
  padding-bottom: var(--size-9) !important
}

.pb-10 {
  padding-bottom: .625rem !important;
  padding-bottom: var(--size-10) !important
}

.pb-11 {
  padding-bottom: .6875rem !important;
  padding-bottom: var(--size-11) !important
}

.pb-12 {
  padding-bottom: .75rem !important;
  padding-bottom: var(--size-12) !important
}

.pb-13 {
  padding-bottom: .8125rem !important;
  padding-bottom: var(--size-13) !important
}

.pb-14 {
  padding-bottom: .875rem !important;
  padding-bottom: var(--size-14) !important
}

.pb-16 {
  padding-bottom: 1rem !important;
  padding-bottom: var(--size-16) !important
}

.pb-18 {
  padding-bottom: 1.125rem !important;
  padding-bottom: var(--size-18) !important
}

.pb-20 {
  padding-bottom: 1.25rem !important;
  padding-bottom: var(--size-20) !important
}

.pb-22 {
  padding-bottom: 1.375rem !important;
  padding-bottom: var(--size-22) !important
}

.pb-24 {
  padding-bottom: 1.5rem !important;
  padding-bottom: var(--size-24) !important
}

.pb-26 {
  padding-bottom: 1.625rem !important;
  padding-bottom: var(--size-26) !important
}

.pb-28 {
  padding-bottom: 1.75rem !important;
  padding-bottom: var(--size-28) !important
}

.pb-30 {
  padding-bottom: 1.875rem !important;
  padding-bottom: var(--size-30) !important
}

.pb-32 {
  padding-bottom: 2rem !important;
  padding-bottom: var(--size-32) !important
}

.pb-36 {
  padding-bottom: 2rem !important;
  padding-bottom: var(--size-36) !important
}

.pb-40 {
  padding-bottom: 2.5rem !important;
  padding-bottom: var(--size-40) !important
}

.pb-44 {
  padding-bottom: 2.75rem !important;
  padding-bottom: var(--size-44) !important
}

.pb-48 {
  padding-bottom: 3rem !important;
  padding-bottom: var(--size-48) !important
}

.pb-52 {
  padding-bottom: 3.25rem !important;
  padding-bottom: var(--size-52) !important
}

.pb-56 {
  padding-bottom: 3.5rem !important;
  padding-bottom: var(--size-56) !important
}

.pb-60 {
  padding-bottom: 3.75rem !important;
  padding-bottom: var(--size-60) !important
}

.pb-64 {
  padding-bottom: 4rem !important;
  padding-bottom: var(--size-64) !important
}

.pb-68 {
  padding-bottom: 4.25rem !important;
  padding-bottom: var(--size-68) !important
}

.pb-72 {
  padding-bottom: 4.5rem !important;
  padding-bottom: var(--size-72) !important
}

.pb-76 {
  padding-bottom: 4.75rem !important;
  padding-bottom: var(--size-76) !important
}

.pb-80 {
  padding-bottom: 5rem !important;
  padding-bottom: var(--size-80) !important
}

.pb-90 {
  padding-bottom: 5.625rem !important;
  padding-bottom: var(--size-90) !important
}

.pb-110 {
  padding-bottom: 6.875rem !important;
  padding-bottom: var(--size-110) !important
}

.pb-120 {
  padding-bottom: 7.5rem !important;
  padding-bottom: var(--size-120) !important
}

.pb-144 {
  padding-bottom: 9rem !important;
  padding-bottom: var(--size-144) !important
}

.pb-160 {
  padding-bottom: 10rem !important;
  padding-bottom: var(--size-160) !important
}

.pb-210 {
  padding-bottom: 13.125rem !important;
  padding-bottom: var(--size-210) !important
}

.p--24 {
  padding: 24px
}

.p-56-px {
  padding: clamp(.5rem, -9.243rem + 12vw, 3.5rem)
}

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

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

.py-100 {
  padding-bottom: 40px !important;
  padding-top: 40px !important
}

@media (min-width:992px) {
  .py-100 {
    padding-bottom: 60px !important;
    padding-top: 60px !important
  }
}

@media (min-width:1200px) {
  .py-100 {
    padding-bottom: 80px !important;
    padding-top: 80px !important
  }
}

@media (min-width:1400px) {
  .py-100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important
  }
}

.py-80 {
  padding-bottom: 60px !important;
  padding-top: 60px !important
}

@media (min-width:992px) {
  .py-80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important
  }
}

.pt-80 {
  padding-top: 60px !important
}

@media (min-width:992px) {
  .pt-80 {
    padding-top: 80px !important
  }
}

.pb-80 {
  padding-bottom: 60px !important
}

@media (min-width:992px) {
  .pb-80 {
    padding-bottom: 80px !important
  }
}

.py-60 {
  padding-bottom: 30px !important;
  padding-top: 30px !important
}

@media (min-width:576px) {
  .py-60 {
    padding-bottom: 40px !important;
    padding-top: 40px !important
  }
}

@media (min-width:992px) {
  .py-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important
  }
}

.pt-60 {
  padding-top: 30px !important
}

@media (min-width:576px) {
  .pt-60 {
    padding-top: 40px !important
  }
}

@media (min-width:992px) {
  .pt-60 {
    padding-top: 60px !important
  }
}

.pb-60 {
  padding-bottom: 30px !important
}

@media (min-width:576px) {
  .pb-60 {
    padding-bottom: 40px !important
  }
}

@media (min-width:992px) {
  .pb-60 {
    padding-bottom: 60px !important
  }
}

.bg-color-one {
  --tw-bg-opacity: 1 !important;
  background-color: #fde8ee !important;
  background-color: rgba(253, 232, 238, var(--tw-bg-opacity)) !important
}

.bg-color-two {
  --tw-bg-opacity: 1 !important;
  background-color: #fffbf4 !important;
  background-color: rgba(255, 251, 244, var(--tw-bg-opacity)) !important
}

.bg-color-three {
  --tw-bg-opacity: 1 !important;
  background-color: #f1f1f1 !important;
  background-color: rgba(241, 241, 241, var(--tw-bg-opacity)) !important
}

.bg-color-neutral {
  --tw-bg-opacity: 1 !important;
  background-color: #121535 !important;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity)) !important
}

@media (min-width:425px) and (max-width:575px) {
  .col-xs-6 {
    width: 50%
  }
}

@media (min-width:425px) {
  .d-xs-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

.opacity-6 {
  opacity: .06 !important
}

.transition-1 {
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.transition-2 {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.transition-3 {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.display-200 {
  font-size: clamp(3.75rem, -.0733rem + 6.3692vw, 12.5rem)
}

.display-one {
  font-size: clamp(2.5rem, -.0733rem + 6.3692vw, 7.5rem)
}

.min-width-max-content {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

.inset-inline-start-0 {
  left: 0 !important
}

.inset-inline-start-100 {
  left: 100% !important
}

.inset-inline-start-auto {
  left: auto !important
}

.inset-inline-end-0 {
  right: 0 !important
}

.inset-inline-end-auto {
  right: auto !important
}

.inset-block-start-0 {
  top: 0 !important
}

.inset-block-end-0 {
  bottom: 0 !important
}

.start-auto {
  left: auto !important
}

.end-auto {
  right: auto !important
}

.line-height-0 {
  line-height: 0
}

.line-height-1 {
  line-height: 1
}

.line-height-73 {
  line-height: .73
}

.hover-text-decoration-underline:hover {
  -webkit-text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-line: underline
}

.hover-text-decoration-none:hover {
  -webkit-text-decoration-line: none;
  -moz-text-decoration-line: none;
  text-decoration-line: none
}

.font-heading {
  font-family: Quicksand, sans-serif
}

.font-heading-two {
  font-family: Exo, sans-serif
}

.font-heading-four {
  font-family: Dancing Script, cursive
}

.font-body {
  font-family: Inter, sans-serif
}

.bg-img {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: 100%;
  width: 100%
}

.aspect-ratio-1 {
  aspect-ratio: 1
}

.bg-blur {
  --tw-backdrop-blur: blur(90px);
  -webkit-backdrop-filter: blur(90px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: blur(90px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.bg-blur:hover {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bg-blur {
  background-color: hsla(0, 0%, 100%, .302) !important
}

.rotate-10 {
  --tw-rotate: -10deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bg-overlay:before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(18, 21, 53, .7)), to(rgba(18, 21, 53, .7)));
  background-image: -webkit-linear-gradient(bottom, rgba(18, 21, 53, .7), rgba(18, 21, 53, .7));
  background-image: linear-gradient(0deg, rgba(18, 21, 53, .7), rgba(18, 21, 53, .7));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.bg-overlay.style-two:before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(34.18%, rgba(18, 21, 53, .47)), color-stop(75.48%, rgba(18, 21, 53, .5))), -webkit-gradient(linear, left top, left bottom, color-stop(27.17%, rgba(18, 21, 53, 0)), color-stop(79.35%, rgba(18, 21, 53, .5)));
  background-image: -webkit-linear-gradient(top, rgba(18, 21, 53, .47) 34.18%, rgba(18, 21, 53, .5) 75.48%), -webkit-linear-gradient(top, rgba(18, 21, 53, 0) 27.17%, rgba(18, 21, 53, .5) 79.35%);
  background-image: linear-gradient(180deg, rgba(18, 21, 53, .47) 34.18%, rgba(18, 21, 53, .5) 75.48%), linear-gradient(180deg, rgba(18, 21, 53, 0) 27.17%, rgba(18, 21, 53, .5) 79.35%);
  z-index: 0
}

.bg-start {
  background-position: 0 !important
}

.arrow-left-clip {
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0 50%);
  clip-path: polygon(10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0 50%)
}

.w-30-percent {
  width: 30%
}

.group:hover .group-item-white {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.cover-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.flex-align,
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.w-2 {
  width: .125rem !important
}

.w-3 {
  width: .1875rem !important
}

.w-4 {
  width: .25rem !important
}

.w-5 {
  width: .3125rem !important
}

.w-6 {
  width: .375rem !important
}

.w-7 {
  width: .4375rem !important
}

.w-8 {
  width: .5rem !important
}

.w-9 {
  width: .5625rem !important
}

.w-10 {
  width: .625rem !important
}

.w-11 {
  width: .6875rem !important
}

.w-12 {
  width: .75rem !important
}

.w-13 {
  width: .8125rem !important
}

.w-14 {
  width: .875rem !important
}

.w-16 {
  width: 1rem !important
}

.w-18 {
  width: 1.125rem !important
}

.w-20 {
  width: 1.25rem !important
}

.w-22 {
  width: 1.375rem !important
}

.w-24 {
  width: 1.5rem !important
}

.w-26 {
  width: 1.625rem !important
}

.w-28 {
  width: 1.75rem !important
}

.w-30 {
  width: 1.875rem !important
}

.w-32,
.w-36 {
  width: 2rem !important
}

.w-40 {
  width: 2.5rem !important
}

.w-44 {
  width: 2.75rem !important
}

.w-48 {
  width: 3rem !important
}

.w-52 {
  width: 3.25rem !important
}

.w-56 {
  width: 3.5rem !important
}

.w-60 {
  width: 3.75rem !important
}

.w-64 {
  width: 4rem !important
}

.w-68 {
  width: 4.25rem !important
}

.w-72 {
  width: 4.5rem !important
}

.w-76 {
  width: 4.75rem !important
}

.w-80 {
  width: 5rem !important
}

.w-90 {
  width: 5.625rem !important
}

.w-110 {
  width: 6.875rem !important
}

.w-120 {
  width: 7.5rem !important
}

.w-144 {
  width: 9rem !important
}

.w-160 {
  width: 10rem !important
}

.w-210 {
  width: 13.125rem !important
}

.w-300 {
  width: 300px !important
}

.w-265 {
  width: 265px !important
}

.w-unset {
  width: auto !important
}

.h-2 {
  height: .125rem !important
}

.h-3 {
  height: .1875rem !important
}

.h-4 {
  height: .25rem !important
}

.h-5 {
  height: .3125rem !important
}

.h-6 {
  height: .375rem !important
}

.h-7 {
  height: .4375rem !important
}

.h-8 {
  height: .5rem !important
}

.h-9 {
  height: .5625rem !important
}

.h-10 {
  height: .625rem !important
}

.h-11 {
  height: .6875rem !important
}

.h-12 {
  height: .75rem !important
}

.h-13 {
  height: .8125rem !important
}

.h-14 {
  height: .875rem !important
}

.h-16 {
  height: 1rem !important
}

.h-18 {
  height: 1.125rem !important
}

.h-20 {
  height: 1.25rem !important
}

.h-22 {
  height: 1.375rem !important
}

.h-24 {
  height: 1.5rem !important
}

.h-26 {
  height: 1.625rem !important
}

.h-28 {
  height: 1.75rem !important
}

.h-30 {
  height: 1.875rem !important
}

.h-32,
.h-36 {
  height: 2rem !important
}

.h-40 {
  height: 2.5rem !important
}

.h-44 {
  height: 2.75rem !important
}

.h-48 {
  height: 3rem !important
}

.h-52 {
  height: 3.25rem !important
}

.h-56 {
  height: 3.5rem !important
}

.h-60 {
  height: 3.75rem !important
}

.h-64 {
  height: 4rem !important
}

.h-68 {
  height: 4.25rem !important
}

.h-72 {
  height: 4.5rem !important
}

.h-76 {
  height: 4.75rem !important
}

.h-80 {
  height: 5rem !important
}

.h-90 {
  height: 5.625rem !important
}

.h-110 {
  height: 6.875rem !important
}

.h-120 {
  height: 7.5rem !important
}

.h-144 {
  height: 9rem !important
}

.h-160 {
  height: 10rem !important
}

.h-210 {
  height: 13.125rem !important
}

.h-unset {
  height: auto !important
}

.max-h-unset {
  max-height: none !important
}

.max-h-120 {
  max-height: 120px !important
}

.max-h-200 {
  max-height: 200px !important
}

.max-h-260 {
  max-height: 260px !important
}

.max-h-300 {
  max-height: 300px !important
}

.max-h-326 {
  max-height: 326px !important
}

.max-h-400 {
  max-height: 400px !important
}

.max-h-540 {
  max-height: 540px !important
}

.max-w-unset {
  max-width: none
}

.max-w-120 {
  max-width: 120px
}

.max-w-260 {
  max-width: 260px !important
}

.max-w-375 {
  max-width: 375px
}

.max-w-340 {
  max-width: 340px
}

.max-w-392 {
  max-width: 392px
}

.max-w-275 {
  max-width: 275px
}

.max-w-472 {
  max-width: 472px
}

.max-w-418 {
  max-width: 418px
}

.max-w-990 {
  max-width: 990px
}

.min-h-485 {
  min-height: 485px
}

.top-n6 {
  top: -6px
}

.end-n4 {
  right: -6px
}

.text-main-50 {
  color: hsl(148, 59%, 93.9%) !important;
  color: var(--main-50) !important
}

.text-main-100 {
  color: hsl(148, 59%, 87.8%) !important;
  color: var(--main-100) !important
}

.text-main-200 {
  color: hsl(148, 59%, 81.7%) !important;
  color: var(--main-200) !important
}

.text-main-300 {
  color: hsl(148, 59%, 75.6%) !important;
  color: var(--main-300) !important
}

.text-main-400 {
  color: hsl(148, 59%, 69.5%) !important;
  color: var(--main-400) !important
}

.text-main-500 {
  color: hsl(148, 59%, 63.4%) !important;
  color: var(--main-500) !important
}

.text-main-600 {
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.text-main-700 {
  color: hsl(148, 59%, 35.1%) !important;
  color: var(--main-700) !important
}

.text-main-800 {
  color: hsl(148, 59%, 31.2%) !important;
  color: var(--main-800) !important
}

.text-main-900 {
  color: hsl(148, 59%, 27.3%) !important;
  color: var(--main-900) !important
}

.text-main-two-50 {
  color: hsl(25, 100%, 94.9%) !important;
  color: var(--main-two-50) !important
}

.text-main-two-100 {
  color: hsl(25, 100%, 89.8%) !important;
  color: var(--main-two-100) !important
}

.text-main-two-200 {
  color: hsl(25, 100%, 84.7%) !important;
  color: var(--main-two-200) !important
}

.text-main-two-300 {
  color: hsl(25, 100%, 79.6%) !important;
  color: var(--main-two-300) !important
}

.text-main-two-400 {
  color: hsl(25, 100%, 74.5%) !important;
  color: var(--main-two-400) !important
}

.text-main-two-500 {
  color: hsl(25, 100%, 69.4%) !important;
  color: var(--main-two-500) !important
}

.text-main-two-600 {
  color: #fa6800 !important;
  color: var(--main-two-600) !important
}

.text-main-two-700 {
  color: hsl(25, 100%, 44.1%) !important;
  color: var(--main-two-700) !important
}

.text-main-two-800 {
  color: hsl(25, 100%, 39.2%) !important;
  color: var(--main-two-800) !important
}

.text-main-two-900 {
  color: hsl(25, 100%, 34.3%) !important;
  color: var(--main-two-900) !important
}

.text-neutral-50 {
  color: #ecf1f9 !important;
  color: var(--neutral-50) !important
}

.text-neutral-100 {
  color: #e6e6e6 !important;
  color: var(--neutral-100) !important
}

.text-neutral-200 {
  color: #ccc !important;
  color: var(--neutral-200) !important
}

.text-neutral-300 {
  color: #b3b3b3 !important;
  color: var(--neutral-300) !important
}

.text-neutral-400 {
  color: #999 !important;
  color: var(--neutral-400) !important
}

.text-neutral-500 {
  color: grey !important;
  color: var(--neutral-500) !important
}

.text-neutral-600 {
  color: #121535 !important;
  color: var(--neutral-600) !important
}

.text-neutral-700 {
  color: #060710 !important;
  color: var(--neutral-700) !important
}

.text-neutral-800 {
  color: #11132e !important;
  color: var(--neutral-800) !important
}

.text-neutral-900 {
  color: #1a1a1a !important;
  color: var(--neutral-900) !important
}

.text-gray-50 {
  color: #f1f1f1 !important;
  color: var(--gray-50) !important
}

.text-gray-100 {
  color: #e6e6e6 !important;
  color: var(--gray-100) !important
}

.text-gray-200 {
  color: #ccc !important;
  color: var(--gray-200) !important
}

.text-gray-300 {
  color: #b3b3b3 !important;
  color: var(--gray-300) !important
}

.text-gray-400 {
  color: #999 !important;
  color: var(--gray-400) !important
}

.text-gray-500 {
  color: grey !important;
  color: var(--gray-500) !important
}

.text-gray-600 {
  color: #666 !important;
  color: var(--gray-600) !important
}

.text-gray-700 {
  color: #4d4d4d !important;
  color: var(--gray-700) !important
}

.text-gray-800 {
  color: #333 !important;
  color: var(--gray-800) !important
}

.text-gray-900 {
  color: #1a1a1a !important;
  color: var(--gray-900) !important
}

.text-light-50 {
  color: #f5f6fa !important;
  color: var(--light-50) !important
}

.text-light-100 {
  color: #f3f4f6 !important;
  color: var(--light-100) !important
}

.text-light-600 {
  color: #e4f1ff !important;
  color: var(--light-600) !important
}

.text-light-700 {
  color: #374151 !important;
  color: var(--light-700) !important
}

.text-light-800 {
  color: #1f2937 !important;
  color: var(--light-800) !important
}

.text-primary-50 {
  color: #e4f1ff !important;
  color: var(--primary-50) !important
}

.text-primary-100 {
  color: #bfdcff !important;
  color: var(--primary-100) !important
}

.text-primary-200 {
  color: #95c7ff !important;
  color: var(--primary-200) !important
}

.text-primary-300 {
  color: #6bb1ff !important;
  color: var(--primary-300) !important
}

.text-primary-400 {
  color: #519fff !important;
  color: var(--primary-400) !important
}

.text-primary-500 {
  color: #458eff !important;
  color: var(--primary-500) !important
}

.text-primary-600 {
  color: #487fff !important;
  color: var(--primary-600) !important
}

.text-primary-700 {
  color: #486cea !important;
  color: var(--primary-700) !important
}

.text-primary-800 {
  color: #4759d6 !important;
  color: var(--primary-800) !important
}

.text-primary-900 {
  color: #4536b6 !important;
  color: var(--primary-900) !important
}

.text-danger-50 {
  color: #fef2f2 !important;
  color: var(--danger-50) !important
}

.text-danger-100 {
  color: #fee2e2 !important;
  color: var(--danger-100) !important
}

.text-danger-200 {
  color: #fecaca !important;
  color: var(--danger-200) !important
}

.text-danger-300 {
  color: #fca5a5 !important;
  color: var(--danger-300) !important
}

.text-danger-400 {
  color: #f87171 !important;
  color: var(--danger-400) !important
}

.text-danger-500 {
  color: #ef4444 !important;
  color: var(--danger-500) !important
}

.text-danger-600 {
  color: #dc2626 !important;
  color: var(--danger-600) !important
}

.text-danger-700 {
  color: #b91c1c !important;
  color: var(--danger-700) !important
}

.text-danger-800 {
  color: #991b1b !important;
  color: var(--danger-800) !important
}

.text-danger-900 {
  color: #7f1d1d !important;
  color: var(--danger-900) !important
}

.text-success-50 {
  color: #f0fdf4 !important;
  color: var(--success-50) !important
}

.text-success-100 {
  color: #dcfce7 !important;
  color: var(--success-100) !important
}

.text-success-200 {
  color: #bbf7d0 !important;
  color: var(--success-200) !important
}

.text-success-300 {
  color: #86efac !important;
  color: var(--success-300) !important
}

.text-success-400 {
  color: #4ade80 !important;
  color: var(--success-400) !important
}

.text-success-500 {
  color: #22c55e !important;
  color: var(--success-500) !important
}

.text-success-600 {
  color: #27ae60 !important;
  color: var(--success-600) !important
}

.text-success-700 {
  color: #15803d !important;
  color: var(--success-700) !important
}

.text-success-800 {
  color: #166534 !important;
  color: var(--success-800) !important
}

.text-success-900 {
  color: #14532d !important;
  color: var(--success-900) !important
}

.text-warning-50 {
  color: #fefce8 !important;
  color: var(--warning-50) !important
}

.text-warning-100 {
  color: #fef9c3 !important;
  color: var(--warning-100) !important
}

.text-warning-200 {
  color: #fef08a !important;
  color: var(--warning-200) !important
}

.text-warning-300 {
  color: #fde047 !important;
  color: var(--warning-300) !important
}

.text-warning-400 {
  color: #facc15 !important;
  color: var(--warning-400) !important
}

.text-warning-500 {
  color: #eab308 !important;
  color: var(--warning-500) !important
}

.text-warning-600 {
  color: #ff9f29 !important;
  color: var(--warning-600) !important
}

.text-warning-700 {
  color: #f39016 !important;
  color: var(--warning-700) !important
}

.text-warning-800 {
  color: #e58209 !important;
  color: var(--warning-800) !important
}

.text-warning-900 {
  color: #d77907 !important;
  color: var(--warning-900) !important
}

.text-info-50 {
  color: #eff6ff !important;
  color: var(--info-50) !important
}

.text-info-100 {
  color: #dbeafe !important;
  color: var(--info-100) !important
}

.text-info-200 {
  color: #bfdbfe !important;
  color: var(--info-200) !important
}

.text-info-300 {
  color: #93c5fd !important;
  color: var(--info-300) !important
}

.text-info-400 {
  color: #60a5fa !important;
  color: var(--info-400) !important
}

.text-info-500 {
  color: #3b82f6 !important;
  color: var(--info-500) !important
}

.text-info-600 {
  color: #2563eb !important;
  color: var(--info-600) !important
}

.text-info-700 {
  color: #1d4ed8 !important;
  color: var(--info-700) !important
}

.text-info-800 {
  color: #1e40af !important;
  color: var(--info-800) !important
}

.text-info-900 {
  color: #1e3a8a !important;
  color: var(--info-900) !important
}

.text-tertiary-50 {
  color: #d1c8ff !important;
  color: var(--tertiary-50) !important
}

.text-tertiary-100 {
  color: #c2b6ff !important;
  color: var(--tertiary-100) !important
}

.text-tertiary-600 {
  color: #3c23b5 !important;
  color: var(--tertiary-600) !important
}

.text-heading {
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.text-body {
  --tw-text-opacity: 1 !important;
  color: #828282 !important;
  color: rgba(130, 130, 130, var(--tw-text-opacity)) !important
}

.hover-text-main-50:hover {
  color: hsl(148, 59%, 93.9%) !important;
  color: var(--main-50) !important
}

.hover-text-main-100:hover {
  color: hsl(148, 59%, 87.8%) !important;
  color: var(--main-100) !important
}

.hover-text-main-200:hover {
  color: hsl(148, 59%, 81.7%) !important;
  color: var(--main-200) !important
}

.hover-text-main-300:hover {
  color: hsl(148, 59%, 75.6%) !important;
  color: var(--main-300) !important
}

.hover-text-main-400:hover {
  color: hsl(148, 59%, 69.5%) !important;
  color: var(--main-400) !important
}

.hover-text-main-500:hover {
  color: hsl(148, 59%, 63.4%) !important;
  color: var(--main-500) !important
}

.hover-text-main-600:hover {
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.hover-text-main-700:hover {
  color: hsl(148, 59%, 35.1%) !important;
  color: var(--main-700) !important
}

.hover-text-main-800:hover {
  color: hsl(148, 59%, 31.2%) !important;
  color: var(--main-800) !important
}

.hover-text-main-900:hover {
  color: hsl(148, 59%, 27.3%) !important;
  color: var(--main-900) !important
}

.hover-text-main-two-50:hover {
  color: hsl(25, 100%, 94.9%) !important;
  color: var(--main-two-50) !important
}

.hover-text-main-two-100:hover {
  color: hsl(25, 100%, 89.8%) !important;
  color: var(--main-two-100) !important
}

.hover-text-main-two-200:hover {
  color: hsl(25, 100%, 84.7%) !important;
  color: var(--main-two-200) !important
}

.hover-text-main-two-300:hover {
  color: hsl(25, 100%, 79.6%) !important;
  color: var(--main-two-300) !important
}

.hover-text-main-two-400:hover {
  color: hsl(25, 100%, 74.5%) !important;
  color: var(--main-two-400) !important
}

.hover-text-main-two-500:hover {
  color: hsl(25, 100%, 69.4%) !important;
  color: var(--main-two-500) !important
}

.hover-text-main-two-600:hover {
  color: #fa6800 !important;
  color: var(--main-two-600) !important
}

.hover-text-main-two-700:hover {
  color: hsl(25, 100%, 44.1%) !important;
  color: var(--main-two-700) !important
}

.hover-text-main-two-800:hover {
  color: hsl(25, 100%, 39.2%) !important;
  color: var(--main-two-800) !important
}

.hover-text-main-two-900:hover {
  color: hsl(25, 100%, 34.3%) !important;
  color: var(--main-two-900) !important
}

.hover-text-neutral-50:hover {
  color: #ecf1f9 !important;
  color: var(--neutral-50) !important
}

.hover-text-neutral-100:hover {
  color: #e6e6e6 !important;
  color: var(--neutral-100) !important
}

.hover-text-neutral-200:hover {
  color: #ccc !important;
  color: var(--neutral-200) !important
}

.hover-text-neutral-300:hover {
  color: #b3b3b3 !important;
  color: var(--neutral-300) !important
}

.hover-text-neutral-400:hover {
  color: #999 !important;
  color: var(--neutral-400) !important
}

.hover-text-neutral-500:hover {
  color: grey !important;
  color: var(--neutral-500) !important
}

.hover-text-neutral-600:hover {
  color: #121535 !important;
  color: var(--neutral-600) !important
}

.hover-text-neutral-700:hover {
  color: #060710 !important;
  color: var(--neutral-700) !important
}

.hover-text-neutral-800:hover {
  color: #11132e !important;
  color: var(--neutral-800) !important
}

.hover-text-neutral-900:hover {
  color: #1a1a1a !important;
  color: var(--neutral-900) !important
}

.hover-text-gray-50:hover {
  color: #f1f1f1 !important;
  color: var(--gray-50) !important
}

.hover-text-gray-100:hover {
  color: #e6e6e6 !important;
  color: var(--gray-100) !important
}

.hover-text-gray-200:hover {
  color: #ccc !important;
  color: var(--gray-200) !important
}

.hover-text-gray-300:hover {
  color: #b3b3b3 !important;
  color: var(--gray-300) !important
}

.hover-text-gray-400:hover {
  color: #999 !important;
  color: var(--gray-400) !important
}

.hover-text-gray-500:hover {
  color: grey !important;
  color: var(--gray-500) !important
}

.hover-text-gray-600:hover {
  color: #666 !important;
  color: var(--gray-600) !important
}

.hover-text-gray-700:hover {
  color: #4d4d4d !important;
  color: var(--gray-700) !important
}

.hover-text-gray-800:hover {
  color: #333 !important;
  color: var(--gray-800) !important
}

.hover-text-gray-900:hover {
  color: #1a1a1a !important;
  color: var(--gray-900) !important
}

.hover-text-light-50:hover {
  color: #f5f6fa !important;
  color: var(--light-50) !important
}

.hover-text-light-100:hover {
  color: #f3f4f6 !important;
  color: var(--light-100) !important
}

.hover-text-light-600:hover {
  color: #e4f1ff !important;
  color: var(--light-600) !important
}

.hover-text-light-700:hover {
  color: #374151 !important;
  color: var(--light-700) !important
}

.hover-text-light-800:hover {
  color: #1f2937 !important;
  color: var(--light-800) !important
}

.hover-text-primary-50:hover {
  color: #e4f1ff !important;
  color: var(--primary-50) !important
}

.hover-text-primary-100:hover {
  color: #bfdcff !important;
  color: var(--primary-100) !important
}

.hover-text-primary-200:hover {
  color: #95c7ff !important;
  color: var(--primary-200) !important
}

.hover-text-primary-300:hover {
  color: #6bb1ff !important;
  color: var(--primary-300) !important
}

.hover-text-primary-400:hover {
  color: #519fff !important;
  color: var(--primary-400) !important
}

.hover-text-primary-500:hover {
  color: #458eff !important;
  color: var(--primary-500) !important
}

.hover-text-primary-600:hover {
  color: #487fff !important;
  color: var(--primary-600) !important
}

.hover-text-primary-700:hover {
  color: #486cea !important;
  color: var(--primary-700) !important
}

.hover-text-primary-800:hover {
  color: #4759d6 !important;
  color: var(--primary-800) !important
}

.hover-text-primary-900:hover {
  color: #4536b6 !important;
  color: var(--primary-900) !important
}

.hover-text-danger-50:hover {
  color: #fef2f2 !important;
  color: var(--danger-50) !important
}

.hover-text-danger-100:hover {
  color: #fee2e2 !important;
  color: var(--danger-100) !important
}

.hover-text-danger-200:hover {
  color: #fecaca !important;
  color: var(--danger-200) !important
}

.hover-text-danger-300:hover {
  color: #fca5a5 !important;
  color: var(--danger-300) !important
}

.hover-text-danger-400:hover {
  color: #f87171 !important;
  color: var(--danger-400) !important
}

.hover-text-danger-500:hover {
  color: #ef4444 !important;
  color: var(--danger-500) !important
}

.hover-text-danger-600:hover {
  color: #dc2626 !important;
  color: var(--danger-600) !important
}

.hover-text-danger-700:hover {
  color: #b91c1c !important;
  color: var(--danger-700) !important
}

.hover-text-danger-800:hover {
  color: #991b1b !important;
  color: var(--danger-800) !important
}

.hover-text-danger-900:hover {
  color: #7f1d1d !important;
  color: var(--danger-900) !important
}

.hover-text-success-50:hover {
  color: #f0fdf4 !important;
  color: var(--success-50) !important
}

.hover-text-success-100:hover {
  color: #dcfce7 !important;
  color: var(--success-100) !important
}

.hover-text-success-200:hover {
  color: #bbf7d0 !important;
  color: var(--success-200) !important
}

.hover-text-success-300:hover {
  color: #86efac !important;
  color: var(--success-300) !important
}

.hover-text-success-400:hover {
  color: #4ade80 !important;
  color: var(--success-400) !important
}

.hover-text-success-500:hover {
  color: #22c55e !important;
  color: var(--success-500) !important
}

.hover-text-success-600:hover {
  color: #27ae60 !important;
  color: var(--success-600) !important
}

.hover-text-success-700:hover {
  color: #15803d !important;
  color: var(--success-700) !important
}

.hover-text-success-800:hover {
  color: #166534 !important;
  color: var(--success-800) !important
}

.hover-text-success-900:hover {
  color: #14532d !important;
  color: var(--success-900) !important
}

.hover-text-warning-50:hover {
  color: #fefce8 !important;
  color: var(--warning-50) !important
}

.hover-text-warning-100:hover {
  color: #fef9c3 !important;
  color: var(--warning-100) !important
}

.hover-text-warning-200:hover {
  color: #fef08a !important;
  color: var(--warning-200) !important
}

.hover-text-warning-300:hover {
  color: #fde047 !important;
  color: var(--warning-300) !important
}

.hover-text-warning-400:hover {
  color: #facc15 !important;
  color: var(--warning-400) !important
}

.hover-text-warning-500:hover {
  color: #eab308 !important;
  color: var(--warning-500) !important
}

.hover-text-warning-600:hover {
  color: #ff9f29 !important;
  color: var(--warning-600) !important
}

.hover-text-warning-700:hover {
  color: #f39016 !important;
  color: var(--warning-700) !important
}

.hover-text-warning-800:hover {
  color: #e58209 !important;
  color: var(--warning-800) !important
}

.hover-text-warning-900:hover {
  color: #d77907 !important;
  color: var(--warning-900) !important
}

.hover-text-info-50:hover {
  color: #eff6ff !important;
  color: var(--info-50) !important
}

.hover-text-info-100:hover {
  color: #dbeafe !important;
  color: var(--info-100) !important
}

.hover-text-info-200:hover {
  color: #bfdbfe !important;
  color: var(--info-200) !important
}

.hover-text-info-300:hover {
  color: #93c5fd !important;
  color: var(--info-300) !important
}

.hover-text-info-400:hover {
  color: #60a5fa !important;
  color: var(--info-400) !important
}

.hover-text-info-500:hover {
  color: #3b82f6 !important;
  color: var(--info-500) !important
}

.hover-text-info-600:hover {
  color: #2563eb !important;
  color: var(--info-600) !important
}

.hover-text-info-700:hover {
  color: #1d4ed8 !important;
  color: var(--info-700) !important
}

.hover-text-info-800:hover {
  color: #1e40af !important;
  color: var(--info-800) !important
}

.hover-text-info-900:hover {
  color: #1e3a8a !important;
  color: var(--info-900) !important
}

.hover-text-tertiary-50:hover {
  color: #d1c8ff !important;
  color: var(--tertiary-50) !important
}

.hover-text-tertiary-100:hover {
  color: #c2b6ff !important;
  color: var(--tertiary-100) !important
}

.hover-text-tertiary-600:hover {
  color: #3c23b5 !important;
  color: var(--tertiary-600) !important
}

.hover-text-white:hover {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.hover-text-heading:hover {
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.hover-text-body:hover {
  --tw-text-opacity: 1 !important;
  color: #828282 !important;
  color: rgba(130, 130, 130, var(--tw-text-opacity)) !important
}

.hover-text-main:hover {
  color: #c31e49 !important;
  color: var(--main-color) !important
}

.border-main-50 {
  border-color: hsl(148, 59%, 93.9%) !important;
  border-color: var(--main-50) !important
}

.border-main-100 {
  border-color: hsl(148, 59%, 87.8%) !important;
  border-color: var(--main-100) !important
}

.border-main-200 {
  border-color: hsl(148, 59%, 81.7%) !important;
  border-color: var(--main-200) !important
}

.border-main-300 {
  border-color: hsl(148, 59%, 75.6%) !important;
  border-color: var(--main-300) !important
}

.border-main-400 {
  border-color: hsl(148, 59%, 69.5%) !important;
  border-color: var(--main-400) !important
}

.border-main-500 {
  border-color: hsl(148, 59%, 63.4%) !important;
  border-color: var(--main-500) !important
}

.border-main-600 {
  border-color: #c31e49 !important;
  border-color: var(--main-600) !important
}

.border-main-700 {
  border-color: hsl(148, 59%, 35.1%) !important;
  border-color: var(--main-700) !important
}

.border-main-800 {
  border-color: hsl(148, 59%, 31.2%) !important;
  border-color: var(--main-800) !important
}

.border-main-900 {
  border-color: hsl(148, 59%, 27.3%) !important;
  border-color: var(--main-900) !important
}

.border-main-two-50 {
  border-color: hsl(25, 100%, 94.9%) !important;
  border-color: var(--main-two-50) !important
}

.border-main-two-100 {
  border-color: hsl(25, 100%, 89.8%) !important;
  border-color: var(--main-two-100) !important
}

.border-main-two-200 {
  border-color: hsl(25, 100%, 84.7%) !important;
  border-color: var(--main-two-200) !important
}

.border-main-two-300 {
  border-color: hsl(25, 100%, 79.6%) !important;
  border-color: var(--main-two-300) !important
}

.border-main-two-400 {
  border-color: hsl(25, 100%, 74.5%) !important;
  border-color: var(--main-two-400) !important
}

.border-main-two-500 {
  border-color: hsl(25, 100%, 69.4%) !important;
  border-color: var(--main-two-500) !important
}

.border-main-two-600 {
  border-color: #fa6800 !important;
  border-color: var(--main-two-600) !important
}

.border-main-two-700 {
  border-color: hsl(25, 100%, 44.1%) !important;
  border-color: var(--main-two-700) !important
}

.border-main-two-800 {
  border-color: hsl(25, 100%, 39.2%) !important;
  border-color: var(--main-two-800) !important
}

.border-main-two-900 {
  border-color: hsl(25, 100%, 34.3%) !important;
  border-color: var(--main-two-900) !important
}

.border-neutral-50 {
  border-color: #ecf1f9 !important;
  border-color: var(--neutral-50) !important
}

.border-neutral-100 {
  border-color: #e6e6e6 !important;
  border-color: var(--neutral-100) !important
}

.border-neutral-200 {
  border-color: #ccc !important;
  border-color: var(--neutral-200) !important
}

.border-neutral-300 {
  border-color: #b3b3b3 !important;
  border-color: var(--neutral-300) !important
}

.border-neutral-400 {
  border-color: #999 !important;
  border-color: var(--neutral-400) !important
}

.border-neutral-500 {
  border-color: grey !important;
  border-color: var(--neutral-500) !important
}

.border-neutral-600 {
  border-color: #121535 !important;
  border-color: var(--neutral-600) !important
}

.border-neutral-700 {
  border-color: #060710 !important;
  border-color: var(--neutral-700) !important
}

.border-neutral-800 {
  border-color: #11132e !important;
  border-color: var(--neutral-800) !important
}

.border-neutral-900 {
  border-color: #1a1a1a !important;
  border-color: var(--neutral-900) !important
}

.border-gray-50 {
  border-color: #f1f1f1 !important;
  border-color: var(--gray-50) !important
}

.border-gray-100 {
  border-color: #e6e6e6 !important;
  border-color: var(--gray-100) !important
}

.border-gray-200 {
  border-color: #ccc !important;
  border-color: var(--gray-200) !important
}

.border-gray-300 {
  border-color: #b3b3b3 !important;
  border-color: var(--gray-300) !important
}

.border-gray-400 {
  border-color: #999 !important;
  border-color: var(--gray-400) !important
}

.border-gray-500 {
  border-color: grey !important;
  border-color: var(--gray-500) !important
}

.border-gray-600 {
  border-color: #666 !important;
  border-color: var(--gray-600) !important
}

.border-gray-700 {
  border-color: #4d4d4d !important;
  border-color: var(--gray-700) !important
}

.border-gray-800 {
  border-color: #333 !important;
  border-color: var(--gray-800) !important
}

.border-gray-900 {
  border-color: #1a1a1a !important;
  border-color: var(--gray-900) !important
}

.border-light-50 {
  border-color: #f5f6fa !important;
  border-color: var(--light-50) !important
}

.border-light-100 {
  border-color: #f3f4f6 !important;
  border-color: var(--light-100) !important
}

.border-light-600 {
  border-color: #e4f1ff !important;
  border-color: var(--light-600) !important
}

.border-light-700 {
  border-color: #374151 !important;
  border-color: var(--light-700) !important
}

.border-light-800 {
  border-color: #1f2937 !important;
  border-color: var(--light-800) !important
}

.border-primary-50 {
  border-color: #e4f1ff !important;
  border-color: var(--primary-50) !important
}

.border-primary-100 {
  border-color: #bfdcff !important;
  border-color: var(--primary-100) !important
}

.border-primary-200 {
  border-color: #95c7ff !important;
  border-color: var(--primary-200) !important
}

.border-primary-300 {
  border-color: #6bb1ff !important;
  border-color: var(--primary-300) !important
}

.border-primary-400 {
  border-color: #519fff !important;
  border-color: var(--primary-400) !important
}

.border-primary-500 {
  border-color: #458eff !important;
  border-color: var(--primary-500) !important
}

.border-primary-600 {
  border-color: #487fff !important;
  border-color: var(--primary-600) !important
}

.border-primary-700 {
  border-color: #486cea !important;
  border-color: var(--primary-700) !important
}

.border-primary-800 {
  border-color: #4759d6 !important;
  border-color: var(--primary-800) !important
}

.border-primary-900 {
  border-color: #4536b6 !important;
  border-color: var(--primary-900) !important
}

.border-danger-50 {
  border-color: #fef2f2 !important;
  border-color: var(--danger-50) !important
}

.border-danger-100 {
  border-color: #fee2e2 !important;
  border-color: var(--danger-100) !important
}

.border-danger-200 {
  border-color: #fecaca !important;
  border-color: var(--danger-200) !important
}

.border-danger-300 {
  border-color: #fca5a5 !important;
  border-color: var(--danger-300) !important
}

.border-danger-400 {
  border-color: #f87171 !important;
  border-color: var(--danger-400) !important
}

.border-danger-500 {
  border-color: #ef4444 !important;
  border-color: var(--danger-500) !important
}

.border-danger-600 {
  border-color: #dc2626 !important;
  border-color: var(--danger-600) !important
}

.border-danger-700 {
  border-color: #b91c1c !important;
  border-color: var(--danger-700) !important
}

.border-danger-800 {
  border-color: #991b1b !important;
  border-color: var(--danger-800) !important
}

.border-danger-900 {
  border-color: #7f1d1d !important;
  border-color: var(--danger-900) !important
}

.border-success-50 {
  border-color: #f0fdf4 !important;
  border-color: var(--success-50) !important
}

.border-success-100 {
  border-color: #dcfce7 !important;
  border-color: var(--success-100) !important
}

.border-success-200 {
  border-color: #bbf7d0 !important;
  border-color: var(--success-200) !important
}

.border-success-300 {
  border-color: #86efac !important;
  border-color: var(--success-300) !important
}

.border-success-400 {
  border-color: #4ade80 !important;
  border-color: var(--success-400) !important
}

.border-success-500 {
  border-color: #22c55e !important;
  border-color: var(--success-500) !important
}

.border-success-600 {
  border-color: #27ae60 !important;
  border-color: var(--success-600) !important
}

.border-success-700 {
  border-color: #15803d !important;
  border-color: var(--success-700) !important
}

.border-success-800 {
  border-color: #166534 !important;
  border-color: var(--success-800) !important
}

.border-success-900 {
  border-color: #14532d !important;
  border-color: var(--success-900) !important
}

.border-warning-50 {
  border-color: #fefce8 !important;
  border-color: var(--warning-50) !important
}

.border-warning-100 {
  border-color: #fef9c3 !important;
  border-color: var(--warning-100) !important
}

.border-warning-200 {
  border-color: #fef08a !important;
  border-color: var(--warning-200) !important
}

.border-warning-300 {
  border-color: #fde047 !important;
  border-color: var(--warning-300) !important
}

.border-warning-400 {
  border-color: #facc15 !important;
  border-color: var(--warning-400) !important
}

.border-warning-500 {
  border-color: #eab308 !important;
  border-color: var(--warning-500) !important
}

.border-warning-600 {
  border-color: #ff9f29 !important;
  border-color: var(--warning-600) !important
}

.border-warning-700 {
  border-color: #f39016 !important;
  border-color: var(--warning-700) !important
}

.border-warning-800 {
  border-color: #e58209 !important;
  border-color: var(--warning-800) !important
}

.border-warning-900 {
  border-color: #d77907 !important;
  border-color: var(--warning-900) !important
}

.border-info-50 {
  border-color: #eff6ff !important;
  border-color: var(--info-50) !important
}

.border-info-100 {
  border-color: #dbeafe !important;
  border-color: var(--info-100) !important
}

.border-info-200 {
  border-color: #bfdbfe !important;
  border-color: var(--info-200) !important
}

.border-info-300 {
  border-color: #93c5fd !important;
  border-color: var(--info-300) !important
}

.border-info-400 {
  border-color: #60a5fa !important;
  border-color: var(--info-400) !important
}

.border-info-500 {
  border-color: #3b82f6 !important;
  border-color: var(--info-500) !important
}

.border-info-600 {
  border-color: #2563eb !important;
  border-color: var(--info-600) !important
}

.border-info-700 {
  border-color: #1d4ed8 !important;
  border-color: var(--info-700) !important
}

.border-info-800 {
  border-color: #1e40af !important;
  border-color: var(--info-800) !important
}

.border-info-900 {
  border-color: #1e3a8a !important;
  border-color: var(--info-900) !important
}

.border-tertiary-50 {
  border-color: #d1c8ff !important;
  border-color: var(--tertiary-50) !important
}

.border-tertiary-100 {
  border-color: #c2b6ff !important;
  border-color: var(--tertiary-100) !important
}

.border-tertiary-600 {
  border-color: #3c23b5 !important;
  border-color: var(--tertiary-600) !important
}

.hover-border-main-50:hover {
  border-color: hsl(148, 59%, 93.9%) !important;
  border-color: var(--main-50) !important
}

.hover-border-main-100:hover {
  border-color: hsl(148, 59%, 87.8%) !important;
  border-color: var(--main-100) !important
}

.hover-border-main-200:hover {
  border-color: hsl(148, 59%, 81.7%) !important;
  border-color: var(--main-200) !important
}

.hover-border-main-300:hover {
  border-color: hsl(148, 59%, 75.6%) !important;
  border-color: var(--main-300) !important
}

.hover-border-main-400:hover {
  border-color: hsl(148, 59%, 69.5%) !important;
  border-color: var(--main-400) !important
}

.hover-border-main-500:hover {
  border-color: hsl(148, 59%, 63.4%) !important;
  border-color: var(--main-500) !important
}

.hover-border-main-600:hover {
  border-color: #c31e49 !important;
  border-color: var(--main-600) !important
}

.hover-border-main-700:hover {
  border-color: hsl(148, 59%, 35.1%) !important;
  border-color: var(--main-700) !important
}

.hover-border-main-800:hover {
  border-color: hsl(148, 59%, 31.2%) !important;
  border-color: var(--main-800) !important
}

.hover-border-main-900:hover {
  border-color: hsl(148, 59%, 27.3%) !important;
  border-color: var(--main-900) !important
}

.hover-border-main-two-50:hover {
  border-color: hsl(25, 100%, 94.9%) !important;
  border-color: var(--main-two-50) !important
}

.hover-border-main-two-100:hover {
  border-color: hsl(25, 100%, 89.8%) !important;
  border-color: var(--main-two-100) !important
}

.hover-border-main-two-200:hover {
  border-color: hsl(25, 100%, 84.7%) !important;
  border-color: var(--main-two-200) !important
}

.hover-border-main-two-300:hover {
  border-color: hsl(25, 100%, 79.6%) !important;
  border-color: var(--main-two-300) !important
}

.hover-border-main-two-400:hover {
  border-color: hsl(25, 100%, 74.5%) !important;
  border-color: var(--main-two-400) !important
}

.hover-border-main-two-500:hover {
  border-color: hsl(25, 100%, 69.4%) !important;
  border-color: var(--main-two-500) !important
}

.hover-border-main-two-600:hover {
  border-color: #fa6800 !important;
  border-color: var(--main-two-600) !important
}

.hover-border-main-two-700:hover {
  border-color: hsl(25, 100%, 44.1%) !important;
  border-color: var(--main-two-700) !important
}

.hover-border-main-two-800:hover {
  border-color: hsl(25, 100%, 39.2%) !important;
  border-color: var(--main-two-800) !important
}

.hover-border-main-two-900:hover {
  border-color: hsl(25, 100%, 34.3%) !important;
  border-color: var(--main-two-900) !important
}

.hover-border-neutral-50:hover {
  border-color: #ecf1f9 !important;
  border-color: var(--neutral-50) !important
}

.hover-border-neutral-100:hover {
  border-color: #e6e6e6 !important;
  border-color: var(--neutral-100) !important
}

.hover-border-neutral-200:hover {
  border-color: #ccc !important;
  border-color: var(--neutral-200) !important
}

.hover-border-neutral-300:hover {
  border-color: #b3b3b3 !important;
  border-color: var(--neutral-300) !important
}

.hover-border-neutral-400:hover {
  border-color: #999 !important;
  border-color: var(--neutral-400) !important
}

.hover-border-neutral-500:hover {
  border-color: grey !important;
  border-color: var(--neutral-500) !important
}

.hover-border-neutral-600:hover {
  border-color: #121535 !important;
  border-color: var(--neutral-600) !important
}

.hover-border-neutral-700:hover {
  border-color: #060710 !important;
  border-color: var(--neutral-700) !important
}

.hover-border-neutral-800:hover {
  border-color: #11132e !important;
  border-color: var(--neutral-800) !important
}

.hover-border-neutral-900:hover {
  border-color: #1a1a1a !important;
  border-color: var(--neutral-900) !important
}

.hover-border-gray-50:hover {
  border-color: #f1f1f1 !important;
  border-color: var(--gray-50) !important
}

.hover-border-gray-100:hover {
  border-color: #e6e6e6 !important;
  border-color: var(--gray-100) !important
}

.hover-border-gray-200:hover {
  border-color: #ccc !important;
  border-color: var(--gray-200) !important
}

.hover-border-gray-300:hover {
  border-color: #b3b3b3 !important;
  border-color: var(--gray-300) !important
}

.hover-border-gray-400:hover {
  border-color: #999 !important;
  border-color: var(--gray-400) !important
}

.hover-border-gray-500:hover {
  border-color: grey !important;
  border-color: var(--gray-500) !important
}

.hover-border-gray-600:hover {
  border-color: #666 !important;
  border-color: var(--gray-600) !important
}

.hover-border-gray-700:hover {
  border-color: #4d4d4d !important;
  border-color: var(--gray-700) !important
}

.hover-border-gray-800:hover {
  border-color: #333 !important;
  border-color: var(--gray-800) !important
}

.hover-border-gray-900:hover {
  border-color: #1a1a1a !important;
  border-color: var(--gray-900) !important
}

.hover-border-light-50:hover {
  border-color: #f5f6fa !important;
  border-color: var(--light-50) !important
}

.hover-border-light-100:hover {
  border-color: #f3f4f6 !important;
  border-color: var(--light-100) !important
}

.hover-border-light-600:hover {
  border-color: #e4f1ff !important;
  border-color: var(--light-600) !important
}

.hover-border-light-700:hover {
  border-color: #374151 !important;
  border-color: var(--light-700) !important
}

.hover-border-light-800:hover {
  border-color: #1f2937 !important;
  border-color: var(--light-800) !important
}

.hover-border-primary-50:hover {
  border-color: #e4f1ff !important;
  border-color: var(--primary-50) !important
}

.hover-border-primary-100:hover {
  border-color: #bfdcff !important;
  border-color: var(--primary-100) !important
}

.hover-border-primary-200:hover {
  border-color: #95c7ff !important;
  border-color: var(--primary-200) !important
}

.hover-border-primary-300:hover {
  border-color: #6bb1ff !important;
  border-color: var(--primary-300) !important
}

.hover-border-primary-400:hover {
  border-color: #519fff !important;
  border-color: var(--primary-400) !important
}

.hover-border-primary-500:hover {
  border-color: #458eff !important;
  border-color: var(--primary-500) !important
}

.hover-border-primary-600:hover {
  border-color: #487fff !important;
  border-color: var(--primary-600) !important
}

.hover-border-primary-700:hover {
  border-color: #486cea !important;
  border-color: var(--primary-700) !important
}

.hover-border-primary-800:hover {
  border-color: #4759d6 !important;
  border-color: var(--primary-800) !important
}

.hover-border-primary-900:hover {
  border-color: #4536b6 !important;
  border-color: var(--primary-900) !important
}

.hover-border-danger-50:hover {
  border-color: #fef2f2 !important;
  border-color: var(--danger-50) !important
}

.hover-border-danger-100:hover {
  border-color: #fee2e2 !important;
  border-color: var(--danger-100) !important
}

.hover-border-danger-200:hover {
  border-color: #fecaca !important;
  border-color: var(--danger-200) !important
}

.hover-border-danger-300:hover {
  border-color: #fca5a5 !important;
  border-color: var(--danger-300) !important
}

.hover-border-danger-400:hover {
  border-color: #f87171 !important;
  border-color: var(--danger-400) !important
}

.hover-border-danger-500:hover {
  border-color: #ef4444 !important;
  border-color: var(--danger-500) !important
}

.hover-border-danger-600:hover {
  border-color: #dc2626 !important;
  border-color: var(--danger-600) !important
}

.hover-border-danger-700:hover {
  border-color: #b91c1c !important;
  border-color: var(--danger-700) !important
}

.hover-border-danger-800:hover {
  border-color: #991b1b !important;
  border-color: var(--danger-800) !important
}

.hover-border-danger-900:hover {
  border-color: #7f1d1d !important;
  border-color: var(--danger-900) !important
}

.hover-border-success-50:hover {
  border-color: #f0fdf4 !important;
  border-color: var(--success-50) !important
}

.hover-border-success-100:hover {
  border-color: #dcfce7 !important;
  border-color: var(--success-100) !important
}

.hover-border-success-200:hover {
  border-color: #bbf7d0 !important;
  border-color: var(--success-200) !important
}

.hover-border-success-300:hover {
  border-color: #86efac !important;
  border-color: var(--success-300) !important
}

.hover-border-success-400:hover {
  border-color: #4ade80 !important;
  border-color: var(--success-400) !important
}

.hover-border-success-500:hover {
  border-color: #22c55e !important;
  border-color: var(--success-500) !important
}

.hover-border-success-600:hover {
  border-color: #27ae60 !important;
  border-color: var(--success-600) !important
}

.hover-border-success-700:hover {
  border-color: #15803d !important;
  border-color: var(--success-700) !important
}

.hover-border-success-800:hover {
  border-color: #166534 !important;
  border-color: var(--success-800) !important
}

.hover-border-success-900:hover {
  border-color: #14532d !important;
  border-color: var(--success-900) !important
}

.hover-border-warning-50:hover {
  border-color: #fefce8 !important;
  border-color: var(--warning-50) !important
}

.hover-border-warning-100:hover {
  border-color: #fef9c3 !important;
  border-color: var(--warning-100) !important
}

.hover-border-warning-200:hover {
  border-color: #fef08a !important;
  border-color: var(--warning-200) !important
}

.hover-border-warning-300:hover {
  border-color: #fde047 !important;
  border-color: var(--warning-300) !important
}

.hover-border-warning-400:hover {
  border-color: #facc15 !important;
  border-color: var(--warning-400) !important
}

.hover-border-warning-500:hover {
  border-color: #eab308 !important;
  border-color: var(--warning-500) !important
}

.hover-border-warning-600:hover {
  border-color: #ff9f29 !important;
  border-color: var(--warning-600) !important
}

.hover-border-warning-700:hover {
  border-color: #f39016 !important;
  border-color: var(--warning-700) !important
}

.hover-border-warning-800:hover {
  border-color: #e58209 !important;
  border-color: var(--warning-800) !important
}

.hover-border-warning-900:hover {
  border-color: #d77907 !important;
  border-color: var(--warning-900) !important
}

.hover-border-info-50:hover {
  border-color: #eff6ff !important;
  border-color: var(--info-50) !important
}

.hover-border-info-100:hover {
  border-color: #dbeafe !important;
  border-color: var(--info-100) !important
}

.hover-border-info-200:hover {
  border-color: #bfdbfe !important;
  border-color: var(--info-200) !important
}

.hover-border-info-300:hover {
  border-color: #93c5fd !important;
  border-color: var(--info-300) !important
}

.hover-border-info-400:hover {
  border-color: #60a5fa !important;
  border-color: var(--info-400) !important
}

.hover-border-info-500:hover {
  border-color: #3b82f6 !important;
  border-color: var(--info-500) !important
}

.hover-border-info-600:hover {
  border-color: #2563eb !important;
  border-color: var(--info-600) !important
}

.hover-border-info-700:hover {
  border-color: #1d4ed8 !important;
  border-color: var(--info-700) !important
}

.hover-border-info-800:hover {
  border-color: #1e40af !important;
  border-color: var(--info-800) !important
}

.hover-border-info-900:hover {
  border-color: #1e3a8a !important;
  border-color: var(--info-900) !important
}

.hover-border-tertiary-50:hover {
  border-color: #d1c8ff !important;
  border-color: var(--tertiary-50) !important
}

.hover-border-tertiary-100:hover {
  border-color: #c2b6ff !important;
  border-color: var(--tertiary-100) !important
}

.hover-border-tertiary-600:hover {
  border-color: #3c23b5 !important;
  border-color: var(--tertiary-600) !important
}

.border-dashed-c {
  border-style: dashed !important
}

.border-dotted-c {
  border-style: dotted !important
}

.bg-main-50 {
  background-color: hsl(148, 59%, 93.9%) !important;
  background-color: var(--main-50) !important
}

.bg-main-100 {
  background-color: hsl(148, 59%, 87.8%) !important;
  background-color: var(--main-100) !important
}

.bg-main-200 {
  background-color: hsl(148, 59%, 81.7%) !important;
  background-color: var(--main-200) !important
}

.bg-main-300 {
  background-color: hsl(148, 59%, 75.6%) !important;
  background-color: var(--main-300) !important
}

.bg-main-400 {
  background-color: hsl(148, 59%, 69.5%) !important;
  background-color: var(--main-400) !important
}

.bg-main-500 {
  background-color: hsl(148, 59%, 63.4%) !important;
  background-color: var(--main-500) !important
}

.bg-main-600 {
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important
}

.bg-main-700 {
  background-color: hsl(148, 59%, 35.1%) !important;
  background-color: var(--main-700) !important
}

.bg-main-800 {
  background-color: hsl(148, 59%, 31.2%) !important;
  background-color: var(--main-800) !important
}

.bg-main-900 {
  background-color: hsl(148, 59%, 27.3%) !important;
  background-color: var(--main-900) !important
}

.bg-main-two-50 {
  background-color: hsl(25, 100%, 94.9%) !important;
  background-color: var(--main-two-50) !important
}

.bg-main-two-100 {
  background-color: hsl(25, 100%, 89.8%) !important;
  background-color: var(--main-two-100) !important
}

.bg-main-two-200 {
  background-color: hsl(25, 100%, 84.7%) !important;
  background-color: var(--main-two-200) !important
}

.bg-main-two-300 {
  background-color: hsl(25, 100%, 79.6%) !important;
  background-color: var(--main-two-300) !important
}

.bg-main-two-400 {
  background-color: hsl(25, 100%, 74.5%) !important;
  background-color: var(--main-two-400) !important
}

.bg-main-two-500 {
  background-color: hsl(25, 100%, 69.4%) !important;
  background-color: var(--main-two-500) !important
}

.bg-main-two-600 {
  background-color: #fa6800 !important;
  background-color: var(--main-two-600) !important
}

.bg-main-two-700 {
  background-color: hsl(25, 100%, 44.1%) !important;
  background-color: var(--main-two-700) !important
}

.bg-main-two-800 {
  background-color: hsl(25, 100%, 39.2%) !important;
  background-color: var(--main-two-800) !important
}

.bg-main-two-900 {
  background-color: hsl(25, 100%, 34.3%) !important;
  background-color: var(--main-two-900) !important
}

.bg-neutral-50 {
  background-color: #ecf1f9 !important;
  background-color: var(--neutral-50) !important
}

.bg-neutral-100 {
  background-color: #e6e6e6 !important;
  background-color: var(--neutral-100) !important
}

.bg-neutral-200 {
  background-color: #ccc !important;
  background-color: var(--neutral-200) !important
}

.bg-neutral-300 {
  background-color: #b3b3b3 !important;
  background-color: var(--neutral-300) !important
}

.bg-neutral-400 {
  background-color: #999 !important;
  background-color: var(--neutral-400) !important
}

.bg-neutral-500 {
  background-color: grey !important;
  background-color: var(--neutral-500) !important
}

.bg-neutral-600 {
  background-color: #121535 !important;
  background-color: var(--neutral-600) !important
}

.bg-neutral-700 {
  background-color: #060710 !important;
  background-color: var(--neutral-700) !important
}

.bg-neutral-800 {
  background-color: #11132e !important;
  background-color: var(--neutral-800) !important
}

.bg-neutral-900 {
  background-color: #1a1a1a !important;
  background-color: var(--neutral-900) !important
}

.bg-gray-50 {
  background-color: #f1f1f1 !important;
  background-color: var(--gray-50) !important
}

.bg-gray-100 {
  background-color: #e6e6e6 !important;
  background-color: var(--gray-100) !important
}

.bg-gray-200 {
  background-color: #ccc !important;
  background-color: var(--gray-200) !important
}

.bg-gray-300 {
  background-color: #b3b3b3 !important;
  background-color: var(--gray-300) !important
}

.bg-gray-400 {
  background-color: #999 !important;
  background-color: var(--gray-400) !important
}

.bg-gray-500 {
  background-color: grey !important;
  background-color: var(--gray-500) !important
}

.bg-gray-600 {
  background-color: #666 !important;
  background-color: var(--gray-600) !important
}

.bg-gray-700 {
  background-color: #4d4d4d !important;
  background-color: var(--gray-700) !important
}

.bg-gray-800 {
  background-color: #333 !important;
  background-color: var(--gray-800) !important
}

.bg-gray-900 {
  background-color: #1a1a1a !important;
  background-color: var(--gray-900) !important
}

.bg-light-50 {
  background-color: #f5f6fa !important;
  background-color: var(--light-50) !important
}

.bg-light-100 {
  background-color: #f3f4f6 !important;
  background-color: var(--light-100) !important
}

.bg-light-600 {
  background-color: #e4f1ff !important;
  background-color: var(--light-600) !important
}

.bg-light-700 {
  background-color: #374151 !important;
  background-color: var(--light-700) !important
}

.bg-light-800 {
  background-color: #1f2937 !important;
  background-color: var(--light-800) !important
}

.bg-primary-50 {
  background-color: #e4f1ff !important;
  background-color: var(--primary-50) !important
}

.bg-primary-100 {
  background-color: #bfdcff !important;
  background-color: var(--primary-100) !important
}

.bg-primary-200 {
  background-color: #95c7ff !important;
  background-color: var(--primary-200) !important
}

.bg-primary-300 {
  background-color: #6bb1ff !important;
  background-color: var(--primary-300) !important
}

.bg-primary-400 {
  background-color: #519fff !important;
  background-color: var(--primary-400) !important
}

.bg-primary-500 {
  background-color: #458eff !important;
  background-color: var(--primary-500) !important
}

.bg-primary-600 {
  background-color: #487fff !important;
  background-color: var(--primary-600) !important
}

.bg-primary-700 {
  background-color: #486cea !important;
  background-color: var(--primary-700) !important
}

.bg-primary-800 {
  background-color: #4759d6 !important;
  background-color: var(--primary-800) !important
}

.bg-primary-900 {
  background-color: #4536b6 !important;
  background-color: var(--primary-900) !important
}

.bg-danger-50 {
  background-color: #fef2f2 !important;
  background-color: var(--danger-50) !important
}

.bg-danger-100 {
  background-color: #fee2e2 !important;
  background-color: var(--danger-100) !important
}

.bg-danger-200 {
  background-color: #fecaca !important;
  background-color: var(--danger-200) !important
}

.bg-danger-300 {
  background-color: #fca5a5 !important;
  background-color: var(--danger-300) !important
}

.bg-danger-400 {
  background-color: #f87171 !important;
  background-color: var(--danger-400) !important
}

.bg-danger-500 {
  background-color: #ef4444 !important;
  background-color: var(--danger-500) !important
}

.bg-danger-600 {
  background-color: #dc2626 !important;
  background-color: var(--danger-600) !important
}

.bg-danger-700 {
  background-color: #b91c1c !important;
  background-color: var(--danger-700) !important
}

.bg-danger-800 {
  background-color: #991b1b !important;
  background-color: var(--danger-800) !important
}

.bg-danger-900 {
  background-color: #7f1d1d !important;
  background-color: var(--danger-900) !important
}

.bg-success-50 {
  background-color: #f0fdf4 !important;
  background-color: var(--success-50) !important
}

.bg-success-100 {
  background-color: #dcfce7 !important;
  background-color: var(--success-100) !important
}

.bg-success-200 {
  background-color: #bbf7d0 !important;
  background-color: var(--success-200) !important
}

.bg-success-300 {
  background-color: #86efac !important;
  background-color: var(--success-300) !important
}

.bg-success-400 {
  background-color: #4ade80 !important;
  background-color: var(--success-400) !important
}

.bg-success-500 {
  background-color: #22c55e !important;
  background-color: var(--success-500) !important
}

.bg-success-600 {
  background-color: #27ae60 !important;
  background-color: var(--success-600) !important
}

.bg-success-700 {
  background-color: #15803d !important;
  background-color: var(--success-700) !important
}

.bg-success-800 {
  background-color: #166534 !important;
  background-color: var(--success-800) !important
}

.bg-success-900 {
  background-color: #14532d !important;
  background-color: var(--success-900) !important
}

.bg-warning-50 {
  background-color: #fefce8 !important;
  background-color: var(--warning-50) !important
}

.bg-warning-100 {
  background-color: #fef9c3 !important;
  background-color: var(--warning-100) !important
}

.bg-warning-200 {
  background-color: #fef08a !important;
  background-color: var(--warning-200) !important
}

.bg-warning-300 {
  background-color: #fde047 !important;
  background-color: var(--warning-300) !important
}

.bg-warning-400 {
  background-color: #facc15 !important;
  background-color: var(--warning-400) !important
}

.bg-warning-500 {
  background-color: #eab308 !important;
  background-color: var(--warning-500) !important
}

.bg-warning-600 {
  background-color: #ff9f29 !important;
  background-color: var(--warning-600) !important
}

.bg-warning-700 {
  background-color: #f39016 !important;
  background-color: var(--warning-700) !important
}

.bg-warning-800 {
  background-color: #e58209 !important;
  background-color: var(--warning-800) !important
}

.bg-warning-900 {
  background-color: #d77907 !important;
  background-color: var(--warning-900) !important
}

.bg-info-50 {
  background-color: #eff6ff !important;
  background-color: var(--info-50) !important
}

.bg-info-100 {
  background-color: #dbeafe !important;
  background-color: var(--info-100) !important
}

.bg-info-200 {
  background-color: #bfdbfe !important;
  background-color: var(--info-200) !important
}

.bg-info-300 {
  background-color: #93c5fd !important;
  background-color: var(--info-300) !important
}

.bg-info-400 {
  background-color: #60a5fa !important;
  background-color: var(--info-400) !important
}

.bg-info-500 {
  background-color: #3b82f6 !important;
  background-color: var(--info-500) !important
}

.bg-info-600 {
  background-color: #2563eb !important;
  background-color: var(--info-600) !important
}

.bg-info-700 {
  background-color: #1d4ed8 !important;
  background-color: var(--info-700) !important
}

.bg-info-800 {
  background-color: #1e40af !important;
  background-color: var(--info-800) !important
}

.bg-info-900 {
  background-color: #1e3a8a !important;
  background-color: var(--info-900) !important
}

.bg-tertiary-50 {
  background-color: #d1c8ff !important;
  background-color: var(--tertiary-50) !important
}

.bg-tertiary-100 {
  background-color: #c2b6ff !important;
  background-color: var(--tertiary-100) !important
}

.bg-tertiary-600 {
  background-color: #3c23b5 !important;
  background-color: var(--tertiary-600) !important
}

.hover-bg-main-50:hover {
  background-color: hsl(148, 59%, 93.9%) !important;
  background-color: var(--main-50) !important
}

.hover-bg-main-100:hover {
  background-color: hsl(148, 59%, 87.8%) !important;
  background-color: var(--main-100) !important
}

.hover-bg-main-200:hover {
  background-color: hsl(148, 59%, 81.7%) !important;
  background-color: var(--main-200) !important
}

.hover-bg-main-300:hover {
  background-color: hsl(148, 59%, 75.6%) !important;
  background-color: var(--main-300) !important
}

.hover-bg-main-400:hover {
  background-color: hsl(148, 59%, 69.5%) !important;
  background-color: var(--main-400) !important
}

.hover-bg-main-500:hover {
  background-color: hsl(148, 59%, 63.4%) !important;
  background-color: var(--main-500) !important
}

.hover-bg-main-600:hover {
  background-color: #c31e49 !important;
  background-color: var(--main-600) !important
}

.hover-bg-main-700:hover {
  background-color: hsl(148, 59%, 35.1%) !important;
  background-color: var(--main-700) !important
}

.hover-bg-main-800:hover {
  background-color: hsl(148, 59%, 31.2%) !important;
  background-color: var(--main-800) !important
}

.hover-bg-main-900:hover {
  background-color: hsl(148, 59%, 27.3%) !important;
  background-color: var(--main-900) !important
}

.hover-bg-main-two-50:hover {
  background-color: hsl(25, 100%, 94.9%) !important;
  background-color: var(--main-two-50) !important
}

.hover-bg-main-two-100:hover {
  background-color: hsl(25, 100%, 89.8%) !important;
  background-color: var(--main-two-100) !important
}

.hover-bg-main-two-200:hover {
  background-color: hsl(25, 100%, 84.7%) !important;
  background-color: var(--main-two-200) !important
}

.hover-bg-main-two-300:hover {
  background-color: hsl(25, 100%, 79.6%) !important;
  background-color: var(--main-two-300) !important
}

.hover-bg-main-two-400:hover {
  background-color: hsl(25, 100%, 74.5%) !important;
  background-color: var(--main-two-400) !important
}

.hover-bg-main-two-500:hover {
  background-color: hsl(25, 100%, 69.4%) !important;
  background-color: var(--main-two-500) !important
}

.hover-bg-main-two-600:hover {
  background-color: #fa6800 !important;
  background-color: var(--main-two-600) !important
}

.hover-bg-main-two-700:hover {
  background-color: hsl(25, 100%, 44.1%) !important;
  background-color: var(--main-two-700) !important
}

.hover-bg-main-two-800:hover {
  background-color: hsl(25, 100%, 39.2%) !important;
  background-color: var(--main-two-800) !important
}

.hover-bg-main-two-900:hover {
  background-color: hsl(25, 100%, 34.3%) !important;
  background-color: var(--main-two-900) !important
}

.hover-bg-neutral-50:hover {
  background-color: #ecf1f9 !important;
  background-color: var(--neutral-50) !important
}

.hover-bg-neutral-100:hover {
  background-color: #e6e6e6 !important;
  background-color: var(--neutral-100) !important
}

.hover-bg-neutral-200:hover {
  background-color: #ccc !important;
  background-color: var(--neutral-200) !important
}

.hover-bg-neutral-300:hover {
  background-color: #b3b3b3 !important;
  background-color: var(--neutral-300) !important
}

.hover-bg-neutral-400:hover {
  background-color: #999 !important;
  background-color: var(--neutral-400) !important
}

.hover-bg-neutral-500:hover {
  background-color: grey !important;
  background-color: var(--neutral-500) !important
}

.hover-bg-neutral-600:hover {
  background-color: #121535 !important;
  background-color: var(--neutral-600) !important
}

.hover-bg-neutral-700:hover {
  background-color: #060710 !important;
  background-color: var(--neutral-700) !important
}

.hover-bg-neutral-800:hover {
  background-color: #11132e !important;
  background-color: var(--neutral-800) !important
}

.hover-bg-neutral-900:hover {
  background-color: #1a1a1a !important;
  background-color: var(--neutral-900) !important
}

.hover-bg-gray-50:hover {
  background-color: #f1f1f1 !important;
  background-color: var(--gray-50) !important
}

.hover-bg-gray-100:hover {
  background-color: #e6e6e6 !important;
  background-color: var(--gray-100) !important
}

.hover-bg-gray-200:hover {
  background-color: #ccc !important;
  background-color: var(--gray-200) !important
}

.hover-bg-gray-300:hover {
  background-color: #b3b3b3 !important;
  background-color: var(--gray-300) !important
}

.hover-bg-gray-400:hover {
  background-color: #999 !important;
  background-color: var(--gray-400) !important
}

.hover-bg-gray-500:hover {
  background-color: grey !important;
  background-color: var(--gray-500) !important
}

.hover-bg-gray-600:hover {
  background-color: #666 !important;
  background-color: var(--gray-600) !important
}

.hover-bg-gray-700:hover {
  background-color: #4d4d4d !important;
  background-color: var(--gray-700) !important
}

.hover-bg-gray-800:hover {
  background-color: #333 !important;
  background-color: var(--gray-800) !important
}

.hover-bg-gray-900:hover {
  background-color: #1a1a1a !important;
  background-color: var(--gray-900) !important
}

.hover-bg-light-50:hover {
  background-color: #f5f6fa !important;
  background-color: var(--light-50) !important
}

.hover-bg-light-100:hover {
  background-color: #f3f4f6 !important;
  background-color: var(--light-100) !important
}

.hover-bg-light-600:hover {
  background-color: #e4f1ff !important;
  background-color: var(--light-600) !important
}

.hover-bg-light-700:hover {
  background-color: #374151 !important;
  background-color: var(--light-700) !important
}

.hover-bg-light-800:hover {
  background-color: #1f2937 !important;
  background-color: var(--light-800) !important
}

.hover-bg-primary-50:hover {
  background-color: #e4f1ff !important;
  background-color: var(--primary-50) !important
}

.hover-bg-primary-100:hover {
  background-color: #bfdcff !important;
  background-color: var(--primary-100) !important
}

.hover-bg-primary-200:hover {
  background-color: #95c7ff !important;
  background-color: var(--primary-200) !important
}

.hover-bg-primary-300:hover {
  background-color: #6bb1ff !important;
  background-color: var(--primary-300) !important
}

.hover-bg-primary-400:hover {
  background-color: #519fff !important;
  background-color: var(--primary-400) !important
}

.hover-bg-primary-500:hover {
  background-color: #458eff !important;
  background-color: var(--primary-500) !important
}

.hover-bg-primary-600:hover {
  background-color: #487fff !important;
  background-color: var(--primary-600) !important
}

.hover-bg-primary-700:hover {
  background-color: #486cea !important;
  background-color: var(--primary-700) !important
}

.hover-bg-primary-800:hover {
  background-color: #4759d6 !important;
  background-color: var(--primary-800) !important
}

.hover-bg-primary-900:hover {
  background-color: #4536b6 !important;
  background-color: var(--primary-900) !important
}

.hover-bg-danger-50:hover {
  background-color: #fef2f2 !important;
  background-color: var(--danger-50) !important
}

.hover-bg-danger-100:hover {
  background-color: #fee2e2 !important;
  background-color: var(--danger-100) !important
}

.hover-bg-danger-200:hover {
  background-color: #fecaca !important;
  background-color: var(--danger-200) !important
}

.hover-bg-danger-300:hover {
  background-color: #fca5a5 !important;
  background-color: var(--danger-300) !important
}

.hover-bg-danger-400:hover {
  background-color: #f87171 !important;
  background-color: var(--danger-400) !important
}

.hover-bg-danger-500:hover {
  background-color: #ef4444 !important;
  background-color: var(--danger-500) !important
}

.hover-bg-danger-600:hover {
  background-color: #dc2626 !important;
  background-color: var(--danger-600) !important
}

.hover-bg-danger-700:hover {
  background-color: #b91c1c !important;
  background-color: var(--danger-700) !important
}

.hover-bg-danger-800:hover {
  background-color: #991b1b !important;
  background-color: var(--danger-800) !important
}

.hover-bg-danger-900:hover {
  background-color: #7f1d1d !important;
  background-color: var(--danger-900) !important
}

.hover-bg-success-50:hover {
  background-color: #f0fdf4 !important;
  background-color: var(--success-50) !important
}

.hover-bg-success-100:hover {
  background-color: #dcfce7 !important;
  background-color: var(--success-100) !important
}

.hover-bg-success-200:hover {
  background-color: #bbf7d0 !important;
  background-color: var(--success-200) !important
}

.hover-bg-success-300:hover {
  background-color: #86efac !important;
  background-color: var(--success-300) !important
}

.hover-bg-success-400:hover {
  background-color: #4ade80 !important;
  background-color: var(--success-400) !important
}

.hover-bg-success-500:hover {
  background-color: #22c55e !important;
  background-color: var(--success-500) !important
}

.hover-bg-success-600:hover {
  background-color: #27ae60 !important;
  background-color: var(--success-600) !important
}

.hover-bg-success-700:hover {
  background-color: #15803d !important;
  background-color: var(--success-700) !important
}

.hover-bg-success-800:hover {
  background-color: #166534 !important;
  background-color: var(--success-800) !important
}

.hover-bg-success-900:hover {
  background-color: #14532d !important;
  background-color: var(--success-900) !important
}

.hover-bg-warning-50:hover {
  background-color: #fefce8 !important;
  background-color: var(--warning-50) !important
}

.hover-bg-warning-100:hover {
  background-color: #fef9c3 !important;
  background-color: var(--warning-100) !important
}

.hover-bg-warning-200:hover {
  background-color: #fef08a !important;
  background-color: var(--warning-200) !important
}

.hover-bg-warning-300:hover {
  background-color: #fde047 !important;
  background-color: var(--warning-300) !important
}

.hover-bg-warning-400:hover {
  background-color: #facc15 !important;
  background-color: var(--warning-400) !important
}

.hover-bg-warning-500:hover {
  background-color: #eab308 !important;
  background-color: var(--warning-500) !important
}

.hover-bg-warning-600:hover {
  background-color: #ff9f29 !important;
  background-color: var(--warning-600) !important
}

.hover-bg-warning-700:hover {
  background-color: #f39016 !important;
  background-color: var(--warning-700) !important
}

.hover-bg-warning-800:hover {
  background-color: #e58209 !important;
  background-color: var(--warning-800) !important
}

.hover-bg-warning-900:hover {
  background-color: #d77907 !important;
  background-color: var(--warning-900) !important
}

.hover-bg-info-50:hover {
  background-color: #eff6ff !important;
  background-color: var(--info-50) !important
}

.hover-bg-info-100:hover {
  background-color: #dbeafe !important;
  background-color: var(--info-100) !important
}

.hover-bg-info-200:hover {
  background-color: #bfdbfe !important;
  background-color: var(--info-200) !important
}

.hover-bg-info-300:hover {
  background-color: #93c5fd !important;
  background-color: var(--info-300) !important
}

.hover-bg-info-400:hover {
  background-color: #60a5fa !important;
  background-color: var(--info-400) !important
}

.hover-bg-info-500:hover {
  background-color: #3b82f6 !important;
  background-color: var(--info-500) !important
}

.hover-bg-info-600:hover {
  background-color: #2563eb !important;
  background-color: var(--info-600) !important
}

.hover-bg-info-700:hover {
  background-color: #1d4ed8 !important;
  background-color: var(--info-700) !important
}

.hover-bg-info-800:hover {
  background-color: #1e40af !important;
  background-color: var(--info-800) !important
}

.hover-bg-info-900:hover {
  background-color: #1e3a8a !important;
  background-color: var(--info-900) !important
}

.hover-bg-tertiary-50:hover {
  background-color: #d1c8ff !important;
  background-color: var(--tertiary-50) !important
}

.hover-bg-tertiary-100:hover {
  background-color: #c2b6ff !important;
  background-color: var(--tertiary-100) !important
}

.hover-bg-tertiary-600:hover {
  background-color: #3c23b5 !important;
  background-color: var(--tertiary-600) !important
}

.hover-bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.bg-light-purple {
  --tw-bg-opacity: 1 !important;
  background-color: #ecdbec !important;
  background-color: rgba(236, 219, 236, var(--tw-bg-opacity)) !important
}

.bg-yellow-light {
  --tw-bg-opacity: 1 !important;
  background-color: #fffce1 !important;
  background-color: rgba(255, 252, 225, var(--tw-bg-opacity)) !important
}

.bg-danger-light {
  background-color: #ffebee !important;
  background-color: rgba(255, 235, 238, var(--tw-bg-opacity)) !important
}

.bg-purple-light {
  --tw-bg-opacity: 1 !important;
  background-color: #f5e7fc !important;
  background-color: rgba(245, 231, 252, var(--tw-bg-opacity)) !important
}

.bg-danger-light {
  --tw-bg-opacity: 1 !important;
  background-color: #ffe2f5 !important;
  background-color: rgba(255, 226, 245, var(--tw-bg-opacity)) !important
}

.bg-warning-light {
  --tw-bg-opacity: 1 !important;
  background-color: #fbeedd !important;
  background-color: rgba(251, 238, 221, var(--tw-bg-opacity)) !important
}

.bg-success-light {
  --tw-bg-opacity: 1 !important;
  background-color: #f6f5db !important;
  background-color: rgba(246, 245, 219, var(--tw-bg-opacity)) !important
}

.text-inherit {
  font-size: inherit
}

.text-xs {
  font-size: .75rem !important
}

.text-sm {
  font-size: .875rem !important
}

.text-md {
  font-size: 1rem !important
}

.text-lg {
  font-size: 1.125rem !important
}

.text-xl {
  font-size: 1.25rem !important
}

.text-2xl {
  font-size: 1.5rem !important
}

.text-3xl {
  font-size: 1.875rem !important
}

.text-4xl {
  font-size: 2.25rem !important
}

.text-5xl {
  font-size: 3rem !important
}

.text-6xl {
  font-size: 3.75rem !important
}

.text-2 {
  font-size: .125rem !important
}

.text-3 {
  font-size: .1875rem !important
}

.text-4 {
  font-size: .25rem !important
}

.text-5 {
  font-size: .3125rem !important
}

.text-6 {
  font-size: .375rem !important
}

.text-7 {
  font-size: .4375rem !important
}

.text-8 {
  font-size: .5rem !important
}

.text-9 {
  font-size: .5625rem !important
}

.text-10 {
  font-size: .625rem !important
}

.text-11 {
  font-size: .6875rem !important
}

.text-12 {
  font-size: .75rem !important
}

.text-13 {
  font-size: .8125rem !important
}

.text-14 {
  font-size: .875rem !important
}

.text-16 {
  font-size: 1rem !important
}

.text-18 {
  font-size: 1.125rem !important
}

.text-20 {
  font-size: 1.25rem !important
}

.text-22 {
  font-size: 1.375rem !important
}

.text-24 {
  font-size: 1.5rem !important
}

.text-26 {
  font-size: 1.625rem !important
}

.text-28 {
  font-size: 1.75rem !important
}

.text-30 {
  font-size: 1.875rem !important
}

.text-32,
.text-36 {
  font-size: 2rem !important
}

.text-40 {
  font-size: 2.5rem !important
}

.text-44 {
  font-size: 2.75rem !important
}

.text-48 {
  font-size: 3rem !important
}

.text-52 {
  font-size: 3.25rem !important
}

.text-56 {
  font-size: 3.5rem !important
}

.text-60 {
  font-size: 3.75rem !important
}

.text-64 {
  font-size: 4rem !important
}

.text-68 {
  font-size: 4.25rem !important
}

.text-72 {
  font-size: 4.5rem !important
}

.text-76 {
  font-size: 4.75rem !important
}

.text-80 {
  font-size: 5rem !important
}

.text-90 {
  font-size: 5.625rem !important
}

.text-110 {
  font-size: 6.875rem !important
}

.text-120 {
  font-size: 7.5rem !important
}

.text-144 {
  font-size: 9rem !important
}

.text-160 {
  font-size: 10rem !important
}

.text-210 {
  font-size: 13.125rem !important
}

.box-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, .05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.box-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.box-shadow-lg {
  --tw-shadow: 0px 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0px 7px 21px -5px var(--tw-shadow-color), 0 4px 21px -4px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.box-shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.box-shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 25px 50px -12px rgba(0, 0, 0, .25);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 25px 50px -12px rgba(0, 0, 0, .25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.box-shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 2px 4px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 2px 4px 0 rgba(0, 0, 0, .05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.rounded-2 {
  border-radius: .125rem !important
}

.rounded-3 {
  border-radius: .1875rem !important
}

.rounded-4 {
  border-radius: .25rem !important
}

.rounded-5 {
  border-radius: .3125rem !important
}

.rounded-6 {
  border-radius: .375rem !important
}

.rounded-7 {
  border-radius: .4375rem !important
}

.rounded-8 {
  border-radius: .5rem !important
}

.rounded-9 {
  border-radius: .5625rem !important
}

.rounded-10 {
  border-radius: .625rem !important
}

.rounded-11 {
  border-radius: .6875rem !important
}

.rounded-12 {
  border-radius: .75rem !important
}

.rounded-13 {
  border-radius: .8125rem !important
}

.rounded-14 {
  border-radius: .875rem !important
}

.rounded-16 {
  border-radius: 1rem !important
}

.rounded-18 {
  border-radius: 1.125rem !important
}

.rounded-20 {
  border-radius: 1.25rem !important
}

.rounded-22 {
  border-radius: 1.375rem !important
}

.rounded-24 {
  border-radius: 1.5rem !important
}

.rounded-26 {
  border-radius: 1.625rem !important
}

.rounded-28 {
  border-radius: 1.75rem !important
}

.rounded-30 {
  border-radius: 1.875rem !important
}

.rounded-32,
.rounded-36 {
  border-radius: 2rem !important
}

.rounded-40 {
  border-radius: 2.5rem !important
}

.rounded-44 {
  border-radius: 2.75rem !important
}

.rounded-48 {
  border-radius: 3rem !important
}

.rounded-52 {
  border-radius: 3.25rem !important
}

.rounded-56 {
  border-radius: 3.5rem !important
}

.rounded-60 {
  border-radius: 3.75rem !important
}

.rounded-64 {
  border-radius: 4rem !important
}

.rounded-68 {
  border-radius: 4.25rem !important
}

.rounded-72 {
  border-radius: 4.5rem !important
}

.rounded-76 {
  border-radius: 4.75rem !important
}

.rounded-80 {
  border-radius: 5rem !important
}

.rounded-90 {
  border-radius: 5.625rem !important
}

.rounded-110 {
  border-radius: 6.875rem !important
}

.rounded-120 {
  border-radius: 7.5rem !important
}

.rounded-144 {
  border-radius: 9rem !important
}

.rounded-160 {
  border-radius: 10rem !important
}

.rounded-210 {
  border-radius: 13.125rem !important
}

.rounded-top-right-0 {
  border-top-right-radius: 0 !important
}

.scroll-hide {
  left: 0;
  overflow-y: hidden;
  padding-right: 17px;
  position: absolute;
  top: 0;
  width: 100%
}

@media (max-width:991px) {
  .scroll-hide {
    padding-right: 0
  }

  .scroll-hide-sm {
    left: 0;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    width: 100%
  }
}

.overlay {
  background-color: rgba(18, 21, 53, .6);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  visibility: hidden;
  width: 100%;
  z-index: 99;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.overlay.show-overlay {
  opacity: 1;
  visibility: visible
}

.side-overlay {
  background-color: rgba(18, 21, 53, .6);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  visibility: hidden;
  width: 100%;
  z-index: 8;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

@media (max-width:991px) {
  .side-overlay.show {
    opacity: 1;
    visibility: visible
  }
}

.text-line-1 {
  -webkit-line-clamp: 1
}

.text-line-1,
.text-line-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

.text-line-2 {
  -webkit-line-clamp: 2
}

.text-line-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis
}

.scroll-sm::-webkit-scrollbar {
  height: 4px !important;
  width: 4px !important
}

.scroll-sm::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: #b1b3b8;
  background-color: rgba(177, 179, 184, var(--tw-bg-opacity))
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: #7e7d7d;
  background-color: rgba(126, 125, 125, var(--tw-bg-opacity))
}

.scroll-sm::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: #d6d9de;
  background-color: rgba(214, 217, 222, var(--tw-bg-opacity))
}

.gap-2 {
  gap: .125rem !important;
  gap: var(--size-2) !important
}

.gap-3 {
  gap: .1875rem !important;
  gap: var(--size-3) !important
}

.gap-4 {
  gap: .25rem !important;
  gap: var(--size-4) !important
}

.gap-5 {
  gap: .3125rem !important;
  gap: var(--size-5) !important
}

.gap-6 {
  gap: .375rem !important;
  gap: var(--size-6) !important
}

.gap-7 {
  gap: .4375rem !important;
  gap: var(--size-7) !important
}

.gap-8 {
  gap: .5rem !important;
  gap: var(--size-8) !important
}

.gap-9 {
  gap: .5625rem !important;
  gap: var(--size-9) !important
}

.gap-10 {
  gap: .625rem !important;
  gap: var(--size-10) !important
}

.gap-11 {
  gap: .6875rem !important;
  gap: var(--size-11) !important
}

.gap-12 {
  gap: .75rem !important;
  gap: var(--size-12) !important
}

.gap-13 {
  gap: .8125rem !important;
  gap: var(--size-13) !important
}

.gap-14 {
  gap: .875rem !important;
  gap: var(--size-14) !important
}

.gap-16 {
  gap: 1rem !important;
  gap: var(--size-16) !important
}

.gap-18 {
  gap: 1.125rem !important;
  gap: var(--size-18) !important
}

.gap-20 {
  gap: 1.25rem !important;
  gap: var(--size-20) !important
}

.gap-22 {
  gap: 1.375rem !important;
  gap: var(--size-22) !important
}

.gap-24 {
  gap: 1.5rem !important;
  gap: var(--size-24) !important
}

.gap-26 {
  gap: 1.625rem !important;
  gap: var(--size-26) !important
}

.gap-28 {
  gap: 1.75rem !important;
  gap: var(--size-28) !important
}

.gap-30 {
  gap: 1.875rem !important;
  gap: var(--size-30) !important
}

.gap-32 {
  gap: 2rem !important;
  gap: var(--size-32) !important
}

.gap-36 {
  gap: 2rem !important;
  gap: var(--size-36) !important
}

.gap-40 {
  gap: 2.5rem !important;
  gap: var(--size-40) !important
}

.gap-44 {
  gap: 2.75rem !important;
  gap: var(--size-44) !important
}

.gap-48 {
  gap: 3rem !important;
  gap: var(--size-48) !important
}

.gap-52 {
  gap: 3.25rem !important;
  gap: var(--size-52) !important
}

.gap-56 {
  gap: 3.5rem !important;
  gap: var(--size-56) !important
}

.gap-60 {
  gap: 3.75rem !important;
  gap: var(--size-60) !important
}

.gap-64 {
  gap: 4rem !important;
  gap: var(--size-64) !important
}

.gap-68 {
  gap: 4.25rem !important;
  gap: var(--size-68) !important
}

.gap-72 {
  gap: 4.5rem !important;
  gap: var(--size-72) !important
}

.gap-76 {
  gap: 4.75rem !important;
  gap: var(--size-76) !important
}

.gap-80 {
  gap: 5rem !important;
  gap: var(--size-80) !important
}

.gap-90 {
  gap: 5.625rem !important;
  gap: var(--size-90) !important
}

.gap-110 {
  gap: 6.875rem !important;
  gap: var(--size-110) !important
}

.gap-120 {
  gap: 7.5rem !important;
  gap: var(--size-120) !important
}

.gap-144 {
  gap: 9rem !important;
  gap: var(--size-144) !important
}

.gap-160 {
  gap: 10rem !important;
  gap: var(--size-160) !important
}

.gap-210 {
  gap: 13.125rem !important;
  gap: var(--size-210) !important
}

.item-hover:hover .item-hover__text {
  color: #c31e49 !important;
  color: var(--main-color-600) !important;
  color: #c31e49 !important;
  color: var(--main-600) !important
}

.item-hover-two:hover .item-hover__text {
  --tw-text-opacity: 1 !important;
  color: #fa6400 !important;
  color: rgba(250, 100, 0, var(--tw-text-opacity)) !important;
  color: #fa6800 !important;
  color: var(--main-two-600) !important
}

.on-hover-dropdown {
  margin-top: 16px;
  opacity: 0;
  visibility: hidden
}

.on-hover-item {
  position: relative
}

.on-hover-item:hover .on-hover-dropdown {
  margin-top: 0;
  opacity: 1;
  visibility: visible
}

@media (min-width:992px) {
  .on-hover-item:hover>a:before {
    --tw-translate-y: -50%;
    --tw-rotate: 180deg;
    color: #c31e49;
    color: var(--main-color);
    -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

.g-8,
.gy-8 {
  row-gap: .5rem !important
}

.g-12,
.gy-12 {
  row-gap: .75rem !important
}

.g-8,
.gx-8 {
  -webkit-column-gap: .5rem !important;
  -moz-column-gap: .5rem !important;
  column-gap: .5rem !important
}

.g-12,
.gx-12 {
  -webkit-column-gap: .75rem !important;
  -moz-column-gap: .75rem !important;
  column-gap: .75rem !important
}

@media (max-width:767px) {
  .header-top__right {
    width: 100%
  }

  .header-top__right li:last-child {
    margin-left: auto
  }

  .header-top__right li:nth-last-child(2) {
    margin-right: 0 !important;
    padding-right: 0 !important
  }

  .header-top__right li:nth-last-child(2):before {
    display: none
  }
}

.header-top__right.style-two>li {
  margin-right: 0 !important;
  padding-right: 16px !important
}

.header-top__right.style-two>li:last-child {
  padding-right: 0 !important
}

.header-top__right.style-two>li:before {
  display: none !important
}

.header-top__right.style-two>li a {
  padding-right: 20px
}

.header-top__right.style-two>li a:before {
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

@media (max-width:991px) {
  .header-top__right.style-two>li a:before {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
  }

  .header-top__right.style-two>li a {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
  }
}

.header-top__right.style-two>li>ul {
  left: -webkit-calc(-100% - 24px) !important;
  left: calc(-100% - 24px) !important;
  right: auto !important
}

@media (max-width:991px) {
  .header-top__right.style-two>li>ul li a {
    --tw-text-opacity: 1 !important;
    color: #121535 !important;
    color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
  }

  .border-right-item a {
    font-size: 12px !important
  }
}

.border-right-item {
  position: relative
}

.border-right-item:not(:last-child) {
  margin-right: 24px;
  padding-right: 24px
}

.border-right-item:not(:last-child):before {
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  --tw-translate-y: -50%;
  background-color: hsla(0, 0%, 100%, .302);
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

@media (max-width:1399px) {
  .border-right-item:not(:last-child) {
    margin-right: 16px !important;
    padding-right: 16px !important
  }
}

@media (max-width:1199px) {
  .border-right-item:not(:last-child) {
    margin-right: 10px !important;
    padding-right: 10px !important
  }
}

.border-right-item-sm-space:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px
}

.arrow-white>a {
  padding-right: 12px
}

.arrow-white>a:before {
  font-size: 8px;
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.header {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.header.fixed-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 8
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.header.fixed-header {
  -webkit-animation: slideDown .35s ease-out;
  animation: slideDown .35s ease-out;
  --tw-shadow: 0 5px 16px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 5px 16px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 5px 16px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 5px 16px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: blur(24px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: blur(24px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (max-width:991px) {
  .header.fixed-header {
    top: -1px
  }
}

.logo img {
  max-width: 200px
}

@media (max-width:425px) {
  .logo img {
    max-width: 148px
  }
}

.nav-menu {
  gap: 32px
}

@media (max-width:1399px) {
  .nav-menu {
    gap: 24px
  }
}

@media (max-width:1199px) {
  .nav-menu {
    gap: 16px
  }
}

.nav-menu__item.activePage>a {
  color: #c31e49;
  color: var(--main-color)
}

.nav-menu__item.activePage>a:before {
  color: #c31e49;
  color: var(--main-color)
}

.nav-menu__item:hover>a {
  --tw-text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--tw-text-opacity));
  color: #999;
  color: var(--gray-400)
}

@media (min-width:992px) {
  .nav-menu__item:hover>a {
    color: #c31e49;
    color: var(--main-color)
  }
}

.nav-menu__link {
  font-weight: 500;
  padding: 16px 0;
  width: 100%;
  --tw-text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--tw-text-opacity));
  color: #999;
  color: var(--gray-400)
}

@media (max-width:1299px) {
  .nav-menu__link {
    font-size: 14px
  }
}

@media (max-width:1199px) {
  .nav-menu__link {
    font-size: 13px
  }
}

@media (max-width:1299px) {
  .nav-menu .common-dropdown__link {
    font-size: 14px
  }
}

@media (max-width:1199px) {
  .nav-menu .common-dropdown__link {
    font-size: 13px
  }
}

.has-submenu {
  position: relative
}

.has-submenu .nav-menu__link {
  padding-right: 16px
}

.has-submenu.active>a,
.has-submenu.active>a:before {
  color: #c31e49;
  color: var(--main-color)
}

.has-submenu.active>a:before {
  --tw-translate-y: -50% !important;
  --tw-rotate: 180deg !important;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), -50%) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.has-submenu>a {
  position: relative
}

.has-submenu>a:before {
  position: absolute;
  right: 0;
  top: 50%;
  --tw-translate-y: -50%;
  color: rgba(18, 21, 53, .4);
  font-family: Phosphor;
  font-weight: 900;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.common-dropdown {
  border-radius: 6px;
  left: 0;
  min-width: 190px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 99;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 8px;
  --tw-shadow: 0px 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0px 7px 21px -5px var(--tw-shadow-color), 0 4px 21px -4px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

@media (min-width:992px) {
  .common-dropdown {
    max-height: 400px;
    overflow-y: auto
  }
}

.common-dropdown--sm {
  min-width: 0;
  min-width: auto;
  width: 132px
}

.common-dropdown__item {
  border-radius: 4px;
  display: block;
  position: relative;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

@media (max-width:991px) {
  .common-dropdown__item {
    border-radius: 0
  }
}

.common-dropdown__item.activePage .common-dropdown__link {
  color: #c31e49 !important;
  color: var(--main-color) !important
}

.common-dropdown__link {
  border-radius: inherit;
  font-weight: 500;
  padding: 8px 16px 8px 14px;
  width: 100%;
  --tw-text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--tw-text-opacity));
  color: #999;
  color: var(--gray-400)
}

.common-dropdown__link:hover {
  --tw-text-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--tw-text-opacity)) !important;
  color: #666 !important;
  color: var(--gray-600) !important
}

.common-dropdown__link:before {
  position: absolute
}

.menu-category-wrapper {
  gap: clamp(.75rem, -8.243rem + 12vw, 4.5rem)
}

.submenus-submenu-wrapper {
  overflow: visible;
  overflow: initial
}

.submenus-submenu {
  border-radius: 6px;
  left: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 300px;
  z-index: 99999999999;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0px 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0px 7px 21px -5px var(--tw-shadow-color), 0 4px 21px -4px var(--tw-shadow-color);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 7px 21px -5px rgba(0, 0, 0, .1), 0 4px 21px -4px rgba(0, 0, 0, .1);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.submenus-submenu__list li a {
  display: block;
  padding: 10px 16px 10px 32px;
  position: relative;
  --tw-text-opacity: 1;
  color: grey;
  color: rgba(128, 128, 128, var(--tw-text-opacity));
  color: grey;
  color: var(--gray-500)
}

.submenus-submenu__list li a:before {
  height: 8px;
  left: 16px;
  position: absolute;
  top: 50%;
  width: 8px;
  --tw-translate-y: -50%;
  border-radius: 80%;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: #b3b3b3;
  background-color: rgba(179, 179, 179, var(--tw-bg-opacity));
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  --tw-content: "";
  background-color: #b3b3b3;
  background-color: var(--gray-300);
  content: "";
  content: var(--tw-content)
}

.submenus-submenu__list li a:hover {
  --tw-bg-opacity: 1;
  background-color: #f1f1f1;
  background-color: rgba(241, 241, 241, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  background-color: #f1f1f1;
  background-color: var(--gray-50);
  color: #333;
  color: rgba(51, 51, 51, var(--tw-text-opacity));
  color: #333;
  color: var(--gray-800)
}

.submenus-submenu__list li a:hover:before {
  --tw-bg-opacity: 1;
  background-color: #666;
  background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
  background-color: #666;
  background-color: var(--gray-600)
}

@media (min-width:992px) {
  .has-submenus-submenu:hover>a {
    --tw-bg-opacity: 1;
    background-color: #f1f1f1;
    background-color: rgba(241, 241, 241, var(--tw-bg-opacity));
    font-weight: 600;
    --tw-text-opacity: 1 !important;
    color: #1a1a1a !important;
    color: rgba(26, 26, 26, var(--tw-text-opacity)) !important
  }

  .has-submenus-submenu:hover .submenus-submenu {
    opacity: 1;
    visibility: visible
  }
}

@media (max-width:767px) {
  .category .category__button {
    font-size: 12px !important;
    padding: 12px 3px !important
  }
}

@media (max-width:575px) {
  .category .category__button {
    padding-left: 10px !important
  }
}

@media (min-width:992px) {
  .category:hover .category__button {
    --tw-bg-opacity: 1 !important;
    background-color: #f1f1f1 !important;
    background-color: rgba(241, 241, 241, var(--tw-bg-opacity)) !important;
    color: #c31e49 !important;
    color: var(--main-color-600) !important
  }
}

.category:hover .category__button .arrow-icon i:before {
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.category-two {
  position: relative
}

@media (min-width:992px) {
  .category-two {
    width: 265px
  }
}

.category-two .category__button {
  width: 100%
}

@media (max-width:575px) {
  .category-two .category__button {
    font-size: 12px
  }
}

.category-two .category__button.active .arrow-icon i:before {
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

@media (max-width:575px) {
  .category-two .category__button {
    padding: 8px 4px !important
  }
}

.responsive-dropdown.style-two {
  border-radius: 0 0 16px 16px;
  max-height: 900px;
  max-width: 265px;
  width: 100%
}

@media (min-width:992px) {
  .responsive-dropdown.style-two {
    z-index: 1
  }
}

.responsive-dropdown.style-two .responsive-dropdown__list {
  max-height: 900px
}

@media (max-width:1199px) {
  .responsive-dropdown.style-two .responsive-dropdown__list {
    max-height: 438px
  }
}

.header-border-0 .header {
  border-bottom-width: 0 !important
}

.header-middle {
  padding: 30px 0
}

.header-middle.style-two {
  padding: 24px 0
}

@media (max-width:1199px) {
  .header-middle .location-box {
    padding: 6px 8px !important
  }
}

@media (max-width:767px) {
  .header-middle .location-box {
    padding-left: 14px !important
  }
}

@media (max-width:1399px) {
  .header-middle {
    padding: 24px 0 !important
  }
}

@media (max-width:1199px) {
  .header-middle {
    padding: 16px 0 !important
  }
}

@media (max-width:991px) {
  .header-middle {
    padding: 8px 0 !important
  }
}

.form-location-wrapper {
  gap: clamp(.5rem, -.999rem + 2vw, 1rem)
}

@media (max-width:991px) {
  .search-form .select2-selection.select2-selection--single {
    border-radius: 50px !important;
    --tw-border-opacity: 1 !important;
    border: 1px solid #e6e6e6 !important;
    border-color: rgba(230, 230, 230, var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
  }

  .search-form__wrapper {
    display: none
  }
}

.search-form__input {
  width: 520px
}

@media (max-width:1499px) {
  .search-form__input {
    width: 400px
  }
}

@media (max-width:1399px) {
  .search-form__input {
    width: 300px
  }
}

@media (max-width:1199px) {
  .search-form__input {
    width: 200px
  }
}

.search-form__input {
  --tw-border-opacity: 1 !important;
  border-color: #ccc !important;
  border-color: var(--gray-200) !important
}

@media (max-width:1399px) {
  .header-two-activities {
    gap: 24px !important
  }
}

@media (max-width:991px) {
  .header-two-activities {
    gap: 16px !important
  }
}

@media (max-width:767px) {
  .header-two-activities {
    gap: 10px !important
  }
}

@media screen and (max-width:991px) {
  @media (max-width:991px) {
    .header-two-activities .item-hover-two>span {
      font-size: 18px !important;
      --tw-text-opacity: 1 !important;
      color: #121535 !important;
      color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
    }
  }
}

.search-category.style-two {
  border-radius: 8px;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.search-category.style-two .select2-container--default .select2-selection--single {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
  border-radius: 0;
  border-top-width: 0 !important
}

@media (max-width:991px) {
  .responsive-dropdown {
    height: 100vh;
    left: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    --tw-translate-x: -100%;
    border-radius: 0;
    opacity: 1;
    overflow-y: auto;
    -webkit-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .responsive-dropdown.active {
    --tw-translate-x: 0px;
    -webkit-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .responsive-dropdown ul {
    max-height: 100% !important
  }

  .responsive-dropdown ul li.active>a {
    --tw-bg-opacity: 1;
    background-color: #f1f1f1;
    background-color: rgba(241, 241, 241, var(--tw-bg-opacity));
    font-weight: 600
  }

  .responsive-dropdown ul li.active>a .icon {
    --tw-rotate: 90deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .responsive-dropdown ul li.active a {
    --tw-text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--tw-text-opacity)) !important
  }

  .responsive-dropdown ul li a {
    --tw-border-opacity: 1;
    border-bottom: 1px #e6e6e6;
    border-bottom-color: rgba(230, 230, 230, var(--tw-border-opacity));
    border-style: solid
  }

  .responsive-dropdown .submenus-submenu {
    border-radius: 0;
    margin-left: 40px;
    opacity: 1;
    position: static;
    visibility: visible;
    width: auto;
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
  }

  .responsive-dropdown .submenus-submenu,
  .responsive-dropdown .submenus-submenu__title {
    display: none
  }

  .responsive-dropdown .submenus-submenu__list {
    max-height: none !important
  }

  .responsive-dropdown .submenus-submenu__list li a {
    padding-left: 16px
  }

  .responsive-dropdown .submenus-submenu__list li a:before {
    left: 0
  }

  .responsive-dropdown .submenus-submenu {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .responsive-dropdown {
    padding-top: 8px !important;
    width: auto !important
  }
}

.mobile-menu {
  height: 100vh;
  position: fixed;
  width: 300px;
  z-index: 991;
  --tw-translate-x: -100%;
  overflow-y: auto;
  -webkit-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 24px 24px 68px;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.mobile-menu.active {
  --tw-translate-x: 0px;
  -webkit-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.close-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: #ccc;
  background-color: rgba(204, 204, 204, var(--tw-bg-opacity));
  background-color: #ccc;
  background-color: var(--gray-200);
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.close-button:hover {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.nav-menu--mobile {
  display: block;
  margin-top: 16px
}

.nav-menu--mobile .nav-menu__item>a:before {
  --tw-translate-y: -50%;
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.nav-menu--mobile .nav-menu__link {
  padding: 12px 16px 12px 0;
  position: relative;
  --tw-border-opacity: 1 !important;
  border-bottom: 1px !important;
  border-color: #e6e6e6 !important;
  border-color: var(--gray-100) !important;
  border-style: solid !important
}

.nav-menu--mobile .nav-submenu {
  display: none;
  margin-left: 16px;
  margin-top: 0;
  opacity: 1;
  padding: 0;
  position: static;
  visibility: visible;
  width: 100%;
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  -webkit-transition-property: none;
  transition-property: none
}

.nav-menu--mobile .nav-submenu__link {
  padding: 10px 0;
  width: 100%;
  --tw-border-opacity: 1 !important;
  border-bottom: 1px !important;
  border-color: #e6e6e6 !important;
  border-color: var(--gray-100) !important;
  border-style: solid !important
}

.nav-menu--mobile .nav-submenu__item:hover {
  background-color: transparent;
  color: #c31e49;
  color: var(--main-color)
}

.nav-menu--mobile .nav-submenu__item:before {
  display: none
}

.footer {
  margin-top: auto
}

.footer-item-wrapper {
  gap: clamp(2rem, .715rem + 1.714vw, 2.75rem)
}

.footer-item-two-wrapper {
  gap: clamp(2rem, -4.209rem + 8.286vw, 5.625rem)
}

.footer-item__logo {
  margin-bottom: 20px
}

.footer-item__logo a img {
  height: 100%;
  max-height: 64px;
  max-width: 190px;
  width: 100%
}

.body-bottom-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1
}

.progress-wrap.active-progress {
  visibility: visible !important;
  --tw-translate-y: 0px !important;
  opacity: 1 !important;
  -webkit-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.progress-wrap svg path {
  fill: none
}

.progress-wrap svg.progress-circle path {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  stroke: #c31e49;
  stroke: var(--main-color);
  stroke-width: 5px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.progress-wrap svg.progress-circle path,
.search-box {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.search-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 9;
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.8) scaleY(.8);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.8) scaleY(.8);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.8) scaleY(.8);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity));
  opacity: 0
}

.search-box.active {
  visibility: visible;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.slick-initialized.slick-slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.slick-initialized.slick-slider .slick-slide {
  cursor: -webkit-grab;
  cursor: grab;
  height: auto;
  margin: 0 10px
}

.slick-initialized.slick-slider .slick-slide>div {
  height: 100%
}

.slick-initialized.slick-slider .slick-slide>div>div {
  height: 100%
}

.slick-arrow {
  height: 48px;
  width: 48px
}

@media (max-width:991px) {
  .slick-arrow {
    height: 40px;
    width: 40px
  }
}

@media (max-width:767px) {
  .slick-arrow {
    height: 32px;
    width: 32px
  }
}

.slick-arrow:active {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.02) scaleY(1.02);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.02) scaleY(1.02);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.02) scaleY(1.02);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.arrow-center {
  position: relative
}

.arrow-center .slick-arrow {
  left: 16px;
  position: absolute;
  top: 50%;
  z-index: 2;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.arrow-center .slick-arrow.slick-next {
  left: auto;
  right: 16px
}

.slick-arrows-style-three .slick-arrow {
  opacity: 0;
  visibility: hidden
}

.slick-arrows-style-three:hover .slick-arrow {
  opacity: 1;
  visibility: visible
}

.slick-dots {
  bottom: 60px;
  position: absolute;
  width: 100%;
  z-index: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-align: center
}

.slick-dots,
.slick-dots li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.slick-dots li button {
  background-color: hsla(0, 0%, 100%, .302);
  border-radius: 50px;
  border-width: 0;
  height: 12px;
  margin: 0 3px;
  text-indent: -9999px;
  width: 12px;
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.slick-dots li.slick-active button {
  width: 40px;
  --tw-bg-opacity: 1;
  background-color: #fa6400;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity))
}

.section-heading {
  margin-bottom: 40px
}

@media (max-width:1199px) {
  .section-heading {
    margin-bottom: 24px
  }
}

@media (min-width:1200px) {
  .section-heading.writing-mode {
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

@media (max-width:1199px) {
  .section-heading.writing-mode {
    margin-bottom: 60px
  }
}

@media(min-width:1200px) {
  .section-heading.writing-mode {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
  }
}

.banner {
  margin-top: 32px
}

@media (max-width:767px) {
  .banner {
    margin-bottom: 32px
  }
}

.banner .slick-slider {
  position: static
}

.banner .slick-initialized.slick-slider .slick-slide {
  margin: 0
}

@media (max-width:1499px) {
  .banner-item__title {
    font-size: 56px
  }
}

@media (max-width:1199px) {
  .banner-item__title {
    font-size: 46px
  }
}

@media (max-width:991px) {
  .banner-item__title {
    font-size: 28px
  }
}

@media (max-width:767px) {
  .banner-item__title {
    font-size: 26px
  }
}

.banner-item__title {
  margin-bottom: clamp(1rem, -2.347rem + 6.973vw, 3.75rem)
}

.banner-item__content {
  max-width: 852px
}

@media (max-width:1499px) {
  .banner-item__content {
    max-width: 750px
  }
}

@media (max-width:575px) {
  .banner-item__thumb img {
    max-width: 350px;
    width: 100%
  }
}

.banner-item {
  /* background: #f4c7d8; */
  gap: clamp(1.5rem, -2.151rem + 7.607vw, 4.5rem);
  -webkit-mask-position: top;
  mask-position: top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  /* padding: clamp(2rem, -1.928rem + 8.183vw, 6.25rem) clamp(1rem, -5.129rem + 9.885vw, 4.75rem) clamp(2rem, -8.859rem + 22.623vw, 13.75rem) clamp(1rem, -11.87rem + 20.758vw, 8.875rem); */
  position: relative
}

@media screen and (max-width:767px) {
  .banner-item {
    -webkit-mask-image: none;
    mask-image: none;
    overflow: visible !important;
    overflow: initial !important
  }
}

@media (max-width:575px) {
  .banner-slider__inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.scroll-down {
  height: 94px;
  margin-bottom: 24px;
  position: relative;
  width: 94px;
  z-index: 2
}

@media (max-width:1399px) {
  .scroll-down {
    height: 74px;
    margin-bottom: 16px;
    width: 74px
  }
}

@media (max-width:767px) {
  .scroll-down {
    margin-bottom: -36px
  }
}

.scroll-down:before {
  height: 32px;
  position: absolute;
  top: 16px;
  width: 2px
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}

.scroll-down:before {
  -webkit-animation: upDown 2s linear infinite;
  animation: upDown 2s linear infinite;
  border: 2px dashed hsla(0, 0%, 100%, .4);
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

@media (max-width:1399px) {
  .scroll-down:before {
    top: 8px
  }
}

.scroll-down .icon {
  margin-top: 16px
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}

.scroll-down .icon {
  -webkit-animation: upDown 2s linear infinite;
  animation: upDown 2s linear infinite;
  font-size: 28px
}

.feature {
  margin-top: 32px
}

.feature .arrow-center:hover .slick-arrow {
  margin-left: -28px;
  opacity: 1;
  visibility: visible
}

.feature .arrow-center:hover .slick-arrow.slick-next {
  margin-right: -20px
}

.feature .arrow-center .slick-arrow {
  margin-left: -40px;
  top: 54px;
  visibility: hidden;
  --tw-translate-y: 0px;
  -webkit-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border: 1px solid #e6e6e6;
  border-color: var(--gray-100);
  opacity: 0
}

.feature .arrow-center .slick-arrow.slick-next {
  margin-right: -30px
}

.feature.feature-three .arrow-center .slick-arrow {
  top: 110px
}

.feature-item-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  grid-gap: 16px;
  gap: 16px
}

.feature-item-wrapper .feature-item:nth-child(10n+1) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #e8f9e9;
  background-color: rgba(232, 249, 233, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+2) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #fceded;
  background-color: rgba(252, 237, 237, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+3) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #f6ebf3;
  background-color: rgba(246, 235, 243, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+4) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #fcf2e7;
  background-color: rgba(252, 242, 231, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+5) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #f5fbe3;
  background-color: rgba(245, 251, 227, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+6) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #e3fbe9;
  background-color: rgba(227, 251, 233, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+7) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #e9e3fb;
  background-color: rgba(233, 227, 251, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+8) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #ecf8f2;
  background-color: rgba(236, 248, 242, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+9) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #f8f5e5;
  background-color: rgba(248, 245, 229, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+10) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #f0f8e5;
  background-color: rgba(240, 248, 229, var(--tw-bg-opacity))
}

.feature-item-wrapper .feature-item:nth-child(10n+11) .feature-item__thumb {
  --tw-bg-opacity: 1;
  background-color: #ddd;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity))
}

.feature-item__thumb {
  aspect-ratio: 1;
  background-color: #e7f9ef;
  background-color: var(--main-color-50);
  background-color: hsl(148, 59%, 93.9%);
  background-color: var(--main-50);
  margin: 0 auto;
  max-height: 153px;
  max-width: 153px
}

.feature-item__thumb img {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.feature-item:hover .feature-item__thumb img {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.featured-products .product-card,
.popular-products .product-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: normal
}

.popular-products .product-card__thumb {
  width: 120px !important
}

@media (max-width:575px) {
  .promotional-banner-item {
    padding: 24px 16px
  }
}

.promotional-banner-item__content {
  max-width: 200px
}

@media (max-width:1399px) {
  .promotional-banner-item__title {
    font-size: 24px !important
  }
}

.promotional-banner-item {
  padding: clamp(2rem, -1.956rem + 8.241vw, 5.25rem) 24px
}

.flash-sales-item {
  padding: 40px 32px
}

.product-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.product-card:hover .product-card__thumb img {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1499px) {
  .product-card__cart {
    font-size: 12px;
    padding: 9px 12px !important
  }
}

.product-card__badge {
  border-radius: 16px 0 16px 0
}

.product-card__thumb {
  height: 232px;
  width: 100%
}

.product-card__thumb img {
  max-width: 160px;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  width: 100%
}

.product-card__thumb {
  -webkit-transition-property: none !important;
  transition-property: none !important
}

.product-card.style-two {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.product-card.style-two .product-card__thumb {
  height: 190px;
  width: 260px
}

@media (max-width:991px) {
  .product-card.style-two .product-card__thumb {
    width: 190px
  }
}

@media (max-width:575px) {
  .product-card.style-two .product-card__thumb {
    width: 124px
  }
}

@media (max-width:1199px) {
  .product-card__thumb {
    min-height: 160px
  }

  .product-card__thumb img {
    max-width: 120px
  }

  .product-card__content .product-card__price span {
    font-size: 12px !important
  }

  .product-card__content .title .link {
    font-size: 14px
  }

  .product-card__content .text-xs {
    font-size: 10px !important
  }
}

@media (max-width:1499px) {
  .offer-card__thumb img {
    max-width: 246px;
    width: 100%
  }
}

@media (max-width:1199px) {
  .offer-card__thumb img {
    max-width: 163px
  }
}

.vendor-card__logo {
  max-width: 66px
}

.vendor-card__item {
  aspect-ratio: 1;
  height: 100%;
  max-height: 64px;
  max-width: 64px;
  width: 100%
}

.vendor-card .vendor-card__list.style-two .vendor-card__item {
  border-radius: 8px !important;
  max-height: 88px;
  max-width: 88px
}

.vendor-card .vendor-card__list.style-two .slick-slide {
  margin: 0 4px !important
}

.vendor-card {
  background: #f4f6e6;
  -webkit-mask-image: url(../images/box-shape2.png);
  mask-image: url(../images/box-shape2.png);
  -webkit-mask-position: top;
  mask-position: top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%
}

.vendor-card.style-two {
  -webkit-mask-image: url(../images/box-shape3.png);
  mask-image: url(../images/box-shape3.png)
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+1) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #f4f6e6;
  background-color: rgba(244, 246, 230, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+2) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #e6f6f6;
  background-color: rgba(230, 246, 246, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+3) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #f6e6f6;
  background-color: rgba(246, 230, 246, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+4) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #f8eae4;
  background-color: rgba(248, 234, 228, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+5) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #f8eae4;
  background-color: rgba(248, 234, 228, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+6) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #dee6f3;
  background-color: rgba(222, 230, 243, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+7) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #daf2db;
  background-color: rgba(218, 242, 219, var(--tw-bg-opacity))
}

.vendor-card-wrapper div[class*=flex]:nth-child(8n+8) .vendor-card {
  --tw-bg-opacity: 1;
  background-color: #ebf1da;
  background-color: rgba(235, 241, 218, var(--tw-bg-opacity))
}

@media (min-width:768px) {
  .delivery-section {
    margin-bottom: 28px
  }
}

.delivery__man {
  margin-bottom: -56px
}

.underlined-line:after,
.underlined-line:before {
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.underlined-line:after {
  background-color: #c31e49;
  background-color: var(--main-color-600);
  background-color: #c31e49;
  background-color: var(--main-600);
  width: 50%
}

.short-product-list.arrow-style-two .slick-arrow {
  bottom: -webkit-calc(100% + 52px);
  bottom: calc(100% + 52px);
  right: 16px
}

.short-product-list.arrow-style-two .slick-prev {
  right: 50px
}

.brand-item img {
  max-width: 152px !important
}

@media (max-width:1399px) {
  .brand-item img {
    max-width: 132px !important
  }
}

@media (max-width:991px) {
  .brand-item img {
    max-width: 86px !important
  }
}

.shipping-item {
  padding: clamp(1.5rem, .891rem + 1.268vw, 2rem) clamp(1.5rem, -3.746rem + 6vw, 3.375rem)
}

.newsletter-box {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity));
  padding: 32px clamp(1.5rem, -8.492rem + 13.333vw, 4rem)
}

@media (max-width:991px) {
  .newsletter-two__form {
    width: 100% !important
  }
}

.color-two:root {
  --main-h: 24;
  --main-s: 100%;
  --main-l: 49%
}

.font-exo .h1,
.font-exo .h2,
.font-exo .h3,
.font-exo .h4,
.font-exo .h5,
.font-exo .h6,
.font-exo h1,
.font-exo h2,
.font-exo h3,
.font-exo h4,
.font-exo h5,
.font-exo h6 {
  font-family: Exo, sans-serif
}

.font-outfit .h1,
.font-outfit .h2,
.font-outfit .h3,
.font-outfit .h4,
.font-outfit .h5,
.font-outfit .h6,
.font-outfit h1,
.font-outfit h2,
.font-outfit h3,
.font-outfit h4,
.font-outfit h5,
.font-outfit h6 {
  font-family: Outfit, sans-serif
}

.banner-item-two {
  position: relative
}

.banner-item-two-wrapper {
  margin: 32px 0 32px 32px
}

@media (max-width:991px) {
  .banner-item-two-wrapper {
    margin-left: 0
  }
}

.banner-item-two__content {
  max-width: 504px
}

@media (max-width:991px) {
  .banner-item-two__content {
    max-width: 362px
  }
}

@media (max-width:575px) {
  .banner-item-two__content {
    max-width: 320px
  }

  .banner-item-two__title {
    font-size: 1.5rem
  }
}

.banner-item-two__thumb {
  max-width: 41%;
  text-align: right
}

@media (max-width:575px) {
  .banner-item-two__thumb {
    margin-top: 32px;
    max-width: 50%;
    position: relative !important;
    right: 0
  }
}

.banner-item-two__thumb {
  right: clamp(1.5rem, -20.232rem + 29vw, 8.75rem)
}

.banner-item-two {
  padding: 186px clamp(2rem, -10.739rem + 17vw, 6.25rem)
}

@media screen and (max-width:1199px) {
  .banner-item-two {
    padding: 86px clamp(2rem, -10.739rem + 17vw, 6.25rem)
  }
}

@media screen and (max-width:991px) {
  .banner-item-two {
    padding: 60px clamp(2rem, -10.739rem + 17vw, 6.25rem)
  }
}

@media screen and (max-width:767px) {
  .banner-item-two {
    padding: 40px clamp(2rem, -10.739rem + 17vw, 6.25rem)
  }
}

.deal-week-box__content {
  padding: clamp(1.5rem, -1.239rem + 5.705vw, 3.75rem) 0
}

.trending-products-three .product-card__thumb {
  height: 330px
}

.trending-products-box {
  --tw-bg-opacity: 1;
  background-color: #f3edde;
  background-color: rgba(243, 237, 222, var(--tw-bg-opacity))
}

.trending-products-box__title {
  margin: 0 auto;
  max-width: 364px
}

.expand-btn {
  --tw-text-opacity: 1;
  color: #121535;
  color: rgba(18, 21, 53, var(--tw-text-opacity));
  color: #121535;
  color: var(--neutral-600)
}

.expand-icons {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.discount-item {
  padding: clamp(1.5rem, -2.996rem + 6vw, 3rem)
}

.discount-item__content {
  max-width: 320px
}

.discount-three-item {
  padding: clamp(2rem, -5.911rem + 16.482vw, 8.5rem) clamp(1.5rem, -.934rem + 5.071vw, 3.5rem)
}

@media (max-width:767px) {
  .popular-products .product-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.day-sale-box__content {
  max-width: 500px
}

.top-brand__item {
  aspect-ratio: 1;
  max-height: 84px;
  max-width: 160px;
  width: 100%
}

@media (max-width:425px) {
  .featured-products .product-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.banner-three {
  --tw-bg-opacity: 1;
  background-color: #121535;
  background-color: rgba(18, 21, 53, var(--tw-bg-opacity));
  background-color: #121535;
  background-color: var(--neutral-600);
  padding: 80px 0
}

@media (max-width:991px) {
  .banner-three {
    padding: 60px 0
  }
}

.animation {
  max-width: 10%;
  position: absolute
}

.star-shape {
  bottom: 4%;
  left: 5%;
  opacity: .3
}

.star-shape.style-two {
  bottom: auto;
  left: auto;
  right: 8%;
  top: 10%
}

.line-shape {
  left: 58%;
  top: 14%
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.animation-rotate {
  -webkit-animation: rotation 6s linear infinite;
  animation: rotation 6s linear infinite
}

.promo-three-item {
  padding: clamp(2rem, -4.542rem + 13.629vw, 7.375rem) clamp(1.5rem, -1.543rem + 6.339vw, 4rem)
}

.js-marquee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px
}

.deals__img {
  --tw-translate-y: 12px;
  -webkit-transform: translate(var(--tw-translate-x), 12px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), 12px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), 12px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.products-group__list {
  bottom: 30%;
  left: 35%;
  position: absolute;
  z-index: 1
}

.products-group__list:nth-child(2) {
  bottom: 48%;
  left: 65%
}

.products-group__list:nth-child(3) {
  bottom: 56%;
  left: 80%
}

.products-group__list:hover .products-group__card {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible
}

.products-group__card {
  margin-bottom: -32px;
  visibility: hidden;
  --tw-translate-x: 68%;
  --tw-rotate: -10deg;
  opacity: 0;
  -webkit-transform: translate(68%, var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(68%, var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(68%, var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:768px) {
  .testimonials-item__desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: block;
    text-overflow: ellipsis
  }

  .testimonials-slider {
    left: 25.5%;
    position: absolute;
    top: 0
  }
}

@media (max-width:1299px) {
  .testimonials-slider {
    left: 34%
  }
}

@media (max-width:767px) {
  .testimonials-slider {
    left: 0
  }
}

.testimonials-thumbs {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: hidden !important
}

.testimonials-thumbs__img {
  height: 100%;
  max-height: 350px;
  position: relative;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  width: 100%
}

.testimonials-thumbs__img img {
  -o-object-position: top;
  object-position: top
}

.testimonials-thumbs__img:before {
  background-image: -webkit-linear-gradient(88deg, rgba(0, 0, 0, .91), transparent);
  background-image: linear-gradient(2deg, rgba(0, 0, 0, .91), transparent);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  visibility: hidden;
  width: 100%;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

.testimonials-thumbs:hover .testimonials-thumbs__content,
.testimonials-thumbs:hover .testimonials-thumbs__img:before {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important
}

.testimonials .slick-slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.testimonials .slick-active.slick-current .testimonials-thumbs {
  overflow: visible !important;
  overflow: initial !important
}

.testimonials .slick-active.slick-current .testimonials-thumbs__img {
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.testimonials-thumbs-slider .slick-slide {
  height: 630px !important
}

@media (min-width:768px) {
  .testimonials-slider .slick-slide {
    height: 630px !important
  }
}

.testimonials-slider .slick-slide>div {
  height: auto !important
}

.testimonials-thumbs-slider .testimonials-thumbs__content {
  height: auto !important
}

.product-details__thumb-slider {
  padding: clamp(3rem, -2.173rem + 10.777vw, 7.25rem)
}

.product-details .slick-initialized.slick-slider .slick-slide>div>div {
  height: 100%
}

.product-dContent__box,
.product-dContent__header {
  padding: 16px 40px
}

.product-dContent__box {
  padding-bottom: 48px;
  padding-top: 48px
}

@media (max-width:480px) {
  .list-grid-btns {
    display: none
  }
}

.list-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  grid-gap: 24px;
  gap: 24px
}

@media (min-width:480px) {
  .list-view {
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr))
  }

  .list-view .product-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .list-view .product-card__thumb {
    height: 100% !important;
    max-width: 200px
  }

  .list-view .product-card__content {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0 !important
  }
}

@media (max-width:1199px) {
  .shop-sidebar__box {
    padding: 16px !important
  }
}

@media (max-width:991px) {
  .shop-sidebar {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 11;
    --tw-translate-x: -100%;
    overflow-y: auto;
    -webkit-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-right: 1px #e6e6e6;
    border-right-color: rgba(230, 230, 230, var(--tw-border-opacity));
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
  }

  .shop-sidebar.active {
    --tw-translate-x: 0px;
    -webkit-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .shop-sidebar__box {
    border-radius: 0 !important;
    border-width: 0 !important
  }

  .shop-sidebar {
    border-radius: 0 !important
  }
}

.table-product__thumb {
  aspect-ratio: 1;
  height: 100%;
  max-height: 150px;
  max-width: 150px;
  width: 100%
}

.table-product__thumb img {
  max-width: 75px
}

.payment-item__content {
  display: none
}

.payment-item__content:before {
  background-color: #e7f9ef;
  background-color: var(--main-color-50);
  bottom: -webkit-calc(100% - 1px);
  bottom: calc(100% - 1px);
  height: 14px;
  left: 32px;
  position: absolute;
  width: 20px;
  --tw-content: "";
  background-color: hsl(148, 59%, 93.9%);
  background-color: var(--main-50);
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  content: "";
  content: var(--tw-content)
}

.blog-item {
  margin-bottom: 48px
}

.blog-item:last-child {
  margin-bottom: 0
}

.line-wrapper>div {
  position: relative
}

.line-wrapper>div:last-child:before {
  content: var(--tw-content);
  display: none
}

.line-wrapper>div:before {
  background-color: hsla(0, 0%, 100%, .102);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  --tw-content: "";
  content: "";
  content: var(--tw-content)
}

@media (max-width:991px) {
  .line-wrapper>div:before {
    display: none
  }
}

.grid-columns-3 {
  display: grid;
  grid-gap: 24px;
  gap: 24px
}

.grid-columns-3.list-view {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

@media (max-width:1399px) {
  .grid-columns-3.list-view {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
}

.grid-columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

@media (max-width:1199px) {
  .grid-columns-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
}

@media (max-width:575px) {
  .grid-columns-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
}

.list-view .vendors-two-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.grid-columns-4 {
  display: grid;
  grid-gap: 24px;
  gap: 24px
}

.grid-columns-4.list-view {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

@media (max-width:1399px) {
  .grid-columns-4.list-view {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
}

.grid-columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

@media (max-width:1399px) {
  .grid-columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }
}

@media (max-width:1199px) {
  .grid-columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
}

@media (max-width:575px) {
  .grid-columns-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
}

.vendor-two-details .shop-sidebar {
  width: 332px
}

.vendor-two-details__contents {
  width: -webkit-calc(100% - 356px);
  width: calc(100% - 356px);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.container {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  row-gap: 0;
  width: 100%
}

@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1140px
  }
}

@media (min-width:1400px) {
  .container {
    max-width: 1320px
  }
}

.container-lg {
  max-width: 1680px
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px
}

.row>* {
  -webkit-flex-shrink: 0;
  max-width: 100%;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 12px;
  padding-right: 12px
}

.row>.col-xl-1 {
  width: auto !important
}

@media (max-width:1199px) {
  .row>.col-xl-1 {
    width: 100% !important
  }
}

.g-3 {
  row-gap: 1rem
}

.g-4 {
  row-gap: 1.5rem
}

.g-5 {
  row-gap: 3rem
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  -webkit-flex-shrink: 1;
  min-width: 0;
  position: relative;
  width: 1%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-basis: auto;
  flex-grow: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23343a40%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m2%205%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px 12px;
  background-size: 16px 12px
}

.bg-img-custom {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.bg-img-custom img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.row-cols-1 {
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important
}

.row-cols-1>* {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 6px !important;
  padding-right: 6px !important;
  width: 100%
}

.col {
  width: 100%
}

@media(min-width:576px) {
  .row-cols-sm-2>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
  }
}

@media(min-width:768px) {
  .row-cols-md-3>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%
  }
}

@media(min-width:992px) {
  .row-cols-lg-3>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%
  }
}

@media(min-width:1200px) {
  .row-cols-xl-4>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
  }
}

@media(min-width:1400px) {
  .row-cols-xxl-5>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
  }
}

.table>:not(caption)>*>* {
  border-bottom: 0;
  color: #000
}

label {
  display: inline-block
}

.product-details__sidebar-c .btn {
  border-radius: 50rem !important;
  --tw-text-opacity: 1 !important;
  color: #212529 !important;
  color: rgba(33, 37, 41, var(--tw-text-opacity)) !important
}

.ritu {
  text-align: center !important;
  --tw-text-opacity: 1 !important;
  color: #fa6400 !important;
  color: rgba(250, 100, 0, var(--tw-text-opacity)) !important
}

.nav-pills {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.new-arrival__slider.slick-initialized.slick-slider .slick-slide>div>div {
  height: auto !important
}

.banner-three-slider.slick-initialized.slick-slider .slick-slide>div>div {
  height: auto !important
}

.banner-item-two__slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.deals-week-slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.top-selling-product-slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.featured-product-slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.recommended-slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.hot-deals-slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.organic-food__slider.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.short-product-list.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.new-arrival__slider.slick-initialized.slick-slider .slick-slide>div {
  height: 100% !important
}

.new-arrival__slider-n.slick-initialized.slick-slider .slick-slide>div {
  height: auto !important
}

.banner-item-two__slider .btn-outline-white,
.banner-three-slider .btn-outline-white {
  border-radius: 50rem !important
}

.p-sm-2 {
  padding: 8px !important
}

.product-card__content .product-card__cart {
  border-radius: 50rem !important
}

.promo-three-item .bg-img-custom {
  left: 12px !important;
  right: 12px !important
}

.promo-three-item .bg-img-custom img {
  border-radius: 16px !important
}

.promo-three-item .btn-outline-white {
  border-radius: 50rem !important
}

.feature.feature-three {
  margin-top: 0 !important
}

.trending-products-three .g-12 {
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important
}

.discount-three .bg-img-custom {
  left: 12px !important;
  right: 12px !important
}

.discount-three .bg-img-custom img {
  border-radius: 16px !important
}

.discount-three .btn-black {
  border-radius: 50rem !important
}

.new-arrival-three .tab-pane.fade.show.bt-tab-pane.active {
  display: block
}

.best .g-12,
.hot-deals .g-12,
.recently-viewed .g-12,
.recommended .g-12,
.top-selling-products .g-12,
.trending-productss .g-12 {
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important
}

.discount .btn-outline-black {
  border-radius: 50rem !important;
  --tw-text-opacity: 1 !important;
  color: #121535 !important;
  color: rgba(18, 21, 53, var(--tw-text-opacity)) !important
}

.discount .btn-outline-black:hover {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.featured-products .pb-0 {
  padding-bottom: 0 !important
}

.featured-products .tilla {
  bottom: -30px;
  position: relative
}

.header-top__right .common-dropdown--sm.max-h-200 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.promotional-banner-item__content .btn-main {
  border-radius: 50rem !important
}

.product.mt-24 .g-12 {
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important
}

.product.mt-24 .progress-bar {
  height: 100% !important
}

.product.mt-24 .product-card__cart {
  border-radius: 50rem !important;
  left: auto !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important
}

.delivery-section .btn-main-two,
.hot-deals .btn-main-two,
.offer .hover-text-white {
  border-radius: 50rem !important
}

.best .progress-bar {
  height: 100% !important
}

.best .btn-main-two {
  border-radius: 50rem !important
}

.placeholder\:text-\[\#495057\]::-webkit-input-placeholder {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.placeholder\:text-\[\#495057\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.placeholder\:text-\[\#495057\]:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.placeholder\:text-\[\#495057\]::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.placeholder\:text-\[\#495057\]::placeholder {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute
}

.after\:left-0:after {
  content: var(--tw-content);
  left: 0
}

.after\:top-0:after {
  content: var(--tw-content);
  top: 0
}

.after\:z-\[1\]:after {
  content: var(--tw-content);
  z-index: 1
}

.after\:block:after {
  content: var(--tw-content);
  display: block
}

.after\:h-\[46px\]:after {
  content: var(--tw-content);
  height: 46px
}

.after\:w-\[46px\]:after {
  content: var(--tw-content);
  width: 46px
}

.after\:cursor-pointer:after {
  content: var(--tw-content);
  cursor: pointer
}

.after\:text-center:after {
  content: var(--tw-content);
  text-align: center
}

.after\:font-phospor:after {
  content: var(--tw-content);
  font-family: Phosphor
}

.after\:text-\[18px\]:after {
  content: var(--tw-content);
  font-size: 18px
}

.after\:font-\[900\]:after {
  content: var(--tw-content);
  font-weight: 900
}

.after\:leading-\[46px\]:after {
  content: var(--tw-content);
  line-height: 46px
}

.after\:text-main:after {
  color: #c31e49;
  color: var(--main-color);
  content: var(--tw-content)
}

.after\:transition-all:after {
  content: var(--tw-content);
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.after\:duration-200:after {
  content: var(--tw-content);
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.after\:ease-linear:after {
  content: var(--tw-content);
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.after\:content-\[\'\\e08e\'\]:after {
  --tw-content: "\e08e";
  content: "\e08e";
  content: var(--tw-content)
}

.hover\:scale-\[1\.06\]:hover {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.06) scaleY(1.06);
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.06) scaleY(1.06);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.06) scaleY(1.06);
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:border-main:focus {
  border-color: #c31e49;
  border-color: var(--main-color)
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.focus\:text-\[\#495057\]:focus {
  --tw-text-opacity: 1;
  color: #495057;
  color: rgba(73, 80, 87, var(--tw-text-opacity))
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.focus\:outline-0:focus {
  outline-width: 0
}

@media (min-width:425px) {
  .sm\:flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

@media (min-width:576px) {
  .md\:block {
    display: block
  }

  .md\:flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .md\:w-4\/12 {
    width: 33.333333%
  }

  .md\:w-5\/12 {
    width: 41.666667%
  }

  .md\:w-6\/12 {
    width: 50%
  }

  .md\:w-7\/12 {
    width: 58.333333%
  }

  .md\:w-full {
    width: 100%
  }

  .md\:flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .md\:justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .md\:gap-\[16px\] {
    gap: 16px
  }
}

@media (min-width:768px) {
  .lg\:block {
    display: block
  }

  .lg\:flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .lg\:w-3\/12 {
    width: 25%
  }

  .lg\:w-4\/12 {
    width: 33.333333%
  }

  .lg\:w-5\/12 {
    width: 41.666667%
  }

  .lg\:w-6\/12 {
    width: 50%
  }

  .lg\:w-8\/12 {
    width: 66.666667%
  }
}

@media (min-width:992px) {
  .xl\:mt-0 {
    margin-top: 0
  }

  .xl\:block {
    display: block
  }

  .xl\:flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .xl\:hidden {
    display: none
  }

  .xl\:w-11\/12 {
    width: 91.666667%
  }

  .xl\:w-3\/12 {
    width: 25%
  }

  .xl\:w-4\/12 {
    width: 33.333333%
  }

  .xl\:w-6\/12 {
    width: 50%
  }

  .xl\:w-8\/12 {
    width: 66.666667%
  }

  .xl\:w-9\/12 {
    width: 75%
  }
}

@media (min-width:1200px) {
  .\32xl\:w-11\/12 {
    width: 91.666667%
  }

  .\32xl\:w-3\/12 {
    width: 25%
  }

  .\32xl\:w-4\/12 {
    width: 33.333333%
  }

  .\32xl\:w-6\/12 {
    width: 50%
  }

  .\32xl\:w-8\/12 {
    width: 66.666667%
  }

  .\32xl\:w-9\/12 {
    width: 75%
  }

  .\32xl\:py-\[1\.5rem\] {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
}

@media (min-width:1400px) {
  .custom-2xl\:block {
    display: block
  }

  .custom-2xl\:inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .custom-2xl\:w-10\/12 {
    width: 83.333333%
  }

  .custom-2xl\:w-11\/12 {
    width: 91.666667%
  }

  .custom-2xl\:w-2\/12 {
    width: 16.666667%
  }

  .custom-2xl\:w-3\/12 {
    width: 25%
  }

  .custom-2xl\:w-4\/12 {
    width: 33.333333%
  }

  .custom-2xl\:w-6\/12 {
    width: 50%
  }

  .custom-2xl\:w-8\/12 {
    width: 66.666667%
  }
}

@media (max-width:991px) {
  .max-lg\:bottom-\[24px\] {
    bottom: 24px
  }

  .max-lg\:right-\[24px\] {
    right: 24px
  }

  .max-lg\:h-\[40px\] {
    height: 40px
  }

  .max-lg\:w-\[40px\] {
    width: 40px
  }

  .max-lg\:leading-\[40px\] {
    line-height: 40px
  }

  .max-lg\:after\:h-\[40px\]:after {
    content: var(--tw-content);
    height: 40px
  }

  .max-lg\:after\:w-\[40px\]:after {
    content: var(--tw-content);
    width: 40px
  }

  .max-lg\:after\:leading-\[40px\]:after {
    content: var(--tw-content);
    line-height: 40px
  }
}

@media (max-width:575px) {
  .max-sm\:gap-0 {
    gap: 0
  }
}

@media (min-width:425px) and (max-width:575px) {
  .custom-sm\:w-6\/12 {
    width: 50%
  }
}

*/.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

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

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes shake {

  0%,
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
}

@keyframes shake {

  0%,
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.swing {
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  10%,
  20% {
    -webkit-transform: scale(.9) rotate(-3deg);
    transform: scale(.9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  10%,
  20% {
    -webkit-transform: scale(.9) rotate(-3deg);
    -ms-transform: scale(.9) rotate(-3deg);
    transform: scale(.9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg)
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg)
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg)
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg)
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg)
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg)
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
  }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
  }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
  }

  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
  }

  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
  }

  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95)
  }

  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1)
  }
}

@keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
  }

  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
  }

  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
  }

  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95)
  }

  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1)
  }
}

.animated.flip {
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible
}

@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg)
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }

  to {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
  }
}

@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg)
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }

  to {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
  }
}

.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg)
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }

  to {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg)
  }
}

@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg)
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }

  to {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg)
  }
}

.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}

@keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}

@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}

.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg)
  }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(0deg);
    transform: translateX(0) skewX(0deg)
  }
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg)
  }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(-15deg);
    -ms-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(0deg);
    -ms-transform: translateX(0) skewX(0deg);
    transform: translateX(0) skewX(0deg)
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(0deg);
    transform: translateX(0) skewX(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg)
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(0deg);
    -ms-transform: translateX(0) skewX(0deg);
    transform: translateX(0) skewX(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg)
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }

  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  20%,
  60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  40% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(700px);
    transform: translateY(700px)
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
  }

  20%,
  60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
  }

  40% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
  }

  80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px)
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

/* Vicks - Home page slider below */

/* General styles for the banner */
.banner {
  width: 100%;
  height: auto; /* Default height for larger screens */
}

.banner-slider {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.banner-slider__item {
  flex: 1;
  width: 100%;
  height: 100%;
}

.banner-slider__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-slider__inner img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image fills the space without distortion */
}

/* Navigation arrow adjustments */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.slick-prev {
  left: 20px;
}

.slick-next {
  right: 20px;
}