@import url("./datepicker.css");

.ratio {

  position: relative;

  display: block;

  overflow: hidden;

}



.ratio::before {

  display: block;

  width: 100%;

  content: "";

}



.ratio-1\:1::before {

  padding-bottom: 100%;

}



.ratio-2\:1::before {

  padding-bottom: 50%;

}



.ratio-2\:3::before {

  padding-bottom: 150%;

}



.ratio-3\:2::before {

  padding-bottom: 66.66667%;

}



.ratio-3\:4::before {

  padding-bottom: 133.33333%;

}



.ratio-4\:3::before {

  padding-bottom: 75%;

}



.ratio-4\:1::before {

  padding-bottom: 25%;

}



.ratio-5\:4::before {

  padding-bottom: 80%;

}



.ratio-8\:5::before {

  padding-bottom: 62.5%;

}



.ratio-15\:9::before {

  padding-bottom: 60%;

}



.ratio-11\:8::before {

  padding-bottom: 72.72727%;

}



.ratio-16\:9::before {

  padding-bottom: 56.25%;

}



.ratio-10\:9::before {

  padding-bottom: 90%;

}



.ratio-33\:45::before {

  padding-bottom: 136.36364%;

}



.ratio-41\:50::before {

  padding-bottom: 121.95122%;

}



.ratio-44\:60::before {

  padding-bottom: 136.36364%;

}



.ratio-45\:50::before {

  padding-bottom: 111.11111%;

}



.ratio-45\:54::before {

  padding-bottom: 120%;

}



.ratio-45\:43::before {

  padding-bottom: 95.55556%;

}



.ratio-68\:45::before {

  padding-bottom: 66.17647%;

}



.ratio-68\:50::before {

  padding-bottom: 73.52941%;

}



.ratio-76\:62::before {

  padding-bottom: 81.57895%;

}



.ratio-80\:55::before {

  padding-bottom: 68.75%;

}



.ratio-92\:70::before {

  padding-bottom: 76.08696%;

}



.ratio-92\:60::before {

  padding-bottom: 65.21739%;

}



.ratio-95\:80::before {

  padding-bottom: 84.21053%;

}



:root {

  /* --font-primary: "Jost", sans-serif; */

  /* --font-secondary: "Cormorant Garamond", sans-serif; */

  --font-primary: "Outfit", sans-serif;

  --font-secondary: "Outfit", sans-serif;

}



:root {

  --text-9: 9px;

  --text-11: 11px;

  --text-13: 13px;

  --text-15: 15px;

  --text-17: 17px;

  --text-21: 21px;

  --text-24: 24px;

  --text-30: 30px;

  --text-40: 40px;

  --text-50: 50px;

  --text-52: 52px;

  --text-60: 60px;

  --text-64: 64px;

  --text-72: 72px;

  --text-92: 92px;

}



:root {

  --color-white: #FFFFFF;

  --color-black: #000000;

  --color-border: #DDDDDD;

  --color-accent-2: #959e7b;

  --color-accent-1: #4b624b;

  --color-light-1: #edf2f5;

  --color-light-2: #EDF5F3;

  --color-dark-1: #05073C;

  --color-dark-2: #1D3334;

  --color-dark-3: #0E1D1E;

  --color-info-1: #CDE9F6;

  --color-info-2: #4780AA;

  --color-warning-1: #F7F3D7;

  --color-warning-2: #927238;

  --color-error-1: #ECC8C5;

  --color-error-2: #AB3331;

  --color-success-1: #DEF2D7;

  --color-success-2: #5B7052;

}



[data-anim-wrap] {

  pointer-events: none;

}



[data-anim-wrap].animated {

  pointer-events: auto;

}



[data-anim*='cover-white']::after,

[data-anim-child*='cover-white']::after {

  background-color: white;

}



[data-anim*='cover-black']::after,

[data-anim-child*='cover-black']::after {

  background-color: black;

}



[data-anim*='cover-light-1']::after,

[data-anim-child*='cover-light-1']::after {

  background-color: var(--color-light-1);

}



[data-anim*='cover-accent-1']::after,

[data-anim-child*='cover-accent-1']::after {

  background-color: var(--color-accent-1);

}



[data-anim*='cover-accent-2']::after,

[data-anim-child*='cover-accent-2']::after {

  background-color: var(--color-accent-2);

}



@keyframes reveal {

  100% {

    opacity: 1;

  }

}



[data-anim^='img-right'],

[data-anim-child^='img-right'] {

  overflow: hidden;

  display: block;

  position: relative;

}



[data-anim^='img-right']::after,

[data-anim-child^='img-right']::after {

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  right: 0;

  z-index: 20;

  height: calc(100% + 2px);

  width: calc(100% + 2px);

  transform-origin: right;

  animation-duration: 2.4s;

  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  animation-fill-mode: both;

}



[data-anim^='img-right']>*,

[data-anim-child^='img-right']>* {

  transform-origin: center;

  animation-duration: 2.4s;

  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  animation-fill-mode: both;

}



[data-anim^='img-right'].is-in-view::after,

[data-anim-child^='img-right'].is-in-view::after {

  animation-name: imgRight;

}



[data-anim^='img-right'].is-in-view>*,

[data-anim-child^='img-right'].is-in-view>* {

  animation-name: imgReveal;

}



@keyframes imgRight {

  0% {

    transform: scaleX(1);

  }



  100% {

    transform: scaleX(0);

  }

}



@keyframes imgReveal {

  0% {

    transform: scale(1.4);

  }



  100% {

    transform: scale(1.01);

  }

}



[data-anim^='slide-'],

[data-anim-child^='slide-'] {

  opacity: 0;

  transition-property: opacity, transform;

  pointer-events: none;

  transition-duration: 1s;

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}



[data-anim^='slide-'].is-in-view,

[data-anim-child^='slide-'].is-in-view {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  pointer-events: auto;

}



[data-anim^='slide-up'],

[data-anim-child^='slide-up'] {

  transform: translate3d(0, 40px, 0);

}



[data-anim^='slide-down'],

[data-anim-child^='slide-down'] {

  transform: translate3d(0, -40px, 0);

}



[data-anim^='slide-right'],

[data-anim-child^='slide-right'] {

  transform: translate3d(-40px, 0, 0);

}



[data-anim^='slide-left'],

[data-anim-child^='slide-left'] {

  transform: translate3d(40px, 0, 0);

}



[data-anim^='fade'],

[data-anim-child^='fade'] {

  opacity: 0;

  transition-property: opacity;

  pointer-events: none;

  transition-duration: 0.8s;

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

}



[data-anim^='fade'].is-in-view,

[data-anim-child^='fade'].is-in-view {

  opacity: 1;

  pointer-events: auto;

}



[data-anim*="delay-1"],

[data-anim-child*="delay-1"] {

  transition-delay: 0.1s;

  animation-delay: 0.1s;

}



[data-anim*="delay-1"]::after,

[data-anim-child*="delay-1"]::after {

  animation-delay: 0.1s;

}



[data-anim*="delay-1"]>*,

[data-anim-child*="delay-1"]>* {

  animation-delay: 0.1s;

}



[data-anim*="delay-2"],

[data-anim-child*="delay-2"] {

  transition-delay: 0.2s;

  animation-delay: 0.2s;

}



[data-anim*="delay-2"]::after,

[data-anim-child*="delay-2"]::after {

  animation-delay: 0.2s;

}



[data-anim*="delay-2"]>*,

[data-anim-child*="delay-2"]>* {

  animation-delay: 0.2s;

}



[data-anim*="delay-3"],

[data-anim-child*="delay-3"] {

  transition-delay: 0.3s;

  animation-delay: 0.3s;

}



[data-anim*="delay-3"]::after,

[data-anim-child*="delay-3"]::after {

  animation-delay: 0.3s;

}



[data-anim*="delay-3"]>*,

[data-anim-child*="delay-3"]>* {

  animation-delay: 0.3s;

}



[data-anim*="delay-4"],

[data-anim-child*="delay-4"] {

  transition-delay: 0.4s;

  animation-delay: 0.4s;

}



[data-anim*="delay-4"]::after,

[data-anim-child*="delay-4"]::after {

  animation-delay: 0.4s;

}



[data-anim*="delay-4"]>*,

[data-anim-child*="delay-4"]>* {

  animation-delay: 0.4s;

}



[data-anim*="delay-5"],

[data-anim-child*="delay-5"] {

  transition-delay: 0.5s;

  animation-delay: 0.5s;

}



[data-anim*="delay-5"]::after,

[data-anim-child*="delay-5"]::after {

  animation-delay: 0.5s;

}



[data-anim*="delay-5"]>*,

[data-anim-child*="delay-5"]>* {

  animation-delay: 0.5s;

}



[data-anim*="delay-6"],

[data-anim-child*="delay-6"] {

  transition-delay: 0.6s;

  animation-delay: 0.6s;

}



[data-anim*="delay-6"]::after,

[data-anim-child*="delay-6"]::after {

  animation-delay: 0.6s;

}



[data-anim*="delay-6"]>*,

[data-anim-child*="delay-6"]>* {

  animation-delay: 0.6s;

}



[data-anim*="delay-7"],

[data-anim-child*="delay-7"] {

  transition-delay: 0.7s;

  animation-delay: 0.7s;

}



[data-anim*="delay-7"]::after,

[data-anim-child*="delay-7"]::after {

  animation-delay: 0.7s;

}



[data-anim*="delay-7"]>*,

[data-anim-child*="delay-7"]>* {

  animation-delay: 0.7s;

}



[data-anim*="delay-8"],

[data-anim-child*="delay-8"] {

  transition-delay: 0.8s;

  animation-delay: 0.8s;

}



[data-anim*="delay-8"]::after,

[data-anim-child*="delay-8"]::after {

  animation-delay: 0.8s;

}



[data-anim*="delay-8"]>*,

[data-anim-child*="delay-8"]>* {

  animation-delay: 0.8s;

}



[data-anim*="delay-9"],

[data-anim-child*="delay-9"] {

  transition-delay: 0.9s;

  animation-delay: 0.9s;

}



[data-anim*="delay-9"]::after,

[data-anim-child*="delay-9"]::after {

  animation-delay: 0.9s;

}



[data-anim*="delay-9"]>*,

[data-anim-child*="delay-9"]>* {

  animation-delay: 0.9s;

}



[data-anim*="delay-10"],

[data-anim-child*="delay-10"] {

  transition-delay: 1s;

  animation-delay: 1s;

}



[data-anim*="delay-10"]::after,

[data-anim-child*="delay-10"]::after {

  animation-delay: 1s;

}



[data-anim*="delay-10"]>*,

[data-anim-child*="delay-10"]>* {

  animation-delay: 1s;

}



[data-anim*="delay-11"],

[data-anim-child*="delay-11"] {

  transition-delay: 1.1s;

  animation-delay: 1.1s;

}



[data-anim*="delay-11"]::after,

[data-anim-child*="delay-11"]::after {

  animation-delay: 1.1s;

}



[data-anim*="delay-11"]>*,

[data-anim-child*="delay-11"]>* {

  animation-delay: 1.1s;

}



[data-anim*="delay-12"],

[data-anim-child*="delay-12"] {

  transition-delay: 1.2s;

  animation-delay: 1.2s;

}



[data-anim*="delay-12"]::after,

[data-anim-child*="delay-12"]::after {

  animation-delay: 1.2s;

}



[data-anim*="delay-12"]>*,

[data-anim-child*="delay-12"]>* {

  animation-delay: 1.2s;

}



[data-anim*="delay-13"],

[data-anim-child*="delay-13"] {

  transition-delay: 1.3s;

  animation-delay: 1.3s;

}



[data-anim*="delay-13"]::after,

[data-anim-child*="delay-13"]::after {

  animation-delay: 1.3s;

}



[data-anim*="delay-13"]>*,

[data-anim-child*="delay-13"]>* {

  animation-delay: 1.3s;

}



[data-anim*="delay-14"],

[data-anim-child*="delay-14"] {

  transition-delay: 1.4s;

  animation-delay: 1.4s;

}



[data-anim*="delay-14"]::after,

[data-anim-child*="delay-14"]::after {

  animation-delay: 1.4s;

}



[data-anim*="delay-14"]>*,

[data-anim-child*="delay-14"]>* {

  animation-delay: 1.4s;

}



[data-anim*="delay-15"],

[data-anim-child*="delay-15"] {

  transition-delay: 1.5s;

  animation-delay: 1.5s;

}



[data-anim*="delay-15"]::after,

[data-anim-child*="delay-15"]::after {

  animation-delay: 1.5s;

}



[data-anim*="delay-15"]>*,

[data-anim-child*="delay-15"]>* {

  animation-delay: 1.5s;

}



[data-anim*="delay-16"],

[data-anim-child*="delay-16"] {

  transition-delay: 1.6s;

  animation-delay: 1.6s;

}



[data-anim*="delay-16"]::after,

[data-anim-child*="delay-16"]::after {

  animation-delay: 1.6s;

}



[data-anim*="delay-16"]>*,

[data-anim-child*="delay-16"]>* {

  animation-delay: 1.6s;

}



[data-anim*="delay-17"],

[data-anim-child*="delay-17"] {

  transition-delay: 1.7s;

  animation-delay: 1.7s;

}



[data-anim*="delay-17"]::after,

[data-anim-child*="delay-17"]::after {

  animation-delay: 1.7s;

}



[data-anim*="delay-17"]>*,

[data-anim-child*="delay-17"]>* {

  animation-delay: 1.7s;

}



[data-anim*="delay-18"],

[data-anim-child*="delay-18"] {

  transition-delay: 1.8s;

  animation-delay: 1.8s;

}



[data-anim*="delay-18"]::after,

[data-anim-child*="delay-18"]::after {

  animation-delay: 1.8s;

}



[data-anim*="delay-18"]>*,

[data-anim-child*="delay-18"]>* {

  animation-delay: 1.8s;

}



[data-anim*="delay-19"],

[data-anim-child*="delay-19"] {

  transition-delay: 1.9s;

  animation-delay: 1.9s;

}



[data-anim*="delay-19"]::after,

[data-anim-child*="delay-19"]::after {

  animation-delay: 1.9s;

}



[data-anim*="delay-19"]>*,

[data-anim-child*="delay-19"]>* {

  animation-delay: 1.9s;

}



[data-anim*="delay-20"],

[data-anim-child*="delay-20"] {

  transition-delay: 2s;

  animation-delay: 2s;

}



[data-anim*="delay-20"]::after,

[data-anim-child*="delay-20"]::after {

  animation-delay: 2s;

}



[data-anim*="delay-20"]>*,

[data-anim-child*="delay-20"]>* {

  animation-delay: 2s;

}



html {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  min-height: 100%;

}



body {

  padding: 0;

  font-family: var(--font-primary);

  width: 100%;

  background-color: white;

  color: var(--color-accent-1);

  font-size: 17px;

  line-height: 1.5;

}



select,

input:not([type="range"]),

textarea {

  border: 0;

  outline: none;

  width: 100%;

  background-color: transparent;

}



main {

  overflow: hidden;

}



img {

  max-width: 100%;

  height: auto;

}



a {

  color: inherit;

  font-size: inherit;

  line-height: inherit;

  font-weight: inherit;

  transition: color 0.2s ease-in-out;

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



ul,

li {

  list-style: none;

  padding: 0;

  margin: 0;

}



p {

  font-size: 17px;

  color: var(--color-accent-1);

  margin: 0;

}



button {

  padding: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  background-color: transparent;

  text-decoration: none;

}



button:focus {

  outline: 0;

}



.button {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;

  border: 1px solid transparent;

  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.button.-md {

  height: 55px;

  padding: 0 30px;

}



.button.-type-1 {

  font-weight: 400;

}



.button.-type-1 .-icon {

  margin-right: 10px;

}



.button.-type-2::before {

  content: "";

  width: 15px;

  height: 1px;

  background-color: currentColor;

  margin-right: 10px;

  margin-bottom: 2px;

}



.button.-white:hover {

  border-color: var(--color-white);

  background-color: var(--color-white) !important;

  color: white !important;

}



.button.-outline-white {

  border-color: var(--color-white);

}



.button.-outline-white:hover {

  background-color: var(--color-white) !important;

  border-color: transparent;

  color: white !important;

}



.button.-black:hover {

  border-color: var(--color-black);

  background-color: var(--color-black) !important;

  color: white !important;

}



.button.-outline-black {

  border-color: var(--color-black);

}



.button.-outline-black:hover {

  background-color: var(--color-black) !important;

  border-color: transparent;

  color: white !important;

}



.button.-border:hover {

  border-color: var(--color-border);

  background-color: var(--color-border) !important;

  color: white !important;

}



.button.-outline-border {

  border-color: var(--color-border);

}



.button.-outline-border:hover {

  background-color: var(--color-border) !important;

  border-color: transparent;

  color: white !important;

}



.button.-accent-1:hover {

  border-color: var(--color-accent-1);

  background-color: var(--color-accent-1) !important;

  color: white !important;

}



.button.-outline-accent-1 {

  border-color: var(--color-accent-1);

}



.button.-outline-accent-1:hover {

  background-color: var(--color-accent-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-accent-2:hover {

  border-color: var(--color-accent-2);

  background-color: var(--color-accent-2) !important;

  color: white !important;

}



.button.-outline-accent-2 {

  border-color: var(--color-accent-2);

}



.button.-outline-accent-2:hover {

  background-color: var(--color-accent-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-light-1:hover {

  border-color: var(--color-light-1);

  background-color: var(--color-light-1) !important;

  color: white !important;

}



.button.-outline-light-1 {

  border-color: var(--color-light-1);

}



.button.-outline-light-1:hover {

  background-color: var(--color-light-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-light-2:hover {

  border-color: var(--color-light-2);

  background-color: var(--color-light-2) !important;

  color: white !important;

}



.button.-outline-light-2 {

  border-color: var(--color-light-2);

}



.button.-outline-light-2:hover {

  background-color: var(--color-light-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-dark-1:hover {

  border-color: var(--color-accent-1);

  background-color: var(--color-accent-1) !important;

  color: white !important;

}



.button.-outline-dark-1 {

  border-color: var(--color-dark-1);

}



.button.-outline-dark-1:hover {

  background-color: var(--color-dark-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-dark-2:hover {

  border-color: var(--color-dark-2);

  background-color: var(--color-dark-2) !important;

  color: white !important;

}



.button.-outline-dark-2 {

  border-color: var(--color-dark-2);

}



.button.-outline-dark-2:hover {

  background-color: var(--color-dark-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-dark-3:hover {

  border-color: var(--color-dark-3);

  background-color: var(--color-dark-3) !important;

  color: white !important;

}



.button.-outline-dark-3 {

  border-color: var(--color-dark-3);

}



.button.-outline-dark-3:hover {

  background-color: var(--color-dark-3) !important;

  border-color: transparent;

  color: white !important;

}



.button.-info-1:hover {

  border-color: var(--color-info-1);

  background-color: var(--color-info-1) !important;

  color: white !important;

}



.button.-outline-info-1 {

  border-color: var(--color-info-1);

}



.button.-outline-info-1:hover {

  background-color: var(--color-info-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-info-2:hover {

  border-color: var(--color-info-2);

  background-color: var(--color-info-2) !important;

  color: white !important;

}



.button.-outline-info-2 {

  border-color: var(--color-info-2);

}



.button.-outline-info-2:hover {

  background-color: var(--color-info-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-warning-1:hover {

  border-color: var(--color-warning-1);

  background-color: var(--color-warning-1) !important;

  color: white !important;

}



.button.-outline-warning-1 {

  border-color: var(--color-warning-1);

}



.button.-outline-warning-1:hover {

  background-color: var(--color-warning-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-warning-2:hover {

  border-color: var(--color-warning-2);

  background-color: var(--color-warning-2) !important;

  color: white !important;

}



.button.-outline-warning-2 {

  border-color: var(--color-warning-2);

}



.button.-outline-warning-2:hover {

  background-color: var(--color-warning-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-error-1:hover {

  border-color: var(--color-error-1);

  background-color: var(--color-error-1) !important;

  color: white !important;

}



.button.-outline-error-1 {

  border-color: var(--color-error-1);

}



.button.-outline-error-1:hover {

  background-color: var(--color-error-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-error-2:hover {

  border-color: var(--color-error-2);

  background-color: var(--color-error-2) !important;

  color: white !important;

}



.button.-outline-error-2 {

  border-color: var(--color-error-2);

}



.button.-outline-error-2:hover {

  background-color: var(--color-error-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-success-1:hover {

  border-color: var(--color-success-1);

  background-color: var(--color-success-1) !important;

  color: white !important;

}



.button.-outline-success-1 {

  border-color: var(--color-success-1);

}



.button.-outline-success-1:hover {

  background-color: var(--color-success-1) !important;

  border-color: transparent;

  color: white !important;

}



.button.-success-2:hover {

  border-color: var(--color-success-2);

  background-color: var(--color-success-2) !important;

  color: white !important;

}



.button.-outline-success-2 {

  border-color: var(--color-success-2);

}



.button.-outline-success-2:hover {

  background-color: var(--color-success-2) !important;

  border-color: transparent;

  color: white !important;

}



.button.-white:hover {

  color: black !important;

}



.button.-outline-accent-2:hover {

  color: black !important;

}



.button.-accent-2:hover {

  color: white !important;

}



.button.swiper-button-disabled {

  opacity: 0.2;

}



.button.-light-1:hover {

  color: black !important;

}



.button.-blur-1 {

  background-color: rgba(18, 34, 35, 0.5);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

}



.button.-blur-1:hover {

  background-color: #122223;

}



.button.-outline-white:hover {

  background-color: white !important;

  color: var(--color-dark-1) !important;

}



.play-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100%;

  width: 160px;

  height: 160px;

}



.play-button.-sm {

  width: 90px;

  height: 90px;

}



@media (max-width: 767px) {

  .play-button {

    width: 100px;

    height: 100px;

  }



  .play-button>i {

    font-size: 18px !important;

  }

}



.play-button:hover {

  color: var(--color-accent-1);

}



.arrowButton.-type-1 {

  display: flex;

  align-items: center;

}



.arrowButton.-type-1>span {

  width: 50px;

  height: 50px;

  margin-right: 15px;

}



.arrowButton.-type-1>span i {

  transform: rotate(-90deg);

}



.buttonArrow:hover span {

  text-decoration: underline;

}



/* .contactForm input:not([type="range"]), */

.contactForm select,

.contactForm input[type="text"],

.contactForm input[type="email"],

.contactForm input[type="tel"],

.contactForm input[type="number"],

.contactForm input[type="date"],

.contactForm input[type="time"],
.contactForm input[type="phone"],

.contactForm textarea,
.radio-block {

  font-size: 17px;

  line-height: 1.4;

  height: 62px;

  background-color: white;

  border: 1px solid var(--color-border);

  padding: 0 20px;

  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}
.radio-block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}


.contactForm select:focus,

.contactForm input:not([type="range"]):focus,

.contactForm textarea:focus {

  border-color: var(--color-accent-1);

}



.contactForm textarea {

  height: auto;

  padding-top: 25px;

}



.contactForm ::-moz-placeholder {

  font-weight: 400;

}



.contactForm ::placeholder {

  font-weight: 400;

}



.contactForm__caption {

  font-size: 16px;

  font-weight: 500;

  line-height: 30px;

  text-transform: uppercase;

}



.contactForm .form-input {

  position: relative;

}



.contactForm .form-input label {

  position: absolute;

  top: 20px;

  left: 15px;

  color: black;

  z-index: 10;

  pointer-events: none;

  transition: all 0.15s ease-out;

}



.contactForm .form-input label::before {

  content: "";

  position: absolute;

  top: 0;

  left: -7px;

  right: -7px;

  bottom: 0;

  background-color: white;

  z-index: -1;

}



.contactForm .form-input textarea:focus+label,

.contactForm .form-input input:focus+label {

  transform: translateY(-29px);

}



.contactForm .form-input.-h-55 input {

  height: 55px;

}



input.text-white::-moz-placeholder {

  color: white;

}



input.text-white::placeholder {

  color: white;

}



.inputSingle {

  position: relative;

}



.inputSingle input {

  height: 70px !important;

}



.inputSingle label {

  top: 26px !important;

  left: 26px !important;

}



.inputSingle button {

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  aspect-ratio: 1/1;

  z-index: 2;

}



.form-checkbox {

  cursor: pointer;

  position: relative;

  display: flex;

}



.form-checkbox label {

  margin: 0;

  margin-left: 10px;

  font-size: 15px;

}



.form-checkbox__mark {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 20px;

  height: 20px;

  border: 1px solid var(--color-accent-1);

}



.form-checkbox__icon {

  display: none;

  position: absolute;

  font-size: 8px;

  color: white;

}



.form-checkbox input {

  cursor: pointer;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 5;

  opacity: 0;

}



.form-checkbox input:checked~.form-checkbox__mark {

  background-color: var(--color-accent-1);

  border-color: var(--color-accent-1);

}



.form-checkbox input:checked~.form-checkbox__mark .form-checkbox__icon {

  display: block;

}



.form-checkbox:hover input~.form-checkbox__mark {

  background-color: rgba(0, 0, 0, 0.2);

}



.form-radio {

  display: flex;

  align-items: center;

}



.form-radio .radio {

  cursor: pointer;

  position: relative;

  display: block;

}



.form-radio .radio__mark {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 20px;

  width: 20px;

  border-radius: 100%;

  border: 1px solid var(--color-accent-1);

  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.form-radio .radio__icon {

  position: absolute;

  width: 12px;

  height: 12px;

  border-radius: 100%;

  transform-origin: center;

  opacity: 1;

  transform: scale(0.2);

  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.form-radio .radio input {

  cursor: pointer;

  position: absolute;

  z-index: 5;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

}



.form-radio .radio input:checked~.radio__mark {

  border-color: var(--color-accent-1);

  background-color: var(--color-accent-1);

}



.form-radio .radio input:checked~.radio__mark .radio__icon {

  background-color: var(--color-white);

  opacity: 1;

  transform: scale(1);

}



.form-switch .switch {

  cursor: pointer;

  position: relative;

  width: 55px;

  height: 30px;

}



.form-switch .switch__slider {

  cursor: pointer;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--color-light-1);

  transition: .3s;

  border-radius: 30px;

}



.form-switch .switch__slider::before {

  content: "";

  position: absolute;

  height: 24px;

  width: 24px;

  left: 3px;

  bottom: 3px;

  background-color: white;

  border-radius: 100%;

  box-shadow: 0px 10px 40px 0px #0000000D;

  transition: .3s;

}



.form-switch .switch input {

  z-index: 5;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.form-switch .switch input:checked+.switch__slider {

  background-color: var(--color-accent-1);

}



.form-switch .switch input:checked+.switch__slider::before {

  transform: translateX(25px);

  background-color: white;

}



.select {

  position: relative;

}



.select__button {

  width: 100%;

  text-align: left;

  font-size: 15px;

  line-height: 1.4;

  height: 68px;

  border: 1px solid #E7E6E6;

  padding: 25px 20px;

  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.select__button:focus {

  outline: 1px solid #05073C;

  border: 1px solid #05073C;

}



.select__icon {

  width: 20px;

  height: 20px;

}



.select__dropdown {

  position: absolute;

  top: calc(100% + 10px);

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  flex-direction: column;

  width: 100%;

  max-height: 340px;

  background-color: white;

  border: 1px solid var(--color-accent-1);

  z-index: 30;

  transition: all 0.2s ease;

  pointer-events: none;

  opacity: 0;

}



.select__dropdown.-is-visible {

  opacity: 1;

  pointer-events: auto;

}



.select__options {

  overflow-x: hidden;

  overflow-y: scroll;

  display: flex;

  flex-direction: column;

  padding: 15px 20px;

  padding-bottom: 10px;

}



.select__options::-webkit-scrollbar {

  width: 3px;

  height: 3px;

}



.select__options::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.2);

  border-radius: 12px;

}



.select__options__button {

  display: flex;

  align-items: center;

  text-align: left;

  padding: 8px 20px;

  transition: all 0.15s ease;

}



.select__options__button:hover {

  cursor: pointer;

  background-color: var(--color-light-1) !important;

}



.select__options__button:focus {

  background-color: var(--color-light-1) !important;

}



.select__search {

  height: 55px !important;

  border: 1px solid var(--color-border) !important;

  width: auto !important;

  color: black;

  padding: 0 20px !important;

  margin: 0 20px;

  margin-top: 20px;

}



.select.-multiple .select__dropdown {

  padding: 15px 0;

}



.select.-multiple .select__options {

  padding-top: 0;

  padding-bottom: 0;

}



.select.-multiple .select__options>* {

  padding: 8px 0 !important;

  background-color: transparent !important;

}



.dropdown {

  cursor: pointer;

  position: relative;

  z-index: 10;

}



@media (max-width: 767px) {

  .dropdown {

    position: unset !important;

  }

}



.dropdown.-type-1 .dropdown__button {

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 60px;

  padding: 0 20px;

  border: 1px solid var(--color-border);

  outline: 1px solid transparent;

  transition: .1s;

}



.dropdown.-type-1 .dropdown__button:hover {

  outline: 2px solid var(--color-border);

}



.dropdown.-type-1 .dropdown__menu {

  position: absolute;

  top: calc(100% + 8px);

  left: 50%;

  min-width: 220px;

  background-color: white;

  box-shadow: 0px 10px 40px 0px #0000000D;

  padding: 10px 0;

  transform: translateX(-50%);

  opacity: 0;

  pointer-events: none;

  transition: .15s;

}



.dropdown.-type-1 .dropdown__item {

  cursor: pointer;

  padding: 12px 30px;

  transition: .1s;

}



.dropdown.-type-1 .dropdown__item:hover {

  background-color: var(--color-border);

}



.dropdown.is-active {

  z-index: 20;

}



.dropdown.is-active .dropdown__menu {

  opacity: 1;

  pointer-events: auto;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  line-height: 1.2;

  font-weight: 500;

  color: var(--color-accent-1);

  font-family: var(--font-secondary);

  margin: 0;

}



.text-9 {

  font-size: var(--text-9) !important;

}



.text-11 {

  font-size: var(--text-11) !important;

}



.text-13 {

  font-size: var(--text-13) !important;

}



.text-15 {

  font-size: var(--text-15) !important;

}



.text-17 {

  font-size: var(--text-17) !important;

}



.text-21 {

  font-size: var(--text-21) !important;

}



.text-24 {

  font-size: var(--text-24) !important;

}



.text-30 {

  font-size: var(--text-30) !important;

}



.text-40 {

  font-size: var(--text-40) !important;

}



.text-50 {

  font-size: var(--text-50) !important;

}



.text-52 {

  font-size: var(--text-52) !important;

}



.text-60 {

  font-size: var(--text-60) !important;

}



.text-64 {

  font-size: var(--text-64) !important;

}



.text-72 {

  font-size: var(--text-72) !important;

}



.text-92 {

  font-size: var(--text-92) !important;

}



@media (max-width: 1199px) {

  .xl\:text-9 {

    font-size: var(--text-9) !important;

  }



  .xl\:text-11 {

    font-size: var(--text-11) !important;

  }



  .xl\:text-13 {

    font-size: var(--text-13) !important;

  }



  .xl\:text-15 {

    font-size: var(--text-15) !important;

  }



  .xl\:text-17 {

    font-size: var(--text-17) !important;

  }



  .xl\:text-21 {

    font-size: var(--text-21) !important;

  }



  .xl\:text-24 {

    font-size: var(--text-24) !important;

  }



  .xl\:text-30 {

    font-size: var(--text-30) !important;

  }



  .xl\:text-40 {

    font-size: var(--text-40) !important;

  }



  .xl\:text-50 {

    font-size: var(--text-50) !important;

  }



  .xl\:text-52 {

    font-size: var(--text-52) !important;

  }



  .xl\:text-60 {

    font-size: var(--text-60) !important;

  }



  .xl\:text-64 {

    font-size: var(--text-64) !important;

  }



  .xl\:text-72 {

    font-size: var(--text-72) !important;

  }



  .xl\:text-92 {

    font-size: var(--text-92) !important;

  }

}



@media (max-width: 991px) {

  .lg\:text-9 {

    font-size: var(--text-9) !important;

  }



  .lg\:text-11 {

    font-size: var(--text-11) !important;

  }



  .lg\:text-13 {

    font-size: var(--text-13) !important;

  }



  .lg\:text-15 {

    font-size: var(--text-15) !important;

  }



  .lg\:text-17 {

    font-size: var(--text-17) !important;

  }



  .lg\:text-21 {

    font-size: var(--text-21) !important;

  }



  .lg\:text-24 {

    font-size: var(--text-24) !important;

  }



  .lg\:text-30 {

    font-size: var(--text-30) !important;

  }



  .lg\:text-40 {

    font-size: var(--text-40) !important;

  }



  .lg\:text-50 {

    font-size: var(--text-50) !important;

  }



  .lg\:text-52 {

    font-size: var(--text-52) !important;

  }



  .lg\:text-60 {

    font-size: var(--text-60) !important;

  }



  .lg\:text-64 {

    font-size: var(--text-64) !important;

  }



  .lg\:text-72 {

    font-size: var(--text-72) !important;

  }



  .lg\:text-92 {

    font-size: var(--text-92) !important;

  }

}



@media (max-width: 767px) {

  .md\:text-9 {

    font-size: var(--text-9) !important;

  }



  .md\:text-11 {

    font-size: var(--text-11) !important;

  }



  .md\:text-13 {

    font-size: var(--text-13) !important;

  }



  .md\:text-15 {

    font-size: var(--text-15) !important;

  }



  .md\:text-17 {

    font-size: var(--text-17) !important;

  }



  .md\:text-21 {

    font-size: var(--text-21) !important;

  }



  .md\:text-24 {

    font-size: var(--text-24) !important;

  }



  .md\:text-30 {

    font-size: var(--text-30) !important;

  }



  .md\:text-40 {

    font-size: var(--text-40) !important;

  }



  .md\:text-50 {

    font-size: var(--text-50) !important;

  }



  .md\:text-52 {

    font-size: var(--text-52) !important;

  }



  .md\:text-60 {

    font-size: var(--text-60) !important;

  }



  .md\:text-64 {

    font-size: var(--text-64) !important;

  }



  .md\:text-72 {

    font-size: var(--text-72) !important;

  }



  .md\:text-92 {

    font-size: var(--text-92) !important;

  }

}



@media (max-width: 575px) {

  .sm\:text-9 {

    font-size: var(--text-9) !important;

  }



  .sm\:text-11 {

    font-size: var(--text-11) !important;

  }



  .sm\:text-13 {

    font-size: var(--text-13) !important;

  }



  .sm\:text-15 {

    font-size: var(--text-15) !important;

  }



  .sm\:text-17 {

    font-size: var(--text-17) !important;

  }



  .sm\:text-21 {

    font-size: var(--text-21) !important;

  }



  .sm\:text-24 {

    font-size: var(--text-24) !important;

  }



  .sm\:text-30 {

    font-size: var(--text-30) !important;

  }



  .sm\:text-40 {

    font-size: var(--text-40) !important;

  }



  .sm\:text-50 {

    font-size: var(--text-50) !important;

  }



  .sm\:text-52 {

    font-size: var(--text-52) !important;

  }



  .sm\:text-60 {

    font-size: var(--text-60) !important;

  }



  .sm\:text-64 {

    font-size: var(--text-64) !important;

  }



  .sm\:text-72 {

    font-size: var(--text-72) !important;

  }



  .sm\:text-92 {

    font-size: var(--text-92) !important;

  }

}



@media (max-width: 479px) {

  .xs\:text-9 {

    font-size: var(--text-9) !important;

  }



  .xs\:text-11 {

    font-size: var(--text-11) !important;

  }



  .xs\:text-13 {

    font-size: var(--text-13) !important;

  }



  .xs\:text-15 {

    font-size: var(--text-15) !important;

  }



  .xs\:text-17 {

    font-size: var(--text-17) !important;

  }



  .xs\:text-21 {

    font-size: var(--text-21) !important;

  }



  .xs\:text-24 {

    font-size: var(--text-24) !important;

  }



  .xs\:text-30 {

    font-size: var(--text-30) !important;

  }



  .xs\:text-40 {

    font-size: var(--text-40) !important;

  }



  .xs\:text-50 {

    font-size: var(--text-50) !important;

  }



  .xs\:text-52 {

    font-size: var(--text-52) !important;

  }



  .xs\:text-60 {

    font-size: var(--text-60) !important;

  }



  .xs\:text-64 {

    font-size: var(--text-64) !important;

  }



  .xs\:text-72 {

    font-size: var(--text-72) !important;

  }



  .xs\:text-92 {

    font-size: var(--text-92) !important;

  }

}



.lh-065 {

  line-height: 0.65 !important;

}



.lh-1 {

  line-height: 1 !important;

}



.lh-11 {

  line-height: 1.1 !important;

}



.lh-12 {

  line-height: 1.2 !important;

}



.lh-13 {

  line-height: 1.3 !important;

}



.lh-14 {

  line-height: 1.4 !important;

}



.lh-15 {

  line-height: 1.5 !important;

}



.lh-16 {

  line-height: 1.6 !important;

}



.lh-17 {

  line-height: 1.7 !important;

}



.lh-18 {

  line-height: 1.8 !important;

}



.lh-19 {

  line-height: 1.9 !important;

}



.lh-2 {

  line-height: 2 !important;

}



.text-center {

  text-align: center;

}



.text-right {

  text-align: right;

}



.text-left {

  text-align: left;

}



@media (max-width: 1199px) {

  .xl\:text-center {

    text-align: center !important;

  }



  .xl\:text-right {

    text-align: right !important;

  }



  .xl\:text-left {

    text-align: left !important;

  }

}



@media (max-width: 991px) {

  .lg\:text-center {

    text-align: center !important;

  }



  .lg\:text-right {

    text-align: right !important;

  }



  .lg\:text-left {

    text-align: left !important;

  }

}



@media (max-width: 767px) {

  .md\:text-center {

    text-align: center !important;

  }



  .md\:text-right {

    text-align: right !important;

  }



  .md\:text-left {

    text-align: left !important;

  }

}



@media (max-width: 575px) {

  .sm\:text-center {

    text-align: center !important;

  }



  .sm\:text-right {

    text-align: right !important;

  }



  .sm\:text-left {

    text-align: left !important;

  }

}



.fw-300 {

  font-weight: 300;

}



.fw-400 {

  font-weight: 400;

}



.fw-500 {

  font-weight: 500;

}



.fw-600 {

  font-weight: 600;

}



.fw-700 {

  font-weight: 700;

}



.header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  transition: all 0.3s ease;

  z-index: 1000;

}



.header__container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  transition: all 0.3s ease;

}



.header__center {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}



@media (max-width: 575px) {

  .header__logo img {

    height: 32px;

  }

}



.header.-bottomMenu {

  flex-wrap: wrap;

}



.header.-bottomMenu.is-sticky>*:nth-child(2) {

  padding-top: 6px !important;

  padding-bottom: 6px !important;

}



.header.-mx-60 .header__container {

  margin: 0 60px;

}



@media (max-width: 767px) {

  .header.-mx-60 .header__container {

    margin: 0 24px;

  }

}



.header.-mx-110 .header__container {

  margin: 0 110px;

}



@media (max-width: 767px) {

  .header.-mx-110 .header__container {

    margin: 0 24px;

  }

}



.header.-h-90 {

  height: 90px;

}



@media (max-width: 575px) {

  .header.-h-90 {

    height: 74px;

  }

}



.header.-h-110 {

  height: 110px;

}



@media (max-width: 575px) {

  .header.-h-110 {

    height: 74px;

  }

}



.header.-h-160 {

  height: 160px;

}



.header.-h-180 {

  height: 180px;

}



.header.-blur {

  background-color: rgba(18, 34, 35, 0.01);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

}



.header.-border-bottom-1 {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.header.-border-bottom-2 {

  border-bottom: 1px solid var(--color-border);

}



.header.-border-bottom-3 {

  border-bottom: 1px solid #CFB89E;

}



.header.-light {

  background-color: rgba(255, 255, 255, 0.2);

}



.header.-is-menu-opened {

  background-color: var(--color-accent-1);

}



.header.is-sticky {

  margin: 0 !important;

  opacity: 0.9 !important;

  -webkit-backdrop-filter: blur(10px) !important;

  backdrop-filter: blur(10px) !important;

}



.header.is-sticky .header__container {

  padding-top: 30px !important;

  padding-bottom: 30px !important;

}



.header.is-hidden-on-scroll {

  transform: translateY(-100%);

}



.header .desktopNav {

  display: flex;

  align-items: center;

}



.header .desktopNav>* {

  padding: 8px 15px;

}



.header .desktopNav__item {

  position: relative;

  border-radius: 100px;

}



.header .desktopNav__item>a {

  display: flex;

  align-items: center;

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 500;

}



.header .desktopNav__item>a:hover {

  color: currentColor;

}



.header .desktopNav__item>a i {

  margin-left: 5px;

}



.header .desktopNav__item:hover>*:last-child {

  opacity: 1 !important;

  pointer-events: auto !important;

}



.header .desktopNav .desktopNavSubnav {

  position: absolute;

  top: 100%;

  left: 0;

  padding-top: 14px;

  transition: .2s;

  opacity: 0;

  pointer-events: none;

}



.header .desktopNav .desktopNavSubnav a {

  color: white;

  font-size: 15px;

}



.header .desktopNav .desktopNavSubnav a:hover {

  color: var(--color-accent-2);

}



.header .desktopNav .desktopNavSubnav__content {

  background-color: var(--color-accent-1);

  min-width: 150px;

  padding: 30px;

}



.header .desktopNav .desktopNavSubnav__content>*+* {

  padding-top: 12px;

}



.header .desktopNav .desktopNavSubnav__content.-col-3 {

  display: grid;

  grid-template-columns: repeat(3, max-content);

  gap: 100px;

  padding: 50px;

}



.header .desktopNav .desktopNavSubnav__content.-col-3>*+* {

  padding-top: 0;

}



.header .desktopNav .desktopNavSubnav__content.-col-3>*>*+* {

  padding-top: 12px;

}



.header .desktopNav .desktopNavSubnav__item {

  position: relative;

}



.header .desktopNav .desktopNavSubnav__item>.desktopNavSubnav {

  top: 0;

  left: 100%;

}



.header .desktopNav .desktopNavSubnav__item:hover>.desktopNavSubnav {

  opacity: 1 !important;

  pointer-events: auto !important;

}



@media (min-width: 1200px) {

  .header .header-menu {

    display: none;

  }

}



@media (max-width: 1199px) {

  .header .header-menu {

    position: fixed;

    top: 72px;

    left: 0;

    z-index: 10;

    width: 100vw;

    height: calc(100vh - 72px);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    opacity: 0;

    pointer-events: none;

  }



  .header .header-menu.is-menu-active {

    opacity: 1;

    pointer-events: auto;

  }



  .header .header-menu.is-menu-active .-is-active {

    pointer-events: auto !important;

    overflow-y: scroll;

    overflow-x: hidden;

  }



  .header .header-menu .mega {

    display: none;

  }



  .header .header-menu ul {

    overflow-y: hidden;

    overflow-x: hidden;

  }



  .header .header-menu__content {

    display: flex;

    flex-direction: column;

    height: 100%;

  }



  .header .header-menu .mobile-overlay {

    display: none;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: -2;

  }



  .header .header-menu .mobile-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: var(--color-accent-1);

  }



  .header .header-menu .menu {

    overflow-y: hidden;

    overflow-x: hidden;

    position: relative;

    height: 100%;

    padding: 20px;

    padding-top: 40px;

  }



  .header .header-menu .menu ul {

    pointer-events: none;

  }



  .header .header-menu .menu li {

    overflow: hidden;

  }



  .header .header-menu .menu a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  }



  .header .header-menu .menu a .icon {

    font-size: 8px;

    transform: rotate(-90deg);

  }



  .header .header-menu .menu a:hover {

    color: white;

  }



  .header .header-menu .menu__nav {

    display: flex;

    flex-direction: column;

  }



  .header .header-menu .menu__nav>li>a {

    font-family: var(--font-secondary);

    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.6);

    font-size: 24px;

    line-height: 1;

    padding: 15px 0;

  }



  .header .header-menu .menu .subnav {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding-top: 40px;

  }



  .header .header-menu .menu .subnav li {

    padding: 0 20px;

  }



  .header .header-menu .menu .subnav a {

    height: 40px;

    font-size: 17px;

    padding: 0 20px;

    transform: translateY(100%);

  }



  .header .header-menu .menu .subnav__backBtn {

    margin-bottom: 20px;

  }



  .header .header-menu .menu .subnav__backBtn li {

    padding: 0;

  }



  .header .header-menu .menu .subnav__backBtn a {

    justify-content: flex-start;

    height: 50px;

    font-size: 20px;

    color: var(--color-blue-1);

  }



  .header .header-menu .menu .subnav__backBtn a .icon {

    margin-right: 12px;

    transform: rotate(90deg);

  }

}



.menuFullScreen {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  display: flex;

  z-index: 2000;

  pointer-events: none;

  opacity: 0;

}



.menuFullScreen__left {

  width: 100%;

  padding: 180px 60px;

}



.menuFullScreen__bg {

  overflow: hidden;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.menuFullScreen__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.menuFullScreen__right {

  display: flex;

  flex-direction: column;

  justify-content: center;

  flex-shrink: 0;

  background-color: var(--color-accent-2);

  width: 42%;

}



.menuFullScreen__close {

  position: absolute;

  top: 50px;

  left: 60px;

  display: flex;

  align-items: center;

  color: white;

  font-weight: 500;

}



.menuFullScreen__close .icon {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

}



.menuFullScreen__close .icon span {

  background-color: white;

  height: 2px;

  width: 16px;

}



.menuFullScreen__close .icon span:nth-child(1) {

  transform: rotate(-45deg);

}



.menuFullScreen__close .icon span:nth-child(2) {

  position: absolute;

  transform: rotate(45deg);

}



.menuFullScreen.is-active {

  pointer-events: auto;

  opacity: 1;

}



.menuFullScreen-links {

  position: relative;

  display: flex;

  flex-direction: column;

  gap: 40px;

  width: 420px;

}



@media (max-width: 1199px) {

  .menuFullScreen-links {

    width: 240px;

  }

}



.menuFullScreen-links a {

  color: white;

  line-height: 1;

}



.menuFullScreen-links__item {

  overflow: hidden;

}



.menuFullScreen-links__item>a {

  display: flex;

  justify-content: space-between;

  font-size: 52px;

  font-family: var(--font-secondary);

}



@media (max-width: 1199px) {

  .menuFullScreen-links__item>a {

    font-size: 42px;

  }

}



.menuFullScreen-links__item>a i {

  transition: all 0.3s;

  opacity: 0;

}



.menuFullScreen-links__item>a i:nth-child(1) {

  display: block;

}



.menuFullScreen-links__item>a i:nth-child(2) {

  display: none;

}



.menuFullScreen-links__item:hover i {

  opacity: 1;

}



.menuFullScreen-links__item:hover>.menuFullScreen-links-subnav {

  opacity: 1;

  pointer-events: auto;

}



.menuFullScreen-links-subnav {

  position: absolute;

  top: 0;

  left: 100%;

  display: flex;

  flex-direction: column;

  gap: 20px;

  white-space: nowrap;

  padding-left: 200px;

  transition: all 0.3s;

  pointer-events: none;

  opacity: 0;

}



@media (max-width: 1199px) {

  .menuFullScreen-links-subnav {

    padding-left: 100px;

  }

}



.menuFullScreen-links-subnav__item a {

  font-size: 19px;

  font-weight: 400;

}



.menuFullScreen-links-subnav__item a:hover {

  text-decoration: underline;

}



.menuFullScreen__mobile__bg {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

  background-color: var(--color-accent-1);

  transform-origin: bottom;

}



@media (min-width: 992px) {

  .menuFullScreen__topMobile {

    display: none;

  }



  .menuFullScreen-links-subnav {

    min-height: 100%;

  }



  .menuFullScreen__bottomMobile {

    display: none;

  }



  .menuFullScreen__mobile__bg {

    display: none;

  }

}



@media (max-width: 991px) {

  .menuFullScreen {

    top: 0;

    height: 100vh;

    flex-direction: column;

  }



  .menuFullScreen__left {

    height: 100%;

    overflow-y: scroll;

    padding: 0 30px;

    margin: 60px 0;

  }



  .menuFullScreen__bg {

    display: none;

  }



  .menuFullScreen__right {

    display: none;

  }



  .menuFullScreen__close {

    display: none;

  }



  .menuFullScreen-links {

    overflow-y: scroll;

    overflow-x: hidden;

    gap: 30px;

    width: 100%;

  }



  .menuFullScreen-links__item {

    position: relative;

  }



  .menuFullScreen-links__item>a {

    font-size: 24px;

  }



  .menuFullScreen-links__item>a i:nth-child(1) {

    display: none;

  }



  .menuFullScreen-links__item>a i:nth-child(2) {

    display: flex;

    font-size: 16px;

  }



  .menuFullScreen-links__item>a i {

    display: flex;

    align-items: center;

    opacity: 1;

  }



  .menuFullScreen-links__item>a.is-mobile-active i:nth-child(2) {

    transform: rotate(90deg);

  }



  .menuFullScreen-links__item:hover i {

    opacity: 1;

  }



  .menuFullScreen-links__item:hover>.menuFullScreen-links-subnav {

    opacity: 1;

    pointer-events: auto;

  }



  .menuFullScreen-links-subnav {

    overflow: hidden;

    position: relative;

    top: unset;

    left: unset;

    max-height: 0;

    padding-left: 0;

    pointer-events: none;

    opacity: 1;

  }



  .menuFullScreen-links-subnav>*:nth-child(1) {

    padding-top: 35px;

  }



  .menuFullScreen-links-subnav>*:last-child {

    padding-bottom: 10px;

  }



  .menuFullScreen-links-subnav__item {

    padding-left: 20px;

  }



  .menuFullScreen-links-subnav__item a {

    font-size: 17px;

  }



  .menuFullScreen__topMobile {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    flex-shrink: 0;

    padding: 30px 24px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }



  .menuFullScreen__topMobile>*:nth-child(2) {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

  }

}



@media (max-width: 991px) and (max-width: 575px) {

  .menuFullScreen__topMobile>*:nth-child(2) img {

    height: 32px;

  }

}



@media (max-width: 991px) {

  .menuFullScreen__bottomMobile {

    flex-shrink: 0;

    color: white;

    padding: 0 30px;

    padding-bottom: 60px;

  }

}



.footer.-type-1 {

  position: relative;

  z-index: 0;

}



.footer.-type-1 .footer__bg.-type-1>*:nth-child(1) {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 515px;

  z-index: -2;

}



.footer.-type-1 .footer__bg.-type-1>*:nth-child(2) {

  position: absolute;

  top: 0;

  left: 60px;

  right: 60px;

  bottom: 60px;

  border-radius: 16px;

  z-index: -1;

}



@media (max-width: 1600px) {

  .footer.-type-1 .footer__bg.-type-1>*:nth-child(2) {

    left: 20px;

    right: 20px;

    bottom: 20px;

  }

}



@media (max-width: 1480px) {

  .footer.-type-1 .footer__bg.-type-1>*:nth-child(2) {

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 0;

  }

}



.footer.-type-1 .footer__main {

  padding: 200px 0;

}



@media (max-width: 1199px) {

  .footer.-type-1 .footer__main {

    padding: 170px 0;

  }

}



@media (max-width: 991px) {

  .footer.-type-1 .footer__main {

    padding: 120px 0;

  }

}



@media (max-width: 575px) {

  .footer.-type-1 .footer__main {

    padding: 80px 0;

  }

}



.footer.-type-1 .footer__grid {

  display: grid;

  grid-template-columns: 270px 250px 1fr 1fr;

  gap: 80px;

}



@media (max-width: 1199px) {

  .footer.-type-1 .footer__grid {

    grid-template-columns: 1fr 1fr 280px 260px;

    gap: 40px;

  }

}



@media (max-width: 991px) {

  .footer.-type-1 .footer__grid {

    grid-template-columns: 1fr 1fr;

    gap: 80px 40px;

  }

}



@media (max-width: 575px) {

  .footer.-type-1 .footer__grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

}



.footer.-type-1 .footer__newsletter {

  position: relative;

  margin-top: 10px;

}



.footer.-type-1 .footer__newsletter input {

  width: 100%;

  height: 70px;

  background-color: transparent;

  border: 1px solid var(--border, rgba(255, 255, 255, 0.1));

  padding: 0 25px;

  color: white;

}



.footer.-type-1 .footer__newsletter button {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  display: flex;

  align-items: center;

  padding: 0 20px;

  z-index: 1;

}



.footer.-type-1 .footer__bottom {

  position: relative;

  display: flex;

  align-items: center;

  height: 125px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



@media (max-width: 767px) {

  .footer.-type-1 .footer__bottom {

    height: auto;

    padding: 60px 0;

  }

}



.footer.-type-1 .footer__bottom_center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  z-index: 1;

}



@media (max-width: 767px) {

  .footer.-type-1 .footer__bottom_center {

    position: relative;

    top: unset;

    left: unset;

    transform: none;

  }

}



.footer.-type-1.-bg-1 {

  padding-bottom: 60px;

}



@media (max-width: 1480px) {

  .footer.-type-1.-bg-1 {

    padding-bottom: 0px;

  }

}



.footer.-type-1.-bottom-border-dark .footer__bottom {

  border-color: var(--color-border);

}



.footer.text-white a:hover {

  color: white;

}



.footer.-type-2 {

  position: relative;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  z-index: 0;

}



.footer.-type-2 .footer__main {

  padding: 100px 0;

}



@media (max-width: 991px) {

  .footer.-type-2 .footer__main {

    padding: 80px 0;

  }

}



@media (max-width: 575px) {

  .footer.-type-2 .footer__main {

    padding: 60px 0;

  }

}



.footer.-type-2 .footer__grid {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  gap: 120px;

}



@media (max-width: 1199px) {

  .footer.-type-2 .footer__grid {

    gap: 40px;

  }

}



@media (max-width: 991px) {

  .footer.-type-2 .footer__grid {

    grid-template-columns: 1fr 1fr;

    gap: 80px 40px;

  }

}



@media (max-width: 575px) {

  .footer.-type-2 .footer__grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

}



.footer.-type-2 .footer__bottom {

  display: flex;

  align-items: center;

  height: 100px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



@media (max-width: 767px) {

  .footer.-type-2 .footer__bottom {

    height: auto;

    padding: 60px 0;

  }

}



.footer.-type-2.-text-white {

  color: white;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.footer.-type-2.-text-white h4 {

  color: white;

}



.footer.-type-2.-text-white .footer__bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.footer.-type-3 {

  position: relative;

  z-index: 0;

}



.footer.-type-3 .footer__links {

  padding: 40px 0;

}



.footer.-type-3 .footer__main {

  padding: 90px 0;

}



.footer.-type-3 .footer__logo img {

  width: 280px;

  max-width: 100%;

}



.footer.-type-3 .footer__newsletter {

  position: relative;

  margin-top: 10px;

}



.footer.-type-3 .footer__newsletter input {

  width: 100%;

  height: 70px;

  background-color: transparent;

  background-color: white;

  padding: 0 25px;

}



.footer.-type-3 .footer__newsletter button {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  display: flex;

  align-items: center;

  padding: 0 20px;

  z-index: 1;

}



.footer.-type-3 .footer__bottom {

  display: flex;

  align-items: center;

  height: 125px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



@media (max-width: 767px) {

  .footer.-type-3 .footer__bottom {

    height: auto;

    padding: 60px 0;

  }

}



.footer.-type-3.-bg-1 {

  padding-bottom: 60px;

}



@media (max-width: 1480px) {

  .footer.-type-3.-bg-1 {

    padding-bottom: 0px;

  }

}



.footer.-type-3.-bottom-border-dark .footer__bottom {

  border-color: var(--color-border);

}



.footer.-type-3.-borderGap {

  margin: 0 10px;

  margin-bottom: 10px;

}



.footer.-type-3.-borderGap .footer__bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

}



.hero.-type-1 {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100vh;

  padding: 0;

}



.hero.-type-1 .hero__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.hero.-type-1 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 767px) {

  .hero.-type-1 .hero__content {

    padding-top: 80px;

  }

}



.hero.-type-1 .hero__subtitle {

  text-transform: uppercase;

  font-size: 15px;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-1 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-1 .hero__title {

  font-size: 92px;

}



@media (max-width: 991px) {

  .hero.-type-1 .hero__title {

    font-size: 64px;

  }

}



@media (max-width: 767px) {

  .hero.-type-1 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-1 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-1 .hero__arrow {

  position: absolute;

  bottom: 60px;

  right: 60px;

  z-index: 1;

}



@media (max-width: 767px) {

  .hero.-type-1 .hero__arrow {

    display: none;

  }

}



.hero.-type-1 .hero__filter {

  position: absolute;

  bottom: 60px;

  left: 50%;

  max-width: 100%;

  transform: translateX(-50%);

}



@media (max-width: 767px) {

  .hero.-type-1 .hero__filter {

    position: relative;

    bottom: unset;

    transform: none;

    left: 15px;

    right: 15px;

    width: calc(100% - 30px);

    margin-top: 60px;

  }

}



.filterButtonMobile {

  border-radius: 200px;

  background: rgba(18, 34, 35, 0.5);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  border: 1px solid rgba(255, 255, 255, 0.1);

  padding: 24px;

}



.hero.-type-2 {

  position: relative;

  padding-top: 160px;

}



@media (max-width: 991px) {

  .hero.-type-2 {

    padding-bottom: 40px;

  }

}



@media (max-width: 767px) {

  .hero.-type-2 {

    padding-top: 140px;

    padding-bottom: 80px;

  }

}



@media (max-width: 575px) {

  .hero.-type-2 {

    padding-top: 100px;

    padding-bottom: 50px;

  }

}



.hero.-type-2 .hero__bg {

  position: absolute;

  top: 0;

  bottom: 300px;

  left: 0;

  width: 100%;

}



@media (max-width: 991px) {

  .hero.-type-2 .hero__bg {

    bottom: 0;

  }

}



@media (max-width: 767px) {

  .hero.-type-2 .hero__bg {

    bottom: 0;

  }

}



.hero.-type-2 .hero__title {

  font-size: 72px;

  line-height: 1.1;

}



@media (max-width: 991px) {

  .hero.-type-2 .hero__title {

    font-size: 64px;

  }

}



@media (max-width: 767px) {

  .hero.-type-2 .hero__title {

    font-size: 52px;

  }

}



@media (max-width: 575px) {

  .hero.-type-2 .hero__title {

    font-size: 40px;

    line-height: 1.2;

  }

}



.hero.-type-2 .hero__filterButtonMobile {

  display: none;

}



@media (max-width: 991px) {

  .hero.-type-2 .hero__filterButtonMobile {

    display: block;

  }

}



.hero.-type-2 .hero__filter {

  position: relative;

  display: flex;

  justify-content: center;

  max-width: 100%;

  margin: 0 auto;

  margin-top: 60px;

  z-index: 5;

}



@media (max-width: 991px) {

  .hero.-type-2 .hero__filter {

    display: none;

  }

}



.hero.-type-2 .hero__arrow {

  position: absolute;

  bottom: 50px;

  right: 40px;

  z-index: 1;

}



@media (max-width: 767px) {

  .hero.-type-2 .hero__arrow {

    display: none;

  }

}



.hero.-type-2 .hero-slider {

  position: relative;

  margin: 0 110px;

  margin-top: -40px;

}



@media (max-width: 991px) {

  .hero.-type-2 .hero-slider {

    margin: 0 30px;

    margin-top: 40px;

  }

}



@media (max-width: 575px) {

  .hero.-type-2 .hero-slider .swiper-wrapper .swiper-slide img {

    height: 200px;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

}



.hero.-type-2 .hero-slider__image {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-2 .hero-slider__nav {

  position: absolute;

  top: 50%;

  left: 30px;

  right: 30px;

  display: flex;

  justify-content: space-between;

  z-index: 1;

  transform: translateY(-50%);

}



@media (max-width: 767px) {

  .hero.-type-2 .hero-slider__nav {

    left: 5px;

    right: 5px;

  }

}



.hero.-type-3 {

  position: relative;

  padding-top: 180px;

  padding-bottom: 130px;

  z-index: 0;

}



@media (max-width: 991px) {

  .hero.-type-3 {

    padding-top: 120px;

    padding-bottom: 100px;

  }

}



@media (max-width: 767px) {

  .hero.-type-3 {

    padding-top: 100px;

    padding-bottom: 80px;

  }

}



@media (max-width: 575px) {

  .hero.-type-3 {

    padding-top: 60px;

    padding-bottom: 40px;

  }

}



.hero.-type-3 .hero__content {

  position: relative;

  padding-top: 100px;

  z-index: 1;

}



.hero.-type-3 .hero__title {

  font-size: 92px;

  margin-right: -180px;

}



@media (max-width: 1199px) {

  .hero.-type-3 .hero__title {

    margin-right: 0;

  }

}



@media (max-width: 991px) {

  .hero.-type-3 .hero__title {

    font-size: 72px;

  }

}



@media (max-width: 767px) {

  .hero.-type-3 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-3 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-3 .hero__filterButtonMobile {

  display: none;

}



@media (max-width: 991px) {

  .hero.-type-3 .hero__filterButtonMobile {

    display: block;

  }

}



.hero.-type-3 .hero__filter {

  width: -moz-max-content;

  width: max-content;

}



@media (max-width: 1199px) {

  .hero.-type-3 .hero__filter {

    width: 100%;

  }



  .hero.-type-3 .hero__filter>* {

    width: 100%;

  }

}



@media (max-width: 991px) {

  .hero.-type-3 .hero__filter {

    display: none;

  }

}



.hero.-type-3 .hero__arrow {

  position: absolute;

  bottom: 50px;

  right: 40px;

  z-index: 1;

}



@media (max-width: 991px) {

  .hero.-type-3 .hero__arrow {

    display: none;

  }

}



.hero.-type-3 .hero-slider {

  position: relative;

  overflow: hidden;

  height: 650px !important;

  z-index: 0;

}



@media (max-width: 1199px) {

  .hero.-type-3 .hero-slider {

    margin-top: 40px;

  }

}



@media (max-width: 767px) {

  .hero.-type-3 .hero-slider {

    height: 340px !important;

  }

}



.hero.-type-3 .hero-slider .swiper-slide img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-3 .hero-slider__image {

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 767px) {

  .hero.-type-3 .hero-slider__image {

    width: 100%;

  }

}



.hero.-type-3 .hero-slider__nav {

  width: unset;

}



.hero.-type-4 {

  padding-top: 185px;

}



@media (max-width: 991px) {

  .hero.-type-4 {

    padding-top: 140px;

  }

}



@media (max-width: 767px) {

  .hero.-type-4 {

    padding-top: 120px;

    padding-bottom: 40px;

  }

}



.hero.-type-4 .hero__title {

  font-size: 92px;

}



@media (max-width: 991px) {

  .hero.-type-4 .hero__title {

    font-size: 72px;

  }

}



@media (max-width: 767px) {

  .hero.-type-4 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-4 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-5 {

  position: relative;

  z-index: 0;

}



.hero.-type-5 .hero__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.hero.-type-5 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-5 .hero__content {

  position: relative;

  min-height: 100vh;

  padding-top: 310px;

  padding-bottom: 80px;

}



@media (max-width: 767px) {

  .hero.-type-5 .hero__content {

    display: flex;

    align-items: center;

    padding-top: 0;

    padding-bottom: 0;

    padding-bottom: 180px;

  }

}



.hero.-type-5 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-5 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-5 .hero__title {

  font-size: 92px;

}



@media (max-width: 991px) {

  .hero.-type-5 .hero__title {

    font-size: 72px;

  }

}



@media (max-width: 767px) {

  .hero.-type-5 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-5 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-5 .hero__filter {

  position: absolute;

  bottom: 60px;

  left: 50%;

  max-width: 100%;

  transform: translateX(-50%);

  z-index: 10;

}



@media (max-width: 767px) {

  .hero.-type-5 .hero__filter {

    bottom: 20px;

    left: unset;

    transform: none;

    left: 15px;

    right: 15px;

    width: calc(100% - 30px);

  }

}



.hero.-type-6 {

  position: relative;

  margin-top: 110px;

  padding-top: 220px;

  padding-bottom: 180px;

  z-index: 0;

}



@media (max-width: 991px) {

  .hero.-type-6 {

    padding-top: 160px;

    padding-bottom: 100px;

  }

}



@media (max-width: 767px) {

  .hero.-type-6 {

    padding-top: 120px;

    padding-bottom: 160px;

  }

}



@media (max-width: 575px) {

  .hero.-type-6 {

    margin-top: 74px;

  }

}



.hero.-type-6 .hero__bg {

  position: absolute;

  top: 0;

  left: 60px;

  right: 60px;

  height: 100%;

  z-index: -1;

}



@media (max-width: 991px) {

  .hero.-type-6 .hero__bg {

    left: 15px;

    right: 15px;

  }

}



.hero.-type-6 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  border-radius: 16px;

}



.hero.-type-6 .hero__content {

  padding: 0 15px;

}



.hero.-type-6 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-6 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-6 .hero__title {

  font-size: 92px;

}



@media (max-width: 991px) {

  .hero.-type-6 .hero__title {

    font-size: 64px;

  }

}



@media (max-width: 767px) {

  .hero.-type-6 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-6 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-6 .hero__filter {

  position: absolute;

  bottom: -45px;

  left: 50%;

  max-width: 100%;

  transform: translateX(-50%);

}



@media (max-width: 991px) {

  .hero.-type-6 .hero__filter {

    position: relative;

    bottom: unset;

    left: unset;

    right: unset;

    transform: none;

    display: flex;

    justify-content: center;

    padding: 0 40px;

    margin-top: 30px;

  }

}



.hero.-type-7 {

  position: relative;

  z-index: 0;

}



.hero.-type-7 .hero__bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  z-index: -1;

}



.hero.-type-7 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-7 .hero__content {

  display: flex;

  align-items: center;

  min-height: 100vh;

}



@media (max-width: 575px) {

  .hero.-type-7 .hero__content {

    padding: 0 20px;

  }

}



.hero.-type-7 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-7 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-7 .hero__title {

  font-size: 92px;

  font-weight: 500;

}



@media (max-width: 991px) {

  .hero.-type-7 .hero__title {

    font-size: 64px;

  }

}



@media (max-width: 767px) {

  .hero.-type-7 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-7 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-7 .hero__pagination {

  position: absolute;

  left: 50%;

  bottom: 50px;

  transform: translateX(-50%);

  z-index: 1;

}



.hero.-type-7 .hero__nav {

  padding: 0 60px;

}



@media (max-width: 767px) {

  .hero.-type-7 .hero__nav {

    top: unset;

    transform: unset;

    bottom: 20px;

    padding: 0 20px;

  }

}



.hero.-type-8 {

  position: relative;

  z-index: 1;

}



.hero.-type-8 .hero__slide {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

}



@media (max-width: 1199px) {

  .hero.-type-8 .hero__slide {

    padding-top: 280px;

    padding-bottom: 240px;

  }

}



@media (max-width: 575px) {

  .hero.-type-8 .hero__slide {

    padding-top: 0;

    padding-bottom: 0;

  }

}



.hero.-type-8 .hero__bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  z-index: -1;

}



.hero.-type-8 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 767px) {

  .hero.-type-8 .hero__content {

    padding-bottom: 120px;

  }

}



.hero.-type-8 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-8 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-8 .hero__title {

  font-size: 92px;

}



@media (max-width: 767px) {

  .hero.-type-8 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-8 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-8 .hero__nav {

  padding: 0 60px;

}



@media (max-width: 767px) {

  .hero.-type-8 .hero__nav {

    top: unset;

    transform: unset;

    bottom: 60px;

    padding: 0 20px;

  }

}



.hero.-type-8 .hero__filter {

  position: absolute;

  bottom: 60px;

  left: 50%;

  max-width: 100%;

  transform: translateX(-50%);

  z-index: 2;

}



@media (max-width: 767px) {

  .hero.-type-8 .hero__filter {

    bottom: 30px;

    width: calc(100% - 40px);

  }

}



.hero.-type-9 {

  position: relative;

  z-index: 0;

}



.hero.-type-9 .hero__slide {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  height: calc(100vh - 20px);

  margin: 10px;

}



.hero.-type-9 .hero__bg {

  overflow: hidden;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  border-radius: 16px;

  z-index: -1;

}



.hero.-type-9 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-9 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-9 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-9 .hero__title {

  font-size: 92px;

}



@media (max-width: 767px) {

  .hero.-type-9 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-9 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-9 .hero__nav {

  padding: 0 60px;

  z-index: 5;

}



@media (max-width: 767px) {

  .hero.-type-9 .hero__nav {

    top: unset;

    transform: none;

    bottom: 20px;

    padding: 0 20px;

  }

}



.hero.-type-9 .hero__pagination {

  position: absolute;

  bottom: 30px;

  left: 50%;

  z-index: 5;

  transform: translateX(-50%);

}



.hero.-type-10 {

  position: relative;

  z-index: 0;

}



.hero.-type-10 .hero__slide {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

  padding-top: 320px;

  padding-bottom: 270px;

}



@media (max-width: 1199px) {

  .hero.-type-10 .hero__slide {

    padding-top: 280px;

    padding-bottom: 240px;

  }

}



@media (max-width: 575px) {

  .hero.-type-10 .hero__slide {

    padding-top: 0;

    padding-bottom: 0;

  }

}



.hero.-type-10 .hero__bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  z-index: -1;

}



.hero.-type-10 .hero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.hero.-type-10 .hero__pattern img {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 10;

}



.hero.-type-10 .hero__content {

  padding: 0 20px;

}



.hero.-type-10 .hero__subtitle {

  text-transform: uppercase;

  margin-bottom: 50px;

}



@media (max-width: 767px) {

  .hero.-type-10 .hero__subtitle {

    margin-bottom: 20px;

  }

}



.hero.-type-10 .hero__title {

  font-size: 92px;

}



@media (max-width: 991px) {

  .hero.-type-10 .hero__title {

    font-size: 64px;

  }

}



@media (max-width: 767px) {

  .hero.-type-10 .hero__title {

    font-size: 48px;

  }

}



@media (max-width: 575px) {

  .hero.-type-10 .hero__title {

    font-size: 36px;

  }

}



.hero.-type-10 .hero__pagination {

  position: absolute;

  left: 50%;

  bottom: 100px;

  transform: translateX(-50%);

  z-index: 1;

}



.hero.-type-10 .hero__nav {

  padding: 0 60px;

}



@media (max-width: 767px) {

  .hero.-type-10 .hero__nav {

    top: unset;

    transform: unset;

    bottom: 60px;

    padding: 0 20px;

  }

}



.pageHero.-type-1 {

  position: relative;

  height: 760px;

  padding-top: 260px;

  z-index: 0;

}



@media (max-width: 767px) {

  .pageHero.-type-1 {

    height: auto;

    padding-top: 220px;

    padding-bottom: 50px;

  }

}



@media (max-width: 575px) {

  .pageHero.-type-1 {

    padding-top: 120px;

  }

}



.pageHero.-type-1 .pageHero__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.pageHero.-type-1 .pageHero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.pageHero.-type-1 .pageHero__content {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

}



.pageHero.-type-1 .pageHero__title {

  font-size: 92px;

  line-height: 0.65;

}



@media (max-width: 991px) {

  .pageHero.-type-1 .pageHero__title {

    line-height: 1.2;

  }

}



@media (max-width: 767px) {

  .pageHero.-type-1 .pageHero__title {

    font-size: 68px;

  }

}



@media (max-width: 575px) {

  .pageHero.-type-1 .pageHero__title {

    font-size: 50px;

  }

}



.pageHero.-type-1 .pageHero__text {

  width: 500px;

  max-width: 100%;

  margin: 0 auto;

  margin-top: 50px;

}



@media (max-width: 991px) {

  .pageHero.-type-1 .pageHero__text {

    margin-top: 30px;

  }

}



.pageHero.-type-1 .pageHero__filter {

  position: absolute;

  bottom: 60px;

  left: 50%;

  transform: translateX(-50%);

}



@media (max-width: 767px) {

  .pageHero.-type-1 .pageHero__filter {

    position: relative;

    bottom: unset;

    left: unset;

    transform: none;

    display: flex;

    justify-content: center;

    padding: 0 20px;

    margin-top: 40px;

  }

}



@media (max-width: 991px) {

  .pageHero.-type-1.-items-center {

    height: auto;

    padding-top: 180px;

    padding-bottom: 100px;

  }

}



@media (max-width: 767px) {

  .pageHero.-type-1.-items-center {

    padding-top: 150px;

    padding-bottom: 70px;

  }

}



.pageHero.-type-2 {

  position: relative;

  display: flex;

  align-items: center;

  height: 960px;

  z-index: 0;

}



@media (max-width: 767px) {

  .pageHero.-type-2 {

    height: auto;

    padding-top: 220px;

    padding-bottom: 80px;

  }

}



@media (max-width: 575px) {

  .pageHero.-type-2 {

    padding-top: 180px;

  }

}



.pageHero.-type-2 .pageHero__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.pageHero.-type-2 .pageHero__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.pageHero.-type-2 .pageHero__subtitle {

  font-weight: 500;

  margin-bottom: 40px;

}



@media (max-width: 767px) {

  .pageHero.-type-2 .pageHero__subtitle {

    margin-bottom: 30px;

  }

}



.pageHero.-type-2 .pageHero__title {

  font-size: 92px;

  line-height: 0.65;

}



@media (max-width: 991px) {

  .pageHero.-type-2 .pageHero__title {

    line-height: 1.2;

  }

}



@media (max-width: 767px) {

  .pageHero.-type-2 .pageHero__title {

    font-size: 68px;

  }

}



@media (max-width: 575px) {

  .pageHero.-type-2 .pageHero__title {

    font-size: 50px;

  }

}



.pageHero.-type-2 .pageHero__text {

  width: 500px;

  max-width: 100%;

  margin: 0 auto;

  margin-top: 50px;

}



@media (max-width: 991px) {

  .pageHero.-type-2 .pageHero__text {

    margin-top: 30px;

  }

}



.pagination.-type-1 {

  display: flex;

  align-items: center;

}



.pagination.-type-1 .pagination__item {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  margin: 0 13px;

  z-index: 0;

  transition: all 0.1s ease-out;

  opacity: 0.2;

}



@media (max-width: 575px) {

  .pagination.-type-1 .pagination__item {

    width: 8px;

    height: 8px;

    margin: 0 8px;

  }

}



.pagination.-type-1 .pagination__item::before {

  content: "";

  position: absolute;

  width: 30px;

  height: 30px;

  border-radius: 100%;

  border: 1px solid currentColor;

  z-index: -1;

  transition: all 0.1s ease-out;

  opacity: 0;

}



@media (max-width: 575px) {

  .pagination.-type-1 .pagination__item::before {

    width: 24px;

    height: 24px;

  }

}



.pagination.-type-1 .pagination__item.is-active {

  margin: 0 20px;

  opacity: 1;

}



.pagination.-type-1 .pagination__item.is-active::before {

  opacity: 1;

}



.pagination.-type-1.-light .pagination__item {

  background-color: white;

}



.pagination.-type-1.-light .pagination__item::before {

  border: 1px solid white;

}



.pagination.-type-1.-accent-1 .pagination__item {

  background-color: var(--color-accent-1);

}



.pagination.-type-1.-accent-1 .pagination__item::before {

  border: 1px solid var(--color-accent-1);

}



.pagination.-type-1.-absolute {

  position: absolute;

  bottom: 30px;

  left: 50%;

  transform: translateX(-50%);

  z-index: 1;

}



.testimonialsPagination.-type-1 {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  margin: -18px;

}



@media (max-width: 767px) {

  .testimonialsPagination.-type-1 {

    margin: -12px;

  }

}



.testimonialsPagination.-type-1>* {

  padding: 18px;

}



@media (max-width: 767px) {

  .testimonialsPagination.-type-1>* {

    padding: 12px;

  }

}



.testimonialsPagination.-type-1 .testimonialsPagination__item {

  cursor: pointer;

}



.testimonialsPagination.-type-1 .testimonialsPagination__item>* {

  position: relative;

}



.testimonialsPagination.-type-1 .testimonialsPagination__item img {

  width: 70px;

  height: 70px;

  border-radius: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  flex-shrink: 0;

}



.testimonialsPagination.-type-1 .testimonialsPagination__item.is-active>*::after {

  content: "";

  position: absolute;

  z-index: 1;

  top: -11px;

  bottom: -11px;

  right: -11px;

  left: -11px;

  border-radius: 100%;

  border: 2px solid var(--color-accent-1);

}



.testimonialsPagination.-type-1.-blue .testimonialsPagination__item.is-active>*::after {

  border: 2px solid var(--color-accent-2);

}



.pagination.-type-2 {

  display: flex;

  align-items: center;

}



.pagination.-type-2 .pagination__button {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  border: 1px solid var(--border, #E7E6E6);

  font-size: 15px;

}



.pagination.-type-2 .pagination__count {

  display: flex;

  align-items: center;

}



.pagination.-type-2 .pagination__count>* {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  font-weight: 500;

}



.pagination.-type-2 .pagination__count>*.is-active {

  color: white !important;

  background-color: var(--color-accent-1) !important;

}



.pagination.-type-2 .pagination__count>*:hover {

  background-color: #F5F5F5;

  color: var(--color-dark-1);

}



.pagination.-type-2 .pagination__count>*+* {

  margin-left: 15px;

}



.pagination.-type-number {

  display: grid;

  gap: 15px;

}



.pagination.-type-number .pagination__item {

  display: flex;

  align-items: center;

  color: white;

  font-size: 17px;

  font-weight: 500;

  opacity: 0.5;

}



.pagination.-type-number .pagination__item::after {

  content: "";

  width: 25px;

  height: 1px;

  background-color: white;

  transform-origin: right;

  margin-left: 15px;

  transition: all 0.2s;

}



.pagination.-type-number .pagination__item:last-child::after {

  display: none;

}



.pagination.-type-number .pagination__item.is-active {

  opacity: 1;

}



.pagination.-type-number .pagination__item.is-active::after {

  width: 50px;

}



.pagination.-type-progress {

  position: relative;

  height: 2px;

  z-index: 5;

}



.pagination.-type-progress .swiper-pagination-progressbar-fill {

  background-color: white;

}



.sidebar.-blog {

  width: 360px;

  max-width: 100%;

}



.sidebar.-blog .sidebar__item+* {

  margin-top: 60px;

}



.sidebar.-blog .sidebar-search {

  position: relative;

  width: 100%;

}



.sidebar.-blog .sidebar-search>i {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

}



.sidebar.-blog .sidebar-search>input {

  width: 100%;

  height: 62px;

  border: 1px solid var(--color-border);

  padding: 0 20px;

  padding-right: 46px;

}



.sidebar.-blog .sidebar-tags {

  flex-wrap: wrap;

}



.sidebar.-blog .sidebar-tags>* a {

  display: block;

  line-height: 1;

  padding: 15px 20px;

  background-color: var(--color-light-1);

}



.tabs__content {

  position: relative;

}



.tabs__pane {

  position: absolute;

  top: 0;

  visibility: hidden;

  transition: none;

  opacity: 0;

}



.tabs__pane.is-tab-el-active {

  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;

  position: relative;

  opacity: 1;

  visibility: visible;

}



.tabs.-underline-1 .tabs__controls .tabs__button {

  position: relative;

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.tabs.-underline-1 .tabs__controls .tabs__button::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: var(--color-accent-1);

  z-index: 10;

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  opacity: 0;

}



.tabs.-underline-1 .tabs__controls .tabs__button.is-tab-el-active::after {

  opacity: 1;

}



.tabs.-underline-2 .tabs__controls {

  position: relative;

}



.tabs.-underline-2 .tabs__controls::after {

  content: "";

  position: absolute;

  left: 15px;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: var(--color-border);

}



.tabs.-underline-2 .tabs__controls .tabs__button {

  position: relative;

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.tabs.-underline-2 .tabs__controls .tabs__button::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background-color: var(--color-accent-1);

  z-index: 10;

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  opacity: 0;

}



.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after {

  opacity: 1;

}



.tabs.-type-1 .tabs__controls .tabs__button {

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.tabs.-type-1 .tabs__controls .tabs__button.is-tab-el-active {

  text-decoration: underline;

}



.accordion__icon {

  position: relative;

}



.accordion__icon .icon {

  transition: all 0.2s ease-out;

}



.accordion__icon .icon:nth-child(1) {

  position: absolute;

  top: 0;

  left: 0;

}



.accordion__icon .icon:nth-child(2) {

  position: relative;

  transform: rotate(-90deg);

  opacity: 0;

}



.accordion__item.is-active .accordion__icon>*:nth-child(1) {

  transform: rotate(90deg);

  opacity: 0;

}



.accordion__item.is-active .accordion__icon>*:nth-child(2) {

  transform: none;

  opacity: 1;

}



.accordion__content {

  overflow: hidden;

  max-height: 0;

  transition: max-height 0.2s ease-out;

}



.accordion__button {

  cursor: pointer;

}



.accordion.-type-1 .accordion__item {

  transition: all 0.2s ease-out;

}



.accordion.-type-1 .accordion__button {

  cursor: pointer;

  transition: 0.4s;

}



.accordion.-type-1 .accordion__icon {

  transition: all 0.2s ease-out;

}



.accordion.-type-1 .accordion__icon>*:nth-child(1) {

  position: absolute;

  transition: all 0.2s ease-out;

}



.accordion.-type-1 .accordion__icon>*:nth-child(2) {

  position: relative;

  transform: rotate(-90deg);

  opacity: 0;

  transition: all 0.2s ease-out;

}



.accordion.-type-1 .accordion__item.is-active .accordion__icon>*:nth-child(1) {

  transform: rotate(90deg);

  opacity: 0;

}



.accordion.-type-1 .accordion__item.is-active .accordion__icon>*:nth-child(2) {

  transform: none;

  opacity: 1;

}



.searchForm.-type-1 {

  display: flex;

  padding: 10px;

  height: 70px;

  width: -moz-max-content;

  width: max-content;

  max-width: 100%;

}



@media (max-width: 767px) {

  .searchForm.-type-1 {

    flex-direction: column;

    height: auto;

    width: 100%;

    padding: 0;

    border-radius: 12px !important;

  }

}



.searchForm.-type-1 .searchForm__form {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  max-width: 100%;

  padding: 10px 0;

  width: 100%;

}



@media (max-width: 767px) {

  .searchForm.-type-1 .searchForm__form {

    grid-template-columns: 1fr;

    padding: 0;

  }



  .searchForm.-type-1 .searchForm__form>*+* {

    border-top: 1px solid rgba(255, 255, 255, 0.2);

  }

}



.searchForm.-type-1 .searchForm__button {

  flex-shrink: 0;

}



.searchForm.-type-1 .searchForm__button button {

  height: 100%;

}



@media (max-width: 767px) {

  .searchForm.-type-1 .searchForm__button button {

    height: 60px;

    width: 100%;

    border-radius: 0 0 12px 12px !important;

  }

}



.searchForm.-type-1 .searchFormItem {

  position: relative;

  display: flex;

  align-items: center;

  padding: 0 30px;

  width: 100%;

}



@media (max-width: 767px) {

  .searchForm.-type-1 .searchFormItem {

    padding: 24px 30px;

  }

}



.searchForm.-type-1 .searchFormItem+* {

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}



.searchForm.-type-1 .searchFormItem__button {

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-align: left;

  width: 100%;

}



.searchForm.-type-1 .searchFormItem__button>*:nth-child(1) {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 160px;

}



@media (max-width: 1199px) {

  .searchForm.-type-1 .searchFormItem__button>*:nth-child(1) {

    width: 120px;

  }

}



@media (max-width: 767px) {

  .searchForm.-type-1 .searchFormItem__button>*:nth-child(1) {

    width: 100%;

  }

}



.searchForm.-type-1 .searchFormItemDropdown {

  position: absolute;

  left: 0;

  top: calc(100% + 20px);

  padding-top: 10px;

  z-index: 5;

  transition: 0.2s;

  opacity: 0;

  pointer-events: none;

}



@media (max-width: 767px) {

  .searchForm.-type-1 .searchFormItemDropdown {

    top: 100%;

    left: 50% !important;

    transform: translateX(-50%);

    padding-top: 0;

  }

}



.searchForm.-type-1 .searchFormItemDropdown.is-active {

  opacity: 1;

  pointer-events: auto;

  z-index: 10;

}



.searchForm.-type-1 .searchFormItemDropdown__container {

  border-radius: 24px;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);

  background-color: var(--color-accent-2);

}



.searchForm.-type-1 .searchFormItemDropdown.-counter {

  left: -20px;

}



.searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__container {

  width: 400px;

  max-width: calc(100vw - 14px);

  padding: 30px;

}



.searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__list {

  display: flex;

  flex-direction: column;

}



.searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__item {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__item+* {

  border-top: 1px solid rgba(18, 34, 35, 0.1);

  padding-top: 20px;

  margin-top: 20px;

}



.searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container {

  width: 440px;

  max-width: calc(100vw - 14px);

  padding: 20px;

  min-height: 360px;

}



@media (max-width: 575px) {

  .searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container {

    width: calc(100vw - 14px);

  }

}



.searchForm.-type-1.-cols-2 .searchForm__form {

  grid-template-columns: repeat(2, 1fr);

  width: -moz-max-content;

  width: max-content;

}



@media (max-width: 767px) {

  .searchForm.-type-1.-cols-2 .searchForm__form {

    grid-template-columns: 1fr;

  }

}



.searchForm.-type-1.-text-white .searchFormItem__button {

  color: white;

}



.searchForm.-type-1.-blur-1 {

  background: rgba(18, 34, 35, 0.5);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  border: 1px solid rgba(255, 255, 255, 0.1);

}



.searchForm.-type-1.-blur-2 {

  background: rgba(18, 34, 35, 0.9);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.1);

}



.searchForm.-type-1.-h-95 {

  height: 95px;

}



@media (max-width: 767px) {

  .searchForm.-type-1.-h-95 {

    height: auto;

  }

}



.searchForm.-type-1.-h-60 {

  height: 60px;

  padding: 5px;

}



@media (max-width: 767px) {

  .searchForm.-type-1.-h-60 {

    height: auto;

  }

}



.searchForm.-type-1.-p-20 {

  padding: 20px;

}



@media (max-width: 767px) {

  .searchForm.-type-1.-p-20 {

    padding: unset;

  }

}



.searchForm.-type-1.-verticalBorder .searchForm__form>*+* {

  border-left: 1px solid rgba(0, 0, 0, 0.2);

}



@media (max-width: 767px) {

  .searchForm.-type-1.-verticalBorder .searchForm__form>*+* {

    border-left: 0;

  }

}



.searchForm.-type-1.-dropdown-single {

  padding: 0;

  width: 100%;

}



.searchForm.-type-1.-dropdown-single .searchForm__form {

  grid-template-columns: repeat(1, 1fr);

  border: 1px solid var(--color-border);

  outline: 1px solid transparent;

  transition: all 0.2s;

  width: 100%;

  padding: 0;

}



.searchForm.-type-1.-dropdown-single .searchForm__form:hover {

  outline: 1px solid var(--color-border);

}



.elCalendar__slider {

  overflow: hidden;

}



.elCalendar__sliderNav {

  position: absolute;

  top: 6px;

  z-index: 10;

}



.elCalendar__sliderNav.-prev {

  left: 8px;

}



.elCalendar__sliderNav.-next {

  right: 8px;

}



.elCalendar__month {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

}



.elCalendar__header {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 6px;

  width: 100%;

}



.elCalendar__header__sell {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 45px;

  height: 45px;

  font-size: 16px;

  font-weight: 500;

}



@media (max-width: 767px) {

  .elCalendar__header__sell {

    width: 32px;

    height: 32px;

  }

}



.elCalendar__body {

  overflow: hidden;

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 6px;

  width: 100%;

}



.elCalendar__sell {

  cursor: pointer;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 45px;

  height: 45px;

  border-radius: 100%;

  transition: 0.2s;

  font-size: 15px;

  font-weight: 500;

}



@media (max-width: 767px) {

  .elCalendar__sell {

    width: 32px;

    height: 32px;

  }

}



.elCalendar__sell.-dark {

  opacity: 0.4;

}



.elCalendar__sell:hover {

  background-color: rgba(0, 0, 0, 0.04);

}



.elCalendar__sell.-is-active {

  position: relative;

  background-color: var(--color-accent-1);

  color: white;

  z-index: 2;

}



.elCalendar__sell.-is-in-path {

  position: relative;

  color: var(--color-dark-1) !important;

  z-index: 0;

}



.elCalendar__sell.-is-in-path::before {

  content: "";

  position: absolute;

  top: 0;

  left: -20px;

  right: -20px;

  height: 100%;

  background-color: #ffe8d2;

  z-index: -2;

}



.searchMenu-date {

  position: relative;

}



.searchMenu-date .calendar-icon {

  position: absolute;

  top: 0;

  z-index: 10;

}



.searchMenu-date .calendar-icon.-left {

  left: 8px;

}



.searchMenu-date .calendar-icon.-right {

  right: 8px;

}



.baseCard.-type-1 {

  position: relative;

}



.baseCard.-type-1 .baseCard__content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 30px;

  z-index: 1;

}



.baseCard.-type-1.-padding-lg .baseCard__content {

  padding: 60px;

}



.baseCard.-type-2 {

  position: relative;

}



.baseCard.-type-3 .baseCard__image {

  position: relative;

}



.baseCard.-type-3 .baseCard__badge {

  position: absolute;

  bottom: 30px;

  left: 30px;

  padding: 15px 10px;

  z-index: 1;

}



.baseCard.-type-4 {

  position: relative;

}



.baseCard.-type-4 .baseCard__content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 80px;

  z-index: 1;

}



@media (max-width: 1199px) {

  .baseCard.-type-4 .baseCard__content {

    padding: 40px;

  }

}



@media (max-width: 767px) {

  .baseCard.-type-4 .baseCard__content {

    padding: 30px;

  }

}



.baseCard.-type-4.-padding-lg .baseCard__content {

  padding: 60px;

}



.iconCard.-type-1 {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.iconCard.-type-1 .iconCard__icon {

  position: relative;

  display: flex;

  z-index: 0;

}



.iconCard.-type-1.-hover-1 .iconCard__icon__circle {

  position: absolute;

  top: -8px;

  left: -21px;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  z-index: -1;

  transition: all 0.1s ease-out;

  opacity: 0;

}



.iconCard.-type-1.-hover-1:hover .iconCard__icon__circle {

  opacity: 1;

}



.iconCard.-type-1.-hover-2 {

  position: relative;

}



.iconCard.-type-1.-hover-2 .iconCard__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  transition: all 0.1s ease-out;

  opacity: 0;

}



.iconCard.-type-1.-hover-2:hover .iconCard__bg {

  opacity: 1;

}



.imageCard.-type-1 .imageCard__content {

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  height: 960px;

  padding: 100px;

}



@media (max-width: 1199px) {

  .imageCard.-type-1 .imageCard__content {

    height: 720px;

    padding: 60px;

  }

}



@media (max-width: 991px) {

  .imageCard.-type-1 .imageCard__content {

    height: 640px;

    padding: 30px;

  }

}



@media (max-width: 767px) {

  .imageCard.-type-1 .imageCard__content {

    height: auto;

    padding: 40px 30px;

  }

}



.imageCard.-type-1.-hover-1 .-hover-1-slide {

  transition: all 0.3s ease-out;

}



.imageCard.-type-1.-hover-1 .-hover-1-content {

  position: absolute;

  opacity: 0;

  pointer-events: none;

  transition: all 0.3s ease-out;

}



@media (max-width: 767px) {

  .imageCard.-type-1.-hover-1 .-hover-1-content {

    position: relative;

    opacity: 1;

    pointer-events: auto;

  }

}



.imageCard.-type-1.-hover-1:hover .-hover-1-slide {

  transform: translateY(-230px);

}



@media (max-width: 767px) {

  .imageCard.-type-1.-hover-1:hover .-hover-1-slide {

    transform: none;

  }

}



.imageCard.-type-1.-hover-1:hover .-hover-1-content {

  opacity: 1;

  pointer-events: auto;

  transition: all 0.3s ease-out 0.2s;

}



.-image-border .roomCard__image {

  position: relative;

}



.-image-border__item {

  position: absolute;

  top: 20px;

  bottom: 20px;

  right: 20px;

  left: 20px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  pointer-events: none;

}



.roomCard.-type-2 .roomCard__image {

  position: relative;

}



.roomCard.-type-2 .roomCard__image::after {

  content: "";

  position: absolute;

  top: 20px;

  bottom: 20px;

  right: 20px;

  left: 20px;

  border-radius: 16px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  pointer-events: none;

}



.roomCard.-type-2 .roomCard__image.-no-rounded::after {

  border-radius: 0;

}



.roomCard.-type-2 .roomCard__image.-no-line::after {

  display: none;

}



.roomCard.-type-2 .roomCard__price {

  position: absolute;

  top: 20px;

  left: 20px;

  border-radius: 16px 0 16px 0;

  line-height: 0.65;

  padding: 15px 10px;

}



.roomCard.-type-3 {

  position: relative;

}



.roomCard.-type-3 .roomCard__image {

  position: relative;

}



.roomCard.-type-3 .roomCard__price {

  position: absolute;

  top: 30px;

  left: 30px;

  border-radius: 16px 0 16px 0;

  line-height: 0.65;

  padding: 15px 10px;

}



.roomCard.-type-3 .roomCard__content {

  position: absolute;

  bottom: 0;

  left: 0;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  background: linear-gradient(180deg, rgba(18, 34, 35, 0) 0%, #122223 100%);

  width: 100%;

  z-index: 1;

}



.roomCard.-type-4 {

  position: relative;

}



.roomCard.-type-4 .roomCard__content {

  position: absolute;

  bottom: 0;

  left: 50%;

  text-align: center;

  width: 450px;

  max-width: 100%;

  padding: 50px;

  transform: translateX(-50%);

}



body.is-cursor-active {

  cursor: none !important;

}



body.is-cursor-active * {

  cursor: none !important;

}



.cursor {

  position: fixed;

  pointer-events: none;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10000;

  transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__follower {

  position: absolute;

  background-color: #888888;

  opacity: 0.25;

  border-radius: 100%;

  width: 24px;

  height: 24px;

  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__arrows {

  position: absolute;

  display: flex;

  opacity: 0;

  transform: scale(0.7) rotate(40deg);

  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__arrows>* {

  position: relative;

  color: black;

  stroke-width: 1;

}



.cursor__arrows>*:first-child {

  left: -10px;

}



.cursor__arrows>*:last-child {

  right: -10px;

}



.cursor__label {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  letter-spacing: 0.05em;

  transform: scale(0);

  will-change: transform, opacity;

  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__icon {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  transform: scale(0);

  will-change: transform, opacity;

  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);

}



.cursor__icon svg {

  width: 48px;

  height: 48px;

  stroke-width: 0.75;

}



.cursor {

  visibility: hidden;

}



.cursor.is-enabled {

  visibility: visible;

}



.cursor.is-hidden .cursor__wrapper {

  transform: scale(0) !important;

}



.cursor.is-mouse-down .cursor__wrapper {

  transform: scale(0.8);

}



.cursor.is-active .cursor__follower {

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);

  transform: scale(3.6);

  opacity: 0.25;

}



.cursor.is-active.has-label .cursor__follower {

  background-color: black;

  opacity: 0.8;

}



.cursor.is-active.has-label .cursor__label {

  transform: scale(1);

}



.cursor.is-active.has-icon .cursor__follower {

  background-color: black;

  opacity: 0.8;

}



.cursor.is-active.has-icon .cursor__icon {

  transform: scale(1);

}



.nopage {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  min-height: 100vh;

  padding: 100px 0;

  z-index: 0;

}



.nopage__content h1 {

  font-size: 300px;

  font-weight: 500;

  line-height: 1;

}



@media (max-width: 767px) {

  .nopage__content h1 {

    font-size: 100px;

  }

}



.nopage__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.nopage__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.py-0 {

  padding-top: 0px !important;

  padding-bottom: 0px !important;

}



.px-0 {

  padding-left: 0px !important;

  padding-right: 0px !important;

}



.pt-0 {

  padding-top: 0px !important;

}



.pb-0 {

  padding-bottom: 0px !important;

}



.pl-0 {

  padding-left: 0px !important;

}



.pr-0 {

  padding-right: 0px !important;

}



.mt-0 {

  margin-top: 0px !important;

}



.mb-0 {

  margin-bottom: 0px !important;

}



.ml-0 {

  margin-left: 0px !important;

}



.mr-0 {

  margin-right: 0px !important;

}



.py-5 {

  padding-top: 5px !important;

  padding-bottom: 5px !important;

}



.px-5 {

  padding-left: 5px !important;

  padding-right: 5px !important;

}



.pt-5 {

  padding-top: 5px !important;

}



.pb-5 {

  padding-bottom: 5px !important;

}



.pl-5 {

  padding-left: 5px !important;

}



.pr-5 {

  padding-right: 5px !important;

}



.mt-5 {

  margin-top: 5px !important;

}



.mb-5 {

  margin-bottom: 5px !important;

}



.ml-5 {

  margin-left: 5px !important;

}



.mr-5 {

  margin-right: 5px !important;

}



.py-10 {

  padding-top: 10px !important;

  padding-bottom: 10px !important;

}



.px-10 {

  padding-left: 10px !important;

  padding-right: 10px !important;

}



.pt-10 {

  padding-top: 10px !important;

}



.pb-10 {

  padding-bottom: 10px !important;

}



.pl-10 {

  padding-left: 10px !important;

}



.pr-10 {

  padding-right: 10px !important;

}



.mt-10 {

  margin-top: 10px !important;

}



.mb-10 {

  margin-bottom: 10px !important;

}



.ml-10 {

  margin-left: 10px !important;

}



.mr-10 {

  margin-right: 10px !important;

}



.py-15 {

  padding-top: 15px !important;

  padding-bottom: 15px !important;

}



.px-15 {

  padding-left: 15px !important;

  padding-right: 15px !important;

}



.pt-15 {

  padding-top: 15px !important;

}



.pb-15 {

  padding-bottom: 15px !important;

}



.pl-15 {

  padding-left: 15px !important;

}



.pr-15 {

  padding-right: 15px !important;

}



.mt-15 {

  margin-top: 15px !important;

}



.mb-15 {

  margin-bottom: 15px !important;

}



.ml-15 {

  margin-left: 15px !important;

}



.mr-15 {

  margin-right: 15px !important;

}



.py-20 {

  padding-top: 20px !important;

  padding-bottom: 20px !important;

}



.px-20 {

  padding-left: 20px !important;

  padding-right: 20px !important;

}



.pt-20 {

  padding-top: 20px !important;

}



.pb-20 {

  padding-bottom: 20px !important;

}



.pl-20 {

  padding-left: 20px !important;

}



.pr-20 {

  padding-right: 20px !important;

}



.mt-20 {

  margin-top: 20px !important;

}



.mb-20 {

  margin-bottom: 20px !important;

}



.ml-20 {

  margin-left: 20px !important;

}



.mr-20 {

  margin-right: 20px !important;

}



.py-25 {

  padding-top: 25px !important;

  padding-bottom: 25px !important;

}



.px-25 {

  padding-left: 25px !important;

  padding-right: 25px !important;

}



.pt-25 {

  padding-top: 25px !important;

}



.pb-25 {

  padding-bottom: 25px !important;

}



.pl-25 {

  padding-left: 25px !important;

}



.pr-25 {

  padding-right: 25px !important;

}



.mt-25 {

  margin-top: 25px !important;

}



.mb-25 {

  margin-bottom: 25px !important;

}



.ml-25 {

  margin-left: 25px !important;

}



.mr-25 {

  margin-right: 25px !important;

}



.py-30 {

  padding-top: 30px !important;

  padding-bottom: 30px !important;

}



.px-30 {

  padding-left: 30px !important;

  padding-right: 30px !important;

}



.pt-30 {

  padding-top: 30px !important;

}



.pb-30 {

  padding-bottom: 30px !important;

}



.pl-30 {

  padding-left: 30px !important;

}



.pr-30 {

  padding-right: 30px !important;

}



.mt-30 {

  margin-top: 30px !important;

}



.mb-30 {

  margin-bottom: 30px !important;

}



.ml-30 {

  margin-left: 30px !important;

}



.mr-30 {

  margin-right: 30px !important;

}



.py-35 {

  padding-top: 35px !important;

  padding-bottom: 35px !important;

}



.px-35 {

  padding-left: 35px !important;

  padding-right: 35px !important;

}



.pt-35 {

  padding-top: 35px !important;

}



.pb-35 {

  padding-bottom: 35px !important;

}



.pl-35 {

  padding-left: 35px !important;

}



.pr-35 {

  padding-right: 35px !important;

}



.mt-35 {

  margin-top: 35px !important;

}



.mb-35 {

  margin-bottom: 35px !important;

}



.ml-35 {

  margin-left: 35px !important;

}



.mr-35 {

  margin-right: 35px !important;

}



.py-40 {

  padding-top: 40px !important;

  padding-bottom: 40px !important;

}



.px-40 {

  padding-left: 40px !important;

  padding-right: 40px !important;

}



.pt-40 {

  padding-top: 40px !important;

}



.pb-40 {

  padding-bottom: 40px !important;

}



.pl-40 {

  padding-left: 40px !important;

}



.pr-40 {

  padding-right: 40px !important;

}



.mt-40 {

  margin-top: 40px !important;

}



.mb-40 {

  margin-bottom: 40px !important;

}



.ml-40 {

  margin-left: 40px !important;

}



.mr-40 {

  margin-right: 40px !important;

}



.py-50 {

  padding-top: 50px !important;

  padding-bottom: 50px !important;

}



.px-50 {

  padding-left: 50px !important;

  padding-right: 50px !important;

}



.pt-50 {

  padding-top: 50px !important;

}



.pb-50 {

  padding-bottom: 50px !important;

}



.pl-50 {

  padding-left: 50px !important;

}



.pr-50 {

  padding-right: 50px !important;

}



.mt-50 {

  margin-top: 50px !important;

}



.mb-50 {

  margin-bottom: 50px !important;

}



.ml-50 {

  margin-left: 50px !important;

}



.mr-50 {

  margin-right: 50px !important;

}



.py-60 {

  padding-top: 60px !important;

  padding-bottom: 60px !important;

}



.px-60 {

  padding-left: 60px !important;

  padding-right: 60px !important;

}



.pt-60 {

  padding-top: 60px !important;

}



.pb-60 {

  padding-bottom: 60px !important;

}



.pl-60 {

  padding-left: 60px !important;

}



.pr-60 {

  padding-right: 60px !important;

}



.mt-60 {

  margin-top: 60px !important;

}



.mb-60 {

  margin-bottom: 60px !important;

}



.ml-60 {

  margin-left: 60px !important;

}



.mr-60 {

  margin-right: 60px !important;

}



.py-74 {

  padding-top: 74px !important;

  padding-bottom: 74px !important;

}



.px-74 {

  padding-left: 74px !important;

  padding-right: 74px !important;

}



.pt-74 {

  padding-top: 74px !important;

}



.pb-74 {

  padding-bottom: 74px !important;

}



.pl-74 {

  padding-left: 74px !important;

}



.pr-74 {

  padding-right: 74px !important;

}



.mt-74 {

  margin-top: 74px !important;

}



.mb-74 {

  margin-bottom: 74px !important;

}



.ml-74 {

  margin-left: 74px !important;

}



.mr-74 {

  margin-right: 74px !important;

}



.py-90 {

  padding-top: 90px !important;

  padding-bottom: 90px !important;

}



.px-90 {

  padding-left: 90px !important;

  padding-right: 90px !important;

}



.pt-90 {

  padding-top: 90px !important;

}



.pb-90 {

  padding-bottom: 90px !important;

}



.pl-90 {

  padding-left: 90px !important;

}



.pr-90 {

  padding-right: 90px !important;

}



.mt-90 {

  margin-top: 90px !important;

}



.mb-90 {

  margin-bottom: 90px !important;

}



.ml-90 {

  margin-left: 90px !important;

}



.mr-90 {

  margin-right: 90px !important;

}



.py-100 {

  padding-top: 100px !important;

  padding-bottom: 100px !important;

}



.px-100 {

  padding-left: 100px !important;

  padding-right: 100px !important;

}



.pt-100 {

  padding-top: 100px !important;

}



.pb-100 {

  padding-bottom: 100px !important;

}



.pl-100 {

  padding-left: 100px !important;

}



.pr-100 {

  padding-right: 100px !important;

}



.mt-100 {

  margin-top: 100px !important;

}



.mb-100 {

  margin-bottom: 100px !important;

}



.ml-100 {

  margin-left: 100px !important;

}



.mr-100 {

  margin-right: 100px !important;

}



@media (max-width: 1199px) {

  .xl\:py-0 {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

  }



  .xl\:px-0 {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }



  .xl\:pt-0 {

    padding-top: 0px !important;

  }



  .xl\:pb-0 {

    padding-bottom: 0px !important;

  }



  .xl\:pl-0 {

    padding-left: 0px !important;

  }



  .xl\:pr-0 {

    padding-right: 0px !important;

  }



  .xl\:mt-0 {

    margin-top: 0px !important;

  }



  .xl\:mb-0 {

    margin-bottom: 0px !important;

  }



  .xl\:ml-0 {

    margin-left: 0px !important;

  }



  .xl\:mr-0 {

    margin-right: 0px !important;

  }



  .xl\:py-5 {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

  }



  .xl\:px-5 {

    padding-left: 5px !important;

    padding-right: 5px !important;

  }



  .xl\:pt-5 {

    padding-top: 5px !important;

  }



  .xl\:pb-5 {

    padding-bottom: 5px !important;

  }



  .xl\:pl-5 {

    padding-left: 5px !important;

  }



  .xl\:pr-5 {

    padding-right: 5px !important;

  }



  .xl\:mt-5 {

    margin-top: 5px !important;

  }



  .xl\:mb-5 {

    margin-bottom: 5px !important;

  }



  .xl\:ml-5 {

    margin-left: 5px !important;

  }



  .xl\:mr-5 {

    margin-right: 5px !important;

  }



  .xl\:py-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }



  .xl\:px-10 {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .xl\:pt-10 {

    padding-top: 10px !important;

  }



  .xl\:pb-10 {

    padding-bottom: 10px !important;

  }



  .xl\:pl-10 {

    padding-left: 10px !important;

  }



  .xl\:pr-10 {

    padding-right: 10px !important;

  }



  .xl\:mt-10 {

    margin-top: 10px !important;

  }



  .xl\:mb-10 {

    margin-bottom: 10px !important;

  }



  .xl\:ml-10 {

    margin-left: 10px !important;

  }



  .xl\:mr-10 {

    margin-right: 10px !important;

  }



  .xl\:py-15 {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

  }



  .xl\:px-15 {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .xl\:pt-15 {

    padding-top: 15px !important;

  }



  .xl\:pb-15 {

    padding-bottom: 15px !important;

  }



  .xl\:pl-15 {

    padding-left: 15px !important;

  }



  .xl\:pr-15 {

    padding-right: 15px !important;

  }



  .xl\:mt-15 {

    margin-top: 15px !important;

  }



  .xl\:mb-15 {

    margin-bottom: 15px !important;

  }



  .xl\:ml-15 {

    margin-left: 15px !important;

  }



  .xl\:mr-15 {

    margin-right: 15px !important;

  }



  .xl\:py-20 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

  }



  .xl\:px-20 {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  .xl\:pt-20 {

    padding-top: 20px !important;

  }



  .xl\:pb-20 {

    padding-bottom: 20px !important;

  }



  .xl\:pl-20 {

    padding-left: 20px !important;

  }



  .xl\:pr-20 {

    padding-right: 20px !important;

  }



  .xl\:mt-20 {

    margin-top: 20px !important;

  }



  .xl\:mb-20 {

    margin-bottom: 20px !important;

  }



  .xl\:ml-20 {

    margin-left: 20px !important;

  }



  .xl\:mr-20 {

    margin-right: 20px !important;

  }



  .xl\:py-25 {

    padding-top: 25px !important;

    padding-bottom: 25px !important;

  }



  .xl\:px-25 {

    padding-left: 25px !important;

    padding-right: 25px !important;

  }



  .xl\:pt-25 {

    padding-top: 25px !important;

  }



  .xl\:pb-25 {

    padding-bottom: 25px !important;

  }



  .xl\:pl-25 {

    padding-left: 25px !important;

  }



  .xl\:pr-25 {

    padding-right: 25px !important;

  }



  .xl\:mt-25 {

    margin-top: 25px !important;

  }



  .xl\:mb-25 {

    margin-bottom: 25px !important;

  }



  .xl\:ml-25 {

    margin-left: 25px !important;

  }



  .xl\:mr-25 {

    margin-right: 25px !important;

  }



  .xl\:py-30 {

    padding-top: 30px !important;

    padding-bottom: 30px !important;

  }



  .xl\:px-30 {

    padding-left: 30px !important;

    padding-right: 30px !important;

  }



  .xl\:pt-30 {

    padding-top: 30px !important;

  }



  .xl\:pb-30 {

    padding-bottom: 30px !important;

  }



  .xl\:pl-30 {

    padding-left: 30px !important;

  }



  .xl\:pr-30 {

    padding-right: 30px !important;

  }



  .xl\:mt-30 {

    margin-top: 30px !important;

  }



  .xl\:mb-30 {

    margin-bottom: 30px !important;

  }



  .xl\:ml-30 {

    margin-left: 30px !important;

  }



  .xl\:mr-30 {

    margin-right: 30px !important;

  }



  .xl\:py-35 {

    padding-top: 35px !important;

    padding-bottom: 35px !important;

  }



  .xl\:px-35 {

    padding-left: 35px !important;

    padding-right: 35px !important;

  }



  .xl\:pt-35 {

    padding-top: 35px !important;

  }



  .xl\:pb-35 {

    padding-bottom: 35px !important;

  }



  .xl\:pl-35 {

    padding-left: 35px !important;

  }



  .xl\:pr-35 {

    padding-right: 35px !important;

  }



  .xl\:mt-35 {

    margin-top: 35px !important;

  }



  .xl\:mb-35 {

    margin-bottom: 35px !important;

  }



  .xl\:ml-35 {

    margin-left: 35px !important;

  }



  .xl\:mr-35 {

    margin-right: 35px !important;

  }



  .xl\:py-40 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

  }



  .xl\:px-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

  }



  .xl\:pt-40 {

    padding-top: 40px !important;

  }



  .xl\:pb-40 {

    padding-bottom: 40px !important;

  }



  .xl\:pl-40 {

    padding-left: 40px !important;

  }



  .xl\:pr-40 {

    padding-right: 40px !important;

  }



  .xl\:mt-40 {

    margin-top: 40px !important;

  }



  .xl\:mb-40 {

    margin-bottom: 40px !important;

  }



  .xl\:ml-40 {

    margin-left: 40px !important;

  }



  .xl\:mr-40 {

    margin-right: 40px !important;

  }



  .xl\:py-50 {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

  }



  .xl\:px-50 {

    padding-left: 50px !important;

    padding-right: 50px !important;

  }



  .xl\:pt-50 {

    padding-top: 50px !important;

  }



  .xl\:pb-50 {

    padding-bottom: 50px !important;

  }



  .xl\:pl-50 {

    padding-left: 50px !important;

  }



  .xl\:pr-50 {

    padding-right: 50px !important;

  }



  .xl\:mt-50 {

    margin-top: 50px !important;

  }



  .xl\:mb-50 {

    margin-bottom: 50px !important;

  }



  .xl\:ml-50 {

    margin-left: 50px !important;

  }



  .xl\:mr-50 {

    margin-right: 50px !important;

  }



  .xl\:py-60 {

    padding-top: 60px !important;

    padding-bottom: 60px !important;

  }



  .xl\:px-60 {

    padding-left: 60px !important;

    padding-right: 60px !important;

  }



  .xl\:pt-60 {

    padding-top: 60px !important;

  }



  .xl\:pb-60 {

    padding-bottom: 60px !important;

  }



  .xl\:pl-60 {

    padding-left: 60px !important;

  }



  .xl\:pr-60 {

    padding-right: 60px !important;

  }



  .xl\:mt-60 {

    margin-top: 60px !important;

  }



  .xl\:mb-60 {

    margin-bottom: 60px !important;

  }



  .xl\:ml-60 {

    margin-left: 60px !important;

  }



  .xl\:mr-60 {

    margin-right: 60px !important;

  }



  .xl\:py-74 {

    padding-top: 74px !important;

    padding-bottom: 74px !important;

  }



  .xl\:px-74 {

    padding-left: 74px !important;

    padding-right: 74px !important;

  }



  .xl\:pt-74 {

    padding-top: 74px !important;

  }



  .xl\:pb-74 {

    padding-bottom: 74px !important;

  }



  .xl\:pl-74 {

    padding-left: 74px !important;

  }



  .xl\:pr-74 {

    padding-right: 74px !important;

  }



  .xl\:mt-74 {

    margin-top: 74px !important;

  }



  .xl\:mb-74 {

    margin-bottom: 74px !important;

  }



  .xl\:ml-74 {

    margin-left: 74px !important;

  }



  .xl\:mr-74 {

    margin-right: 74px !important;

  }



  .xl\:py-90 {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

  }



  .xl\:px-90 {

    padding-left: 90px !important;

    padding-right: 90px !important;

  }



  .xl\:pt-90 {

    padding-top: 90px !important;

  }



  .xl\:pb-90 {

    padding-bottom: 90px !important;

  }



  .xl\:pl-90 {

    padding-left: 90px !important;

  }



  .xl\:pr-90 {

    padding-right: 90px !important;

  }



  .xl\:mt-90 {

    margin-top: 90px !important;

  }



  .xl\:mb-90 {

    margin-bottom: 90px !important;

  }



  .xl\:ml-90 {

    margin-left: 90px !important;

  }



  .xl\:mr-90 {

    margin-right: 90px !important;

  }



  .xl\:py-100 {

    padding-top: 100px !important;

    padding-bottom: 100px !important;

  }



  .xl\:px-100 {

    padding-left: 100px !important;

    padding-right: 100px !important;

  }



  .xl\:pt-100 {

    padding-top: 100px !important;

  }



  .xl\:pb-100 {

    padding-bottom: 100px !important;

  }



  .xl\:pl-100 {

    padding-left: 100px !important;

  }



  .xl\:pr-100 {

    padding-right: 100px !important;

  }



  .xl\:mt-100 {

    margin-top: 100px !important;

  }



  .xl\:mb-100 {

    margin-bottom: 100px !important;

  }



  .xl\:ml-100 {

    margin-left: 100px !important;

  }



  .xl\:mr-100 {

    margin-right: 100px !important;

  }

}



@media (max-width: 991px) {

  .lg\:py-0 {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

  }



  .lg\:px-0 {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }



  .lg\:pt-0 {

    padding-top: 0px !important;

  }



  .lg\:pb-0 {

    padding-bottom: 0px !important;

  }



  .lg\:pl-0 {

    padding-left: 0px !important;

  }



  .lg\:pr-0 {

    padding-right: 0px !important;

  }



  .lg\:mt-0 {

    margin-top: 0px !important;

  }



  .lg\:mb-0 {

    margin-bottom: 0px !important;

  }



  .lg\:ml-0 {

    margin-left: 0px !important;

  }



  .lg\:mr-0 {

    margin-right: 0px !important;

  }



  .lg\:py-5 {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

  }



  .lg\:px-5 {

    padding-left: 5px !important;

    padding-right: 5px !important;

  }



  .lg\:pt-5 {

    padding-top: 5px !important;

  }



  .lg\:pb-5 {

    padding-bottom: 5px !important;

  }



  .lg\:pl-5 {

    padding-left: 5px !important;

  }



  .lg\:pr-5 {

    padding-right: 5px !important;

  }



  .lg\:mt-5 {

    margin-top: 5px !important;

  }



  .lg\:mb-5 {

    margin-bottom: 5px !important;

  }



  .lg\:ml-5 {

    margin-left: 5px !important;

  }



  .lg\:mr-5 {

    margin-right: 5px !important;

  }



  .lg\:py-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }



  .lg\:px-10 {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .lg\:pt-10 {

    padding-top: 10px !important;

  }



  .lg\:pb-10 {

    padding-bottom: 10px !important;

  }



  .lg\:pl-10 {

    padding-left: 10px !important;

  }



  .lg\:pr-10 {

    padding-right: 10px !important;

  }



  .lg\:mt-10 {

    margin-top: 10px !important;

  }



  .lg\:mb-10 {

    margin-bottom: 10px !important;

  }



  .lg\:ml-10 {

    margin-left: 10px !important;

  }



  .lg\:mr-10 {

    margin-right: 10px !important;

  }



  .lg\:py-15 {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

  }



  .lg\:px-15 {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .lg\:pt-15 {

    padding-top: 15px !important;

  }



  .lg\:pb-15 {

    padding-bottom: 15px !important;

  }



  .lg\:pl-15 {

    padding-left: 15px !important;

  }



  .lg\:pr-15 {

    padding-right: 15px !important;

  }



  .lg\:mt-15 {

    margin-top: 15px !important;

  }



  .lg\:mb-15 {

    margin-bottom: 15px !important;

  }



  .lg\:ml-15 {

    margin-left: 15px !important;

  }



  .lg\:mr-15 {

    margin-right: 15px !important;

  }



  .lg\:py-20 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

  }



  .lg\:px-20 {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  .lg\:pt-20 {

    padding-top: 20px !important;

  }



  .lg\:pb-20 {

    padding-bottom: 20px !important;

  }



  .lg\:pl-20 {

    padding-left: 20px !important;

  }



  .lg\:pr-20 {

    padding-right: 20px !important;

  }



  .lg\:mt-20 {

    margin-top: 20px !important;

  }



  .lg\:mb-20 {

    margin-bottom: 20px !important;

  }



  .lg\:ml-20 {

    margin-left: 20px !important;

  }



  .lg\:mr-20 {

    margin-right: 20px !important;

  }



  .lg\:py-25 {

    padding-top: 25px !important;

    padding-bottom: 25px !important;

  }



  .lg\:px-25 {

    padding-left: 25px !important;

    padding-right: 25px !important;

  }



  .lg\:pt-25 {

    padding-top: 25px !important;

  }



  .lg\:pb-25 {

    padding-bottom: 25px !important;

  }



  .lg\:pl-25 {

    padding-left: 25px !important;

  }



  .lg\:pr-25 {

    padding-right: 25px !important;

  }



  .lg\:mt-25 {

    margin-top: 25px !important;

  }



  .lg\:mb-25 {

    margin-bottom: 25px !important;

  }



  .lg\:ml-25 {

    margin-left: 25px !important;

  }



  .lg\:mr-25 {

    margin-right: 25px !important;

  }



  .lg\:py-30 {

    padding-top: 30px !important;

    padding-bottom: 30px !important;

  }



  .lg\:px-30 {

    padding-left: 30px !important;

    padding-right: 30px !important;

  }



  .lg\:pt-30 {

    padding-top: 30px !important;

  }



  .lg\:pb-30 {

    padding-bottom: 30px !important;

  }



  .lg\:pl-30 {

    padding-left: 30px !important;

  }



  .lg\:pr-30 {

    padding-right: 30px !important;

  }



  .lg\:mt-30 {

    margin-top: 30px !important;

  }



  .lg\:mb-30 {

    margin-bottom: 30px !important;

  }



  .lg\:ml-30 {

    margin-left: 30px !important;

  }



  .lg\:mr-30 {

    margin-right: 30px !important;

  }



  .lg\:py-35 {

    padding-top: 35px !important;

    padding-bottom: 35px !important;

  }



  .lg\:px-35 {

    padding-left: 35px !important;

    padding-right: 35px !important;

  }



  .lg\:pt-35 {

    padding-top: 35px !important;

  }



  .lg\:pb-35 {

    padding-bottom: 35px !important;

  }



  .lg\:pl-35 {

    padding-left: 35px !important;

  }



  .lg\:pr-35 {

    padding-right: 35px !important;

  }



  .lg\:mt-35 {

    margin-top: 35px !important;

  }



  .lg\:mb-35 {

    margin-bottom: 35px !important;

  }



  .lg\:ml-35 {

    margin-left: 35px !important;

  }



  .lg\:mr-35 {

    margin-right: 35px !important;

  }



  .lg\:py-40 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

  }



  .lg\:px-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

  }



  .lg\:pt-40 {

    padding-top: 40px !important;

  }



  .lg\:pb-40 {

    padding-bottom: 40px !important;

  }



  .lg\:pl-40 {

    padding-left: 40px !important;

  }



  .lg\:pr-40 {

    padding-right: 40px !important;

  }



  .lg\:mt-40 {

    margin-top: 40px !important;

  }



  .lg\:mb-40 {

    margin-bottom: 40px !important;

  }



  .lg\:ml-40 {

    margin-left: 40px !important;

  }



  .lg\:mr-40 {

    margin-right: 40px !important;

  }



  .lg\:py-50 {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

  }



  .lg\:px-50 {

    padding-left: 50px !important;

    padding-right: 50px !important;

  }



  .lg\:pt-50 {

    padding-top: 50px !important;

  }



  .lg\:pb-50 {

    padding-bottom: 50px !important;

  }



  .lg\:pl-50 {

    padding-left: 50px !important;

  }



  .lg\:pr-50 {

    padding-right: 50px !important;

  }



  .lg\:mt-50 {

    margin-top: 50px !important;

  }



  .lg\:mb-50 {

    margin-bottom: 50px !important;

  }



  .lg\:ml-50 {

    margin-left: 50px !important;

  }



  .lg\:mr-50 {

    margin-right: 50px !important;

  }



  .lg\:py-60 {

    padding-top: 60px !important;

    padding-bottom: 60px !important;

  }



  .lg\:px-60 {

    padding-left: 60px !important;

    padding-right: 60px !important;

  }



  .lg\:pt-60 {

    padding-top: 60px !important;

  }



  .lg\:pb-60 {

    padding-bottom: 60px !important;

  }



  .lg\:pl-60 {

    padding-left: 60px !important;

  }



  .lg\:pr-60 {

    padding-right: 60px !important;

  }



  .lg\:mt-60 {

    margin-top: 60px !important;

  }



  .lg\:mb-60 {

    margin-bottom: 60px !important;

  }



  .lg\:ml-60 {

    margin-left: 60px !important;

  }



  .lg\:mr-60 {

    margin-right: 60px !important;

  }



  .lg\:py-74 {

    padding-top: 74px !important;

    padding-bottom: 74px !important;

  }



  .lg\:px-74 {

    padding-left: 74px !important;

    padding-right: 74px !important;

  }



  .lg\:pt-74 {

    padding-top: 74px !important;

  }



  .lg\:pb-74 {

    padding-bottom: 74px !important;

  }



  .lg\:pl-74 {

    padding-left: 74px !important;

  }



  .lg\:pr-74 {

    padding-right: 74px !important;

  }



  .lg\:mt-74 {

    margin-top: 74px !important;

  }



  .lg\:mb-74 {

    margin-bottom: 74px !important;

  }



  .lg\:ml-74 {

    margin-left: 74px !important;

  }



  .lg\:mr-74 {

    margin-right: 74px !important;

  }



  .lg\:py-90 {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

  }



  .lg\:px-90 {

    padding-left: 90px !important;

    padding-right: 90px !important;

  }



  .lg\:pt-90 {

    padding-top: 90px !important;

  }



  .lg\:pb-90 {

    padding-bottom: 90px !important;

  }



  .lg\:pl-90 {

    padding-left: 90px !important;

  }



  .lg\:pr-90 {

    padding-right: 90px !important;

  }



  .lg\:mt-90 {

    margin-top: 90px !important;

  }



  .lg\:mb-90 {

    margin-bottom: 90px !important;

  }



  .lg\:ml-90 {

    margin-left: 90px !important;

  }



  .lg\:mr-90 {

    margin-right: 90px !important;

  }



  .lg\:py-100 {

    padding-top: 100px !important;

    padding-bottom: 100px !important;

  }



  .lg\:px-100 {

    padding-left: 100px !important;

    padding-right: 100px !important;

  }



  .lg\:pt-100 {

    padding-top: 100px !important;

  }



  .lg\:pb-100 {

    padding-bottom: 100px !important;

  }



  .lg\:pl-100 {

    padding-left: 100px !important;

  }



  .lg\:pr-100 {

    padding-right: 100px !important;

  }



  .lg\:mt-100 {

    margin-top: 100px !important;

  }



  .lg\:mb-100 {

    margin-bottom: 100px !important;

  }



  .lg\:ml-100 {

    margin-left: 100px !important;

  }



  .lg\:mr-100 {

    margin-right: 100px !important;

  }

}



@media (max-width: 767px) {

  .md\:py-0 {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

  }



  .md\:px-0 {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }



  .md\:pt-0 {

    padding-top: 0px !important;

  }



  .md\:pb-0 {

    padding-bottom: 0px !important;

  }



  .md\:pl-0 {

    padding-left: 0px !important;

  }



  .md\:pr-0 {

    padding-right: 0px !important;

  }



  .md\:mt-0 {

    margin-top: 0px !important;

  }



  .md\:mb-0 {

    margin-bottom: 0px !important;

  }



  .md\:ml-0 {

    margin-left: 0px !important;

  }



  .md\:mr-0 {

    margin-right: 0px !important;

  }



  .md\:py-5 {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

  }



  .md\:px-5 {

    padding-left: 5px !important;

    padding-right: 5px !important;

  }



  .md\:pt-5 {

    padding-top: 5px !important;

  }



  .md\:pb-5 {

    padding-bottom: 5px !important;

  }



  .md\:pl-5 {

    padding-left: 5px !important;

  }



  .md\:pr-5 {

    padding-right: 5px !important;

  }



  .md\:mt-5 {

    margin-top: 5px !important;

  }



  .md\:mb-5 {

    margin-bottom: 5px !important;

  }



  .md\:ml-5 {

    margin-left: 5px !important;

  }



  .md\:mr-5 {

    margin-right: 5px !important;

  }



  .md\:py-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }



  .md\:px-10 {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .md\:pt-10 {

    padding-top: 10px !important;

  }



  .md\:pb-10 {

    padding-bottom: 10px !important;

  }



  .md\:pl-10 {

    padding-left: 10px !important;

  }



  .md\:pr-10 {

    padding-right: 10px !important;

  }



  .md\:mt-10 {

    margin-top: 10px !important;

  }



  .md\:mb-10 {

    margin-bottom: 10px !important;

  }



  .md\:ml-10 {

    margin-left: 10px !important;

  }



  .md\:mr-10 {

    margin-right: 10px !important;

  }



  .md\:py-15 {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

  }



  .md\:px-15 {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .md\:pt-15 {

    padding-top: 15px !important;

  }



  .md\:pb-15 {

    padding-bottom: 15px !important;

  }



  .md\:pl-15 {

    padding-left: 15px !important;

  }



  .md\:pr-15 {

    padding-right: 15px !important;

  }



  .md\:mt-15 {

    margin-top: 15px !important;

  }



  .md\:mb-15 {

    margin-bottom: 15px !important;

  }



  .md\:ml-15 {

    margin-left: 15px !important;

  }



  .md\:mr-15 {

    margin-right: 15px !important;

  }



  .md\:py-20 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

  }



  .md\:px-20 {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  .md\:pt-20 {

    padding-top: 20px !important;

  }



  .md\:pb-20 {

    padding-bottom: 20px !important;

  }



  .md\:pl-20 {

    padding-left: 20px !important;

  }



  .md\:pr-20 {

    padding-right: 20px !important;

  }



  .md\:mt-20 {

    margin-top: 20px !important;

  }



  .md\:mb-20 {

    margin-bottom: 20px !important;

  }



  .md\:ml-20 {

    margin-left: 20px !important;

  }



  .md\:mr-20 {

    margin-right: 20px !important;

  }



  .md\:py-25 {

    padding-top: 25px !important;

    padding-bottom: 25px !important;

  }



  .md\:px-25 {

    padding-left: 25px !important;

    padding-right: 25px !important;

  }



  .md\:pt-25 {

    padding-top: 25px !important;

  }



  .md\:pb-25 {

    padding-bottom: 25px !important;

  }



  .md\:pl-25 {

    padding-left: 25px !important;

  }



  .md\:pr-25 {

    padding-right: 25px !important;

  }



  .md\:mt-25 {

    margin-top: 25px !important;

  }



  .md\:mb-25 {

    margin-bottom: 25px !important;

  }



  .md\:ml-25 {

    margin-left: 25px !important;

  }



  .md\:mr-25 {

    margin-right: 25px !important;

  }



  .md\:py-30 {

    padding-top: 30px !important;

    padding-bottom: 30px !important;

  }



  .md\:px-30 {

    padding-left: 30px !important;

    padding-right: 30px !important;

  }



  .md\:pt-30 {

    padding-top: 30px !important;

  }



  .md\:pb-30 {

    padding-bottom: 30px !important;

  }



  .md\:pl-30 {

    padding-left: 30px !important;

  }



  .md\:pr-30 {

    padding-right: 30px !important;

  }



  .md\:mt-30 {

    margin-top: 30px !important;

  }



  .md\:mb-30 {

    margin-bottom: 30px !important;

  }



  .md\:ml-30 {

    margin-left: 30px !important;

  }



  .md\:mr-30 {

    margin-right: 30px !important;

  }



  .md\:py-35 {

    padding-top: 35px !important;

    padding-bottom: 35px !important;

  }



  .md\:px-35 {

    padding-left: 35px !important;

    padding-right: 35px !important;

  }



  .md\:pt-35 {

    padding-top: 35px !important;

  }



  .md\:pb-35 {

    padding-bottom: 35px !important;

  }



  .md\:pl-35 {

    padding-left: 35px !important;

  }



  .md\:pr-35 {

    padding-right: 35px !important;

  }



  .md\:mt-35 {

    margin-top: 35px !important;

  }



  .md\:mb-35 {

    margin-bottom: 35px !important;

  }



  .md\:ml-35 {

    margin-left: 35px !important;

  }



  .md\:mr-35 {

    margin-right: 35px !important;

  }



  .md\:py-40 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

  }



  .md\:px-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

  }



  .md\:pt-40 {

    padding-top: 40px !important;

  }



  .md\:pb-40 {

    padding-bottom: 40px !important;

  }



  .md\:pl-40 {

    padding-left: 40px !important;

  }



  .md\:pr-40 {

    padding-right: 40px !important;

  }



  .md\:mt-40 {

    margin-top: 40px !important;

  }



  .md\:mb-40 {

    margin-bottom: 40px !important;

  }



  .md\:ml-40 {

    margin-left: 40px !important;

  }



  .md\:mr-40 {

    margin-right: 40px !important;

  }



  .md\:py-50 {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

  }



  .md\:px-50 {

    padding-left: 50px !important;

    padding-right: 50px !important;

  }



  .md\:pt-50 {

    padding-top: 50px !important;

  }



  .md\:pb-50 {

    padding-bottom: 50px !important;

  }



  .md\:pl-50 {

    padding-left: 50px !important;

  }



  .md\:pr-50 {

    padding-right: 50px !important;

  }



  .md\:mt-50 {

    margin-top: 50px !important;

  }



  .md\:mb-50 {

    margin-bottom: 50px !important;

  }



  .md\:ml-50 {

    margin-left: 50px !important;

  }



  .md\:mr-50 {

    margin-right: 50px !important;

  }



  .md\:py-60 {

    padding-top: 60px !important;

    padding-bottom: 60px !important;

  }



  .md\:px-60 {

    padding-left: 60px !important;

    padding-right: 60px !important;

  }



  .md\:pt-60 {

    padding-top: 60px !important;

  }



  .md\:pb-60 {

    padding-bottom: 60px !important;

  }



  .md\:pl-60 {

    padding-left: 60px !important;

  }



  .md\:pr-60 {

    padding-right: 60px !important;

  }



  .md\:mt-60 {

    margin-top: 60px !important;

  }



  .md\:mb-60 {

    margin-bottom: 60px !important;

  }



  .md\:ml-60 {

    margin-left: 60px !important;

  }



  .md\:mr-60 {

    margin-right: 60px !important;

  }



  .md\:py-74 {

    padding-top: 74px !important;

    padding-bottom: 74px !important;

  }



  .md\:px-74 {

    padding-left: 74px !important;

    padding-right: 74px !important;

  }



  .md\:pt-74 {

    padding-top: 74px !important;

  }



  .md\:pb-74 {

    padding-bottom: 74px !important;

  }



  .md\:pl-74 {

    padding-left: 74px !important;

  }



  .md\:pr-74 {

    padding-right: 74px !important;

  }



  .md\:mt-74 {

    margin-top: 74px !important;

  }



  .md\:mb-74 {

    margin-bottom: 74px !important;

  }



  .md\:ml-74 {

    margin-left: 74px !important;

  }



  .md\:mr-74 {

    margin-right: 74px !important;

  }



  .md\:py-90 {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

  }



  .md\:px-90 {

    padding-left: 90px !important;

    padding-right: 90px !important;

  }



  .md\:pt-90 {

    padding-top: 90px !important;

  }



  .md\:pb-90 {

    padding-bottom: 90px !important;

  }



  .md\:pl-90 {

    padding-left: 90px !important;

  }



  .md\:pr-90 {

    padding-right: 90px !important;

  }



  .md\:mt-90 {

    margin-top: 90px !important;

  }



  .md\:mb-90 {

    margin-bottom: 90px !important;

  }



  .md\:ml-90 {

    margin-left: 90px !important;

  }



  .md\:mr-90 {

    margin-right: 90px !important;

  }



  .md\:py-100 {

    padding-top: 100px !important;

    padding-bottom: 100px !important;

  }



  .md\:px-100 {

    padding-left: 100px !important;

    padding-right: 100px !important;

  }



  .md\:pt-100 {

    padding-top: 100px !important;

  }



  .md\:pb-100 {

    padding-bottom: 100px !important;

  }



  .md\:pl-100 {

    padding-left: 100px !important;

  }



  .md\:pr-100 {

    padding-right: 100px !important;

  }



  .md\:mt-100 {

    margin-top: 100px !important;

  }



  .md\:mb-100 {

    margin-bottom: 100px !important;

  }



  .md\:ml-100 {

    margin-left: 100px !important;

  }



  .md\:mr-100 {

    margin-right: 100px !important;

  }

}



@media (max-width: 575px) {

  .sm\:py-0 {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

  }



  .sm\:px-0 {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }



  .sm\:pt-0 {

    padding-top: 0px !important;

  }



  .sm\:pb-0 {

    padding-bottom: 0px !important;

  }



  .sm\:pl-0 {

    padding-left: 0px !important;

  }



  .sm\:pr-0 {

    padding-right: 0px !important;

  }



  .sm\:mt-0 {

    margin-top: 0px !important;

  }



  .sm\:mb-0 {

    margin-bottom: 0px !important;

  }



  .sm\:ml-0 {

    margin-left: 0px !important;

  }



  .sm\:mr-0 {

    margin-right: 0px !important;

  }



  .sm\:py-5 {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

  }



  .sm\:px-5 {

    padding-left: 5px !important;

    padding-right: 5px !important;

  }



  .sm\:pt-5 {

    padding-top: 5px !important;

  }



  .sm\:pb-5 {

    padding-bottom: 5px !important;

  }



  .sm\:pl-5 {

    padding-left: 5px !important;

  }



  .sm\:pr-5 {

    padding-right: 5px !important;

  }



  .sm\:mt-5 {

    margin-top: 5px !important;

  }



  .sm\:mb-5 {

    margin-bottom: 5px !important;

  }



  .sm\:ml-5 {

    margin-left: 5px !important;

  }



  .sm\:mr-5 {

    margin-right: 5px !important;

  }



  .sm\:py-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }



  .sm\:px-10 {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .sm\:pt-10 {

    padding-top: 10px !important;

  }



  .sm\:pb-10 {

    padding-bottom: 10px !important;

  }



  .sm\:pl-10 {

    padding-left: 10px !important;

  }



  .sm\:pr-10 {

    padding-right: 10px !important;

  }



  .sm\:mt-10 {

    margin-top: 10px !important;

  }



  .sm\:mb-10 {

    margin-bottom: 10px !important;

  }



  .sm\:ml-10 {

    margin-left: 10px !important;

  }



  .sm\:mr-10 {

    margin-right: 10px !important;

  }



  .sm\:py-15 {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

  }



  .sm\:px-15 {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .sm\:pt-15 {

    padding-top: 15px !important;

  }



  .sm\:pb-15 {

    padding-bottom: 15px !important;

  }



  .sm\:pl-15 {

    padding-left: 15px !important;

  }



  .sm\:pr-15 {

    padding-right: 15px !important;

  }



  .sm\:mt-15 {

    margin-top: 15px !important;

  }



  .sm\:mb-15 {

    margin-bottom: 15px !important;

  }



  .sm\:ml-15 {

    margin-left: 15px !important;

  }



  .sm\:mr-15 {

    margin-right: 15px !important;

  }



  .sm\:py-20 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

  }



  .sm\:px-20 {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  .sm\:pt-20 {

    padding-top: 20px !important;

  }



  .sm\:pb-20 {

    padding-bottom: 20px !important;

  }



  .sm\:pl-20 {

    padding-left: 20px !important;

  }



  .sm\:pr-20 {

    padding-right: 20px !important;

  }



  .sm\:mt-20 {

    margin-top: 20px !important;

  }



  .sm\:mb-20 {

    margin-bottom: 20px !important;

  }



  .sm\:ml-20 {

    margin-left: 20px !important;

  }



  .sm\:mr-20 {

    margin-right: 20px !important;

  }



  .sm\:py-25 {

    padding-top: 25px !important;

    padding-bottom: 25px !important;

  }



  .sm\:px-25 {

    padding-left: 25px !important;

    padding-right: 25px !important;

  }



  .sm\:pt-25 {

    padding-top: 25px !important;

  }



  .sm\:pb-25 {

    padding-bottom: 25px !important;

  }



  .sm\:pl-25 {

    padding-left: 25px !important;

  }



  .sm\:pr-25 {

    padding-right: 25px !important;

  }



  .sm\:mt-25 {

    margin-top: 25px !important;

  }



  .sm\:mb-25 {

    margin-bottom: 25px !important;

  }



  .sm\:ml-25 {

    margin-left: 25px !important;

  }



  .sm\:mr-25 {

    margin-right: 25px !important;

  }



  .sm\:py-30 {

    padding-top: 30px !important;

    padding-bottom: 30px !important;

  }



  .sm\:px-30 {

    padding-left: 30px !important;

    padding-right: 30px !important;

  }



  .sm\:pt-30 {

    padding-top: 30px !important;

  }



  .sm\:pb-30 {

    padding-bottom: 30px !important;

  }



  .sm\:pl-30 {

    padding-left: 30px !important;

  }



  .sm\:pr-30 {

    padding-right: 30px !important;

  }



  .sm\:mt-30 {

    margin-top: 30px !important;

  }



  .sm\:mb-30 {

    margin-bottom: 30px !important;

  }



  .sm\:ml-30 {

    margin-left: 30px !important;

  }



  .sm\:mr-30 {

    margin-right: 30px !important;

  }



  .sm\:py-35 {

    padding-top: 35px !important;

    padding-bottom: 35px !important;

  }



  .sm\:px-35 {

    padding-left: 35px !important;

    padding-right: 35px !important;

  }



  .sm\:pt-35 {

    padding-top: 35px !important;

  }



  .sm\:pb-35 {

    padding-bottom: 35px !important;

  }



  .sm\:pl-35 {

    padding-left: 35px !important;

  }



  .sm\:pr-35 {

    padding-right: 35px !important;

  }



  .sm\:mt-35 {

    margin-top: 35px !important;

  }



  .sm\:mb-35 {

    margin-bottom: 35px !important;

  }



  .sm\:ml-35 {

    margin-left: 35px !important;

  }



  .sm\:mr-35 {

    margin-right: 35px !important;

  }



  .sm\:py-40 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

  }



  .sm\:px-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

  }



  .sm\:pt-40 {

    padding-top: 40px !important;

  }



  .sm\:pb-40 {

    padding-bottom: 40px !important;

  }



  .sm\:pl-40 {

    padding-left: 40px !important;

  }



  .sm\:pr-40 {

    padding-right: 40px !important;

  }



  .sm\:mt-40 {

    margin-top: 40px !important;

  }



  .sm\:mb-40 {

    margin-bottom: 40px !important;

  }



  .sm\:ml-40 {

    margin-left: 40px !important;

  }



  .sm\:mr-40 {

    margin-right: 40px !important;

  }



  .sm\:py-50 {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

  }



  .sm\:px-50 {

    padding-left: 50px !important;

    padding-right: 50px !important;

  }



  .sm\:pt-50 {

    padding-top: 50px !important;

  }



  .sm\:pb-50 {

    padding-bottom: 50px !important;

  }



  .sm\:pl-50 {

    padding-left: 50px !important;

  }



  .sm\:pr-50 {

    padding-right: 50px !important;

  }



  .sm\:mt-50 {

    margin-top: 50px !important;

  }



  .sm\:mb-50 {

    margin-bottom: 50px !important;

  }



  .sm\:ml-50 {

    margin-left: 50px !important;

  }



  .sm\:mr-50 {

    margin-right: 50px !important;

  }



  .sm\:py-60 {

    padding-top: 60px !important;

    padding-bottom: 60px !important;

  }



  .sm\:px-60 {

    padding-left: 60px !important;

    padding-right: 60px !important;

  }



  .sm\:pt-60 {

    padding-top: 60px !important;

  }



  .sm\:pb-60 {

    padding-bottom: 60px !important;

  }



  .sm\:pl-60 {

    padding-left: 60px !important;

  }



  .sm\:pr-60 {

    padding-right: 60px !important;

  }



  .sm\:mt-60 {

    margin-top: 60px !important;

  }



  .sm\:mb-60 {

    margin-bottom: 60px !important;

  }



  .sm\:ml-60 {

    margin-left: 60px !important;

  }



  .sm\:mr-60 {

    margin-right: 60px !important;

  }



  .sm\:py-74 {

    padding-top: 74px !important;

    padding-bottom: 74px !important;

  }



  .sm\:px-74 {

    padding-left: 74px !important;

    padding-right: 74px !important;

  }



  .sm\:pt-74 {

    padding-top: 74px !important;

  }



  .sm\:pb-74 {

    padding-bottom: 74px !important;

  }



  .sm\:pl-74 {

    padding-left: 74px !important;

  }



  .sm\:pr-74 {

    padding-right: 74px !important;

  }



  .sm\:mt-74 {

    margin-top: 74px !important;

  }



  .sm\:mb-74 {

    margin-bottom: 74px !important;

  }



  .sm\:ml-74 {

    margin-left: 74px !important;

  }



  .sm\:mr-74 {

    margin-right: 74px !important;

  }



  .sm\:py-90 {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

  }



  .sm\:px-90 {

    padding-left: 90px !important;

    padding-right: 90px !important;

  }



  .sm\:pt-90 {

    padding-top: 90px !important;

  }



  .sm\:pb-90 {

    padding-bottom: 90px !important;

  }



  .sm\:pl-90 {

    padding-left: 90px !important;

  }



  .sm\:pr-90 {

    padding-right: 90px !important;

  }



  .sm\:mt-90 {

    margin-top: 90px !important;

  }



  .sm\:mb-90 {

    margin-bottom: 90px !important;

  }



  .sm\:ml-90 {

    margin-left: 90px !important;

  }



  .sm\:mr-90 {

    margin-right: 90px !important;

  }



  .sm\:py-100 {

    padding-top: 100px !important;

    padding-bottom: 100px !important;

  }



  .sm\:px-100 {

    padding-left: 100px !important;

    padding-right: 100px !important;

  }



  .sm\:pt-100 {

    padding-top: 100px !important;

  }



  .sm\:pb-100 {

    padding-bottom: 100px !important;

  }



  .sm\:pl-100 {

    padding-left: 100px !important;

  }



  .sm\:pr-100 {

    padding-right: 100px !important;

  }



  .sm\:mt-100 {

    margin-top: 100px !important;

  }



  .sm\:mb-100 {

    margin-bottom: 100px !important;

  }



  .sm\:ml-100 {

    margin-left: 100px !important;

  }



  .sm\:mr-100 {

    margin-right: 100px !important;

  }

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.xl\:mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.lg\:mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.md\:mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.sm\:mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.x-gap-0 {

  margin-left: -0px;

  margin-right: -0px;

}



.x-gap-0>* {

  padding-left: 0px;

  padding-right: 0px;

}



.y-gap-0 {

  margin-top: -0px;

  margin-bottom: -0px;

}



.y-gap-0>* {

  padding-top: 0px;

  padding-bottom: 0px;

}



.x-gap-5 {

  margin-left: -2.5px;

  margin-right: -2.5px;

}



.x-gap-5>* {

  padding-left: 2.5px;

  padding-right: 2.5px;

}



.y-gap-5 {

  margin-top: -2.5px;

  margin-bottom: -2.5px;

}



.y-gap-5>* {

  padding-top: 2.5px;

  padding-bottom: 2.5px;

}



.x-gap-10 {

  margin-left: -5px;

  margin-right: -5px;

}



.x-gap-10>* {

  padding-left: 5px;

  padding-right: 5px;

}



.y-gap-10 {

  margin-top: -5px;

  margin-bottom: -5px;

}



.y-gap-10>* {

  padding-top: 5px;

  padding-bottom: 5px;

}



.x-gap-15 {

  margin-left: -7.5px;

  margin-right: -7.5px;

}



.x-gap-15>* {

  padding-left: 7.5px;

  padding-right: 7.5px;

}



.y-gap-15 {

  margin-top: -7.5px;

  margin-bottom: -7.5px;

}



.y-gap-15>* {

  padding-top: 7.5px;

  padding-bottom: 7.5px;

}



.x-gap-20 {

  margin-left: -10px;

  margin-right: -10px;

}



.x-gap-20>* {

  padding-left: 10px;

  padding-right: 10px;

}



.y-gap-20 {

  margin-top: -10px;

  margin-bottom: -10px;

}



.y-gap-20>* {

  padding-top: 10px;

  padding-bottom: 10px;

}



.x-gap-25 {

  margin-left: -12.5px;

  margin-right: -12.5px;

}



.x-gap-25>* {

  padding-left: 12.5px;

  padding-right: 12.5px;

}



.y-gap-25 {

  margin-top: -12.5px;

  margin-bottom: -12.5px;

}



.y-gap-25>* {

  padding-top: 12.5px;

  padding-bottom: 12.5px;

}



.x-gap-30 {

  margin-left: -15px;

  margin-right: -15px;

}



.x-gap-30>* {

  padding-left: 15px;

  padding-right: 15px;

}



.y-gap-30 {

  margin-top: -15px;

  margin-bottom: -15px;

}



.y-gap-30>* {

  padding-top: 15px;

  padding-bottom: 15px;

}



.x-gap-40 {

  margin-left: -20px;

  margin-right: -20px;

}



.x-gap-40>* {

  padding-left: 20px;

  padding-right: 20px;

}



.y-gap-40 {

  margin-top: -20px;

  margin-bottom: -20px;

}



.y-gap-40>* {

  padding-top: 20px;

  padding-bottom: 20px;

}



.x-gap-50 {

  margin-left: -25px;

  margin-right: -25px;

}



.x-gap-50>* {

  padding-left: 25px;

  padding-right: 25px;

}



.y-gap-50 {

  margin-top: -25px;

  margin-bottom: -25px;

}



.y-gap-50>* {

  padding-top: 25px;

  padding-bottom: 25px;

}



.x-gap-60 {

  margin-left: -30px;

  margin-right: -30px;

}



.x-gap-60>* {

  padding-left: 30px;

  padding-right: 30px;

}



.y-gap-60 {

  margin-top: -30px;

  margin-bottom: -30px;

}



.y-gap-60>* {

  padding-top: 30px;

  padding-bottom: 30px;

}



.x-gap-85 {

  margin-left: -42.5px;

  margin-right: -42.5px;

}



.x-gap-85>* {

  padding-left: 42.5px;

  padding-right: 42.5px;

}



.y-gap-85 {

  margin-top: -42.5px;

  margin-bottom: -42.5px;

}



.y-gap-85>* {

  padding-top: 42.5px;

  padding-bottom: 42.5px;

}



.x-gap-100 {

  margin-left: -50px;

  margin-right: -50px;

}



.x-gap-100>* {

  padding-left: 50px;

  padding-right: 50px;

}



.y-gap-100 {

  margin-top: -50px;

  margin-bottom: -50px;

}



.y-gap-100>* {

  padding-top: 50px;

  padding-bottom: 50px;

}



@media (max-width: 767px) {

  .md\:x-gap-0 {

    margin-left: -0px;

    margin-right: -0px;

  }



  .md\:x-gap-0>* {

    padding-left: 0px;

    padding-right: 0px;

  }



  .md\:y-gap-0 {

    margin-top: -0px;

    margin-bottom: -0px;

  }



  .md\:y-gap-0>* {

    padding-top: 0px;

    padding-bottom: 0px;

  }



  .md\:x-gap-5 {

    margin-left: -2.5px;

    margin-right: -2.5px;

  }



  .md\:x-gap-5>* {

    padding-left: 2.5px;

    padding-right: 2.5px;

  }



  .md\:y-gap-5 {

    margin-top: -2.5px;

    margin-bottom: -2.5px;

  }



  .md\:y-gap-5>* {

    padding-top: 2.5px;

    padding-bottom: 2.5px;

  }



  .md\:x-gap-10 {

    margin-left: -5px;

    margin-right: -5px;

  }



  .md\:x-gap-10>* {

    padding-left: 5px;

    padding-right: 5px;

  }



  .md\:y-gap-10 {

    margin-top: -5px;

    margin-bottom: -5px;

  }



  .md\:y-gap-10>* {

    padding-top: 5px;

    padding-bottom: 5px;

  }



  .md\:x-gap-15 {

    margin-left: -7.5px;

    margin-right: -7.5px;

  }



  .md\:x-gap-15>* {

    padding-left: 7.5px;

    padding-right: 7.5px;

  }



  .md\:y-gap-15 {

    margin-top: -7.5px;

    margin-bottom: -7.5px;

  }



  .md\:y-gap-15>* {

    padding-top: 7.5px;

    padding-bottom: 7.5px;

  }



  .md\:x-gap-20 {

    margin-left: -10px;

    margin-right: -10px;

  }



  .md\:x-gap-20>* {

    padding-left: 10px;

    padding-right: 10px;

  }



  .md\:y-gap-20 {

    margin-top: -10px;

    margin-bottom: -10px;

  }



  .md\:y-gap-20>* {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .md\:x-gap-25 {

    margin-left: -12.5px;

    margin-right: -12.5px;

  }



  .md\:x-gap-25>* {

    padding-left: 12.5px;

    padding-right: 12.5px;

  }



  .md\:y-gap-25 {

    margin-top: -12.5px;

    margin-bottom: -12.5px;

  }



  .md\:y-gap-25>* {

    padding-top: 12.5px;

    padding-bottom: 12.5px;

  }



  .md\:x-gap-30 {

    margin-left: -15px;

    margin-right: -15px;

  }



  .md\:x-gap-30>* {

    padding-left: 15px;

    padding-right: 15px;

  }



  .md\:y-gap-30 {

    margin-top: -15px;

    margin-bottom: -15px;

  }



  .md\:y-gap-30>* {

    padding-top: 15px;

    padding-bottom: 15px;

  }



  .md\:x-gap-40 {

    margin-left: -20px;

    margin-right: -20px;

  }



  .md\:x-gap-40>* {

    padding-left: 20px;

    padding-right: 20px;

  }



  .md\:y-gap-40 {

    margin-top: -20px;

    margin-bottom: -20px;

  }



  .md\:y-gap-40>* {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  .md\:x-gap-50 {

    margin-left: -25px;

    margin-right: -25px;

  }



  .md\:x-gap-50>* {

    padding-left: 25px;

    padding-right: 25px;

  }



  .md\:y-gap-50 {

    margin-top: -25px;

    margin-bottom: -25px;

  }



  .md\:y-gap-50>* {

    padding-top: 25px;

    padding-bottom: 25px;

  }



  .md\:x-gap-60 {

    margin-left: -30px;

    margin-right: -30px;

  }



  .md\:x-gap-60>* {

    padding-left: 30px;

    padding-right: 30px;

  }



  .md\:y-gap-60 {

    margin-top: -30px;

    margin-bottom: -30px;

  }



  .md\:y-gap-60>* {

    padding-top: 30px;

    padding-bottom: 30px;

  }



  .md\:x-gap-85 {

    margin-left: -42.5px;

    margin-right: -42.5px;

  }



  .md\:x-gap-85>* {

    padding-left: 42.5px;

    padding-right: 42.5px;

  }



  .md\:y-gap-85 {

    margin-top: -42.5px;

    margin-bottom: -42.5px;

  }



  .md\:y-gap-85>* {

    padding-top: 42.5px;

    padding-bottom: 42.5px;

  }



  .md\:x-gap-100 {

    margin-left: -50px;

    margin-right: -50px;

  }



  .md\:x-gap-100>* {

    padding-left: 50px;

    padding-right: 50px;

  }



  .md\:y-gap-100 {

    margin-top: -50px;

    margin-bottom: -50px;

  }



  .md\:y-gap-100>* {

    padding-top: 50px;

    padding-bottom: 50px;

  }

}



@media (max-width: 767px) {

  .sm\:x-gap-0 {

    margin-left: -0px;

    margin-right: -0px;

  }



  .sm\:x-gap-0>* {

    padding-left: 0px;

    padding-right: 0px;

  }



  .sm\:y-gap-0 {

    margin-top: -0px;

    margin-bottom: -0px;

  }



  .sm\:y-gap-0>* {

    padding-top: 0px;

    padding-bottom: 0px;

  }



  .sm\:x-gap-5 {

    margin-left: -2.5px;

    margin-right: -2.5px;

  }



  .sm\:x-gap-5>* {

    padding-left: 2.5px;

    padding-right: 2.5px;

  }



  .sm\:y-gap-5 {

    margin-top: -2.5px;

    margin-bottom: -2.5px;

  }



  .sm\:y-gap-5>* {

    padding-top: 2.5px;

    padding-bottom: 2.5px;

  }



  .sm\:x-gap-10 {

    margin-left: -5px;

    margin-right: -5px;

  }



  .sm\:x-gap-10>* {

    padding-left: 5px;

    padding-right: 5px;

  }



  .sm\:y-gap-10 {

    margin-top: -5px;

    margin-bottom: -5px;

  }



  .sm\:y-gap-10>* {

    padding-top: 5px;

    padding-bottom: 5px;

  }



  .sm\:x-gap-15 {

    margin-left: -7.5px;

    margin-right: -7.5px;

  }



  .sm\:x-gap-15>* {

    padding-left: 7.5px;

    padding-right: 7.5px;

  }



  .sm\:y-gap-15 {

    margin-top: -7.5px;

    margin-bottom: -7.5px;

  }



  .sm\:y-gap-15>* {

    padding-top: 7.5px;

    padding-bottom: 7.5px;

  }



  .sm\:x-gap-20 {

    margin-left: -10px;

    margin-right: -10px;

  }



  .sm\:x-gap-20>* {

    padding-left: 10px;

    padding-right: 10px;

  }



  .sm\:y-gap-20 {

    margin-top: -10px;

    margin-bottom: -10px;

  }



  .sm\:y-gap-20>* {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .sm\:x-gap-25 {

    margin-left: -12.5px;

    margin-right: -12.5px;

  }



  .sm\:x-gap-25>* {

    padding-left: 12.5px;

    padding-right: 12.5px;

  }



  .sm\:y-gap-25 {

    margin-top: -12.5px;

    margin-bottom: -12.5px;

  }



  .sm\:y-gap-25>* {

    padding-top: 12.5px;

    padding-bottom: 12.5px;

  }



  .sm\:x-gap-30 {

    margin-left: -15px;

    margin-right: -15px;

  }



  .sm\:x-gap-30>* {

    padding-left: 15px;

    padding-right: 15px;

  }



  .sm\:y-gap-30 {

    margin-top: -15px;

    margin-bottom: -15px;

  }



  .sm\:y-gap-30>* {

    padding-top: 15px;

    padding-bottom: 15px;

  }



  .sm\:x-gap-40 {

    margin-left: -20px;

    margin-right: -20px;

  }



  .sm\:x-gap-40>* {

    padding-left: 20px;

    padding-right: 20px;

  }



  .sm\:y-gap-40 {

    margin-top: -20px;

    margin-bottom: -20px;

  }



  .sm\:y-gap-40>* {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  .sm\:x-gap-50 {

    margin-left: -25px;

    margin-right: -25px;

  }



  .sm\:x-gap-50>* {

    padding-left: 25px;

    padding-right: 25px;

  }



  .sm\:y-gap-50 {

    margin-top: -25px;

    margin-bottom: -25px;

  }



  .sm\:y-gap-50>* {

    padding-top: 25px;

    padding-bottom: 25px;

  }



  .sm\:x-gap-60 {

    margin-left: -30px;

    margin-right: -30px;

  }



  .sm\:x-gap-60>* {

    padding-left: 30px;

    padding-right: 30px;

  }



  .sm\:y-gap-60 {

    margin-top: -30px;

    margin-bottom: -30px;

  }



  .sm\:y-gap-60>* {

    padding-top: 30px;

    padding-bottom: 30px;

  }



  .sm\:x-gap-85 {

    margin-left: -42.5px;

    margin-right: -42.5px;

  }



  .sm\:x-gap-85>* {

    padding-left: 42.5px;

    padding-right: 42.5px;

  }



  .sm\:y-gap-85 {

    margin-top: -42.5px;

    margin-bottom: -42.5px;

  }



  .sm\:y-gap-85>* {

    padding-top: 42.5px;

    padding-bottom: 42.5px;

  }



  .sm\:x-gap-100 {

    margin-left: -50px;

    margin-right: -50px;

  }



  .sm\:x-gap-100>* {

    padding-left: 50px;

    padding-right: 50px;

  }



  .sm\:y-gap-100 {

    margin-top: -50px;

    margin-bottom: -50px;

  }



  .sm\:y-gap-100>* {

    padding-top: 50px;

    padding-bottom: 50px;

  }

}



.layout-pt-md {

  padding-top: 100px;

}



.layout-pb-md {

  padding-bottom: 100px;

}



.layout-pt-lg {

  padding-top: 200px;

}



.layout-pb-lg {

  padding-bottom: 200px;

}



@media (max-width: 767px) {

  .layout-pt-md {

    padding-top: 75px;

  }



  .layout-pb-md {

    padding-bottom: 75px;

  }

}



@media (max-width: 767px) {

  .layout-pt-lg {

    padding-top: 150px;

  }



  .layout-pb-lg {

    padding-bottom: 150px;

  }

}



@media (max-width: 575px) {

  .layout-pt-md {

    padding-top: 50px;

  }



  .layout-pb-md {

    padding-bottom: 50px;

  }

}



@media (max-width: 575px) {

  .layout-pt-lg {

    padding-top: 100px;

  }



  .layout-pb-lg {

    padding-bottom: 100px;

  }

}



.w-1\/5 {

  width: 20% !important;

}



.w-1\/4 {

  width: 25% !important;

}



.w-1\/3 {

  width: 33.333333% !important;

}



.w-1\/2 {

  width: 50% !important;

}



.w-1\/1 {

  width: 100% !important;

}



@media (max-width: 1199px) {

  .xl\:w-1\/5 {

    width: 20% !important;

  }



  .xl\:w-1\/4 {

    width: 25% !important;

  }



  .xl\:w-1\/3 {

    width: 33.333333% !important;

  }



  .xl\:w-1\/2 {

    width: 50% !important;

  }



  .xl\:w-1\/1 {

    width: 100% !important;

  }

}



@media (max-width: 991px) {

  .lg\:w-1\/5 {

    width: 20% !important;

  }



  .lg\:w-1\/4 {

    width: 25% !important;

  }



  .lg\:w-1\/3 {

    width: 33.333333% !important;

  }



  .lg\:w-1\/2 {

    width: 50% !important;

  }



  .lg\:w-1\/1 {

    width: 100% !important;

  }

}



@media (max-width: 767px) {

  .md\:w-1\/5 {

    width: 20% !important;

  }



  .md\:w-1\/4 {

    width: 25% !important;

  }



  .md\:w-1\/3 {

    width: 33.333333% !important;

  }



  .md\:w-1\/2 {

    width: 50% !important;

  }



  .md\:w-1\/1 {

    width: 100% !important;

  }

}



@media (max-width: 575px) {

  .sm\:w-1\/5 {

    width: 20% !important;

  }



  .sm\:w-1\/4 {

    width: 25% !important;

  }



  .sm\:w-1\/3 {

    width: 33.333333% !important;

  }



  .sm\:w-1\/2 {

    width: 50% !important;

  }



  .sm\:w-1\/1 {

    width: 100% !important;

  }

}



.flex-column {

  flex-direction: column;

}



@media (max-width: 1199px) {

  .xl\:flex-column {

    flex-direction: column !important;

  }

}



@media (max-width: 991px) {

  .lg\:flex-column {

    flex-direction: column !important;

  }

}



@media (max-width: 767px) {

  .md\:flex-column {

    flex-direction: column !important;

  }

}



@media (max-width: 575px) {

  .sm\:flex-column {

    flex-direction: column !important;

  }

}



.justify-start {

  justify-content: flex-start !important;

}



.justify-end {

  justify-content: flex-end !important;

}



.justify-center {

  justify-content: center !important;

}



.justify-between {

  justify-content: space-between !important;

}



.items-start {

  align-items: flex-start !important;

}



.items-end {

  align-items: flex-end !important;

}



.items-center {

  align-items: center !important;

}



@media (max-width: 1199px) {

  .xl\:justify-start {

    justify-content: flex-start !important;

  }



  .xl\:justify-end {

    justify-content: flex-end !important;

  }



  .xl\:justify-center {

    justify-content: center !important;

  }



  .xl\:justify-between {

    justify-content: space-between !important;

  }



  .xl\:items-start {

    align-items: flex-start !important;

  }



  .xl\:items-end {

    align-items: flex-end !important;

  }



  .xl\:items-center {

    align-items: center !important;

  }

}



@media (max-width: 991px) {

  .lg\:justify-start {

    justify-content: flex-start !important;

  }



  .lg\:justify-end {

    justify-content: flex-end !important;

  }



  .lg\:justify-center {

    justify-content: center !important;

  }



  .lg\:justify-between {

    justify-content: space-between !important;

  }



  .lg\:items-start {

    align-items: flex-start !important;

  }



  .lg\:items-end {

    align-items: flex-end !important;

  }



  .lg\:items-center {

    align-items: center !important;

  }

}



@media (max-width: 767px) {

  .md\:justify-start {

    justify-content: flex-start !important;

  }



  .md\:justify-end {

    justify-content: flex-end !important;

  }



  .md\:justify-center {

    justify-content: center !important;

  }



  .md\:justify-between {

    justify-content: space-between !important;

  }



  .md\:items-start {

    align-items: flex-start !important;

  }



  .md\:items-end {

    align-items: flex-end !important;

  }



  .md\:items-center {

    align-items: center !important;

  }

}



@media (max-width: 575px) {

  .sm\:justify-start {

    justify-content: flex-start !important;

  }



  .sm\:justify-end {

    justify-content: flex-end !important;

  }



  .sm\:justify-center {

    justify-content: center !important;

  }



  .sm\:justify-between {

    justify-content: space-between !important;

  }



  .sm\:items-start {

    align-items: flex-start !important;

  }



  .sm\:items-end {

    align-items: flex-end !important;

  }



  .sm\:items-center {

    align-items: center !important;

  }

}



.order-1 {

  order: 1;

}



.order-2 {

  order: 2;

}



.order-3 {

  order: 3;

}



@media (max-width: 1199px) {

  .xl\:order-1 {

    order: 1;

  }



  .xl\:order-2 {

    order: 2;

  }



  .xl\:order-3 {

    order: 3;

  }

}



@media (max-width: 991px) {

  .lg\:order-1 {

    order: 1;

  }



  .lg\:order-2 {

    order: 2;

  }



  .lg\:order-3 {

    order: 3;

  }

}



@media (max-width: 767px) {

  .md\:order-1 {

    order: 1;

  }



  .md\:order-2 {

    order: 2;

  }



  .md\:order-3 {

    order: 3;

  }

}



@media (max-width: 575px) {

  .sm\:order-1 {

    order: 1;

  }



  .sm\:order-2 {

    order: 2;

  }



  .sm\:order-3 {

    order: 3;

  }

}



.bg-white {

  background-color: var(--color-white) !important;

}



.bg-black {

  background-color: var(--color-black) !important;

}



.bg-border {

  background-color: var(--color-border) !important;

}



.bg-accent-1 {

  background-color: var(--color-accent-1) !important;

}



.bg-accent-2 {

  background-color: var(--color-accent-2) !important;

}



.bg-light-1 {

  background-color: var(--color-light-1) !important;

}



.bg-light-2 {

  background-color: var(--color-light-2) !important;

}



.bg-dark-1 {

  background-color: var(--color-dark-1) !important;

}



.bg-dark-2 {

  background-color: var(--color-dark-2) !important;

}



.bg-dark-3 {

  background-color: var(--color-dark-3) !important;

}



.bg-info-1 {

  background-color: var(--color-info-1) !important;

}



.bg-info-2 {

  background-color: var(--color-info-2) !important;

}



.bg-warning-1 {

  background-color: var(--color-warning-1) !important;

}



.bg-warning-2 {

  background-color: var(--color-warning-2) !important;

}



.bg-error-1 {

  background-color: var(--color-error-1) !important;

}



.bg-error-2 {

  background-color: var(--color-error-2) !important;

}



.bg-success-1 {

  background-color: var(--color-success-1) !important;

}



.bg-success-2 {

  background-color: var(--color-success-2) !important;

}



.bg-transparent {

  background-color: transparent !important;

}



.bg-white-10 {

  background-color: rgba(255, 255, 255, 0.1);

}



.bg-accent-1-10 {

  background-color: rgba(18, 34, 35, 0.1);

}



.bg-accent-1-50 {

  background-color: rgba(18, 34, 35, 0.5);

}



.text-white {

  color: var(--color-white);

}



.text-black {

  color: var(--color-black);

}



.text-border {

  color: var(--color-border);

}



.text-accent-1 {

  color: var(--color-accent-1);

}



.text-accent-2 {

  color: var(--color-accent-2);

}



.text-light-1 {

  color: var(--color-light-1);

}



.text-light-2 {

  color: var(--color-light-2);

}



.text-dark-1 {

  color: var(--color-dark-1);

}



.text-dark-2 {

  color: var(--color-dark-2);

}



.text-dark-3 {

  color: var(--color-dark-3);

}



.text-info-1 {

  color: var(--color-info-1);

}



.text-info-2 {

  color: var(--color-info-2);

}



.text-warning-1 {

  color: var(--color-warning-1);

}



.text-warning-2 {

  color: var(--color-warning-2);

}



.text-error-1 {

  color: var(--color-error-1);

}



.text-error-2 {

  color: var(--color-error-2);

}



.text-success-1 {

  color: var(--color-success-1);

}



.text-success-2 {

  color: var(--color-success-2);

}



.text-white-50 {

  color: rgba(255, 255, 255, 0.5);

}



.text-white-60 {

  color: rgba(255, 255, 255, 0.6);

}



.text-sec {

  font-family: var(--font-secondary);

}



.d-none {

  display: none !important;

}



.d-flex {

  display: flex !important;

}



.d-block {

  display: block !important;

}



.d-inline-block {

  display: inline-block !important;

}



@media (max-width: 1199px) {

  .xl\:d-none {

    display: none !important;

  }



  .xl\:d-inline-block {

    display: inline-block !important;

  }



  .xl\:d-block {

    display: block !important;

  }



  .xl\:d-flex {

    display: flex !important;

  }

}



@media (max-width: 991px) {

  .lg\:d-none {

    display: none !important;

  }



  .lg\:d-inline-block {

    display: inline-block !important;

  }



  .lg\:d-block {

    display: block !important;

  }



  .lg\:d-flex {

    display: flex !important;

  }

}



@media (max-width: 767px) {

  .md\:d-none {

    display: none !important;

  }



  .md\:d-inline-block {

    display: inline-block !important;

  }



  .md\:d-block {

    display: block !important;

  }



  .md\:d-flex {

    display: flex !important;

  }

}



@media (max-width: 575px) {

  .sm\:d-none {

    display: none !important;

  }



  .sm\:d-inline-block {

    display: inline-block !important;

  }



  .sm\:d-block {

    display: block !important;

  }



  .sm\:d-flex {

    display: flex !important;

  }

}



.html-overflow-hidden {

  overflow: hidden !important;

}



.html-overflow-hidden body {

  overflow-y: scroll;

}



.origin-top {

  transform-origin: top !important;

}



.origin-left {

  transform-origin: left !important;

}



.overflow-scroll {

  overflow: scroll !important;

}



.overflow-hidden {

  overflow: hidden !important;

}



.overflow-normal {

  overflow: initial !important;

}



.overflow-visible {

  overflow: visible !important;

}



.pointer-events-auto {

  pointer-events: auto !important;

}



.pointer-events-none {

  pointer-events: none !important;

}



.bg-image {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  width: 100%;

  height: 100%;

}



.object-cover {

  -o-object-fit: cover;

  object-fit: cover;

}



.img-cover {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.img-ratio {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.line-through {

  text-decoration: line-through;

}



.underline {

  text-decoration: underline;

}



.italic {

  font-style: italic;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



.normal {

  text-transform: none;

}



.rounded-0 {

  border-radius: 0 !important;

}



.rounded-4 {

  border-radius: 4px;

}



.rounded-8 {

  border-radius: 8px !important;

}



.rounded-12 {

  border-radius: 12px;

}



.rounded-16 {

  border-radius: 16px;

}



.rounded-200 {

  border-radius: 200px !important;

}



.rounded-full {

  border-radius: 100%;

}



.border-white {

  border: 1px solid #FFF;

}



.border-white-10 {

  border: 1px solid rgba(255, 255, 255, 0.1);

}



.border-bottom-white-20 {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.border-top-white-20 {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.border-accent-1 {

  border: 1px solid var(--color-accent-1);

}



.border-1 {

  border: 1px solid var(--color-border) !important;

}



.border-light-1-top {

  border-top: 1px solid var(--color-light-1);

}



.border-bottom-border {

  border-bottom: 1px solid var(--color-border);

}



.border-table-1>*+* {

  border-top: 1px solid var(--color-border);

}



.border-row-1>*+* {

  border-left: 1px solid rgba(255, 255, 255, 0.1);

}



@media (max-width: 767px) {

  .border-row-1>*+* {

    border: none;

  }

}



.size-25 {

  flex-shrink: 0;

  width: 25px;

  height: 25px;

}



.size-40 {

  flex-shrink: 0;

  width: 40px;

  height: 40px;

}



.size-50 {

  flex-shrink: 0;

  width: 50px;

  height: 50px;

}



.size-60 {

  flex-shrink: 0;

  width: 60px;

  height: 60px;

}



.size-70 {

  flex-shrink: 0;

  width: 70px;

  height: 70px;

}



.size-80 {

  flex-shrink: 0;

  width: 80px;

  height: 80px;

}



.size-90 {

  flex-shrink: 0;

  width: 90px;

  height: 90px;

}



.size-130 {

  flex-shrink: 0;

  width: 130px;

  height: 130px;

}



@media (max-width: 767px) {

  .md\:size-60 {

    width: 60px;

    height: 60px;

  }

}



.shadow-1 {

  box-shadow: 0px 6px 50px 0px rgba(18, 34, 35, 0.07);

}



.hover-shadow-1 {

  transition: .2s;

}



.hover-shadow-1:hover {

  box-shadow: 0px 10px 40px 0px #0000000D;

}



.flex-center {

  display: flex;

  justify-content: center;

  align-items: center;

}



.flex-wrap {

  flex-wrap: wrap;

}



.h-40 {

  height: 40px;

}



.h-full {

  height: 100% !important;

}



@media (max-width: 767px) {

  .md\:h-map {

    height: 300px !important;

  }

}



.relative {

  position: relative;

}



.absolute {

  position: absolute;

}



.z--1 {

  z-index: -1 !important;

}



.z-0 {

  z-index: 0 !important;

}



.z-1 {

  z-index: 1 !important;

}



.z-2 {

  z-index: 2 !important;

}



.z-3 {

  z-index: 3 !important;

}



.z-4 {

  z-index: 4 !important;

}



.z-5 {

  z-index: 5 !important;

}



.sectionBg {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.sectionBg.-left {

  right: unset;

}



@media (max-width: 767px) {

  .sectionBg.-left {

    position: relative;

  }

}



.sectionBg.-left-2 {

  right: unset;

}



@media (max-width: 991px) {

  .sectionBg.-left-2 {

    position: relative;

    height: 400px;

  }

}



@media (max-width: 767px) {

  .sectionBg.-left-2 {

    height: 270px;

  }

}



.sectionBg.-type-1 {

  left: 60px;

  right: 60px;

}



@media (max-width: 1199px) {

  .sectionBg.-type-1 {

    position: relative;

    left: 0;

    right: 0;

    border-radius: 0 !important;

  }

}



.sectionBg.-type-1 img {

  width: 40vw;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 1199px) {

  .sectionBg.-type-1 img {

    width: 100%;

    height: 400px;

  }

}



.sectionBg.-type-2 {

  position: unset;

  display: flex;

  justify-content: flex-end;

}



.sectionBg.-type-2 .sectionBg__bg {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  left: 60px;

  right: 60px;

  z-index: -1;

}



@media (max-width: 1199px) {

  .sectionBg.-type-2 .sectionBg__bg {

    left: 0;

    right: 0;

  }

}



.sectionBg.-type-2 img {

  position: absolute;

  top: 0;

  right: 60px;

  width: 40vw;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 1199px) {

  .sectionBg.-type-2 img {

    position: relative;

    right: unset;

    width: 100%;

    height: 400px;

    padding: 0 60px;

    margin-bottom: 40px;

  }

}



@media (max-width: 767px) {

  .sectionBg.-type-2 img {

    padding: 0;

  }

}



.sectionBg.-mx-60 {

  margin: 0 60px;

}



@media (max-width: 1600px) {

  .sectionBg.-mx-60 {

    margin: 0;

  }

}



@media (max-width: 1199px) {

  .sectionBg.-mx-60 {

    margin: 0;

  }

}



.-hover-image-scale__image {

  overflow: hidden;

}



.-hover-image-scale__image>*:nth-child(1) {

  transition: 0.6s;

}



.-hover-image-scale:hover .-hover-image-scale__image>*:nth-child(1) {

  transform: scale(1.15);

}



.-hover-button-center__wrap {

  position: relative;

}



.-hover-button-center__button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateY(-50%) translateX(-50%);

  z-index: 1;

  transition: all 0.2s ease;

  pointer-events: none;

  opacity: 0;

}



.-hover-button-center:hover .-hover-button-center__button {

  pointer-events: auto;

  opacity: 1;

}



.blur-1 {

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

}



.line.-vertical {

  width: 1px;

}



.line.-horizontal {

  height: 1px;

}



.line.-w-140 {

  width: 140px;

}



.imageGrid.-type-1 {

  position: relative;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

}



@media (max-width: 991px) {

  .imageGrid.-type-1 {

    display: grid;

    grid-template-columns: 0.4fr 1fr;

    gap: 20px;

    justify-content: flex-start;

    width: 100%;

  }

}



.imageGrid.-type-1>*:nth-child(1) {

  position: absolute;

  right: calc(100% + 40px);

  width: 280px;

}



@media (max-width: 991px) {

  .imageGrid.-type-1>*:nth-child(1) {

    position: relative;

    right: unset;

    width: 100%;

  }

}



.imageGrid.-type-1>*:nth-child(1) img {

  width: 100%;

}



.imageGrid.-type-1>*:nth-child(2) {

  position: relative;

  z-index: 0;

}



.imageGrid.-type-1>*:nth-child(2) img {

  width: 620px;

}



@media (max-width: 991px) {

  .imageGrid.-type-1>*:nth-child(2) img {

    width: 100%;

  }

}



.imageGrid.-type-1>*:nth-child(2)::before {

  content: "";

  position: absolute;

  top: 60px;

  left: 60px;

  right: -20px;

  bottom: -20px;

  border: 1px solid black;

  z-index: -1;

}



@media (max-width: 767px) {

  .imageGrid.-type-1>*:nth-child(2)::before {

    top: 20px;

    left: 20px;

    right: -10px;

    bottom: -10px;

  }

}



.imageGrid.-type-2 {

  display: grid;

  align-items: center;

  grid-template-columns: 0.75fr 1fr 0.75fr 1fr 0.75fr;

  gap: 30px;

  margin: 0 60px;

  padding-bottom: 100px;

}



@media (max-width: 1199px) {

  .imageGrid.-type-2 {

    grid-template-columns: repeat(5, 1fr);

    margin: 0 30px;

    margin-top: 60px;

    padding-bottom: 0;

  }

}



@media (max-width: 991px) {

  .imageGrid.-type-2 {

    grid-template-columns: repeat(3, 1fr);

  }

}



@media (max-width: 767px) {

  .imageGrid.-type-2 {

    grid-template-columns: repeat(2, 1fr);

    margin: 0 24px;

    margin-top: 50px;

  }

}



.imageGrid.-type-2>*:nth-child(2) {

  position: relative;

  bottom: -100px;

}



@media (max-width: 1199px) {

  .imageGrid.-type-2>*:nth-child(2) {

    bottom: unset;

  }

}



.imageGrid.-type-3 {

  position: relative;

  display: flex;

  justify-content: flex-end;

  padding-bottom: 145px;

}



.imageGrid.-type-3>*:nth-child(1) {

  position: absolute;

  top: 322px;

  left: 0;

}



@media (max-width: 767px) {

  .imageGrid.-type-3 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    padding-bottom: 0;

  }



  .imageGrid.-type-3>*:nth-child(1) {

    position: relative;

    top: unset;

    left: unset;

  }

}



.imageGrid.-type-4 {

  display: grid;

  gap: 20px;

  grid-template-columns: 0.66fr 0.33fr;

  grid-template-rows: repeat(2, 240px);

}



.imageGrid.-type-4>*:nth-child(1) {

  grid-row: span 2;

}



.imageGrid.-type-4 img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.imageGrid.-type-5 {

  position: relative;

  left: -30px;

  width: calc(100% + 60px);

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 60px;

}



@media (max-width: 991px) {

  .imageGrid.-type-5 {

    left: 0;

    grid-template-columns: repeat(2, 1fr);

    width: 100%;

    padding: 0 20px;

  }

}



@media (max-width: 767px) {

  .imageGrid.-type-5 {

    grid-template-columns: repeat(1, 1fr);

    gap: 30px;

  }

}



.imageGrid.-type-5>*:nth-child(2n) {

  padding-top: 100px;

}



@media (max-width: 767px) {

  .imageGrid.-type-5>*:nth-child(2n) {

    padding-top: 0;

  }

}



.imageGrid.-type-5 img {

  width: 100%;

  height: auto;

  -o-object-fit: cover;

  object-fit: cover;

}



.imageGrid__wrap.-type-6 {

  position: relative;

  padding-top: 170px;

  padding-bottom: 90px;

}



@media (max-width: 991px) {

  .imageGrid__wrap.-type-6 {

    padding: 0;

  }

}



.imageGrid.-type-6 {

  position: absolute;

  top: 0;

  left: 60px;

  right: 60px;

  bottom: 0;

  z-index: -1;

  display: grid;

  grid-template-columns: repeat(2, max-content);

  justify-content: space-between;

  grid-template-rows: masonry;

}



.imageGrid.-type-6>*:nth-child(1) {

  width: 18.2vw;

}



.imageGrid.-type-6>*:nth-child(2) {

  width: 18.2vw;

}



.imageGrid.-type-6>*:nth-child(3) {

  width: 18.2vw;

}



.imageGrid.-type-6>*:nth-child(4) {

  width: 18.2vw;

}



.imageGrid.-type-6>*:nth-child(2) {

  margin-left: 12vw;

}



.imageGrid.-type-6>*:nth-child(3) {

  margin-top: -6vw;

  margin-left: 12vw;

}



.imageGrid.-type-6>*:nth-child(4) {

  align-self: flex-end;

}



@media (max-width: 1199px) {

  .imageGrid.-type-6 {

    left: 20px;

    right: 20px;

  }



  .imageGrid.-type-6>*:nth-child(1) {

    width: 27vw;

  }



  .imageGrid.-type-6>*:nth-child(2) {

    width: 27vw;

  }



  .imageGrid.-type-6>*:nth-child(3) {

    width: 27vw;

  }



  .imageGrid.-type-6>*:nth-child(4) {

    width: 27vw;

  }



  .imageGrid.-type-6>*:nth-child(2) {

    margin-left: 6vw;

  }



  .imageGrid.-type-6>*:nth-child(3) {

    margin-top: -12vw;

    margin-left: 6vw;

  }

}



@media (max-width: 991px) {

  .imageGrid.-type-6 {

    position: relative;

    left: unset;

    right: unset;

    align-items: center;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

    padding: 0 30px;

    margin-bottom: 30px;

  }



  .imageGrid.-type-6>*:nth-child(1) {

    width: 100%;

  }



  .imageGrid.-type-6>*:nth-child(2) {

    width: 100%;

  }



  .imageGrid.-type-6>*:nth-child(3) {

    width: 100%;

  }



  .imageGrid.-type-6>*:nth-child(4) {

    width: 100%;

  }



  .imageGrid.-type-6>*:nth-child(2) {

    margin-left: 0;

  }



  .imageGrid.-type-6>*:nth-child(3) {

    margin-top: 0;

    margin-left: 0;

  }



  .imageGrid.-type-6>*:nth-child(4) {

    align-self: unset;

  }

}



@media (max-width: 575px) {

  .imageGrid.-type-6 {

    grid-template-columns: repeat(2, 1fr);

    align-items: flex-start;

  }



  .imageGrid.-type-6>*:nth-child(3) {

    margin-top: -24vw;

  }

}



.hoverTitle {

  display: flex;

  align-items: center;

  transition: all 0.2s ease-out;

  opacity: 0.4;

}



.hoverTitle i {

  opacity: 0;

  transition: all 0.2s ease-out;

}



.hoverTitle:hover {

  color: currentColor;

  opacity: 1;

}



.hoverTitle:hover i {

  opacity: 1;

}



@media (max-width: 991px) {

  .sideImages.-type-1 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 30px;

    margin-bottom: 30px;

  }

}



@media (max-width: 575px) {

  .sideImages.-type-1 {

    gap: 20px;

  }

}



.sideImages.-type-1>* {

  position: absolute;

  top: 0;

  bottom: 0;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  z-index: -1;

}



@media (max-width: 1279px) {

  .sideImages.-type-1>* {

    width: 25.3vw;

  }

}



@media (max-width: 991px) {

  .sideImages.-type-1>* {

    position: relative;

    width: 100%;

  }

}



.sideImages.-type-1>*:nth-child(1) {

  left: 0;

}



.sideImages.-type-1>*:nth-child(2) {

  right: 0;

}



.sideImages.-type-2 {

  position: absolute;

  top: 50%;

  left: 60px;

  right: 60px;

  display: grid;

  grid-template-columns: repeat(2, 27vw);

  justify-content: space-between;

  transform: translateY(-50%);

  z-index: -1;

}



@media (max-width: 1199px) {

  .sideImages.-type-2 {

    position: relative;

    transform: none;

    top: unset;

    left: unset;

    right: unset;

    grid-template-columns: repeat(2, 1fr);

    gap: 120px;

    margin-bottom: 70px;

    padding: 0 50px;

  }

}



@media (max-width: 991px) {

  .sideImages.-type-2 {

    gap: 50px;

  }

}



@media (max-width: 767px) {

  .sideImages.-type-2 {

    gap: 20px;

    padding: 20px;

    padding-bottom: 0;

    margin-bottom: 40px;

  }

}



.newsletter.-type-1 {

  position: relative;

}



.newsletter.-type-1 input {

  border-radius: 16px;

  width: 100%;

  height: 70px;

  padding: 0 30px;

}



@media (max-width: 1199px) {

  .newsletter.-type-1 input {

    background-color: var(--color-light-1) !important;

  }

}



.newsletter.-type-1 button {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  padding: 0 30px;

}



.navAbsolute {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  display: flex;

  align-items: center;

  justify-content: space-between;

  z-index: 1;

}



.navAbsolute.-type-2 {

  left: -150px;

  right: -150px;

}



.navAbsolute.-type-3 {

  left: 90px;

  right: 90px;

}



@media (max-width: 767px) {

  .navAbsolute.-type-3 {

    left: 20px;

    right: 20px;

  }

}



.navAbsolute.-type-4 {

  left: 30px;

  right: 30px;

}



.lineGrid.-type-1 {

  display: grid;

  grid-template-columns: 1fr min-content 1fr;

  align-items: center;

  gap: 105px;

}



@media (max-width: 991px) {

  .lineGrid.-type-1 {

    grid-template-columns: 1fr;

    gap: 40px;

  }

}



.lineGrid.-type-1 .lineGrid__content {

  padding: 100px 0;

}



@media (max-width: 991px) {

  .lineGrid.-type-1 .lineGrid__content {

    padding: 0;

  }



  .lineGrid.-type-1 .lineGrid__content img {

    width: 100%;

  }

}



.lineGrid.-type-1 .lineGrid__content.-no-padding {

  padding: 0;

  align-self: flex-start;

}



.lineGrid.-type-1 .lineGrid__line {

  width: 1px;

  height: 100%;

  background-color: var(--color-accent-1);

}



@media (max-width: 991px) {

  .lineGrid.-type-1 .lineGrid__line {

    display: none;

  }

}



.ss-scale .ss-scale__item {

  height: 100px;

  transition: all 0.5s ease;

}



@media (max-width: 767px) {

  .ss-scale .ss-scale__item {

    height: 0;

  }

}



.ss-scale .swiper-slide-active .ss-scale__item {

  height: 0;

}



.ss-scale-2 .swiper-slide {

  transform: scale(0.85);

  transition: all 0.5s ease;

}



.ss-scale-2 .swiper-slide-active {

  transform: scale(1);

}



.roomCardGrid {

  display: grid;

  grid-template-columns: 0.7fr 1fr;

  gap: 150px;

  align-items: center;

}



@media (max-width: 991px) {

  .roomCardGrid {

    grid-template-columns: 1fr;

    gap: 60px;

  }



  .roomCardGrid>*:nth-child(1) {

    order: 2;

  }

}



@media (max-width: 575px) {

  .roomCardGrid {

    gap: 30px;

  }

}



.roomCardGrid.-reverse {

  grid-template-columns: 1fr 0.7fr;

}



.roomCardGrid.-reverse>*:nth-child(1) {

  order: 2;

}



.roomCardGrid.-reverse>*:nth-child(2) {

  order: 1;

}



@media (max-width: 991px) {

  .roomCardGrid.-reverse {

    grid-template-columns: 1fr;

    gap: 60px;

  }

}



@media (max-width: 575px) {

  .roomCardGrid.-reverse {

    gap: 30px;

  }

}



.ulList.-type-1 li::before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 6px;

  height: 6px;

  border-radius: 100%;

  background-color: var(--color-accent-2);

  margin-right: 10px;

}



.ulList.-type-1 li+li {

  margin-top: 15px;

}



.roomsSingleGrid.-type-1 {

  position: relative;

  display: grid;

  grid-template-columns: 1fr 270px 270px;

  grid-template-rows: repeat(2, 280px);

  gap: 10px;

}



@media (max-width: 991px) {

  .roomsSingleGrid.-type-1 {

    grid-template-columns: 1fr 0.5fr 0.5fr;

    grid-template-rows: repeat(2, 1fr);

  }

}



@media (max-width: 767px) {

  .roomsSingleGrid.-type-1 {

    grid-template-columns: 1fr 1fr;

    grid-template-rows: repeat(1, 1fr);

  }

}



.roomsSingleGrid.-type-1>*:nth-child(1) {

  grid-row: span 2;

}



.roomsSingleGrid.-type-1 img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.roomsSingleGrid.-type-1 .roomsSingleGrid__button {

  position: absolute;

  bottom: 20px;

  right: 20px;

  display: flex;

  align-items: center;

  background-color: white;

  border-radius: 8px;

  height: 42px;

  padding: 0 20px;

  z-index: 1;

}



.w-auto {

  width: auto !important;

}



.tableWrap {

  overflow-x: auto;

}



.table.-type-1 {

  overflow-x: auto;

  display: block;

  width: -moz-max-content;

  width: max-content;

  white-space: nowrap;

}



.table.-type-1 tr+tr {

  border-bottom: 1px solid var(--color-border);

}



.table.-type-1 tr td {

  padding: 30px 0;

}



.table.-type-1 tr td:not(:first-child) {

  text-align: center;

}



.table.-type-1 .table__header th {

  height: 60px;

  font-weight: 500;

  font-size: 17px;

  padding: 0 30px;

  text-align: center;

}



.cta.-type-1 {

  position: relative;

  display: flex;

  align-items: center;

  height: 800px;

  z-index: 0;

}



@media (max-width: 991px) {

  .cta.-type-1 {

    height: 600px;

  }

}



@media (max-width: 575px) {

  .cta.-type-1 {

    height: 420px;

  }

}



.cta.-type-1 .cta__bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.cta.-type-1 .cta__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.-circle-1::before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 6px;

  height: 6px;

  border-radius: 100%;

  background-color: var(--color-accent-2);

  margin-right: 10px;

}



.-circle-2 {

  width: 6px;

  height: 6px;

  border-radius: 100%;

}



.blockquote {

  position: relative;

  padding: 60px 80px;

}



.blockquote::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 5px;

  height: 100%;

  background-color: var(--color-accent-1);

  z-index: 1;

}



.blockquote__icon {

  position: absolute;

  bottom: 50px;

  right: 64px;

}



.blockquote__text {

  font-size: 24px;

  font-weight: 500;

  line-height: 40px;

  padding-right: 40px;

}



@media (max-width: 991px) {

  .blockquote__text {

    padding-right: 0;

  }

}



.table.-type-2 th {

  padding: 25px 40px;

  line-height: 1;

  font-weight: 500;

}



.table.-type-2 tbody>tr+tr {

  border-top: 1px solid var(--color-border);

}



.table.-type-2 td {

  padding: 20px 40px;

}



.about.-type-1 {

  position: relative;

}



.about.-type-1 .about__images {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  align-items: center;

  gap: 100px;

}



.about.-type-1 .about__images img {

  width: 100%;

}



@media (max-width: 1199px) {

  .about.-type-1 .about__images {

    gap: 30px;

  }

}



@media (max-width: 575px) {

  .about.-type-1 .about__images {

    gap: 10px;

  }

}



.about.-type-1 .about__backTitle {

  position: absolute;

  top: 72px;

  left: 0;

  width: 100%;

  font-size: 170px;

  font-weight: 500;

  text-align: center;

  z-index: -1;

}



@media (max-width: 1199px) {

  .about.-type-1 .about__backTitle {

    font-size: 120px;

  }

}



@media (max-width: 991px) {

  .about.-type-1 .about__backTitle {

    top: 70px;

    font-size: 90px;

  }

}



@media (max-width: 575px) {

  .about.-type-1 .about__backTitle {

    top: 40px;

    font-size: 54px;

  }

}



.about.-type-1 .about__content {

  margin-top: -70px;

}



@media (max-width: 991px) {

  .about.-type-1 .about__content {

    margin-top: -30px;

  }

}



@media (max-width: 575px) {

  .about.-type-1 .about__content {

    margin-top: 0;

  }

}



.about.-type-1 .about__title {

  font-size: 120px;

  margin-bottom: 30px;

}



@media (max-width: 1199px) {

  .about.-type-1 .about__title {

    font-size: 90px;

  }

}



@media (max-width: 767px) {

  .about.-type-1 .about__title {

    font-size: 70px;

  }

}



@media (max-width: 575px) {

  .about.-type-1 .about__title {

    font-size: 50px;

  }

}



.mt--50 {

  margin-top: -50px;

}



.cardRow-card {

  position: relative;

}



.cardRow-card img {

  width: 100%;

}



.cardRow-card__content {

  position: absolute;

  bottom: 60px;

  left: 0;

  width: 100%;

  text-align: center;

  z-index: 1;

}



.custom-icon-minus {

  display: flex;

  align-items: center;

  justify-content: center;

}



.custom-icon-minus span {

  width: 12px;

  height: 1px;

  background-color: var(--color-accent-1);

}



.cursor-pointer {

  cursor: pointer;

}



.custom-icon-plus {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.custom-icon-plus span {

  width: 12px;

  height: 2px;

  background-color: var(--color-accent-1);

}



.custom-icon-plus>*:nth-child(2) {

  position: absolute;

  width: 2px;

  height: 12px;

}



.mapMarker {

  outline: 10px solid rgba(249, 218, 186, 0.1);

}



@media (max-width: 767px) {

  .md\:ratio-1\:1::before {

    padding-bottom: 100%;

  }

}



.cardImage.-type-1 {

  position: relative;

  height: 860px;

}



@media (max-width: 1279px) {

  .cardImage.-type-1 {

    height: 600px;

  }

}



@media (max-width: 767px) {

  .cardImage.-type-1 {

    height: 400px;

  }

}



.cardImage.-type-1 .cardImage__image {

  width: 100%;

  height: 100%;

}



.cardImage.-type-1 .cardImage__image img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.cardImage.-type-1 .cardImage__content {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 0 90px;

  padding-top: 50px;

}



@media (max-width: 1279px) {

  .cardImage.-type-1 .cardImage__content {

    padding: 0 30px;

    padding-top: 50px;

  }

}



@media (max-width: 991px) {

  .cardImage.-type-1 .cardImage__content {

    padding: 0 90px;

    padding-top: 20px;

  }

}



@media (max-width: 767px) {

  .cardImage.-type-1 .cardImage__content {

    padding: 0 30px;

    padding-top: 20px;

  }

}



@media (max-width: 575px) {

  .cardImage.-type-1 .cardImage__content {

    padding: 0 50px;

  }

}



.cardImage.-type-1 .cardImage__button {

  transition: all .2s;

  opacity: 0;

  pointer-events: none;

}



@media (max-width: 991px) {

  .cardImage.-type-1 .cardImage__button {

    opacity: 1;

    pointer-events: auto;

  }

}



.cardImage.-type-1:hover .cardImage__button {

  opacity: 1;

  pointer-events: auto;

}



.sectionSlider.-type-1 {

  position: relative;

}



.sectionSlider.-type-1 .sectionSlider__content {

  transition: all 0.2s;

  opacity: 0;

}



.sectionSlider.-type-1 .sectionSlider__bgContainer {

  overflow: hidden;

  position: absolute;

  bottom: -50px;

  left: -120px;

  right: -120px;

}



@media (max-width: 767px) {

  .sectionSlider.-type-1 .sectionSlider__bgContainer {

    bottom: -30px;

  }

}



.sectionSlider.-type-1 .sectionSlider__bg {

  width: 100%;

  height: 460px;

}



@media (max-width: 767px) {

  .sectionSlider.-type-1 .sectionSlider__bg {

    height: 250px;

  }

}



.sectionSlider.-type-1 .swiper-slide-active .sectionSlider__content {

  opacity: 1;

}



.verticalSlider {

  overflow: hidden;

  height: 780px;

}



@media (max-width: 991px) {

  .verticalSlider {

    height: auto;

  }

}



.verticalSlider__wrap {

  padding: 100px 0;

}



@media (max-width: 767px) {

  .verticalSlider__wrap {

    padding: 60px 0;

  }

}



.verticalSlider__nav {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 40px;

  display: grid;

  grid-template-columns: 1fr;

  gap: 30px;

  z-index: 1;

}



@media (max-width: 767px) {

  .verticalSlider__nav {

    right: 20px;

    gap: 20px;

  }

}



@media (max-width: 575px) {

  .verticalSlider__nav {

    right: 10px;

    gap: 10px;

  }

}



.verticalSlider__nav .pagination__item {

  display: flex;

  align-items: center;

  color: white;

  font-size: 17px;

  font-weight: 500;

}



.verticalSlider__nav .pagination__item::before {

  content: "";

  width: 25px;

  height: 1px;

  background-color: white;

  transform-origin: right;

  margin-right: 15px;

  transition: all 0.2s;

}



.verticalSlider__nav .pagination__item.is-active {

  opacity: 1;

}



.verticalSlider__nav .pagination__item.is-active::before {

  transform: scaleX(2);

}



.verticalSlider .swiper-slide {

  opacity: 0.3;

  transition: all 0.2s;

}



.verticalSlider .swiper-slide.swiper-slide-active {

  opacity: 1;

}



.icon-cross {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 0;

}



.icon-cross>* {

  width: 15px;

  height: 1px;

  background-color: currentColor;

}



.icon-cross>*:nth-child(1) {

  transform: rotate(45deg);

}



.icon-cross>*:nth-child(2) {

  position: absolute;

  transform: rotate(-45deg);

}



.progressBar {

  position: relative;

}



.progressBar__bg {

  width: 100%;

  height: 10px;

  border-radius: 20px;

}



.progressBar__bar {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 5;

  height: 100%;

  border-radius: 4px;

}



.progressBar__bar span {

  position: absolute;

  right: 0;

  bottom: 100%;

}



.tooltip {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #615E5E;

}



.tooltip__content {

  position: absolute;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 9px 12px;

  font-size: 15px;

  line-height: 1.2;

  background-color: var(--color-accent-1);

  color: white;

  border-radius: 4px;

  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

  opacity: 0;

}



.tooltip__content::after {

  content: '';

  position: absolute;

  width: 8px;

  height: 8px;

  background-color: black;

  transform: rotate(45deg);

}



.tooltip.-top .tooltip__content {

  bottom: calc(100% + 6px);

  transform: translateY(8px);

}



.tooltip.-top .tooltip__content::after {

  bottom: -4px;

}



.tooltip.-bottom .tooltip__content {

  top: calc(100% + 6px);

  transform: translateY(-8px);

}



.tooltip.-bottom .tooltip__content::after {

  top: -4px;

}



.tooltip.-left .tooltip__content {

  right: calc(100% + 6px);

  transform: translateX(8px);

}



.tooltip.-left .tooltip__content::after {

  right: -4px;

}



.tooltip.-right .tooltip__content {

  left: calc(100% + 6px);

  transform: translateX(-8px);

}



.tooltip.-right .tooltip__content::after {

  left: -4px;

}



.tooltip:hover .tooltip__content {

  transform: none;

  opacity: 1;

}



.noUi-target {

  height: 6px;

  border: none;

  background-color: var(--color-light-1) !important;

}



.noUi-connect {

  background-color: var(--color-accent-1) !important;

  box-shadow: 0 !important;

  position: relative;

  left: 10px;

}



.noUi-handle {

  width: 16px !important;

  height: 16px !important;

  border-radius: 100%;

  border: 2px solid var(--color-accent-1);

  box-shadow: 0 !important;

}



.noUi-handle::before {

  display: none;

}



.noUi-handle::after {

  display: none;

}



.circle {

  display: flex;

  width: 6px;

  max-width: 6px;

  height: 6px;

  max-height: 6px;

  border-radius: 100%;

}



.white-space {

  white-space: nowrap;

}



.hoverTitleInteraction__images {

  position: relative;

}



.hoverTitleInteraction__images>* {

  opacity: 0;

  transition: all 0.3s;

}



.hoverTitleInteraction__images>*+* {

  position: absolute;

  top: 0;

  right: 0;

}



.hoverTitleInteraction__images>*.is-active {

  opacity: 1;

}



@media (max-width: 767px) {

  .hoverTitleInteraction__images.-type-2 {

    height: 100%;

  }

}



.verticalSlider-images__button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateY(-50%) translateX(-50%);

  z-index: 1;

  transition: all 0.2s;

  opacity: 0;

}



.verticalSlider-images__images>* {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 10;

  transition: all 0.3s;

  opacity: 0;

  pointer-events: none;

}



.verticalSlider-images__images>*:hover .verticalSlider-images__button {

  opacity: 1;

}



.verticalSlider-images__images>*.is-active {

  opacity: 1;

  pointer-events: auto;

}



.marquee {

  --itemWidth: 125vw;

  --animationTime: 24s;

  display: flex;

  align-items: center;

  width: calc(var(--itemWidth) * 2);

  animation: marquee var(--animationTime) infinite linear;

}



@media (max-width: 1199px) {

  .marquee {

    --itemWidth: 150vw;

  }

}



@media (max-width: 991px) {

  .marquee {

    --itemWidth: 175vw;

  }

}



@media (max-width: 767px) {

  .marquee {

    --itemWidth: 210vw;

  }

}



@media (max-width: 575px) {

  .marquee {

    --itemWidth: 280vw;

  }

}



.marquee__item {

  display: grid;

  align-items: center;

  grid-template-columns: repeat(6, 1fr);

  gap: 30px;

  width: var(--itemWidth);

}



@media (max-width: 767px) {

  .marquee__item {

    gap: 15px;

  }

}



.marquee>*:nth-child(1) {

  padding-right: 30px;

}



.marquee>*:nth-child(2) {

  padding-right: 30px;

}



@keyframes marquee {

  0% {

    transform: translateX(0%);

  }



  100% {

    transform: translateX(-50%);

  }

}

.toast-message {

  position: fixed;

  bottom: 20px;

  right: 20px;

  background-color: #e8f4fd;

  border: 1px solid #b6e0fe;

  color: #0366d6;

  padding: 15px 25px;

  border-radius: 8px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.1);

  display: none; /* hidden by default */

  z-index: 99;

  opacity: 0;

  transition: opacity 0.4s ease, transform 0.4s ease;

}



.toast-message.show {

  display: block;

  opacity: 1;

  transform: translateY(0);

}



.toast-message.hide {

  opacity: 0;

  transform: translateY(-20px);

}



.reservation_btn {

    position: fixed;

    bottom: 80px;

    right: 40px;

    height: 50px;

    width: 50px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: #959e7b;

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);

    z-index: 100;

    overflow: hidden; /* hides text when collapsed */

    transition: all 0.3s ease;

    text-decoration: none; /* remove underline */ /* default text/icon color */

}



/* Icon (first span) */

.reservation_btn .flaticon-calendar {

    font-size: 25px;

    line-height: 1;

    flex-shrink: 0;

    z-index: 1;

    color: #fff;

}



/* Text (second span) */

.reservation_btn span:last-child {

    white-space: nowrap;

    margin-left: 10px;

    font-size: 14px;

    font-weight: 500;

    color: #fff;

    opacity: 0;

    display: none;

    transition: all 0.3s ease;

}



/* Hover effect only for medium+ screens */

@media (min-width: 768px) {

    .reservation_btn:hover {

        width: 160px; /* expand */

        border-radius: 25px; /* pill shape */

        justify-content: flex-start;

        display: flex;

        padding-left: 12px;

    }



    .reservation_btn:hover span:last-child {

        opacity: 1; /* reveal text */

        display: block;

    }

}



/* On small screens: always stay circle, hide text */

@media (max-width: 767px) {

    .reservation_btn {

        width: 50px !important;

        border-radius: 50%;

        justify-content: center;

        padding-left: 0;

    }

    .reservation_btn:hover{

        display: flex;

    }



    .reservation_btn span:last-child {

        display: none;

    }

}



.color-hover-accent-2:hover, .color-hover-accent-2:hover > * {

  color: var(--color-accent-2);

}

.row-start-1{

  grid-row-start: 1;

}

.desktopNav__item:not(.language)::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: var(--color-accent-1);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.3s ease;

}



.desktopNav__item:hover::after {

  transform: scaleX(1);

}

.active{

  background-color: var(--color-accent-1);

  color: var(--color-white);

  

  &:hover::after{

    transform: scaleX(0);

  }

}

.modal-backdrop {

    background-color: rgba(0, 0, 0, 0.5) !important; 

}

.cards-container {

  display: grid;

  grid-template-columns: repeat(3, 1fr);;

  /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */

  grid-gap: 20px; 

  width: 100%;

  margin: 0 auto;

    

  @media (max-width: 1200px) {

    grid-template-columns: repeat(2, 1fr);

  }







  

  @media (max-width: 600px) {

    grid-template-columns: 1fr;

  }

}

.room-card {

  position: relative;

  width: 100%;

  height: auto;

  aspect-ratio: 1/1;

  overflow: hidden;

  border-radius: 4px;

  cursor: pointer;



  .room-image {

    position: absolute;

    top: 0; left: 0;

    width: 100%; height: 100%;

    object-fit: cover;

    transition: transform .4s ease;

  }



  .overlay {

    position: absolute;

    top: 0; left: 0;

    width: 100%; height: 100%;

    background: rgba(149, 158, 123, 0.7); 

    opacity: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 20px;

    color: #fff;

    text-align: center;

    transition: opacity .35s ease;

  }



  .details {

    display: flex;

    flex-direction: column;

    gap: 10px; 



    h3 {

      font-size: 1.6rem;

      margin-bottom: 5px;

      font-weight: 600;

      color: #fff;

    }



   

    > div:last-child {

      display: flex;

      flex-direction: row;

      justify-content: center;

      gap: 20px; 



    }

  }



  .more-link {

    margin-top: 35px;

    display: inline-block;

    padding: 8px 20px;

    background: var(--color-accent-1);

    color: #fff;

    font-weight: 600;

    border-radius: 6px;

    text-decoration: none;

    transition: background .3s ease, transform .3s ease;



    &:hover {

      background: #f1f1f1;

      color: var(--color-accent-1);

      transform: translateY(-2px);

    }

  }



  &:hover {

    .room-image {

      transform: scale(1.07);

    }

    .overlay {

      opacity: 1;

    }

  }

}

#page-preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #ffffff; /* Background color behind the GIF */
    background-color: #4b624b
;
    z-index: 99999; /* Ensures it sits on top of everything */

    display: flex;

    justify-content: center; /* Horizontally center */

    align-items: center; /* Vertically center */

}



.preloader-image {

    /* Optional: Limit the size of the gif if it's too big */

     max-width: 300px;  

    /*width: 100%;*/

    height: auto;

}