@charset "UTF-8";

/* ____________________________________________ */
/* ________GET-VW__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-VH__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-EM__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-REM__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________FONT__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GUTTER__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________COLOR__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________BORDER RADIUS__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________INPUT FIELD__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________OTHER__________ */
/* ____________________________________________ */
:root {
  /* NAV GUTTER */
  --nav-gutter: 14px;
  /* CONTAINER */
  /* SLIDE */
  /* HEADER */
  /* HEADER STICKY */
  --header-height-sticky: 70px;
  /* OTHER */
  --headlinenews-left: 535px;
  --headlinenews-right: calc(100% - var(var(--headlinenews-left)));
  --font-family: "Roboto", sans-serif;
  /* genel baslık yazı boyutları */
  --title-font-size-2k: 34px;
  --title-font-size-normal: 30px;
  --title-font-size-mobil: 24px;
  /* küçük card baslıkları icin */
  --small-title-font-size-2k: 34px;
  --small-title-font-size-normal: 20px;
  --small-title-font-size-normal-2k: 30px;
  --small-title-font-size-mobil: 18px;
  /* genel paragraf yazı boyutları */
  --text-font-size-2k: 26px;
  --text-font-size-normal: 17px;
  --text-font-size-mobil: 18px;
  /* kartlar için ayarlamalar */
  --div-margin: 50px;
  --box-padding: 20px 50px;
  --theme-color: #8E8566;
  --background-grey-color: #FBFBFB;
  /* duyurlar yazan kısım ıcın */
  --card-text-grey-color: #9C9C9C;
  /* textler arası margin değerleri */
  --card-text-under-margin: 20px;
  /* duyurular yazan font size */
  --card-grey-text-font-size: 25px;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 1200px) {
  :root {
    --container: 1350px;
  }
}

@media (min-width: 1750px) {
  :root {
    --container: 1350px;
  }
}

@media (max-width: 479px) {
  :root {
    --container: 390px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  :root {
    --container: 600px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --container: 768px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --container: 992px;
  }
}

@media (min-width: 992px) {
  :root {
    --slide-height: 100vh;
  }
}

@media (max-width: 991px) {
  :root {
    --slide-height: 500px;
  }
}

@media (min-width: 768px) {
  :root {
    --header-height: 115px;
  }
}

@media (max-width: 767px) {
  :root {
    --header-height: 80px;
  }
}

/* stylelint-disable declaration-no-important */
/* __________________Reset_____________________ */
/* elad.medium.com/normalize-css-or-css-reset-9d75175c5d1e */
/* https://www.youtube.com/shorts/2lyDv0wOQuQ */
/* About container -> https://habr.com/ru/post/463923/ */
/* ____________________________________________ */
/* _________________General____________________ */
/* ____________________________________________ */
/* all: unset; */
html {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  font-family: var(--font-family), sans-serif;
}

*,
*::before,
*::after {
  -webkit-column-break-inside: inherit;
  -moz-column-break-inside: inherit;
  break-inside: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: inherit;
}

* {
  min-width: 0;
}

*::before,
*::after {
  vertical-align: inherit;
  text-decoration: inherit;
}

/* ____________________________________________ */
/* _______________Typography___________________ */
/* ____________________________________________ */
/* html */
:where(:root) {
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* :root */
:where(html) {
  font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
}

:where(code, kbd, samp, pre) {
  font-family: ui-monospace, "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

:where(body) {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizespeed;
}

:where(cite, address) {
  font-style: normal;
}

/* ____________________________________________ */
/* links */
:where(a) {
  display: inline-block;
  overflow-anchor: none;
  text-decoration: none;
  color: inherit;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.25em;
}

/* ____________________________________________ */
/* paragraph */
:where(p) {
  margin: 0;
  text-wrap: balance;
}

/* ____________________________________________ */
/* headers */
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-weight: normal;
  line-height: 1.3;
  text-wrap: balance;
}

:where(h1) {
  font-size: 32px;
}

:where(h2) {
  font-size: 24px;
}

:where(h3, h4, h5, h6) {
  font-size: 18px;
}

/* ____________________________________________ */
/* add typography inheritance | input */
::-webkit-input-placeholder {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

::-moz-placeholder {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

:-ms-input-placeholder {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

::-ms-input-placeholder {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

:where(button, input, select, textarea, optgroup, option),
::placeholder,
::file-selector-button {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

/* ____________________________________________ */
/* images */
:where(img, svg, picture) {
  vertical-align: middle;
  -o-object-fit: cover;
  object-fit: cover;
}

:where(img,
  svg,
  picture,
  iframe,
  input,
  video,
  audio,
  select,
  textarea,
  details,
  dialog,
  progress,
  canvas) {
  height: auto;
  max-width: 100%;
}

:where(figure) {
  margin: 0;
}

/* ____________________________________________ */
/* lists */
:where(ul, ol, dl) {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

::marker {
  color: inherit;
}

/* ____________________________________________ */
/* form cursor */
:where(form) {
  cursor: default;
}

/* form border */
:where(fieldset) {
  margin: 0;
  padding: 0;
}

/* btn reset */
:where(button, [type=buttton]) {
  overflow-anchor: none;
  border-width: 0;
  padding: 0;
  background-color: transparent;
}

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

[type=password]::-ms-reveal {
  display: none;
}

[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

/* ____________________________________________ */
/* add cursor pointer */
[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

:where(a,
  label,
  button,
  summary,
  [type=button],
  [type=reset],
  [type=submit],
  [type=range],
  [type=color],
  [type=checkbox],
  [type=radio]),
dialog::backdrop,
[popover]::backdrop,
[type=file]::file-selector-button,
[type=number]::-webkit-inner-spin-button,
[type=search]::-webkit-search-cancel-button,
[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

/* ____________________________________________ */
/* _________________Outline____________________ */
/* ____________________________________________ */
/* keyboard Tabs */
:where(a, button, summary, select, textarea, input) {
  outline-width: 0;
  outline-color: transparent;
}

:where([type=file]):focus {
  outline-width: 0;
}

:where(a,
  button,
  summary,
  [type=button],
  [type=reset],
  [type=submit],
  [type=range],
  [type=color],
  [type=radio],
  [type=checkbox],
  [tabindex="0"]):focus-visible {
  outline: 0.125rem solid #4682b4;
}

[type=file]::-webkit-file-upload-button:focus {
  outline: 0.125rem solid transparent;
}

:where(select,
  textarea,
  input:not([type=button],
    [type=reset],
    [type=submit],
    [type=range],
    [type=color],
    [type=radio],
    [type=checkbox],
    [type=file])):focus,
[type=file]::file-selector-button:focus {
  outline: 0.125rem solid transparent;
}

/* outline-offset */
[type=file]::-webkit-file-upload-button {
  outline-offset: 0.1875rem;
}

:where(summary,
  button,
  input:not([type=checkbox], [type=radio], [type=color]),
  select,
  textarea),
[type=file]::file-selector-button {
  outline-offset: 0.1875rem;
}

:where([type=checkbox], [type=radio], [tabindex="0"]) {
  outline-offset: 0.0625rem;
}

/**
 * 1. Correct the border color in all browsers.
 * 2. Add the correct box sizing in Firefox.
 */
:where(hr) {
  border: thin solid;
  /* 1 */
  border-color: #555 #808080 #808080 #555;
  /* 1 */
  height: 0;
  /* 2 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
:where(pre) {
  overflow: auto;
  /* 3 */
  font-size: inherit;
  /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: 700;
}

/**
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, samp) {
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
:where(svg:not([fill])) {
  fill: currentcolor;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-color: #a0a0a0;
  /* 2 */
  border-collapse: collapse;
  /* 1 */
  text-indent: 0;
  /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button, select) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */
:where(fieldset) {
  border: 0.0625rem solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: middle;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Change the resize direction in all browsers (opinionated).
 */
:where(textarea) {
  margin: 0;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 */
:where([type=search i]) {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* stylelint-disable-next-line selector-no-vendor-prefix */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::placeholder,
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

::file-selector-button,
::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button,
  input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button,
  input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  position: fixed;
  inset: 0;
  margin: auto;
  border: solid;
  padding: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #000;
  background-color: #fff;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */
:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
:where([aria-busy=true i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
:where([aria-hidden=false i][hidden]) {
  display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre,
fieldset,
ul,
ol,
menu,
form {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

input {
  border: 0 none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button {
  background: none;
  cursor: pointer;
}

button,
fieldset,
iframe {
  border: 0;
}

fieldset,
ul,
ol,
button,
menu {
  padding: 0;
}

ol,
ul {
  list-style: none;
}

textarea {
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  padding: 0;
}

svg:not(.ui-not) {
  width: 1em;
  height: 1em;
}

button {
  outline: 0;
}

.icon {
  font-size: 18px;
  color: currentColor;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

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

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

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

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

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

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

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes swing {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

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

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@-webkit-keyframes pulsateVideoPlay {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes pulsateVideoPlay {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    opacity: 0;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 479px) {
  .container {
    max-width: 390px;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 600px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: var(--container);
  }
}

.container-fluid {
  width: 100%;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1400px) {
  .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 1750px) {
  .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media (min-width: 2020px) {
  .container-fluid {
    max-width: 2000px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container-fluid {
    max-width: 992px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container-fluid {
    max-width: 768px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .container-fluid {
    max-width: 600px;
  }
}

@media (max-width: 479px) {
  .container-fluid {
    max-width: 390px;
  }
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: calc(-1 * 20px / 2);
  margin-right: calc(-1 * 20px / 2);
  row-gap: 20px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 480px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

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

.ui-d-inline-block {
  display: inline-block !important;
}

.ui-d-block {
  display: block !important;
}

.ui-d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.ui-d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
}

@media (max-width: 479px) {
  .ui-d-sm-none {
    display: none !important;
  }

  .ui-sm-d-inline-block {
    display: inline-block !important;
  }

  .ui-sm-d-block {
    display: block !important;
  }

  .ui-sm-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }

  .ui-sm-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (max-width: 767px) {
  .ui-md-d-none {
    display: none !important;
  }

  .ui-md-d-inline-block {
    display: inline-block !important;
  }

  .ui-md-d-block {
    display: block !important;
  }

  .ui-md-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }

  .ui-md-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (max-width: 991px) {
  .ui-lg-d-none {
    display: none !important;
  }

  .ui-lg-d-inline-block {
    display: inline-block !important;
  }

  .ui-lg-d-block {
    display: block !important;
  }

  .ui-lg-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }

  .ui-lg-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (max-width: 1199px) {
  .ui-xl-d-none {
    display: none !important;
  }

  .ui-xl-d-inline-block {
    display: inline-block !important;
  }

  .ui-xl-d-block {
    display: block !important;
  }

  .ui-xl-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }

  .ui-xl-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media print {
  .ui-print-d-none {
    display: none !important;
  }

  .ui-print-d-inline-block {
    display: inline-block !important;
  }

  .ui-print-d-block {
    display: block !important;
  }

  .ui-print-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }

  .ui-print-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .ui-gutter {
    margin-left: -20px;
    margin-right: -20px;
    row-gap: 40px;
  }

  .ui-gutter>.col,
  .ui-gutter>[class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ui-gutter-15 {
    margin-left: -15px;
    margin-right: -15px;
    row-gap: 30px;
  }

  .ui-gutter-15>.col,
  .ui-gutter-15>[class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ui-gutter-25 {
    margin-left: -25px;
    margin-right: -25px;
    row-gap: 50px;
  }

  .ui-gutter-25>.col,
  .ui-gutter-25>[class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .ui-gutter-30 {
    margin-left: -30px;
    margin-right: -30px;
    row-gap: 60px;
  }

  .ui-gutter-30>.col,
  .ui-gutter-30>[class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ui-gutter-40 {
    margin-left: -40px;
    margin-right: -40px;
    row-gap: 80px;
  }

  .ui-gutter-40>.col,
  .ui-gutter-40>[class*=col-] {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ui-gutter-large {
    margin-left: -50px;
    margin-right: -50px;
    row-gap: 100px;
  }

  .ui-gutter-large>.col,
  .ui-gutter-large>[class*=col-] {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.ui-gutter-5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
  row-gap: 10px;
}

.ui-gutter-5>.col,
.ui-gutter-5>[class*=col-] {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ui-gutter-1 {
  margin-left: -1px !important;
  margin-right: -1px !important;
  row-gap: 2px;
}

.ui-gutter-1>.col,
.ui-gutter-1>[class*=col-] {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background-color: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.85;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #fff;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*.fancybox-infobar {
  height: auto;
  left: 42px;
  top: auto;
  bottom: 180px;
  padding: 0;
  font-size: 7.4rem;
  line-height: 1;
  letter-spacing: -.22em;
  color: #fff;
  mix-blend-mode: normal;
  text-shadow: 0 3px 6px rgba(black, .16);
}*/
.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-toolbar button:not(:last-child) {
  display: none !important;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

@media (min-width: 768px) {
  .fancybox-slide.fancybox-slide--pdf {
    padding-left: 200px;
    padding-right: 200px;
  }
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  border-radius: 20px;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

/*.fancybox-button--close {
  position: fixed;
  display: block !important;
  width: 60px;
  height: 60px;
  right: 50px !important;
  top: 50px !important;
  padding: 0 !important;
  font-size: 40px;
  color: #fff !important;
  background: none;
  text-shadow: 0 3px 6px rgba(0,0,0,0.16);
}*/
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #fff;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation {
  position: absolute;
  right: 50px;
  bottom: 70px;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 65px;
  opacity: 0;
  position: relative;
  cursor: pointer;
  width: 50px;
}

.fancybox-navigation .fancybox-button:not(:last-child) {
  margin-right: 20px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
}

/* Caption */
.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

/*@supports (padding: max(0px)) {
  .fancybox-caption {
      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}*/
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #fff;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

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

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

/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

  /*@supports (padding: max(0px)) {
      .fancybox-caption {
          padding-left: max(12px, env(safe-area-inset-left));
          padding-right: max(12px, env(safe-area-inset-right));
      }
  }*/
}

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

/**
 * Swiper 10.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 1, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  text-rendering: auto;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 50px;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #fff);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-inline: 15px;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

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

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

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

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

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

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

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

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

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

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

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

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.swiper-buttons {
  z-index: 11;
}

@media (min-width: 768px) {
  .swiper-buttons:not([class*=ui-size-]) {
    --swiper-navigation-size: 20px;
  }
}

@media (max-width: 767px) {
  .swiper-buttons:not([class*=ui-size-]) {
    --swiper-navigation-size: 16px;
  }
}

@media (min-width: 768px) {
  .swiper-buttons.ui-size-small {
    --swiper-navigation-size: 18px;
  }
}

@media (max-width: 767px) {
  .swiper-buttons.ui-size-small {
    --swiper-navigation-size: 16px;
  }
}

.swiper-buttons:not([class*=ui-style-]) .swiper-button-next,
.swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
  background-color: rgba(196, 186, 147, 0.75);
  /* border-radius: 11px; */
}

.swiper-buttons:not([class*=ui-style-]) .swiper-button-next:hover,
.swiper-buttons:not([class*=ui-style-]) .swiper-button-prev:hover {
  background-color: #8E8566;
}

@media (min-width: 768px) {

  .swiper-buttons:not([class*=ui-style-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
    width: 40px;
    top: -55px;
    height: 170px;
  }
}

@media (max-width: 767px) {

  .swiper-buttons:not([class*=ui-style-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
    width: 35px;
    height: 40px;
  }
}

.swiper-buttons.ui-style-radius .swiper-button-next,
.swiper-buttons.ui-style-radius .swiper-button-prev {
  border: 1px solid #1e1e1e;
  color: #1e1e1e !important;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}

.swiper-buttons.ui-style-radius .swiper-button-next::after,
.swiper-buttons.ui-style-radius .swiper-button-prev::after {
  font-size: 14px;
}

.swiper-buttons.ui-style-radius .swiper-button-next:hover,
.swiper-buttons.ui-style-radius .swiper-button-prev:hover {
  background-color: #8E8566;
  color: #fff !important;
}

.swiper-buttons.ui-style-radius .swiper-button-prev {
  left: 0 !important;
}

.swiper-buttons.ui-style-radius .swiper-button-next {
  right: 0 !important;
}

.swiper-buttons .swiper-button-prev {
  padding-right: 2px;
}

.swiper-buttons .swiper-button-next {
  padding-left: 2px;
}

.swiper-buttons.ui-buttons-products {
  margin-top: -50px;
}

.swiper-buttons.ui-buttons-references {
  margin-top: -15px;
}

.swiper-buttons.ui-buttons-gallery {
  margin-top: -15px;
}

.swiper-buttons.ui-buttons-about {
  margin-top: -40px;
}

.swiper-buttons.ui-buttons-photos {
  margin-top: -30px;
}

.swiper-buttons.ui-buttons-sectors {
  margin-top: -20px;
}

@media (min-width: 768px) {

  .swiper-buttons.ui-buttons-sectors .swiper-button-next,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-prev {
    right: 15px !important;
  }
}

@media (max-width: 767px) {

  .swiper-buttons.ui-buttons-sectors .swiper-button-next,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-prev {
    right: -5px;
  }
}

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

  .swiper-buttons.ui-buttons-sectors .swiper-button-next,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-prev {
    right: 0;
  }
}

@media (min-width: 768px) {

  .swiper-buttons.ui-buttons-sectors .swiper-button-prev,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-next {
    left: 15px !important;
  }
}

@media (max-width: 767px) {

  .swiper-buttons.ui-buttons-sectors .swiper-button-prev,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-next {
    left: -5px;
  }
}

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

  .swiper-buttons.ui-buttons-sectors .swiper-button-prev,
  .swiper-buttons.ui-buttons-sectors .swiper-rtl .swiper-button-next {
    left: 0;
  }
}

.swiper-buttons:not([class*=ui-pos-]) {
  position: absolute;
  /* top: 50%; */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

@media (min-width: 768px) {

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
    right: -15px;
  }
}

@media (max-width:768px) {

  .swiper-buttons:not([class*=ui-style-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
    width: 110px;
  }

  .swiper-buttons.ui-buttons-products {
    bottom: 30px;
  }

  .product-inner-slider {
    height: 100%;
  }
}

@media (min-width: 1020px) {
  .swiper-buttons:not([class*=ui-pos-]) {
    top: 50%;
  }
}

@media (max-width: 767px) {

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
    right: -5px;
  }
}

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

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
    right: 0;
  }
}

@media (min-width: 768px) {

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
    left: -15px;
  }
}

@media (max-width: 767px) {

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
    left: -5px;
  }
}

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

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev,
  .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
    left: 0;
  }
}

.swiper-buttons.ui-pos-bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

@media (min-width: 768px) {
  .swiper-buttons.ui-pos-bottom-right {
    bottom: 40px;
    right: 0;
  }
}

@media (max-width: 767px) {
  .swiper-buttons.ui-pos-bottom-right {
    bottom: 20px;
    right: 0;
  }
}

.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
  margin-inline: auto;
  padding-inline: 10px;
  left: 0;
  max-width: var(--container);
}

@media (min-width: 768px) {
  .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.swiper-buttons.ui-pos-bottom-right .swiper-button-prev,
.swiper-buttons.ui-pos-bottom-right .swiper-button-next {
  position: relative;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper-buttons.ui-pos-top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

@media (min-width: 768px) {
  .swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
    top: -85px;
    right: 40px;
  }
}

@media (max-width: 767px) {
  .swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
    top: 20px;
    right: 10px;
  }
}

.swiper-buttons.ui-pos-top-right .swiper-button-prev,
.swiper-buttons.ui-pos-top-right .swiper-button-next {
  position: relative;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper-buttons.ui-pos-bottom-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  bottom: -30px;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  right: inherit !important;
}

@media (max-width: 767px) {
  .swiper-buttons.ui-pos-bottom-center:not([class*=ui-style-]) {
    top: 20px;
    right: 10px;
  }
}

.swiper-buttons.ui-pos-bottom-center .swiper-button-prev,
.swiper-buttons.ui-pos-bottom-center .swiper-button-next {
  position: relative;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper-buttons:not([class*=ui-color-]) .swiper-button-prev,
.swiper-buttons:not([class*=ui-color-]) .swiper-button-next {
  color: #fff;
}

.swiper-buttons.ui-color-dark .swiper-button-prev,
.swiper-buttons.ui-color-dark .swiper-button-next {
  color: #1e1e1e;
}

.swiper-headlinenews .swiper-pagination {
  background-color: #f8f8f8;
  bottom: 0;
  position: relative;
  width: var(--headlinenews-left);
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 53px;
  border-radius: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  font-size: 20px;
  color: #818181;
  background-color: transparent;
}

.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #8E8566;
  color: #fff;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 50px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  outline: 0;
  zoom: 1;
  display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #fff;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-backface-visibility: visible;
  border-radius: 20px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 50px;
}

.owl-nav-style .owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -80px;
}

.owl-nav-style .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  width: 50px;
  height: 220px;
  font-size: 18px;
  padding-top: 1px !important;
  background: rgba(32, 40, 40, 0.1);
  border: 1px solid transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.owl-nav-style .owl-theme .owl-nav [class*=owl-] svg path {
  stroke: #202828 !important;
  stroke-width: 2px !important;
}

.owl-nav-style .owl-theme .owl-nav [class*=owl-]:hover {
  background: #202828;
}

.owl-nav-style .owl-theme .owl-nav [class*=owl-]:hover svg path {
  stroke: #fff !important;
}

.owl-nav-style .owl-theme .owl-nav button.owl-prev {
  left: -70px;
  padding-right: 2px !important;
}

@media (max-width: 1199px) {
  .owl-nav-style .owl-theme .owl-nav button.owl-prev {
    left: 10px;
  }
}

@media (max-width: 768px) {
  .owl-nav-style .owl-theme .owl-nav button.owl-prev {
    left: 20px;
  }

  .owl-nav-style .owl-theme .owl-nav button.owl-next {
    right: 20px;
  }
}

.owl-nav-style .owl-theme .owl-nav button.owl-next {
  right: -70px;
  padding-left: 3px !important;
}

@media (max-width: 1199px) {
  .owl-nav-style .owl-theme .owl-nav button.owl-next {
    right: 10px;
  }
}

.owl-nav-style.products-nav__carousel .owl-nav {
  top: -260px;
  margin-top: 0;
  z-index: 2;
  max-width: calc(var(--container) - 10px + 140px);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 479px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    top: -175px;
    max-width: calc(390px - 10px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    max-width: calc(768px - 10px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    max-width: calc(992px - 10px);
  }
}

.owl-nav-style.products-nav__carousel .owl-nav [class*=owl-] {
  background: #FFFFFF;
}

.owl-nav-style.products-nav__carousel .owl-nav [class*=owl-] svg path {
  stroke: #8E8566 !important;
  stroke-width: 2px !important;
}

.owl-nav-style.products-nav__carousel .owl-nav [class*=owl-]:hover {
  background: #8E8566;
}

.owl-nav-style.products-nav__carousel .owl-nav [class*=owl-]:hover svg path {
  stroke: #fff !important;
}

.owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
  left: 0;
}

.owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
  right: 0;
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav {
  top: 50%;
  margin-top: -115px;
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav [class*=owl-] {
  background: none;
  width: 25px;
  height: 25px;
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav [class*=owl-] svg {
  font-size: 24px;
}

@media (max-width: 479px) {
  .owl-nav-style.ui-no-bg .owl-theme .owl-nav [class*=owl-] svg {
    font-size: 20px;
  }
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav [class*=owl-] svg path {
  stroke: rgba(32, 40, 40, 0.3) !important;
  stroke-width: 2px !important;
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav button.owl-prev {
  left: -50px;
}

@media (max-width: 1199px) {
  .owl-nav-style.ui-no-bg .owl-theme .owl-nav button.owl-prev {
    left: 0;
  }
}

.owl-nav-style.ui-no-bg .owl-theme .owl-nav button.owl-next {
  right: -50px;
}

@media (max-width: 1199px) {
  .owl-nav-style.ui-no-bg .owl-theme .owl-nav button.owl-next {
    right: 0;
  }
}

.owl-nav-style.ui-bottom-right .owl-theme .owl-nav {
  top: inherit;
  right: 0;
  bottom: 0;
  left: inherit;
  position: relative;
  text-align: right;
}

.owl-nav-style.ui-bottom-right .owl-theme .owl-nav [class*=owl-] {
  position: relative;
}

.owl-nav-style.ui-bottom-right .owl-theme .owl-nav button {
  left: inherit;
  right: inherit;
}

.owl-nav-style.ui-bottom-left .owl-theme .owl-nav {
  top: inherit;
  left: 0;
  right: inherit;
  bottom: 0;
  position: absolute;
  text-align: left;
  margin-top: 0;
}

.owl-nav-style.ui-bottom-left .owl-theme .owl-nav [class*=owl-] {
  position: relative;
}

.owl-nav-style.ui-bottom-left .owl-theme .owl-nav button {
  left: inherit !important;
  right: inherit !important;
}

.owl-nav-style.ui-bottom-left.detail-product__item-photos .owl-theme .owl-nav {
  bottom: 35px;
  left: -75px;
}

.owl-nav-style.ui-bottom-left.detail-product__item-photos .owl-theme .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  font-size: 16px;
}

.owl-nav-style.ui-bottom-left.detail-product__item-photos .owl-theme .owl-nav [class*=owl-] svg path {
  stroke: #fff !important;
}

.owl-nav-style.ui-bottom-center:not(.not) .owl-theme .owl-nav {
  position: relative;
  top: inherit;
  bottom: inherit;
}

.owl-nav-style.ui-bottom-center:not(.not) .owl-theme .owl-nav [class*=owl-] {
  position: relative;
}

.owl-nav-style.ui-bottom-center:not(.not) .owl-theme .owl-nav button {
  left: inherit !important;
  right: inherit !important;
}

.owl-nav-style.ui-top-right .owl-theme .owl-nav {
  margin-top: 0;
}

@media (min-width: 768px) {
  .owl-nav-style.ui-top-right .owl-theme .owl-nav {
    top: -140px;
    right: -5px;
    bottom: inherit;
    left: inherit;
  }
}

@media (max-width: 767px) {
  .owl-nav-style.ui-top-right .owl-theme .owl-nav {
    position: relative;
    top: 0;
    margin-top: 30px;
  }
}

.owl-nav-style.ui-top-right .owl-theme .owl-nav [class*=owl-] {
  position: relative;
}

.owl-nav-style.ui-top-right .owl-theme .owl-nav button {
  left: inherit !important;
  right: inherit !important;
}

@media (min-width: 768px) {
  .owl-nav-style.ui-top-right .owl-theme.ui-align-container .owl-nav {
    position: absolute;
    right: 0;
    left: 0;
    max-width: calc(var(--container) - 10px);
    margin-left: auto;
    margin-right: auto;
    text-align: right;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .owl-nav-style.ui-top-right .owl-theme.ui-align-container .owl-nav {
    max-width: calc(768px - 10px);
  }
}

@media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
  .owl-nav-style.ui-top-right .owl-theme.ui-align-container .owl-nav {
    max-width: calc(992px - 10px);
  }
}

.slide {
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  .slide {
    min-height: 100% !important;
  }
}

.slide,
.slide-material,
.hero {
  height: var(--slide-height) !important;
}

.slide-list {
  height: var(--slide-height);
}

@media (min-width:1px) and (max-width:995px) {
  :root {
    --slide-height: 790px;
  }
}

.slide-list:not(.ui-style-owl) {
  position: relative;
  top: 0;
  left: 0;
}

.slide-list:not(.ui-style-owl) li {
  display: none;
}

.slide-material {
  overflow: hidden;
  position: relative;
}

.slide-material img,
.slide-material video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slide-photo>div {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 1;
}

.slide-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.slide-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
  background-image: linear-gradient(to top, transparent, #000);
  opacity: 0.7;
}

.slide-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  padding-bottom: 230px;
}

@media (max-width: 767px) {
  .slide-container {
    padding-bottom: 80px;
  }
}

.slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55%;
}

@media (max-width: 767px) {
  .slide-content {
    text-align: center;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slide-content {
    width: 80%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .slide-content {
    width: 80%;
  }
}

.slide-content .heading {
  color: #fff;
  font-weight: 300;
  line-height: 1.15;
  font-size: 50px;
  letter-spacing: -0.5px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

@media (max-width: 991px) {
  .slide-content .heading {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .slide-content .heading {
    color: #fff;
  }
}

.slide-content>.text {
  color: #fff;
  margin-top: 20px;
  font-weight: 400;
  letter-spacing: -0.3px;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

@media (max-width: 767px) {
  .slide-content>.text {
    display: none;
  }
}

.slide-dots {
  position: absolute;
  top: 50%;
  left: 1vw;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  z-index: 2;
  text-align: center;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .slide-dots {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    top: inherit;
    bottom: 20px;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.slide-dots li {
  display: inline-block;
}

.slide-dots li a {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  position: relative;
  margin: 5px 0;
  border-radius: 999px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

@media (max-width: 767px) {
  .slide-dots li a {
    margin: 0 5px;
  }
}

.slide-dots li a::before {
  content: "";
  position: absolute;
  inset: 6px;
  background-color: #1e1e1e;
  border-radius: 999px;
  z-index: -1;
}

@media (max-width: 767px) {
  .slide-dots li a::before {
    background-color: #fff;
  }
}

.slide-dots li.is-active a {
  border: 1px solid #1e1e1e;
}

@media (max-width: 767px) {
  .slide-dots li.is-active a {
    border: 1px solid #fff;
  }
}

.slide-arrows {
  position: absolute;
  z-index: 11;
}

@media (min-width: 768px) {
  .slide-arrows {
    left: calc((100vw - var(--container)) / 2);
    bottom: 50px;
  }
}

@media (max-width: 767px) {
  .slide-arrows {
    right: 0;
    bottom: 40px;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

.slide-arrows button {
  z-index: 2;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 8px;
  background-color: #8E8566;
}

@media (min-width: 768px) {
  .slide-arrows button {
    width: 45px;
    height: 45px;
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .slide-arrows button {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

.slide-arrows button:not(:last-child) {
  margin-right: 7px;
}

@media (max-width: 767px) {
  .slide-arrows button:not(:last-child) {
    margin-right: 20px;
  }
}

.slide-arrows button:hover {
  background-color: #202828;
}

.slide-arrows button svg path {
  stroke-width: 2px !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-arrows button.prev {
  padding-right: 2px;
}

.slide-arrows button.next {
  padding-left: 2px;
}

.slide-list li.is-effect .slide-content .heading,
.slide-list li.is-effect .slide-content .text,
.slide-list li.is-effect .slide-content .small-title,
.slide-list li.is-effect .slide-content .buttons-container {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.slide-list .slide-content .heading,
.slide-list .slide-content>.text,
.slide-list .slide-content .small-title,
.slide-list .slide-content .buttons-container {
  opacity: 0;
  visibility: hidden;
}

.slide-list .slide-content .small-title {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}

.slide-list .slide-content .heading {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
}

.slide-list .slide-content>.text {
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);
}

.slide-list .slide-content .buttons-container {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.slide-list .slide-content .small-title {
  -webkit-transition: 0.9s 0.1s;
  transition: 0.9s 0.1s;
}

.slide-list .slide-content .heading {
  -webkit-transition: 0.9s 0.2s;
  transition: 0.9s 0.2s;
}

.slide-list .slide-content>.text {
  -webkit-transition: 0.9s 0.3s;
  transition: 0.9s 0.3s;
}

.slide-list .slide-content .buttons-container {
  -webkit-transition: 0.9s 0.4s;
  transition: 0.9s 0.4s;
}

.loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(255, 255, 255, 0.7);
}

.loading.ui-no-bg {
  background: transparent;
}

.loading:not([class*=ui-size-])::before {
  width: 100px;
  height: 100px;
}

.loading.ui-size-small {
  background: none;
}

.loading.ui-size-small::before {
  width: 60px;
  height: 60px;
}

.loading.is-visible {
  opacity: 1;
  visibility: visible;
}

.loading::before {
  content: "";
  position: absolute;
  border: 5px solid #fff;
  border-top: 5px solid #8E8566;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1e1e1e;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.overlay.is-visible {
  opacity: 0.6;
  visibility: visible;
}

.scrolltop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  background: #8E8566;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  z-index: 2002;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .scrolltop {
    right: 22px;
    bottom: 30px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .scrolltop {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 40px;
  }
}

@media (min-width: 768px) {
  .scrolltop .icon {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .scrolltop .icon {
    font-size: 16px;
  }
}

.scrolltop.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.buttons-container.ui-center {
  text-align: center;
  width: 100%;
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: inherit;
  text-align: center;
  line-height: 1.2;
  outline: 0;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  border-radius: 11px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button .icon {
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
}

.button .icon:not(.ui-pos-left) {
  margin-left: 17px;
}

.button .icon.ui-pos-left {
  margin-right: 13px;
}

.button.ui-area-full {
  width: 100%;
}

.button:not([class*=ui-size-]) {
  padding-left: 25px;
  padding-right: 25px;
  height: 50px;
  font-size: 15px;
}

.button.ui-size-small {
  padding-left: 17px;
  padding-right: 17px;
  height: 42px;
  font-size: 13px;
}

.button:not(.ui-color-disabled):hover .icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button:not([class*=ui-color-]) {
  background-color: #8E8566;
}

.button:not([class*=ui-color-]):hover {
  background-color: #202828;
}

.button.ui-color-1 {
  background-color: #202828;
  color: #fff;
}

.button.ui-color-1:hover {
  background-color: #8E8566;
}

.button.ui-color-light {
  background-color: #fff;
  color: #8E8566;
}

.button.ui-color-light .icon {
  color: currentColor;
}

.button.ui-color-wp {
  background: #25d366;
}

.button.ui-color-wp .icon {
  color: #25d366;
}

.button.ui-color-disabled {
  background-color: rgba(129, 129, 129, 0.3);
  color: #818181;
  cursor: not-allowed;
}

.button.ui-color-disabled .icon {
  color: #818181;
}

.button-border {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: inherit;
  text-align: center;
  line-height: 1.2;
  outline: 0;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  border-radius: 11px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button-border .icon {
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
}

.button-border .icon:not(.ui-pos-left) {
  margin-left: 17px;
}

.button-border .icon.ui-pos-left {
  margin-right: 13px;
}

.button-border.ui-area-full {
  width: 100%;
}

.button-border:not([class*=ui-size-]) {
  padding-left: 25px;
  padding-right: 25px;
  height: 50px;
  font-size: 15px;
}

.button-border.ui-size-small {
  padding-left: 17px;
  padding-right: 17px;
  height: 42px;
  font-size: 13px;
}

.button-border:not(.ui-color-disabled):hover .icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button-border:not([class*=ui-color-]) {
  border: 1px solid #fff;
}

.button-border:not([class*=ui-color-]):hover {
  background-color: #fff;
  color: #1e1e1e;
}

.button-border.ui-color-border-dark {
  color: #818181;
  border: 1px solid rgba(129, 129, 129, 0.08);
}

.button-border.ui-color-border-dark .icon {
  color: #818181;
}

.button-border.ui-color-wp {
  color: #25d366;
  border: 1px solid #25d366;
}

.button-border.ui-color-wp .icon {
  color: #25d366;
}

.button-border.ui-color-1 {
  color: #8E8566;
  border: 1px solid #8E8566;
}

.button-border.ui-color-1:hover {
  background-color: #8E8566;
  color: #fff;
}

.button-border.ui-color-1 .icon {
  color: #8E8566;
}

.button-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

@media (max-width: 479px) {
  .button-line {
    font-size: 13px;
  }
}

.button-line:hover .icon {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.button-line .icon {
  font-size: 14px;
  color: #8E8566;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button-line:not([class*=ui-color-]) {
  color: #8E8566;
}

.button-line.ui-color-light {
  color: #fff;
}

.button-line.ui-color-1 {
  color: #8E8566;
}

label.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

label.checkbox:not(:last-child) {
  margin-bottom: 6px;
}

label.checkbox.is-error .checkbox {
  border: 2px solid red !important;
}

label.checkbox.is-error .text {
  color: red !important;
}

label.checkbox.is-error .text a {
  color: red !important;
}

label.checkbox input {
  position: absolute;
  opacity: 0;
}

label.checkbox .checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: none;
  border: 2px solid #ebebeb;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

label.checkbox .checkbox:before {
  content: "✓";
  position: absolute;
  top: -3px;
  line-height: 0.7;
  font-size: 24px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  color: #8E8566;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

label.checkbox .text {
  color: #818181;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 13px !important;
  line-height: 1.3;
  padding-left: 10px;
}

label.checkbox .text span {
  opacity: 0.5;
  margin-left: 5px;
}

label.checkbox .text strong {
  font-weight: 900;
}

label.checkbox .text a {
  font-weight: 600;
  color: #8E8566;
}

label.checkbox input:checked+.checkbox:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

label.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

label.radio:not(.ui-no-align-center) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

label.radio input {
  position: absolute;
  opacity: 0;
}

label.radio .radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

label.radio .radio::before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  background: #8E8566;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

label.radio .text {
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 10px;
}

label.radio .text span {
  color: rgba(129, 129, 129, 0.7);
  margin-left: 5px;
}

label.radio input:checked+.radio:before {
  opacity: 1;
  visibility: visible;
}

select.selectbox {
  width: 100%;
  height: 55px;
  border: 1px solid #ebebeb;
  font-family: inherit;
  border-radius: 11px;
  padding-left: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.06);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.06);
  padding-right: 20px;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 400;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
}

select.selectbox::-webkit-input-placeholder {
  /* Edge */
  color: #1e1e1e;
}

select.selectbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1e1e1e;
}

select.selectbox::-moz-placeholder {
  color: #1e1e1e;
}

select.selectbox::-ms-input-placeholder {
  color: #1e1e1e;
}

select.selectbox::placeholder {
  color: #1e1e1e;
}

select.selectbox:before {
  content: "";
}

select.selectbox:focus+.icon.arrow {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

@media (max-width: 991px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.breadcrumb ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumb ul li.is-select a {
  color: #8E8566;
  font-weight: 500;
}

.breadcrumb ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #d9d9d9;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb ul li a {
    font-size: 12px;
  }
}

.breadcrumb ul li a::after {
  content: "/";
  margin-inline: 10px;
}

.breadcrumb ul li a:hover {
  color: #8E8566;
}

.breadcrumb ul li:last-child a:after {
  display: none;
}

.accordion>ul>li {
  background: #fff;
  border: 1px solid #ebebeb;
  overflow: hidden;
}

.accordion>ul>li.is-open {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
  box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
}

.accordion>ul>li.is-open .accordion-header {
  background: #f5f5f5;
}

.accordion>ul>li.is-open .accordion-header .title {
  color: #1e1e1e;
}

.accordion>ul>li.is-open .accordion-right>.icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.accordion:not([class*=ui-style-])>ul>li:not(:last-child) {
  margin-bottom: 40px;
}

.accordion.ui-style-1>ul>li:not(:last-child) {
  margin-bottom: 20px;
}

.accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 479px) {
  .accordion-header {
    padding: 20px 17px;
  }
}

@media (max-width: 991px) {
  .accordion-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.accordion-header .title {
  color: #000;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  max-height: 43px;
}

@media (max-width: 479px) {
  .accordion-header .title {
    font-size: 14px;
  }
}

.accordion-header .title:not([class*=ui-size-]) {
  font-size: 18px;
}

.accordion-header .title.ui-size-small {
  font-size: 14px;
}

.accordion-heading {
  color: #000;
  font-size: 18px;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  /* text-transform: uppercase; */
  max-height: 43px;
  margin-bottom: 20px;
}

@media (max-width: 479px) {
  .accordion-heading {
    font-size: 14px;
  }
}

.accordion-dropdown>ul>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 25px;
}

@media (max-width: 991px) {
  .accordion-dropdown>ul>li {
    padding: 15px;
  }
}

.accordion-dropdown>ul>li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.accordion-dropdown>ul>li .text {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 1.4;
  padding-right: 75px;
}

@media (max-width: 991px) {
  .accordion-dropdown>ul>li .text {
    padding-right: 55px;
  }
}

.accordion-dropdown>ul>li .icon {
  font-size: 23px;
  border-left: 1px solid #ebebeb;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accordion-dropdown>ul>li .icon:hover {
  background-color: #fafafa;
}

.accordion-right {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .accordion-right {
    margin-left: 0;
    margin-top: 5px;
  }
}

.accordion-right>.icon {
  margin-top: 5px;
  color: #818181;
  font-size: 13px;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.accordion-right .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(129, 129, 129, 0.7);
}

.accordion-right .date .icon {
  font-size: 12px;
  margin-right: 5px;
}

.accordion-right .date .text {
  font-size: 11px;
}

.accordion-content {
  padding-left: 35px;
  padding-right: 35px;
  display: none;
}

.accordion-content .page-content__description {
  font-size: 14px;
  font-weight: 500;
  padding-top: 30px;
  padding-bottom: 30px;
}

.modal {
  background-color: #fff;
  position: fixed;
  inset: 0;
  z-index: 2003;
}

.modal-nav {
  will-change: transform, opacity;
  -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
  transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
  transition: opacity 0.4s, visibility 0.4s, transform 0.6s;
  transition: opacity 0.4s, visibility 0.4s, transform 0.6s, -webkit-transform 0.6s;
}

.modal-nav:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.modal-nav__header {
  height: 80px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .modal-nav__header {
    padding-left: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-nav__header {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .modal-nav__header .logo {
    display: none;
  }
}

.modal-nav__header .logo a {
  display: block;
  position: relative;
}

.modal-nav__header .logo a img {
  width: 130px;
}

.modal-nav__search {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

@media (max-width: 767px) {
  .modal-nav__search {
    width: calc(100% - 80px);
  }
}

.modal-nav__search input {
  height: 80px;
  font-family: inherit;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 60px;
  padding-bottom: 3px;
  color: #000;
  font-weight: 700;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.modal-nav__search input::-webkit-input-placeholder {
  /* Edge */
  color: #818181;
}

.modal-nav__search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #818181;
}

.modal-nav__search input::-moz-placeholder {
  color: #818181;
}

.modal-nav__search input::-ms-input-placeholder {
  color: #818181;
}

.modal-nav__search input::placeholder {
  color: #818181;
}

@media (min-width: 768px) {
  .modal-nav__search input {
    width: 400px;
  }

  .modal-nav__search input:focus {
    width: 450px;
  }
}

@media (max-width: 767px) {
  .modal-nav__search input {
    width: 100%;
  }
}

.modal-nav__search .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 28px;
  margin-top: -3px;
}

.modal-nav__search .icon svg {
  stroke: #dde0e4;
}

.modal-nav__search .borders {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-nav__search .borders>div {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 3px;
}

.modal-nav__search .borders>div:nth-child(1) {
  background-color: #ad3f81;
}

.modal-nav__search .borders>div:nth-child(2) {
  background-color: #18c5e8;
}

.modal-nav__search .borders>div:nth-child(3) {
  background-color: #f28532;
}

.modal-nav__search .borders>div:nth-child(4) {
  background-color: #e75c41;
}

.modal-nav__search .borders>div:nth-child(5) {
  background-color: #1bb39c;
}

.modal-nav__search .borders>div:nth-child(6) {
  background-color: #348ee5;
}

.modal-nav__search .borders>div:nth-child(7) {
  background-color: #f44184;
}

.modal-nav__close .btn {
  background-color: rgba(196, 186, 147, 0.1);
  width: 80px;
  height: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal-nav__close .btn:hover {
  background-color: #8E8566;
}

.modal-nav__close .btn:hover .icon {
  color: #fff;
}

.modal-nav__close .btn .icon {
  font-size: 32px;
  color: rgba(196, 186, 147, 0.85);
}

.modal-nav__wrapper {
  height: calc(100% - 80px);
}

@media (max-width: 991px) {
  .modal-nav__wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #8E8566 rgba(196, 186, 147, 0.1);
    scrollbar-width: thin;
  }

  .modal-nav__wrapper::-webkit-scrollbar-track {
    background-color: rgba(196, 186, 147, 0.1);
  }

  .modal-nav__wrapper::-webkit-scrollbar {
    width: 5px;
  }

  .modal-nav__wrapper::-webkit-scrollbar-thumb {
    background-color: #8E8566;
  }
}

@media (min-width: 768px) {
  .modal-nav__wrapper .row {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .modal-nav__categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
}

@media (max-width: 991px) {
  .modal-nav__categories ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .modal-nav__categories ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
}

@media (max-width: 991px) {
  .modal-nav__categories ul li:not(:last-child) a {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }
}

.modal-nav__categories ul li:hover a {
  color: #fff;
}

.modal-nav__categories ul li:hover a .icon {
  color: #fff;
}

.modal-nav__categories ul li:hover a .menu-bg {
  width: 100%;
}

.modal-nav__categories ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  color: #818181;
  font-size: 14px;
  /* text-transform: uppercase; */
  font-weight: 700;
  letter-spacing: 0.1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 992px) {
  .modal-nav__categories ul li a {
    height: calc((100vh - 80px) / 10);
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .modal-nav__categories ul li a {
    padding-left: 50px;
  }
}

@media (max-width: 991px) {
  .modal-nav__categories ul li a {
    padding-inline: 20px;
    height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-nav__categories ul li a {
    padding-left: 10px;
  }
}

.modal-nav__categories ul li a .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.modal-nav__categories ul li a .icon {
  color: #818181;
  font-size: 14px;
  opacity: 0.35;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 992px) {
  .modal-nav__categories ul li a .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
  }
}

@media (max-width: 991px) {
  .modal-nav__categories ul li a .icon {
    margin-left: 20px;
  }
}

.modal-nav__categories ul li a .menu-bg {
  background-color: #8E8566;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  will-change: width;
  width: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.modal-nav__lists {
  background-color: #f5f5f5;
}

@media (min-width: 992px) {
  .modal-nav__lists {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .modal-nav__lists ul {
    padding: 15px 25px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(129, 129, 129, 0.3) rgba(129, 129, 129, 0.1);
    scrollbar-width: thin;
    max-height: calc(100vh - 80px);
  }

  .modal-nav__lists ul::-webkit-scrollbar-track {
    background-color: rgba(129, 129, 129, 0.1);
  }

  .modal-nav__lists ul::-webkit-scrollbar {
    width: 5px;
  }

  .modal-nav__lists ul::-webkit-scrollbar-thumb {
    background-color: rgba(129, 129, 129, 0.3);
  }
}

@media (max-width: 991px) {
  .modal-nav__lists ul {
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .modal-nav__lists ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}

.modal-nav__lists ul li:hover a {
  color: #000;
}

@media (min-width: 992px) {
  .modal-nav__lists ul li:hover a::before {
    width: calc(100% + 25px * 2);
  }
}

@media (max-width: 991px) {
  .modal-nav__lists ul li:hover a::before {
    width: 100%;
  }
}

.modal-nav__lists ul li a {
  color: rgba(129, 129, 129, 0.65);
  display: block;
  /* text-transform: uppercase; */
  font-size: 13px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 992px) {
  .modal-nav__lists ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 991px) {
  .modal-nav__lists ul li a {
    padding: 12px 20px;
  }
}

.modal-nav__lists ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.08);
  will-change: width;
  width: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

@media (min-width: 992px) {
  .modal-nav__lists ul li a::before {
    right: calc(-1 * 25px);
    left: calc(-1 * 25px);
  }
}

@media (max-width: 991px) {
  .modal-nav__lists ul li a::before {
    right: 0;
    left: 0;
  }
}

@media (min-width: 992px) {
  .modal-nav__products {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .modal-nav__products {
    margin-inline: auto;
  }
}

@media (max-width: 479px) {
  .modal-nav__products {
    max-width: 390px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .modal-nav__products {
    max-width: 600px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-nav__products {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .modal-nav__products .products {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #8E8566 rgba(196, 186, 147, 0.1);
    scrollbar-width: thin;
    max-height: calc(100vh - 80px);
    padding: 30px;
  }

  .modal-nav__products .products::-webkit-scrollbar-track {
    background-color: rgba(196, 186, 147, 0.1);
  }

  .modal-nav__products .products::-webkit-scrollbar {
    width: 5px;
  }

  .modal-nav__products .products::-webkit-scrollbar-thumb {
    background-color: #8E8566;
  }
}

@media (max-width: 991px) {
  .modal-nav__products .products {
    padding: 20px;
  }
}

.button-fixed {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: var(--circle-size);
  height: var(--circle-size);
  position: fixed;
  border: 5px solid #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  text-align: center;
  color: #fff;
  z-index: 999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .button-fixed {
    --circle-size: 65px;
  }
}

@media (max-width: 767px) {
  .button-fixed {
    --circle-size: 55px;
  }
}

.button-fixed:not(.is-active) {
  opacity: 0;
  visibility: hidden;
}

.button-fixed:not([class*=ui-color-]) {
  background: #25d366;
}

.button-fixed:not([class*=ui-color-])::before,
.button-fixed:not([class*=ui-color-])::after {
  background: rgba(37, 211, 102, 0.1);
}

@media (min-width: 768px) {
  .button-fixed {
    right: 20px;
    bottom: 40px;
  }
}

@media (max-width: 767px) {
  .button-fixed {
    right: 12px;
    bottom: 100px;
  }
}

.button-fixed::before,
.button-fixed::after {
  content: "";
  position: absolute;
  border-radius: 100%;
  -webkit-animation: pulsate 1.5s ease-out;
  animation: pulsate 1.5s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}

.button-fixed::before {
  width: var(--circle-size)15px;
  height: var(--circle-size)15px;
}

.button-fixed::after {
  width: var(--circle-size)35px;
  height: var(--circle-size)35px;
}

@media (min-width: 768px) {
  .button-fixed .icon {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .button-fixed .icon {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .button-fixed.is-active {
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px);
  }
}

@media (max-width: 767px) {
  .button-fixed.is-active {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

.comments .swiper {
  overflow: inherit;
}

.comments .swiper-container {
  overflow: hidden;
  padding: 30px;
  margin: -30px 60px;
}

.comments-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  padding: 50px;
}

@media (max-width: 767px) {
  .comments-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

.comments-cover {
  width: 100px;
  height: 100px;
  border-radius: 999px;
  background-color: #8E8566;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comments-cover .icon {
  font-size: 42px;
  color: #202828;
}

.comments-desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .comments-desc {
    padding-left: 0;
    padding-top: 30px;
  }
}

.comments-desc .text {
  font-size: 16px;
  color: #818181;
  margin-bottom: 20px;
}

.comments-desc .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.3;
}

.comments-desc .bottom .name {
  font-size: 18px;
  font-weight: 700;
  color: #1e1e1e;
}

.comments-desc .bottom .degree {
  font-size: 16px;
  color: #818181;
}

.blog ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog a {
  display: block;
  position: relative;
}

.blog-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
}

.blog-card:hover .blog-photo img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.blog-photo {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

@media (min-width: 1750px) {
  .blog-photo {
    height: 250px;
  }
}

.blog-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.blog-body {
  background-color: #fff;
  padding: 25px;
  padding-top: 30px;
  position: relative;
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-body__icon {
  font-size: 24px;
  color: #fff;
  background-color: #8E8566;
  width: 60px;
  height: 60px;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 20px;
  top: -40px;
  -webkit-box-shadow: 0 10px 20px rgba(32, 40, 40, 0.15);
  box-shadow: 0 10px 20px rgba(32, 40, 40, 0.15);
}

.blog-body .date {
  position: absolute;
  left: 20px;
  top: -20px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background-color: #8E8566;
  padding-inline: 15px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  line-height: 1;
}

.blog-body .date .icon {
  font-size: 12px;
  margin-right: 8px;
}

.blog-body .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1e1e1e;
  line-height: 1.3;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.blog-body .text {
  font-size: 14px;
  color: #818181;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.blog-body .button-line {
  position: absolute;
  left: 25px;
  bottom: 25px;
  color: #8E8566;
}

.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1001;
  height: var(--header-height);
}

.header.js-header-sticky {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #34322e;
  height: 90px;
}

@media (max-width: 767px) {
  .header.js-header-sticky .header-logo {
    top: 10px;
  }

  .header.js-header-sticky .hamburger {
    top: 35%;
  }

  .header.js-header-sticky .header-languages {
    top: 50%;
  }
}

.header.js-header-sticky.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  position: relative;
}

.header .hamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 1200px) {
  .header .hamburger {
    display: none;
  }
}

.header .hamburger .icon {
  font-size: 22px;
  color: #fff;
}

@media (max-width: 767px) {
  .header-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
  }

  .header-logo img {
    width: 150px !important;
  }
}

.header-logo a {
  display: block;
  position: relative;
}

.header-logo h1 {
  font-size: 0;
  margin: 0;
}

.header-logo img {
  width: 200px;
}

.header-languages {
  position: relative;
}

@media (max-width: 767px) {
  .header-languages {
    position: absolute;
    right: 10px;
    top: 65%;
    transform: translateY(-50%);
  }
}

.header-languages:hover .header-languages-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
}

.header-languages:hover>a {
  color: #fff;
}

.header-languages>a {
  /* border-radius: 999px; */
  /* border: 1px solid #fff; */
  padding-left: 10px;
  padding-right: 10px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-languages>a .icon {
  font-size: 14px;
  margin-left: 10px;
}

.header-languages>a .icon img {
  width: 20px;
}

.header-languages-sub {
  width: 100%;
  background-color: #1e1e1e;
  padding: 11px;
  border-radius: 0px 0px 3px 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  pointer-events: none;
  position: absolute;
  top: 75px;
  left: 0px;
  z-index: 111;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  min-width: 80px;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

.header-languages-sub ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header-languages {
  padding: 28px 10px 27px 10px;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(222, 219, 219, 0.4)); */
  backdrop-filter: blur(8px);
}

.header-languages:hover {
  padding: 28px 10px 27px 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(222, 219, 219, 0.4));
  backdrop-filter: blur(8px);
}

.header-languages-sub ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #616160;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-languages-sub ul li a:hover {
  text-decoration: underline;
}

.header-languages-sub ul li a .icon {
  font-size: 14px;
  /* margin-left: 5px; */
  -webkit-box-shadow: 0 0 5px rgba(30, 30, 30, 0.2);
  box-shadow: 0 0 5px rgba(30, 30, 30, 0.2);
}

.header-languages-sub ul li a .icon img {
  width: 20px;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: calc(-1 * var(--nav-gutter));
  margin-right: calc(-1 * var(--nav-gutter));
}

@media (max-width: 1199px) {
  .navigation {
    display: none;
  }
}

.navigation-item>a,
.navigation-item>button {
  margin-left: 15px;
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: var(--header-height);
  line-height: 1.2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}

.navigation-item>a::before,
.navigation-item>button::before {
  content: "";
  position: absolute;
  left: 0;
  transform: translateX(0);
  height: 2px;
  bottom: 35px;
  width: 0;
  background-color: #8E8566;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.navigation-item:hover>a::before,
.navigation-item:hover>button::before {
  width: 100%;
}

.navigation-item.active>a::before,
.navigation-item.active>button::before {
  width: 100%;
}

.navigation-item.active>.navigation-links {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}

.navigation-links {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -10px;
  z-index: 1;
}

.navigation-links.ui-pos-right {
  right: 60px;
}

.navigation-links>li {
  display: block;
  background-color: #34322e;
}

.navigation-links>li.active>a {
  color: #8E8566;
}

.navigation-links>li.active>a::before {
  width: 100%;
}

.navigation-links>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 13px;
  -moz-column-gap: 13px;
  column-gap: 13px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  padding-block: 20px;
  margin-inline: 20px;
  color: #fff;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navigation-links>li>a:hover {
  color: #8E8566;
}

.navigation-links>li>a:hover::before {
  width: 100%;
}

.navigation-links>li>a::before {
  content: "";
  position: absolute;
  left: 0;
  /* Başlangıçta soldan başlasın */
  transform: translateX(0);
  /* Başlangıçta sıfırdan başlasın */
  height: 1px;
  bottom: 10px;
  width: 0;
  /* Başlangıçta genişlik 0 olacak */
  background-color: #8E8566;
  -webkit-transition: width 0.4s ease;
  /* Genişlik değişimini 0.4 saniyeye yayar */
  transition: width 0.4s ease;
}

.navigation-links>li>a .icon {
  color: #8E8566;
}

.navigation-links>li>a .icon svg:not(.ui-default) {
  font-size: 20px;
}

.navigation-links>li>a .icon svg.ui-default {
  font-size: 16px;
}

.navigation-links>li>a .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.navigation-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
  min-height: 450px;
  opacity: 0;
  visibility: hidden;
}

.navigation-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(245, 245, 245, 0.7);
}

.navigation-dropdown__content {
  padding-top: 50px;
  padding-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.navigation-mobile {
  position: fixed;
  background-color: rgba(30, 30, 30, 0.75);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-left: 10px;
}

.navigation-mobile.is-visible {
  opacity: 1;
  visibility: visible;
}

.navigation-mobile__wrapper {
  background: #f5f5f5;
  width: 750px;
  height: 100%;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  will-change: opacity, transform;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

@media (max-width: 479px) {
  .navigation-mobile__wrapper {
    max-width: 330px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .navigation-mobile__wrapper {
    max-width: 400px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navigation-mobile__wrapper {
    max-width: 400px;
  }
}

.navigation-mobile__wrapper.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.navigation-mobile__header {
  position: relative;
  z-index: 2;
}

.navigation-mobile__header-body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  height: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media (max-width: 479px) {
  .navigation-mobile__header-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.navigation-mobile__header-logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.navigation-mobile__header-logo a {
  display: block;
  position: relative;
}

.navigation-mobile__header-logo a img {
  width: 170px;
}

.navigation-mobile__header-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(129, 129, 129, 0.7);
}

.navigation-mobile__header-close .icon {
  font-size: 28px;
}

.navigation-mobile__content {
  height: calc(100% - 120px);
  overflow-y: auto;
}

.navigation-mobile__content>ul {
  padding-top: 15px;
  padding-bottom: 15px;
}

.navigation-mobile__content>ul:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.navigation-mobile__content-list>li.is-open>a {
  background: #fff;
}

.navigation-mobile__content-list>li.is-open>a .heading .text {
  color: #8E8566;
}

.navigation-mobile__content-list>li.is-open>a .heading .icon {
  color: rgba(196, 186, 147, 0.3);
}

.navigation-mobile__content-list>li>a {
  padding: 15px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: sticky;
  top: 0;
}

@media (max-width: 479px) {
  .navigation-mobile__content-list>li>a {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.navigation-mobile__content-list>li>a .icon.ui-plus {
  color: #8E8566;
  font-size: 20px;
}

.navigation-mobile__content-list>li>a .icon.ui-plus .fa-secondary {
  opacity: 0;
}

.navigation-mobile__content-list>li>a .heading {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-mobile__content-list>li>a .heading .text {
  color: #000;
  font-size: 18px;
  letter-spacing: -0.3px;
  font-weight: 700;
}

.navigation-mobile__content-list>li>a .heading .icon {
  width: 35px;
  margin-right: 10px;
  font-size: 24px;
  color: #818181;
}

.navigation-mobile__content-list>li>a .heading .icon img {
  width: 100%;
  height: 100%;
  -webkit-filter: invert(1) brightness(0);
  filter: invert(1) brightness(0);
}

.navigation-mobile__content-other {
  padding-left: 60px;
  padding-right: 60px;
}

@media (max-width: 479px) {
  .navigation-mobile__content-other {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.navigation-mobile__sub {
  display: none;
  background: rgba(0, 0, 0, 0.06);
}

.navigation-mobile__sub li {
  padding-left: 50px;
}

@media (max-width: 479px) {
  .navigation-mobile__sub li {
    padding-left: 30px;
  }
}

.navigation-mobile__sub li:not(:last-child) a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.navigation-mobile__sub li a {
  color: #818181;
  font-size: 13px;
  font-weight: 500;
  display: block;
  padding: 9px 5px;
}

.navigation-mobile__footer {
  padding-left: 60px;
  padding-right: 60px;
  height: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 479px) {
  .navigation-mobile__footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.navigation-mobile__footer a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #8E8566;
  font-size: 14px;
}

.navigation-mobile__footer a:not(:last-child) {
  margin-right: 20px;
}

.footer {
  position: relative;
  height: 100% !important;
  min-height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 999;
  background-color: #fff;
}

.footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 500px;
  background-image: url("../images/footer-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  z-index: -1;
  pointer-events: none;
}

.footer-top .container {
  padding: 50px 50px 0 50px;
}

.footer-logo h1 {
  font-size: 0;
  margin: 0;
}

.footer-logo a {
  display: block;
  position: relative;
}

.footer-logo img {
  width: 200px;
}

.footer-info {
  font-size: 14px;
  color: #818181;
  margin: 20px 0;
}

.footer-links .heading {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1e1e1e;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: inline-block;
  position: relative;
}

.footer-links .heading::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #8E8566;
  width: 70px;
}

.footer-links ul li {
  line-height: 1.2;
}

.footer-links ul li:not(:last-child) {
  margin-bottom: 7px;
}

.footer-links ul li>a {
  font-size: 14px;
  color: #818181;
}

.footer-links ul li>a:hover {
  color: #8E8566;
}

.footer .addres {
  font-size: 14px;
  color: #818181;
}

.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 15px 0;
}

.footer-contact>a {
  font-size: 14px;
  color: #818181;
  letter-spacing: -0.5px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-contact>a:not(:last-child) {
  margin-bottom: 5px;
}

.footer-contact>a:hover {
  color: #1e1e1e;
}

.footer-contact>a .icon {
  font-size: 14px;
  margin-right: 8px;
}

.footer-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-social .icon {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-size: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #8E8566;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
}

.footer-social .icon:not(:last-child) {
  margin-right: 7px;
}

.footer-social .icon:hover {
  background-color: #fff;
  color: #8E8566;
}

.footer-bottom .container {
  padding-block: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .footer-bottom .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.footer-bottom .container .text {
  font-size: 14px;
  color: #818181;
}

.footer-bottom .container .text strong {
  font-weight: 800;
  color: #8E8566;
}

.footer-bottom .container .text a {
  color: #818181;
}

.footer-cookies {
  position: fixed;
  inset: 0;
  z-index: 2223;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(196, 186, 147, 0.55);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2222;
}

@media (max-width: 767px) {
  .footer-cookies {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.footer-cookies:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.footer-cookies .popup-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 -20px 30px rgba(30, 30, 30, 0.2);
  box-shadow: 0 -20px 30px rgba(30, 30, 30, 0.2);
  width: 750px;
  height: 560px;
  border-radius: 11px;
  position: relative;
  overflow: hidden;
}

.footer-cookies .popup-wrapper:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

@media (max-width: 767px) {
  .footer-cookies .popup-wrapper {
    border-radius: 0;
  }
}

.footer-cookies .popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding: 30px;
}

@media (max-width: 767px) {
  .footer-cookies .popup-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.footer-cookies .popup-logo img {
  width: 180px;
}

.footer-cookies .popup-middle {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #8E8566 rgba(196, 186, 147, 0.3);
  scrollbar-width: thin;
  overflow-y: auto;
  max-height: 330px;
}

.footer-cookies .popup-middle::-webkit-scrollbar-track {
  background-color: rgba(196, 186, 147, 0.3);
}

.footer-cookies .popup-middle::-webkit-scrollbar {
  width: 5px;
}

.footer-cookies .popup-middle::-webkit-scrollbar-thumb {
  background-color: #8E8566;
}

.footer-cookies .popup-middle>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
  padding-inline: 50px;
}

@media (max-width: 767px) {
  .footer-cookies .popup-middle>ul {
    padding-inline: 10px;
  }
}

.footer-cookies .popup-middle>ul>li {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-inline: 50px;
}

@media (max-width: 767px) {
  .footer-cookies .popup-middle>ul>li {
    padding-inline: 10px;
  }
}

.footer-cookies .popup-middle>ul>li::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -15px;
  height: 2px;
  background-color: #8E8566;
  width: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer-cookies .popup-middle>ul>li.is-current .title,
.footer-cookies .popup-middle>ul>li:hover .title {
  color: #8E8566;
}

.footer-cookies .popup-middle>ul>li.is-current::before,
.footer-cookies .popup-middle>ul>li:hover::before {
  width: 100%;
}

.footer-cookies .popup-middle>ul>li .title {
  font-size: 18px;
  font-weight: 500;
  color: #1e1e1e;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-cookies .popup-middle .js-tab-content {
  padding-inline: 50px;
}

@media (max-width: 767px) {
  .footer-cookies .popup-middle .js-tab-content {
    padding-inline: 10px;
  }
}

.footer-cookies .popup-middle .heading {
  font-size: 16px;
  font-weight: 700;
  color: #1e1e1e;
}

.footer-cookies .popup-middle .text {
  font-size: 16px;
  color: #818181;
}

.footer-cookies .popup-checkbox {
  margin-top: 30px;
}

.footer-cookies .popup-checkbox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ebebeb;
}

@media (max-width: 767px) {
  .footer-cookies .popup-checkbox ul {
    border: none;
  }
}

.footer-cookies .popup-checkbox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px;
  width: 25%;
  /* Rounded sliders */
}

.footer-cookies .popup-checkbox ul li:not(:last-child) {
  border-right: 1px solid #ebebeb;
}

@media (max-width: 767px) {
  .footer-cookies .popup-checkbox ul li:not(:last-child) {
    border: none;
  }
}

@media (max-width: 767px) {
  .footer-cookies .popup-checkbox ul li {
    padding: 10px;
  }
}

.footer-cookies .popup-checkbox ul li .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.footer-cookies .popup-checkbox ul li .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.footer-cookies .popup-checkbox ul li .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer-cookies .popup-checkbox ul li .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer-cookies .popup-checkbox ul li input:checked+.slider {
  background-color: #8E8566;
}

.footer-cookies .popup-checkbox ul li input:focus+.slider {
  -webkit-box-shadow: 0 0 1px #8E8566;
  box-shadow: 0 0 1px #8E8566;
}

.footer-cookies .popup-checkbox ul li input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.footer-cookies .popup-checkbox ul li .slider.round {
  border-radius: 34px;
}

.footer-cookies .popup-checkbox ul li .slider.round:before {
  border-radius: 50%;
}

.footer-cookies .popup-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-cookies .popup-desc ul li:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.footer-cookies .popup-desc .text {
  font-size: 14px;
}

.footer-cookies .popup-desc .text a {
  color: #8E8566;
}

.footer-cookies .popup-desc .text a:hover {
  text-decoration: underline;
}

.footer-cookies .popup-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 30px;
  padding-inline: 50px;
  padding-block: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

@media (max-width: 767px) {
  .footer-cookies .popup-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-inline: 10px;
    margin-top: 0;
  }
}

.footer-cookies .popup-bottom>a:not(:last-child) {
  margin-right: 10px;
}

.form>form>ul {
  row-gap: 0;
}

.form>form>ul>li {
  margin-bottom: 15px;
  position: relative;
}

@media (min-width: 992px) {
  .form.ui-apply>form>ul {
    width: 70%;
  }
}

.form:not([class*=ui-project-start]) .drop-container {
  position: relative;
  height: 55px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  color: #818181;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  overflow: hidden;
}

.form:not([class*=ui-project-start]) .drop-container:hover,
.form:not([class*=ui-project-start]) .drop-container.drag-active {
  background: #eee;
  border-color: #111;
}

.form:not([class*=ui-project-start]) .drop-container:hover .drop-title,
.form:not([class*=ui-project-start]) .drop-container.drag-active .drop-title {
  color: #222;
}

.form:not([class*=ui-project-start]) .drop-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.form:not([class*=ui-project-start]) #custom-placeholder {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  z-index: 1;
  position: absolute;
  right: 200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
  .form:not([class*=ui-project-start]) #custom-placeholder {
    display: none;
  }
}

.form:not([class*=ui-project-start]) input[type=file] {
  width: 100%;
  max-width: 100%;
  color: #878787;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  height: 100%;
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-left: 10px;
}

.form:not([class*=ui-project-start]) input[type=file]::-webkit-file-upload-button {
  margin-right: 20px;
  border: none;
  background: #8E8566;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  height: 40px;
  font-weight: 700;
  min-width: 100px;
}

.form:not([class*=ui-project-start]) input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #8E8566;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  height: 40px;
  font-weight: 700;
  min-width: 100px;
}

@media (max-width: 767px) {
  .form:not([class*=ui-project-start]) input[type=file]::-webkit-file-upload-button {
    min-width: 100px;
    position: relative;
    margin-top: -5px;
    right: 0;
  }

  .form:not([class*=ui-project-start]) input[type=file]::file-selector-button {
    min-width: 100px;
    position: relative;
    margin-top: -5px;
    right: 0;
  }
}

.form:not([class*=ui-project-start]) input[type=file]::-webkit-file-upload-button:hover {
  background: #8E8566;
}

.form:not([class*=ui-project-start]) input[type=file]::file-selector-button:hover {
  background: #8E8566;
}

.form-field.ui-selectbox .form-error {
  right: 50px;
}

.form-field.ui-textarea .form-error {
  top: 15px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.form-field .heading {
  color: #8E8566;
  font-size: 13px;
  font-weight: 700;
}

.form-field .icon:not(.ui-arrow) {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 55px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #8E8566;
}

.form-field.is-error input,
.form-field.is-error textarea,
.form-field.is-error label,
.form-field.is-error select {
  border: 2px solid red !important;
}

.form-field.is-error .icon,
.form-field.is-error label {
  color: red !important;
}

.form-field input,
.form-field textarea {
  width: 100%;
  height: 55px;
  border: 1px solid #ebebeb;
  font-family: inherit;
  border-radius: 11px;
  padding-left: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.06);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.06);
  padding-right: 20px;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 400;
  background-color: transparent;
  display: block;
}

.form-field input::-webkit-input-placeholder,
.form-field textarea::-webkit-input-placeholder {
  /* Edge */
  color: #1e1e1e;
}

.form-field input:-ms-input-placeholder,
.form-field textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1e1e1e;
}

.form-field input::-webkit-input-placeholder,
.form-field textarea::-webkit-input-placeholder {
  color: #1e1e1e;
}

.form-field input::-moz-placeholder,
.form-field textarea::-moz-placeholder {
  color: #1e1e1e;
}

.form-field input:-ms-input-placeholder,
.form-field textarea:-ms-input-placeholder {
  color: #1e1e1e;
}

.form-field input::-ms-input-placeholder,
.form-field textarea::-ms-input-placeholder {
  color: #1e1e1e;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
  color: #1e1e1e;
}

.form-field textarea {
  padding-top: 20px;
  height: 140px;
}

.form-field .icon.ui-arrow {
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-group {
  position: relative;
}

.form-group+.form-error {
  right: 40px;
}

.form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.form-kvkk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form-send>input,
.form-send>button {
  background: #202828;
  height: 45px;
  font-family: inherit;
  border: 0 none;
  text-align: center;
  border-radius: 11px;
  padding-inline: 40px;
  /* text-transform: uppercase; */
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  will-change: transform;
}

.form-send>input:hover,
.form-send>button:hover {
  background: #1e1e1e;
}

.form-error {
  position: absolute;
  top: 50%;
  right: 25px;
  color: red;
  font-size: 12px;
  font-weight: 500;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-messages {
  border-radius: 8px;
  padding: 25px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.form-messages strong {
  font-weight: 800;
}

.form-messages.ui-success {
  color: #3c763d;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

.form-messages.ui-error {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}

.alert {
  position: fixed;
  inset: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2223;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
  box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 550px;
  height: 400px;
  padding: 50px;
}

.alert.alert-dismissible .alert-icon {
  background-color: red;
}

.alert.alert-success .alert-icon {
  background-color: green;
}

.alert .close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 22px;
}

.alert__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.alert-icon {
  width: 90px;
  height: 90px;
  background-color: #3c763d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  margin-bottom: 20px;
}

.alert-icon .icon {
  font-size: 38px;
}

.alert-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1e1e1e;
  margin-bottom: 5px;
}

.alert-text {
  font-size: 14px;
  color: #818181;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 2223;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(196, 186, 147, 0.55);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}

.modal-wrapper {
  border-radius: 11px;
  overflow: hidden;
  padding: 70px;
  -webkit-transform: translateY(100px) translateX(-50%);
  -ms-transform: translateY(100px) translateX(-50%);
  transform: translateY(100px) translateX(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #fff;
  position: absolute;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  max-width: 990px;
  width: 100%;
  max-height: 720px;
  height: 100%;
  overflow-y: auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #8E8566 rgba(196, 186, 147, 0.3);
  scrollbar-width: thin;
}

.modal-wrapper::-webkit-scrollbar-track {
  background-color: rgba(196, 186, 147, 0.3);
}

.modal-wrapper::-webkit-scrollbar {
  width: 5px;
}

.modal-wrapper::-webkit-scrollbar-thumb {
  background-color: #8E8566;
}

@media (max-width: 767px) {
  .modal-wrapper {
    padding: 30px;
    padding-top: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .modal-wrapper {
    padding: 30px;
  }
}

.modal-wrapper.is-visible {
  -webkit-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
  opacity: 1;
  visibility: visible;
}

.modal-wrapper__header {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

@media (max-width: 479px) {
  .modal-wrapper__header {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.modal-wrapper__cover {
  width: 100%;
  height: 250px;
  border-radius: 11px;
  overflow: hidden;
  border: 1px solid #ebebeb;
  padding: 10px;
}

@media (max-width: 991px) {
  .modal-wrapper__cover {
    height: auto;
  }
}

.modal-wrapper__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 11px;
}

.modal-wrapper__description {
  padding-top: 15px;
}

.modal-wrapper__description .title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #1e1e1e;
  line-height: 1.2;
}

.modal-wrapper__description .text {
  font-size: 18px;
  color: #1e1e1e;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

.modal-wrapper__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-block: 30px;
}

.modal-wrapper__contact>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.modal-wrapper__contact>a:not(:last-child) {
  margin-bottom: 12px;
}

.modal-wrapper__contact>a .icon {
  font-size: 20px;
}

.modal-wrapper__contact>a .text {
  font-size: 16px;
  font-weight: 300;
  padding-left: 15px;
}

.modal-wrapper__social {
  margin-top: 40px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin-left: -10px;
}

.modal-wrapper__social a .icon {
  width: 35px;
  height: 35px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 999px;
}

.modal-wrapper__social a .icon:not([class*=ui-color-]) svg path {
  fill: #1e1e1e;
}

.modal-wrapper__social a .icon:not([class*=ui-color-]):hover svg path {
  fill: #fff;
}

.modal-wrapper__social a .icon:hover {
  background-color: #8E8566;
}

.modal-wrapper__bottom .text {
  font-size: 14px;
  color: #1e1e1e;
}

.modal-close {
  font-size: 20px;
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 0 0 0 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #8E8566;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal-close:hover {
  background-color: rgb(177.9820359281, 164.9281437126, 114.0179640719);
}

@media (max-width: 767px) {
  .modal-close {
    font-size: 22px;
    top: 15px;
    right: 25px;
  }
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: #000;
  overflow-x: hidden;
}

body.ui-bg {
  background: #f5f5f5;
}

body.is-scroll {
  overflow: hidden;
}

body .fp-watermark {
  display: none !important;
}

body #fp-nav {
  right: 25px !important;
}

body #fp-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body #fp-nav ul li {
  margin: 0;
}

body #fp-nav ul li:not(:last-child) {
  margin-bottom: 30px;
}

body #fp-nav ul li:hover span {
  width: 16px;
  height: 16px;
}

body #fp-nav ul li:hover .fp-tooltip {
  visibility: visible;
  opacity: 1;
}

body #fp-nav ul li a {
  position: relative;
  background-color: #8E8566;
  border-radius: 999px;
  width: 12px;
  height: 12px;
}

body #fp-nav ul li a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #8E8566;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

body #fp-nav ul li a span {
  background-color: transparent;
  width: 1px;
  height: 1px;
}

body #fp-nav ul li a.active::before {
  opacity: 1;
}

body #fp-nav ul li .fp-tooltip {
  float: left;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  z-index: -2;
  pointer-events: none;
  cursor: default;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(32, 40, 40, 0.1);
  -o-border-image: initial;
  border-image: initial;
  white-space: nowrap;
  padding: 9px 150px 5px 20px !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -20px !important;
  width: inherit !important;
}

body.ui-fullpage-none .section {
  height: 100%;
}

body.ui-page-space .footer {
  padding-bottom: 80px;
}

body:not([class*=fp-viewing-section1]) .header-sticky {
  position: fixed;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  left: 0;
  right: 0;
  top: 25px;
  z-index: 1001;
  background-color: #8E8566;
  height: var(--header-height);
}

body:not([class*=fp-viewing-section1]) .scrolltop {
  position: fixed;
  z-index: 2002;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body .page-menu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 767px) {
  body .page-menu {
    display: none;
  }
}

body .page-menu .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 80px;
}

.products-categories {
  font-family: var(--font-family);
  padding-top: 20px;
}

.products-categories__card {
  display: block;
  position: relative;
}

.products-categories__card:hover .products-categories__card-cover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.products-categories__card-cover {
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.products-categories__card-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.products-categories__card-body {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.products-categories__card-body .title {
  font-family: var(--font-family);
  bottom: -30px !important;
  position: absolute;
  background-color: #616160;
  color: #fff;
  font-size: 20px;
  font-weight: 500 !important;
  padding: 20px 40px 20px 20px;
  max-width: 50%;
  z-index: 5;
}

.products-categories__card-body.products-categories__card-body-right .title {
  right: 30px !important;
}

.products-categories__card-body.products-categories__card-body-left .title {
  left: 30px !important;
}

@media (max-width: 767px) {
  .products-categories__card-body .title {
    font-size: 20px;
    text-align: center;
    max-width: 80%;
  }
}

body .page-menu .container.ui-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body .page-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  position: relative;
  width: 350px;
}

body .page-menu-item:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #fff;
  opacity: 0.2;
}

body .page-menu-item a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  /* text-transform: uppercase; */
}

.small-title:not(.ui-not) {
  position: relative;
  display: block;
  /* text-transform: uppercase; */
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 2px;
}

.small-title:not(.ui-not):not([class*=ui-color-]) {
  color: #8E8566;
}

.small-title:not(.ui-not).ui-color-light {
  color: #fff;
}

.section-header.ui-txt-center {
  text-align: center;
}

.section-header.ui-txt-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-inline: calc((100vw - var(--container)) / 2);
}

@media (max-width: 767px) {
  .section-header.ui-txt-between {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.section-header.ui-bg-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}

.section-header.ui-bg-1 .section-header__left {
  background-color: #8E8566;
  padding: 30px 80px;
  position: relative;
  top: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .section-header__right {
    padding-top: 20px;
  }
}

.section-header__right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-header__right ul li:not(:last-child) {
  margin-right: 10px;
}

.section-header__right ul li.is-current .button-border {
  background-color: #8E8566;
  border: 1px solid transparent;
}

.section-header__right ul li.is-current .button-border:hover {
  color: #fff;
}

.section-header:not([class*=ui-txt-color-]) .title {
  color: #1e1e1e;
}

.section-header:not([class*=ui-txt-color-]) .title span {
  color: #8E8566;
}

.section-header.ui-txt-color-light .title,
.section-header.ui-txt-color-light .text {
  color: black;
  font-weight: 300;
}

.section-header:not([class*=ui-txt-size-]) .title {
  font-size: 42px;
  font-weight: 200;
  letter-spacing: -1px;
  line-height: 1.2;
  color: #878787;
}

@media (max-width: 767px) {
  .section-header:not([class*=ui-txt-size-]) .title {
    font-size: 32px;
  }
}

.section-header.ui-txt-size-xlarge .title {
  font-weight: 900;
  line-height: 1.15;
}

@media (min-width: 992px) {
  .section-header.ui-txt-size-xlarge .title {
    font-size: 60px;
    letter-spacing: -2.5px;
  }
}

@media (max-width: 991px) {
  .section-header.ui-txt-size-xlarge .title {
    font-size: 42px;
    letter-spacing: -1.5px;
  }
}

.section-header.ui-txt-size-large .title {
  font-weight: 900;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .section-header.ui-txt-size-large .title {
    font-size: 54px;
    letter-spacing: -2px;
  }
}

@media (max-width: 767px) {
  .section-header.ui-txt-size-large .title {
    font-size: 42px;
    letter-spacing: -1.5px;
  }
}

.section-header.ui-txt-size-medium-1 .title {
  font-weight: 900;
  line-height: 1.35;
}

@media (min-width: 992px) {
  .section-header.ui-txt-size-medium-1 .title {
    font-size: 42px;
    letter-spacing: -1.5px;
  }
}

@media (max-width: 991px) {
  .section-header.ui-txt-size-medium-1 .title {
    font-size: 32px;
    letter-spacing: -1px;
  }
}

.section-header.ui-txt-size-medium .title {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.35;
}

.section-header.ui-txt-size-small .title {
  font-size: 32px;
  letter-spacing: -0.5px;
}

.section-header.ui-txt-size-small .title:not(.ui-no-font-weight) {
  font-weight: 700;
}

.section-header.ui-txt-size-xsmall .title {
  font-size: 24px;
  letter-spacing: -0.65px;
  line-height: 1.45;
}

.section-header.ui-txt-size-xsmall .title:not(.ui-no-font-weight) {
  font-weight: 800;
}

.section-header>.text {
  line-height: 1.6;
  color: #818181;
}

.section-header>.text:not(.ui-no-mt) {
  margin-top: 5px;
}

.section-header>.text:not([class*=ui-txt-size-]) {
  font-size: 16px;
}

.section-header>.text.ui-txt-size-small {
  font-size: 14px;
}

.hero .anchor {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 12;
  -webkit-animation: anchor 4s infinite running;
  animation: anchor 4s infinite running;
  cursor: pointer;
}

@media (max-width: 767px) {
  .hero .anchor {
    display: none;
  }
}

@-webkit-keyframes anchor {
  0% {
    bottom: 20px;
  }

  50% {
    bottom: 10px;
  }

  100% {
    bottom: 20px;
  }
}

@keyframes anchor {
  0% {
    bottom: 20px;
  }

  50% {
    bottom: 10px;
  }

  100% {
    bottom: 20px;
  }
}

.hero .anchor img {
  width: 25px;
}

.section {
  height: 100vh;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .section {
    height: 100% !important;
    min-height: 100% !important;
  }
}

.section-about {
  position: relative;
}

.section-products {
  margin-bottom: 100px;
  background-color: #F5F5F5;
}

@media (max-width: 767px) {
  .section-products {
    margin-bottom: 0;
  }
}

.section-map {
  padding-top: 30px;
}

@media (max-width: 991px) {
  .section-map {
    padding-top: 50px;
  }
}

@media (min-width: 1750px) {
  .section-map {
    padding-top: 20px;
  }
}

.section-collections {
  position: relative;
}

.section-references {
  padding-top: 20px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

.section-numbers {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.section-talents {
  padding-top: 100px;
}

@media (max-width: 767px) {
  .section-talents {
    padding-top: 50px;
  }
}

.section-comments {
  padding-block: 80px;
}

.section-videos {
  padding: 150px 0;
}

.section-last {
  margin-top: 150px;
  margin-bottom: 80px;
  background-color: #202828;
  padding-block: 50px;
}

@media (max-width: 767px) {
  .section-last {
    margin-top: 50px;
  }
}

.section-know {
  position: relative;
}

.section-bgs {
  position: relative;
}

.section-values {
  padding-bottom: 100px;
}

.about .row>div:first-child {
  padding-top: 70px;
}

@media (max-width: 767px) {
  .about .row>div:first-child {
    padding-top: 0;
  }
}

.about .information ul li:not(:last-child) {
  margin-bottom: 35px;
}

.about .information-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about .information-card:hover>.icon {
  color: #202828;
}

.about .information-card:hover .desc .text {
  color: #57758c;
}

.about .information-card>.icon {
  font-size: 54px;
  color: #b3bdd1;
  width: 54px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .information-card>.icon {
    font-size: 48px;
  }
}

.about .information-card .desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .information-card .desc {
    padding-left: 20px;
  }
}

.about .information-card .desc .title {
  color: #8E8566;
  font-size: 20px;
  font-weight: 800;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .information-card .desc .title {
    font-size: 18px;
  }
}

.about .information-card .desc .text {
  font-size: 16px;
  color: #7d97ad;
  line-height: 1.6;
  margin-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .information-card .desc .text {
    font-size: 14px;
  }
}

.about .list-nav {
  padding: 50px 40px;
  height: 100%;
}

@media (max-width: 479px) {
  .about .list-nav {
    padding: 35px;
  }
}

@media (max-width: 1199px) {
  .about .list-nav {
    margin-top: 0px;
    height: auto;
  }
}

.about .list-nav .section-header {
  border-bottom: 1px solid rgba(179, 189, 209, 0.2);
  padding-bottom: 25px;
  margin-bottom: 35px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .list-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about .list-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about .list-nav ul li:not(:last-child) {
    margin-right: 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about .list-nav ul li:not(:last-child) {
    margin-right: 25px;
  }
}

.about .list-nav ul li a {
  display: block;
  font-size: 20px;
  letter-spacing: -0.5px;
  color: #57758c;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about .list-nav ul li a:hover {
  color: #202828;
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}

.about-middle .swiper {
  overflow: inherit;
}

.about-middle .swiper-container {
  overflow: hidden;
}

.about-middle__card {
  display: block;
  position: relative;
  overflow: hidden;
}

.about-middle__card-photo {
  width: 100%;
  height: 500px;
}

.about-middle__card-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-middle__card-body {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 30px;
  padding-bottom: 70px;
  z-index: 1;
}

.about-middle__card-body::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 250px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: linear-gradient(to bottom, transparent, #000);
  z-index: -1;
}

.about-middle__card-body .title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.about-middle__card-body .button-line {
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.products.ui-list>ul>li:not(:last-child) {
  margin-bottom: 70px;
}

.products.ui-list>ul>li:nth-child(even) .products-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.products.ui-list>ul>li:nth-child(even) .products-cover {
  border-radius: 20px 0 0 20px;
}

.products.ui-list>ul>li:nth-child(even) .products-information {
  border-radius: 0 20px 20px 0;
}

.products.ui-list .products-information {
  background: rgba(245, 245, 245, 0.5);
}

.products .js-tab-content {
  background-color: #f8f8f8;
  padding-block: 60px;
}

.products .js-tab-content .section-heading {
  text-transform: inherit;
}

.products-nav {
  margin-top: 60px;
  z-index: 11;
  position: relative;
}

@media (max-width: 767px) {
  .products-nav {
    margin-top: 30px;
  }
}

.products-nav .owl-item.current .products-nav__item {
  color: #fff;
  background-color: #fff;
}

.products-nav .owl-item.current .products-nav__item::before,
.products-nav .owl-item.current .products-nav__item::after {
  opacity: 1;
  visibility: visible;
}

.products-nav__wrapper {
  max-width: calc(var(--container) - 10px);
  margin: 0 auto;
}

@media (max-width: 479px) {
  .products-nav__wrapper {
    max-width: calc(200px - 10px);
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .products-nav__wrapper {
    max-width: calc(360px - 10px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-nav__wrapper {
    max-width: calc(640px - 10px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .products-nav__wrapper {
    max-width: calc(850px - 10px);
  }
}

.products-nav__wrapper.ui-d-flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .products-nav__wrapper.ui-d-flex {
    max-width: 100%;
  }
}

.products-nav__wrapper.ui-d-flex .js-tab-nav {
  max-width: 250px;
}

@media (max-width: 767px) {
  .products-nav__wrapper.ui-d-flex .js-tab-nav {
    max-width: 100%;
    width: 25%;
  }
}

.products-nav__wrapper.ui-d-flex .js-tab-nav.is-current .products-nav__item {
  color: #fff;
}

.products-nav__wrapper.ui-d-flex .js-tab-nav.is-current .products-nav__item::before,
.products-nav__wrapper.ui-d-flex .js-tab-nav.is-current .products-nav__item::after {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .products-nav__wrapper.ui-d-flex .js-tab-nav .products-nav__item {
    padding-inline: 5px;
    height: 80px;
  }
}

@media (max-width: 767px) {
  .products-nav__wrapper.ui-d-flex .js-tab-nav .icon {
    display: none;
  }
}

@media (max-width: 767px) {
  .products-nav__wrapper.ui-d-flex .js-tab-nav .title {
    font-size: 12px;
    font-weight: 500;
  }
}

.products-nav__item {
  background: #fff;
  height: 220px;
  -webkit-box-shadow: 0 0 30px rgba(129, 129, 129, 0.1);
  box-shadow: 0 0 30px rgba(129, 129, 129, 0.1);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  cursor: pointer;
  margin-top: 35px;
  margin-bottom: 35px;
  width: 98%;
  padding: 20px 30px;
}

@media (max-width: 1199px) {
  .products-nav__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.products-nav__item::before {
  content: "";
  /* background: #8E8566; */
  background: #E8E6DC;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.products-nav__item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  /* border-top: 10px solid #8E8566; */
  border-top: 10px solid #E8E6DC;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.products-nav__item .icon {
  font-size: 36px;
  margin-right: 20px;
  opacity: 0.3;
}

@media (max-width: 1199px) {
  .products-nav__item .icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 1199px) {
  .products-nav__item .icon {
    font-size: 32px;
  }
}

.products-nav__item .title {
  font-size: 18px;
  font-weight: 500 !important;
  letter-spacing: -0.5px;
  width: 100%;
  line-height: 1.4;
  margin-bottom: 2px;
}

@media (max-width: 1199px) {
  .products-nav__item .title {
    font-size: 16px;
  }
}

.products-cover {
  overflow: hidden;
  height: 520px;
}

@media (max-width: 479px) {
  .products-cover {
    background: #8E8566;
  }
}

@media (max-width: 767px) {
  .products-cover {
    border-radius: 11px 11px 0 0;
    height: 250px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-cover {
    height: 100%;
  }

  .swiper-buttons:not([class*=ui-pos-]) {
    bottom: 0 !important;
  }

  .swiper-buttons:not([class*=ui-style-]) .swiper-button-next,
  .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
    height: 75px;
    width: 200px;
  }
}

.products-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.products-slide {
  position: relative;
  z-index: -1;
}

.products-slide .item {
  margin-top: 0px;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .products-slide .item {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}

.products-information {
  /* background: #fff;
  height: 100%;
  padding: 50px 60px; */
  background: #fff;
  height: 100%;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}

@media (max-width: 479px) {
  .products-information {
    padding: 40px 35px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-information {
    padding: 55px 45px;
  }
}

/* .products-information__icons {
  margin-top: 20px;
} */
.products-information__icons ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.products-information__icons ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  font-size: 20px;
  color: #9C9C9C;
  font-weight: 600 !important;
}

.products-information__icons ul li span {
  margin-right: 10px;
}

.products-information__icons ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .products-information__icons ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}

.products-information__icons ul li .icon {
  font-size: 65px;
}

.products-information__icons ul li .heading {
  font-size: 16px;
  color: #1e1e1e;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.products-information .title,
.products-information .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.products-information .title {
  color: #1e1e1e;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -1.5px;
  -webkit-line-clamp: 2;
  max-height: 93px;
}

@media (min-width: 1200px) {
  .products-information .title {
    padding-right: 50px;
  }
}

@media (max-width: 479px) {
  .products-information .title {
    font-size: 28px;
    letter-spacing: -1px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-information .title {
    font-size: 32px;
    max-height: 82px;
  }
}

.products-information .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  color: #000;
  -webkit-line-clamp: 4;
  max-height: 200px;
}

@media (max-width: 479px) {
  .products-information .text {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-information .text {
    font-size: 14px;
    max-height: 154px;
  }
}

.products-information .btn-container {
  margin-top: 40px;
}

@media (max-width: 479px) {
  .products-information .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 479px) {
  .products-information .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 480px) {
  .products-information .btn-container .btn:not(:last-child) {
    margin-right: 10px;
  }
}

@media (max-width: 479px) {
  .products-information .btn-container .btn:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-information .btn-container .btn {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .products-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-touch-action: none;
}

.map #chartdiv {
  width: 100%;
  height: 500px;
}

@media (max-width: 767px) {
  .map #KeyShotXR {
    height: 300px !important;
  }
}

.sectors {
  margin: 5px;
}

.sectors .swiper {
  overflow: inherit;
}

.sectors .swiper-container {
  overflow: hidden;
}

.sectors.ui-style-products .sectors-cover {
  height: 450px;
}

.sectors.ui-style-products .sectors-cover img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}

.sectors.ui-style-products .sectors-body {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sectors.ui-style-products .sectors-body::before {
  display: none;
}

.sectors.ui-style-products .sectors-body::after {
  height: 220px;
}

.sectors.ui-style-products .sectors-body .title {
  margin-bottom: 20px;
}

.sectors-header {
  margin-bottom: 30px;
}

.sectors-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sectors-header ul li:not(:last-child) {
  margin-right: 10px;
}

.sectors-header ul li.is-current .button {
  background-color: #202828;
}

.sectors ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sectors-card {
  position: relative;
  display: block;
}

.sectors-card:hover .sectors-cover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: grayscale(0.2) sepia(0.4) brightness(0.7) saturate(2.5) opacity(0.85) contrast(1.1) invert(0);
  filter: grayscale(0.2) sepia(0.4) brightness(0.7) saturate(2.5) opacity(0.85) contrast(1.1) invert(0);
}

.sectors-card:hover .sectors-body::before {
  opacity: 1;
}

.sectors-card:hover .sectors-body::after {
  width: 100%;
}

.sectors-card:hover .sectors-body .ico {
  color: #8E8566;
}

.sectors-cover {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.sectors-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.sectors-body {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  padding-top: 150px;
}

.sectors-body::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.9;
  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
  background-image: linear-gradient(to top, transparent, #000);
  top: 0;
}

.sectors-body::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  background-color: #8E8566;
  width: 0;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sectors-body .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sectors-body .ico {
  font-size: 46px;
  color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sectors-body .title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
  height: 63px;
}

.sectors-detail {
  margin-top: 50px;
}

.sectors-detail ul li.is-current .products-detail__button {
  background-color: #8E8566;
}

.sectors-detail ul li.is-current .products-detail__button .icon,
.sectors-detail ul li.is-current .products-detail__button .title {
  color: #fff;
}

@media (max-width: 479px) {
  .sectors-detail .js-tab-sector>.row li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.sectors-detail .js-tab-sector>.row li.is-current .sectors-detail__button {
  background-color: #8E8566;
}

.sectors-detail .js-tab-sector>.row li.is-current .sectors-detail__button .icon,
.sectors-detail .js-tab-sector>.row li.is-current .sectors-detail__button .title {
  color: #fff;
}

.sectors-detail__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(196, 186, 147, 0.1);
  padding: 20px;
  border-radius: 11px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.sectors-detail__button:hover {
  background-color: #8E8566;
}

.sectors-detail__button:hover .icon,
.sectors-detail__button:hover .title {
  color: #fff;
}

.sectors-detail__button .icon {
  font-size: 32px;
  color: #8E8566;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sectors-detail__button .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sectors-detail__video {
  width: 100%;
  height: 350px;
  border-radius: 11px;
  overflow: hidden;
}

.sectors-detail__video iframe,
.sectors-detail__video img {
  width: 100%;
  height: 100%;
}

.sectors-detail .js-tab-content {
  margin-top: 30px;
}

.references .swiper {
  overflow: inherit;
}

.references .swiper-container {
  overflow: hidden;
  padding: 30px;
  margin: -30px;
}

.references ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.references-card {
  display: block;
  position: relative;
}

.references-card:hover .references-cover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.references-cover {
  width: 100%;
  height: 150px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 15px rgba(30, 30, 30, 0.1);
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.references-cover img {
  width: 100%;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.numbers-counter ul {
  row-gap: 0;
}

@media (max-width: 480px) {
  .numbers-counter ul {
    justify-content: center;
  }
}

.numbers-counter ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 55px;
}

@media (max-width: 480px) {
  .numbers-counter ul li {
    padding: 20px;
    flex: 0 0 50%;
    max-width: 50%;
    border: none !important;
  }
}

.numbers-counter ul li:nth-child(1) {
  border-bottom: 1px solid #ebebeb;
}

.numbers-counter ul li:nth-child(2) {
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

@media (max-width: 480px) {
  .numbers-counter ul li:nth-child(2) {
    display: none;
  }
}

.numbers-counter ul li:nth-child(3) {
  border-bottom: 1px solid #ebebeb;
}

.numbers-counter ul li:nth-child(5) {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.numbers-counter ul li .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.numbers-counter ul li .icon {
  font-size: 28px;
  color: #fff;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #8E8566;
  border-radius: 11px;
  margin-right: 15px;
  margin-top: 10px;
}

@media (max-width: 480px) {
  .numbers-counter ul li .icon {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.numbers-counter ul li .numbers-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 240px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
}

@media (max-width: 480px) {
  .numbers-counter ul li .numbers-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.numbers-counter ul li .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
}

@media (max-width: 480px) {
  .numbers-counter ul li .desc {
    align-items: center;
    justify-content: center;
  }
}

.numbers-counter ul li .number {
  font-size: 62px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  color: #1e1e1e;
}

@media (max-width: 480px) {
  .numbers-counter ul li .number {
    font-size: 42px;
    letter-spacing: -2px;
  }
}

.numbers-counter ul li .plus {
  font-size: 35px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
  color: #1e1e1e;
  margin-left: 5px;
}

.numbers-counter ul li .title {
  font-size: 18px;
  font-weight: 300;
  color: #000;
  margin-bottom: 15px;
}

.talents-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 100%;
}

@media (max-width: 479px) {
  .talents ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.talents-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  background-color: #c3b992;
  border-radius: 11px;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 200px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 479px) {
  .talents-item {
    height: 180px;
  }
}

.talents-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-image: -webkit-gradient(linear, left bottom, left top, from(#93896a), to(transparent));
  background-image: linear-gradient(to top, #93896a, transparent); */
  /* background-color: #A3765C; */
  z-index: -1;
  height: 55%;
}

.talents-item:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.talents-item .icon {
  font-size: 50px;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media (max-width: 479px) {
  .talents-item .icon {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 40px;
  }
}

.talents-item .text {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}

@media (max-width: 479px) {
  .talents-item .text {
    font-size: 14px;
  }
}

.section-values {
  padding-top: 30px;
}

.section-values>div {
  margin-top: 50px;
}

.section-values .row {
  row-gap: 0;
}

.section-values__left {
  padding-block: 50px;
  padding-inline: 90px;
  background-color: #8E8566;
  height: 100%;
  border-radius: 15px 0 0 15px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .section-values__left {
    padding-inline: 40px;
  }
}

.section-values__left .heading {
  color: #fff !important;
}

.section-values__left .contact-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
}

.section-values__left .contact-information>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.section-values__left .contact-information>a .icon {
  font-size: 28px;
  color: #8E8566;
  width: 60px;
  height: 60px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 11px;
}

.section-values__left .contact-information>a .text {
  margin-left: 20px;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-values .heading {
  color: #000;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.25;
  position: relative;
  z-index: 1;
}

@media (max-width: 479px) {
  .section-values .heading {
    font-size: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values .heading {
    font-size: 32px;
  }
}

@media (min-width: 1750px) {
  .section-values .heading {
    font-size: 48px;
  }
}

.section-values__content {
  background: rgba(245, 245, 245, 0.5);
  height: 100%;
  padding: 50px 90px;
  border-radius: 0 15px 15px 0;
}

@media (max-width: 479px) {
  .section-values__content {
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .section-values__content {
    border-radius: 0 0 15px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values__content {
    padding: 40px 50px;
  }
}

@media (min-width: 1750px) {
  .section-values__content {
    padding: 90px 120px;
  }
}

.section-values__content-list {
  margin-top: 30px;
}

@media (max-width: 479px) {
  .section-values__content-list {
    margin-top: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values__content-list {
    margin-top: 40px;
  }
}

@media (min-width: 1750px) {
  .section-values__content-list {
    margin-top: 70px;
  }
}

.section-values__content-list ul li {
  position: relative;
  z-index: 1;
}

@media (min-width: 1200px) {
  .section-values__content-list ul li {
    width: 60%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-values__content-list ul li {
    width: 60%;
  }
}

.section-values__content-list ul li:not(:last-child) {
  margin-bottom: 30px;
}

.section-values__content-list ul li::before {
  content: "";
  z-index: -1;
  background: #fff;
  border-radius: 0 11px 11px 0;
  position: absolute;
  top: -12px;
  right: -50px;
  bottom: -12px;
  left: -90px;
  width: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

@media (max-width: 479px) {
  .section-values__content-list ul li::before {
    left: -40px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values__content-list ul li::before {
    left: -50px;
  }
}

@media (min-width: 1750px) {
  .section-values__content-list ul li::before {
    left: -120px;
  }
}

.section-values__content-list ul li:hover::before {
  width: calc(100% + 90px + 50px);
}

@media (max-width: 479px) {
  .section-values__content-list ul li:hover::before {
    width: calc(100% + 20px + 50px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values__content-list ul li:hover::before {
    width: calc(100% + 20px + 50px);
  }
}

@media (min-width: 1750px) {
  .section-values__content-list ul li:hover::before {
    width: calc(100% + 120px + 50px);
  }
}

.section-values__content-list ul li a {
  display: block;
}

.section-values__content-list .title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-values__content-list .title {
    font-size: 16px;
  }
}

.section-values__content-list .text {
  color: #818181;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 5px;
}

.section-values__cover {
  height: 100%;
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #000;
}

@media (max-width: 991px) {
  .section-values__cover {
    border-radius: 15px 15px 0 0;
  }
}

.section-values__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.45;
}

.parallax-cover {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.parallax-cover:hover img {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}

.parallax-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.parallax ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.parallax ul li .cover {
  width: 100%;
  height: auto;
}

.parallax ul li .cover:hover img {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.parallax ul li .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.videos ul li:not(:last-child) {
  margin-bottom: 150px;
}

@media (max-width: 767px) {
  .videos ul li:not(:last-child) {
    margin-bottom: 50px;
  }
}

.videos-cover {
  width: 100%;
  height: 450px;
  display: block;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .videos-cover {
    height: auto;
  }
}

.videos-cover img,
.videos-cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.videos-cover .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #8E8566;
  font-size: 32px;
  width: 70px;
  height: 70px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
}

.videos-cover .play::before {
  content: "";
  position: absolute;
  inset: -5px;
  background-color: #fff;
  border-radius: 999px;
  z-index: -1;
  -webkit-animation: pulsate 2s infinite running;
  animation: pulsate 2s infinite running;
}

.videos-body {
  position: absolute;
  left: -40px;
  bottom: -30px;
  top: -30px;
  background-color: #202828;
  padding: 80px 50px;
  text-align: right;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  align-self: center;
}

@media (max-width: 767px) {
  .videos-body {
    position: relative;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 10px;
  }
}

.videos-body .title,
.videos-body .text {
  max-width: 85%;
}

@media (max-width: 767px) {

  .videos-body .title,
  .videos-body .text {
    max-width: 100%;
  }
}

.videos-body .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.videos-body .text {
  font-size: 18px;
  color: #8E8566;
}

.last .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.last .buttons>a:not(:last-child) {
  margin-right: 10px;
}

.last .buttons>a:first-child:hover {
  background-color: #fff;
  color: #8E8566;
}

.know-cover {
  width: 100%;
  position: absolute;
  inset: 0;
  background-color: #000;
}

.know-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.3;
}

.know .container {
  padding-block: 100px;
}

.know .section-header .title {
  color: #878787;
}

.know ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.know ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.know ul li:not(:last-child) {
  margin-bottom: 30px;
}

.know ul li .icon {
  font-size: 18px;
  width: 35px;
  height: 35px;
  color: #8E8566;
  border: 1px solid #8E8566;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
}

.know ul li .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 200;
  color: black;
  line-height: 1.4;
}

.know-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.know-right .title {
  font-size: 150px;
  font-weight: 500;
  line-height: 1;
  color: #8E8566;
}

.know-right .text {
  font-size: 18px;
  color: black;
}

.bgs {
  /* tophooked sınıfının top'u 0 ve önemli */
  /* Genel moab-block ayarları */
  /* Arka plan renkleri */
  /* Wrapper genişlik ayarları */
  /* İçerik kapsayıcı */
  /* Sticky reply wrapper */
  /* Reply buton */
  /* Close button hover efekt */
  /* Büyük başlık */
  /* İçerik tutucu */
  /* Wrapper genişlikleri */
  /* İçerik kutusu */
  /* Küçük metin */
  /* Orta metin */
  /* Linkler */
  /* Liste ayarları */
  /* Büyük metin */
  /* Sağ hizalama değilse */
  /* Koyu gölge */
  /* Arka plan container */
  /* Arka plan wrap */
  /* Arka plan görseli */
  /* Görsel görünürken */
  /* Resim ayarları */
  /* Özel ayarlar */
  /* Medya sorguları */
}

.bgs .moab-block.tophooked {
  top: 0 !important;
}

.bgs .moab-block {
  max-width: 100%;
  width: 100%;
  z-index: 3;
  min-height: 100vh;
  position: relative;
  /* sticky vb için position gerekli olabilir */
}

.bgs .moab-block.sectioncontainer--white {
  background-color: #fff;
}

.bgs .moab-block.sectioncontainer--light-grey {
  background-color: #f3f3f2;
}

.bgs .moab-block.sectioncontainer--darker-grey {
  background-color: #e4e4e2;
}

.bgs .moab-block .moab-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.bgs .moab-block .moab-wrapper .moab {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  left: 0;
}

.bgs .moab-reply-wrapper {
  width: 100%;
  height: 0;
  position: sticky;
  /* -webkit-sticky artık gerekli değil */
  top: 0;
  z-index: 95;
}

.bgs .moab-block .moab-replybtn {
  display: block;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19.5' stroke='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 13l14 14m0-14L13 27'/%3E%3C/svg%3E") no-repeat 0 0;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 95;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* yumuşak görünürlük değişimi için */
}

.bgs .moab-block .moab-closebtn:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19.5' stroke='%23ffb838'/%3E%3Cpath stroke='%23ffb838' stroke-linecap='round' d='M13 13l14 14m0-14L13 27'/%3E%3C/svg%3E");
}

.bgs .moab-big-headline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  /* başlangıçta gizli */
  z-index: 22;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bgs .moab-big-headline>div {
  margin: 0 auto;
  font-size: 50px;
  color: #8E8566;
  text-align: center;
}

.bgs .moab-cnt-holder {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  padding-bottom: 50vh;
  width: 100%;
  z-index: 20;
}

.bgs .moab-cnt-container {
  position: relative;
  z-index: 1;
}

.bgs .article-mainbody .moab-cnt-holder .wrpr,
.bgs .moab-cnt-holder .wrpr {
  width: 100%;
  max-width: calc(50% - 20px);
}

.bgs .article-mainbody .moab-cnt-holder.align-right .wrpr,
.bgs .moab-cnt-holder.align-right .wrpr {
  margin-left: auto;
}

.bgs .article-mainbody .moab-cnt-holder .hldr,
.bgs .moab-cnt-holder .hldr {
  width: 100%;
  max-width: clamp(100px, 98%, 649px);
  background-color: rgba(52, 50, 46, 0.9);
  margin: 0;
  padding: 40px 50px;
}

.bgs .article-mainbody .moab-cnt-holder .smltxt,
.bgs .moab-cnt-holder .smltxt {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  /* text-transform: uppercase; */
  color: #fff;
  font-family: AktivGroteskMedium, Arial, sans-serif;
  padding-bottom: 4px;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt,
.bgs .moab-cnt-holder .midtxt {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: AktivGroteskLight, Arial, sans-serif;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt *,
.bgs .moab-cnt-holder .midtxt * {
  color: #fff !important;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt p,
.bgs .moab-cnt-holder .midtxt p {
  font-size: 16px;
  line-height: 24px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  font-family: var(--font-family);
}

.ortalama-yazi p {
  font-size: 16px !important;
  line-height: 24px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  font-family: var(--font-family) !important;
  font-weight: 200 !important;
  line-height: 1.8 !important;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt p+p,
.bgs .moab-cnt-holder .midtxt p+p {
  margin-top: 1rem;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt a,
.bgs .moab-cnt-holder .midtxt a {
  padding-left: 0 !important;
  margin-left: 0 !important;
  color: #fff;
  text-decoration: underline;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt a:hover,
.bgs .moab-cnt-holder .midtxt a:hover {
  color: #8E8566 !important;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt ol,
.bgs .article-mainbody .moab-cnt-holder .midtxt ul,
.bgs .moab-cnt-holder .midtxt ol,
.bgs .moab-cnt-holder .midtxt ul {
  padding-left: 20px !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bgs .article-mainbody .moab-cnt-holder .midtxt ol li,
.bgs .article-mainbody .moab-cnt-holder .midtxt ul li,
.bgs .moab-cnt-holder .midtxt ol li,
.bgs .moab-cnt-holder .midtxt ul li {
  color: #fff;
}

.bgs .article-mainbody .moab-cnt-holder .bigtxt,
.bgs .moab-cnt-holder .bigtxt {
  font-size: 32px;
  line-height: 35px;
  color: #8E8566;
  font-family: var(--font-family);
  padding-bottom: 6px;
  font-weight: 500 !important;
  margin-bottom: 14px;
}

.bgs .moab-cnt-holder:not(.align-right) .hldr {
  margin-left: auto;
}

.bgs .moab-shade {
  position: absolute;
  height: 70vh;
  /* 2 kez yazılmış, sadece biri kalsın */
  top: 50%;
  left: 50%;
  background-color: #34322e;
  opacity: 0.5;
  z-index: 3;
  width: 100%;
  max-width: 86%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bgs .moab-bg-container {
  position: sticky;
  width: 100%;
  height: 100vh;
  z-index: 1;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.bgs .moab-bg-wrap {
  position: relative;
  height: 70vh;
  width: 100%;
  max-width: 86%;
  margin-left: auto;
  margin-right: auto;
}

.bgs .moab-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.bgs .moab-bg-image:first-child {
  opacity: 1;
}

.bgs .moab-bg-image.visible {
  opacity: 1;
}

.bgs .moab-bg-image .responsiveimg.rel div img {
  min-width: 100%;
  min-height: 100%;
}

.bgs .moab-bg-image .responsiveimg.fixed div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.bgs .moab-bg-image .responsiveimg.r16x9 div,
.bgs .moab-bg-image .responsiveimg.r16x9_1x1 div {
  padding-bottom: 0;
}

.bgs .moab-bg-image .responsiveimg.fixed div img,
.bgs .moab-bg-image img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 65% 50%;
  object-position: 65% 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: object-position 2s ease-out, -webkit-transform 2s ease-out;
  transition: object-position 2s ease-out, -webkit-transform 2s ease-out;
  transition: transform 2s ease-out, object-position 2s ease-out;
  transition: transform 2s ease-out, object-position 2s ease-out, -webkit-transform 2s ease-out, -o-object-position 2s ease-out;
}

.bgs .moab-bg-image.moab-image-1,
.bgs .moab-bg-image.moab-image-1.visible,
.bgs .moab-started .moab-bg-image.moab-image-1,
.bgs .moab-started .moab-bg-image.moab-image-1.visible {
  opacity: 1 !important;
}

.bgs .moab-bg-image.moab-image-1 .responsiveimg.fixed div img,
.bgs .moab-bg-image.moab-image-1 img,
.bgs .moab-bg-image.moab-image-1.visible .responsiveimg.fixed div img,
.bgs .moab-bg-image.moab-image-1.visible img,
.bgs .moab-started .moab-bg-image.moab-image-1 .responsiveimg.fixed div img,
.bgs .moab-started .moab-bg-image.moab-image-1 img {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.bgs .moab-bg-image.visible .responsiveimg.fixed div img,
.bgs .moab-bg-image.visible img {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .bgs .moab-big-headline-mobile {
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 22;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -100vh;
  }

  .bgs .moab-big-headline-mobile>div {
    margin: 0 auto;
    font-size: 30px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
  }

  .bgs .moab-cnt-holder {
    max-width: 86%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .bgs .moab-block {
    height: auto;
  }

  .bgs .moab-block .moab-closebtn {
    display: none;
  }

  .bgs .moab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  .bgs .moab-block .moab-wrapper {
    overflow: visible;
    max-width: 100%;
    max-height: 100%;
  }

  .bgs .moab-bg-wrap,
  .bgs .moab-shade {
    height: 100vh;
    width: 100%;
    max-width: 100%;
  }

  .bgs .moab-shade {
    opacity: 0.5;
    z-index: 3;
  }

  .bgs .moab-big-headline {
    position: relative;
    height: auto;
    padding: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .bgs .moab-bg-container .moab-big-headline {
    display: none;
  }

  .bgs .moab-big-headline-mobile {
    display: block;
    z-index: 23;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
  }

  .bgs .moab-big-headline-mobile>div {
    font-size: 24px;
    color: #8E8566;
    text-align: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-bottom: 100px;
    padding-top: 20px;
  }

  .bgs .moab-cnt-holder {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    top: auto;
    height: auto;
    padding-bottom: 25vh;
  }

  .bgs .article-mainbody .moab-cnt-holder .wrpr,
  .bgs .moab-cnt-holder .wrpr {
    max-width: 100%;
  }

  .bgs .article-mainbody .moab-cnt-holder .hldr,
  .bgs .moab-cnt-holder .hldr {
    max-width: calc(100% - 30px);
    background-color: rgba(52, 50, 46, 0.8);
  }

  .bgs .moab-close-wrapper {
    display: none;
  }

  .bgs .moab-cnt-container {
    overflow: visible;
    overflow-x: hidden;
  }
}

.inner-page__header:not([class*=ui-pos-]) {
  position: relative;
}

.inner-page__header.ui-pos-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.inner-page__photo {
  background-color: #000;
}

.inner-page__photo:not([class*=ui-height-]) {
  /* height: 280px; */
  height: 45vh;
}

@media (max-width:768px) {
  .inner-page__photo:not([class*=ui-height-]) {
    /* height: 280px; */
    height: 30vh;
  }
}

.inner-page__photo.ui-height-small {
  height: 130px;
  background-color: #8E8566;
}

.inner-page__photo.ui-height-small img {
  opacity: 0;
}

.inner-page__photo.ui-height-medium {
  height: 400px;
}

.inner-page__photo.ui-height-large {
  height: 750px;
}

.inner-page__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.7;
}

.inner-page__heading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.inner-page__heading::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
  background-image: linear-gradient(to top, transparent, #000);
  opacity: 0.7;
}

.inner-page__heading .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-top: var(--header-height);
}

.inner-page__heading-photo {
  height: 300px;
  border-radius: 15px;
  overflow: hidden;
}

.inner-page__heading-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.inner-page__heading-content {
  margin-left: 10%;
  margin-right: auto;
  max-width: 750px;
}

@media (max-width:1024px) {
  .inner-page__heading-content {
    text-align: center;
  }
}

@media (min-width:1024px) {
  .inner-page__heading-content {
    text-align: left;
  }
}

.inner-page__heading-content .title {
  color: #fff;
  font-size: 42px;
  font-weight: 300 !important;
  letter-spacing: -1.5px;
  line-height: 1.3;
  /* text-transform: uppercase; */
}

@media (max-width: 767px) {
  .inner-page__heading-content .title {
    font-size: 28px;
    letter-spacing: -0.5px;
  }
}

.inner-page__heading-content .text {
  color: #818181;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 5px;
}

.inner-page__heading-content .text strong {
  font-weight: 800;
}

@media (min-width: 768px) {
  .inner-page__wrapper:not([class*=ui-mt-]) {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .inner-page__wrapper:not([class*=ui-mt-]) {
    margin-top: 60vh;
  }
}

@media (min-width: 768px) {
  .inner-page__wrapper:not([class*=ui-mb-]) {
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .inner-page__wrapper:not([class*=ui-mb-]) {
    margin-bottom: 30px;
  }
}

.inner-page__wrapper.ui-mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.inner-page__wrapper.ui-style-gradient {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}

.inner-page__wrapper.ui-style-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8E8566), to(transparent));
  background-image: linear-gradient(#8E8566, transparent);
  z-index: -1;
  opacity: 0.4;
}

.inner-page__wrapper.ui-bg-1 {
  background-color: rgba(32, 40, 40, 0.15);
  padding-block: 50px;
}

@media (min-width: 768px) {
  .inner-page__row.ui-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media (max-width: 767px) {
  .inner-page__row.ui-dir-row-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .inner-page__row:not(.ui-dir-row-reverse) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .inner-page__row:not([class*=ui-gutter-])>div {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1199px) {
  .inner-page__row:not([class*=ui-gutter-])>div {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1200px) {
  .inner-page__row.ui-gutter-15>div {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1199px) {
  .inner-page__row.ui-gutter-15>div {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .inner-page__article:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 73%;
    flex: 0 0 73%;
    max-width: 73%;
  }
}

@media (max-width: 767px) {
  .inner-page__article:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .inner-page__article:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62%;
    flex: 0 0 62%;
    max-width: 62%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .inner-page__article:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    max-width: 67%;
  }
}

@media (max-width: 767px) {
  .inner-page__sidebar {
    margin-top: 40px;
  }
}

.inner-page__sidebar:not([class*=col-])>div:not(:last-child) {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .inner-page__sidebar:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 73%);
    flex: 0 0 calc(100% - 73%);
    max-width: calc(100% - 73%);
  }
}

@media (max-width: 767px) {
  .inner-page__sidebar:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .inner-page__sidebar:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 62%);
    flex: 0 0 calc(100% - 62%);
    max-width: calc(100% - 62%);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .inner-page__sidebar:not([class*=col-]) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 67%);
    flex: 0 0 calc(100% - 67%);
    max-width: calc(100% - 67%);
  }
}

.inner-page__content {
  display: inline-block;
  width: 100%;
}

.inner-page__content:not(:last-child) {
  margin-bottom: 50px;
}

.inner-page__content:not(.ui-min-height):not(.ui-no-height) {
  min-height: 100%;
}

.inner-page__content.ui-min-height {
  min-height: 700px;
}

.inner-page__content.ui-bg-1 {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding: 50px 40px;
}

@media (max-width: 767px) {
  .inner-page__content.ui-bg-1 {
    padding: 30px 20px;
  }
}

.inner-page__content.ui-offer-detail {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px 50px;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .inner-page__content.ui-offer-detail {
    padding: 30px 20px;
  }
}

.inner-page__content.ui-txt-center {
  /* text-align: center; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .inner-page__content>.row:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.page-content__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.page-content__header:not(.ui-no-mb) {
  margin-bottom: 10px;
}

.page-content__header:not([class*=ui-color-]) .title {
  color: #8E8566;
}

.page-content__header.ui-color-light .title {
  /* color: #fff; */
  color: #fcf8e4;
  opacity: .8;
}

.page-content__header.ui-color-1 .title {
  color: #8E8566;
  font-size: 28px;
}

.page-content__header.ui-txt-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .page-content__header.ui-txt-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.page-content__header .title {
  font-size: 40px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: .6;
}

@media (max-width: 767px) {
  .page-content__header .title {
    font-size: 24px;
  }
}

.page-content__header .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #818181;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .page-content__header .date {
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .page-content__header .date {
    margin-top: 10px;
  }
}

.page-content__header .date .icon {
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 11px;
  width: 35px;
  height: 35px;
  background-color: #f5f5f5;
  align-items: center;
  font-size: 16px;
}

.page-content__header .date .text {
  padding-left: 15px;
}

.page-content__heading {
  font-weight: 700;
}

.page-content__heading:not([class*=ui-txt-size-]) {
  font-size: 18px;
  margin-bottom: 10px;
}

.page-content__heading.ui-txt-size-small {
  font-size: 14px;
  margin-bottom: 5px;
}

.page-content__heading:not([class*=ui-color-]) {
  color: #202828;
}

.page-content__heading.ui-color-1 {
  color: #202828;
}

.page-content__photo {
  overflow: hidden;
  position: relative;
  border-radius: 0 !important;
  margin-bottom: 30px;
  display: block;
}

@media (min-width: 992px) {
  .page-content__photo {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .page-content__photo:not([class*=ui-width-full]) {
    margin-right: 30px;
    float: left;
  }
}

.page-content__photo.ui-width-full {
  width: 100%;
  /* height: 400px; */
  height: auto;
  position: sticky;
  top: 10px;
}

.page-content__photo.ui-width-auto {
  width: 100%;
  height: auto;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-content__photo.ui-width-auto img {
  width: 75%;
}

.page-content__photo.ui-width-contain {
  width: 40%;
  margin-right: 70px;
}

.products-detail__boxes.ui-size-large .products-detail__boxes-item {
  height: 550px;
  padding: 30px;
}

.products-detail__boxes.ui-size-large .products-detail__boxes-item .icon {
  font-size: 62px;
}

.products-detail__boxes.ui-size-large .products-detail__boxes-item .text {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  /* overflow: hidden; */
  max-height: auto;
  font-weight: 300;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .page-content__photo.ui-width-contain {
    width: 100%;
    margin-right: 0;
  }
}

.page-content__photo.ui-width-contain img {
  -o-object-fit: contain;
  object-fit: contain;
}

.page-content__photo.ui-width-small {
  width: 40%;
  border-radius: 0;
}

@media (min-width: 992px) {
  .page-content__photo.ui-right {
    float: right;
    margin-right: 0;
    margin-left: 30px;
  }
}

.page-content__photo img,
.page-content__photo iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-content__photo img:has(+ .page-content__video),
.page-content__photo iframe:has(+ .page-content__video) {
  opacity: 0.75;
}

.page-content__detail>ul>li {
  display: inline-block;
}

.page-content__detail>ul>li:not(:last-child) {
  margin-bottom: 50px;
}

.page-content__spot {
  margin-bottom: 25px;
}

.page-content__spot .title {
  font-size: 18px !important;
  color: #000;
  font-weight: 700 !important;
  letter-spacing: -0.5px;
}

.page-content__spot.ui-txt-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .page-content__spot.ui-txt-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.page-content__spot .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .page-content__spot .date {
    margin-left: 50px;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .page-content__spot .date {
    margin-top: 10px;
  }
}

.products-detail__content.ui-txt-center .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /* justify-content: center; */
  padding-top: 0;
}

.products-detail__content.ui-txt-center .container .title {
  font-size: 46px;
  font-weight: 300;
}

.page-content__spot .date .icon {
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #202828;
  border-radius: 11px;
  width: 35px;
  height: 35px;
  background-color: rgba(32, 40, 40, 0.08);
  align-items: center;
  font-size: 16px;
}

.page-content__spot .date .text {
  padding-left: 15px;
  color: #818181;
  font-size: 14px;
  font-weight: 700;
}

.page-content__description {
  color: #818181 !important;
  font-size: 16px;
  line-height: 1.7;
  font-family: "Roboto", sans-serif !important;
  margin-bottom: 15px;
}

.page-content__description * {
  color: #818181 !important;
  font-family: "Roboto", sans-serif !important;
}

.page-content__description.ui-color-light {
  color: #fff !important;
}

.page-content__description.ui-color-light * {
  color: #fff !important;
}

.page-content__description.ui-txt-center {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-content__description a {
  color: #55acef;
  font-weight: 700;
}

.page-content__description a:hover {
  text-decoration: underline;
}

.page-content__description h3 {
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

.page-content__description h5 {
  font-weight: 700;
  font-size: 14px;
}

.page-content__description>p:not(:last-child) {
  margin-bottom: 30px;
}

.page-content__description a {
  color: #55acef;
  font-weight: 600;
}

.page-content__description a:hover {
  text-decoration: underline;
}

.page-content__description strong {
  font-weight: 800;
  color: #818181 !important;
}

.page-content__description img {
  max-width: 100%;
}

.page-content__description ul,
.page-content__description ol {
  padding-left: 20px;
}

.page-content__description ul li {
  list-style: disc;
}

.page-content__description ol li {
  list-style: decimal;
}

.page-content__description table {
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.page-content__description table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.page-content__description table tbody tr td,
.page-content__description table tbody tr th {
  padding: 10px 20px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  line-height: 1.5;
}

.page-content__description table tbody tr td:last-child,
.page-content__description table tbody tr th:last-child {
  border-right: 0 none !important;
}

.page-content__gallery {
  display: inline-block;
  width: 100%;
}

.page-content__gallery:not(.ui-no-mt) {
  margin-top: 20px;
}

.page-content__gallery ul {
  row-gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 479px) {
  .page-content__gallery ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__gallery ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 0 0 33.33%;
  }
}

.page-content__gallery-photo {
  width: 100%;
  height: 140px;
  overflow: hidden;
  display: block;
}

.page-content__gallery-photo:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.page-content__gallery-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.page-content__gallery-right .swiper {
  overflow: inherit;
}

.page-content__gallery-right .swiper-container {
  overflow: hidden;
}

.page-content__other {
  display: inline-block;
  width: 100%;
}

.page-content__other .heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #8E8566;
}

.page-content__other:not(.ui-no-mt) {
  margin-top: 30px;
}

.page-content__cards {
  margin-top: 70px;
  margin-bottom: 30px;
}

.page-content__cards.ui-contact {
  margin-top: 0;
  margin-bottom: 0;
}

.page-content__cards.ui-contact .card {
  height: 350px;
  padding-bottom: 50px;
}

.page-content__cards.ui-contact .card .text {
  height: 70px;
}

@media (max-width: 767px) {
  .page-content__cards ul li {
    margin-bottom: 30px;
  }
}

.page-content__cards .card {
  height: 410px;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 479px) {
  .page-content__cards .card {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card {
    height: 250px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card {
    padding-left: 25px;
    padding-right: 25px;
    height: 350px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .page-content__cards .card {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.page-content__cards .card:hover>.icon {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.page-content__cards .card:hover>.icon::after {
  -webkit-transform: translateY(10px) scale(0.75);
  -ms-transform: translateY(10px) scale(0.75);
  transform: translateY(10px) scale(0.75);
}

.page-content__cards .card .title {
  color: #1e1e1e;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card .title {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card .title {
    font-size: 16px;
  }
}

.page-content__cards .card>.icon {
  color: #8E8566;
  font-size: 72px;
  margin-top: 25px;
  margin-bottom: 50px;
  position: relative;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
  transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card>.icon {
    font-size: 54px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card>.icon {
    font-size: 54px;
  }
}

.page-content__cards .card>.icon::after {
  position: absolute;
  height: 8px;
  width: 66px;
  content: "";
  bottom: -25px;
  left: 50%;
  margin-left: -33px;
  background: rgba(0, 0, 0, 0.06);
  z-index: -1;
  border-radius: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
  transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}

.page-content__cards .card .text {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.4;
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card .text {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card .text {
    font-size: 13px;
  }
}

.page-content__cards .card .btn-wrapper {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card .btn-wrapper {
    bottom: 25px;
  }
}

.page-content__cards .card .btn-wrapper a {
  color: #8E8566;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card .btn-wrapper a {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card .btn-wrapper a {
    font-size: 13px;
  }
}

.page-content__cards .card .btn-wrapper a::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  left: -10px;
  background: #8E8566;
  z-index: -1;
  height: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

.page-content__cards .card .btn-wrapper a:hover {
  color: #fff;
}

.page-content__cards .card .btn-wrapper a:hover::after {
  height: 100%;
}

.page-content__cards .card .btn-wrapper a .icon {
  font-size: 14px;
  margin-left: 10px;
}

@media (min-width: 480px) and (max-width: 767px) {
  .page-content__cards .card .btn-wrapper a .icon {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content__cards .card .btn-wrapper a .icon {
    font-size: 13px;
  }
}

.page-content__video {
  width: 100%;
  height: 600px;
  margin-block: 50px;
  border-radius: 11px;
  overflow: hidden;
}

.page-content__video iframe {
  width: 100%;
  height: 100%;
}

.page-content__reports .reports ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.page-content__reports .reports ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-inline: -20px;
  padding-inline: 20px;
}

.page-content__reports .reports-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ebebeb;
  padding: 20px;
  border-radius: 11px;
}

@media (max-width: 991px) {
  .page-content__reports .reports-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.page-content__reports .reports-item .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1e1e1e;
  line-height: 1.3;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 500px;
}

@media (max-width: 991px) {
  .page-content__reports .reports-item .title {
    margin-bottom: 20px;
  }
}

.page-content__reports .reports-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-content__reports .reports-right .date {
  margin-right: 50px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #000;
}

.page-content__info {
  border-radius: 11px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px;
  background-color: #202828;
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.page-content__info::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/info-bg-2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.15;
}

.page-content__info .text {
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  text-align: center;
}

.page-content__info .buttons a:not(:last-child) {
  margin-right: 10px;
}

.page-content__about {
  margin-bottom: 30px;
}

.page-content__about-vision {
  background-color: #FFFFFF;
  padding-block: 50px;
}

.page-content__about-item {
  border: 1px solid #8E8566;
  padding: 30px;
  border-radius: 15px;
  height: 275px;
}

.page-content__about-item .page-content__description {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.page-content__about-list {
  padding-top: 50px;
}

.page-content__about-list.ui-style-sustainability {
  padding-top: 0;
}

.page-content__about-list.ui-style-sustainability .container>.row:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page-content__about-list.ui-style-istirak .row:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.page-content__about-list:not([class*=ui-style-sustainability]) .row:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page-content__about-list .row:not(:last-child) {
  margin-bottom: 50px;
}

.page-content__about-list__icons ul li .cover {
  width: 100%;
  height: auto;
}

.page-content__about-list__icons ul li .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 479px) {
  .page-content__about-list__icons ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.page-content__history-step {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #8E8566;
  border-radius: 999px;
  position: relative;
  z-index: 1;
}

.page-content__history-step::before {
  content: "";
  position: absolute;
  inset: -7px;
  background-color: #8E8566;
  z-index: -1;
  -webkit-animation: pulsate 2s infinite running;
  animation: pulsate 2s infinite running;
  border-radius: 999px;
}

.page-content__history ul {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.page-content__history ul::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #1e1e1e;
  opacity: 0.1;
}

@media (max-width: 767px) {
  .page-content__history ul::before {
    display: none;
  }
}

.page-content__history ul:hover li {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.6;
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.page-content__history ul li {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.page-content__history ul li:hover {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.page-content__history ul li:nth-child(even) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page-content__history ul li:not(:last-child) {
  margin-bottom: 50px;
}

.page-content__history ul li .years {
  font-size: 132px;
  font-weight: 800;
  letter-spacing: -2px;
  color: #8E8566;
  opacity: 0.4;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .page-content__history ul li .years {
    text-align: center;
  }
}

.page-content__history ul li .text {
  font-size: 18px;
  color: #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

@media (max-width: 767px) {
  .page-content__history ul li .text {
    text-align: center;
  }
}

.page-content__ik .ik ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.page-content__ik .ik ul li:not(:last-child) {
  margin-bottom: 20px;
}

.page-content__ik .ik-item {
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.page-content__ik .ik-header {
  cursor: pointer;
}

.page-content__ik .ik-header .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #1e1e1e;
}

.page-content__ik .ik-header .text {
  font-size: 14px;
  color: #1e1e1e;
}

.page-content__ik .ik-header .accordion-icon {
  width: 40px;
  height: 40px;
  color: #818181;
  border: 1px solid #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.page-content__ik .ik-dropdown {
  padding-top: 50px;
  display: none;
}

.sidebar-nav:not([class*=ui-not-sticky]) {
  position: sticky;
  top: 0;
}

.sidebar-nav>ul>li {
  border-bottom: 1px solid #ebebeb;
}

.sidebar-nav>ul>li:hover>a::before,
.sidebar-nav>ul>li.is-current>a::before {
  height: 100%;
}

.sidebar-nav>ul>li>a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  height: 75px;
  padding-left: 55px;
  padding-right: 20px;
  font-size: 16px;
  position: relative;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .sidebar-nav>ul>li>a {
    padding-left: 30px;
  }
}

.sidebar-nav>ul>li>a.is-active::before {
  height: 100%;
}

.sidebar-nav>ul>li>a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background-color: #8E8566;
  will-change: height;
  height: 0;
  margin-block: auto;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

.sidebar-nav>ul>li>a .icon:not([class*=ui-plus]) {
  font-size: 24px;
}

.sidebar-nav>ul>li>a .icon.ui-plus {
  position: absolute;
  right: 20px;
  font-size: 20px;
}

.sidebar-nav__sub {
  background-color: #fafafa;
  height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sidebar-nav__sub.is-visible {
  height: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}

.sidebar-nav__sub>ul>li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.sidebar-nav__sub>ul>li:hover>a {
  background-color: rgb(237.25, 237.25, 237.25);
}

.sidebar-nav__sub>ul>li>a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  height: 75px;
  padding-left: 55px;
  padding-right: 20px;
  font-size: 16px;
  position: relative;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sidebar-nav__sub>ul>li>a .icon {
  width: 5px;
  height: 5px;
  background-color: #8E8566;
  border-radius: 999px;
}

.branches {
  padding-top: 30px;
}

.branches ul {
  row-gap: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.branches-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(30, 30, 30, 0.15);
  box-shadow: 0 10px 20px rgba(30, 30, 30, 0.15);
  border-radius: 11px;
  padding: 20px;
  height: 210px;
}

.branches-card:hover .branches-icon::before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.branches-icon {
  width: 70px;
  height: 70px;
  border-radius: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #202828;
  color: #fff;
  font-size: 26px;
  position: relative;
  top: -40px;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.2);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.2);
  z-index: 1;
}

.branches-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #8E8566;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 11px;
  opacity: 1;
}

.branches-information {
  margin-top: -15px;
}

.branches-information .title {
  font-size: 22px;
  color: #818181;
  /* font-size: 18px; */
  font-weight: 300 !important;
  letter-spacing: -0.8px;
  line-height: 1.3;
  /* color: #000; */
  /* text-transform: uppercase; */
}

.branches-information .address {
  font-size: 14px;
  color: #818181;
  line-height: 1.4;
  margin-block: 15px;
}

.branches-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.branches-contact>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.branches-contact>a:not(:last-child) {
  margin-right: 15px;
}

.branches-contact>a:hover .text {
  color: #8E8566;
}

.branches-contact>a .icon {
  font-size: 18px;
  color: #8E8566;
}

@media (max-width: 767px) {
  .branches-contact>a .icon {
    font-size: 16px;
  }
}

.branches-contact>a .text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.3px;
  color: #818181 !important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .branches-contact>a .text {
    font-size: 12px;
  }
}

.contact {
  margin-bottom: 30px;
}

.contact-item:not(:last-child) {
  margin-bottom: 50px;
}

.contact-item:not(:first-child) {
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  padding: 50px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}

@media (max-width: 767px) {
  .contact-item:not(:first-child) {
    padding: 30px;
  }
}

.contact-item__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #fbfbfb;
  border-radius: 11px;
  overflow: hidden;
  padding: 50px;
  height: 250px;
}

.contact-item__box:hover .title {
  color: #8E8566;
}

.contact-item__box .icon {
  font-size: 52px;
  color: #1e1e1e;
  margin-bottom: 20px;
}

.contact-item__box .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #1e1e1e;
  line-height: 1.3;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact-item__box .text {
  font-size: 14px;
  color: #000;
}

.contact-item__box-cover {
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
}

.contact-item__box-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contact-left {
  position: sticky;
  top: 10px;
}

.contact-left__cover {
  width: 100%;
  height: 470px;
  border-radius: 11px;
  overflow: hidden;
}

.contact-left__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-map {
  width: 100%;
  height: 450px;
  margin-top: 100px;
  border-radius: 20px;
  overflow: hidden;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.products-detail {
  position: relative;
  background-color: #202828;
  z-index: 1;
  padding-top: 180px;
  padding-bottom: 100px;
  height: 60vh;
  overflow: hidden;
  /* Gradient dışına taşmasın */
}

.products-detail::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(to top,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.2) 80%,
      rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 767px) {
  .products-detail {
    height: 70vh;
  }
}

.products-detail__heading {
  background-color: rgba(196, 186, 147, 0.2);
  padding-block: 30px;
  height: auto;
  background-color: #E3E4E4;
}

@media (max-width: 767px) {
  .products-detail__features-container {
    padding: 40px 0 !important;
  }
}

.products-detail__heading .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.products-detail__heading .title {
  font-size: 28px;
  font-weight: 400 !important;
  color: #878787;
  margin-bottom: 10px;
  font-family: var(--font-family), sans-serif;
  width: 100%;
  padding: 0;
  text-align: inherit;
  /* veya center, left, right – ihtiyacına göre */
}

.products-detail__heading .deneme {
  font-size: 24px;
  line-height: 1.6;
}

@media (max-width: 2000px) {
  .products-detail__heading .title {
    font-size: 24px;
  }

  .products-detail__content .heading {
    font-size: 44px;
  }

  .page-content__header .title {
    font-size: 34px;
  }
}

.products-detail__heading .text {
  font-size: 18px;
  font-weight: 300;
  color: #878787;
  text-align: center;
}

.products-detail__features {
  position: relative;
  z-index: 1;
}

.products-detail__features::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/omnis/adsız.png");
  background-position: center;
  background-size: 18% contain;
  background-repeat: repeat;
  z-index: -1;
}

.products-detail__features-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-block: 40px;
  border-bottom: 1px solid #ebebeb;
  flex-direction: column;
}

@media (max-width: 767px) {
  .products-detail__features-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.products-detail__features-header .title {
  font-size: 30px;
  font-weight: 300 !important;
  color: #616160;
}

.products-detail__features-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding-left: 100px; */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767px) {
  .products-detail__features-header ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px;
  }
}

.products-detail__features-header ul li {
  display: flex;
  flex-direction: column;
  min-height: 350px;
  width: 33%;
  padding: 10px;
  color: #fff;
  /* background: rgba(255, 255, 255, 0.2); */
  background: #D0CEC5;
  /* Mutlaka yarı saydam */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.products-detail__features-header ul li:not(:last-child) {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .products-detail__features-header ul li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .products-detail__features-header ul li {
    width: 100%;
  }

  .products-detail__features-header-content {
    padding: 0 !important;
    text-align: center !important;
  }
}

.products-detail__features-header ul li .icon {
  font-size: 18px;
  width: 80px;
  height: 80px;
  color: #8E8566;
  border: 1px solid #8E8566;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
}

.products-detail__features-header ul li .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  color: #fff;
  line-height: 1.4;
  padding: 40px 20px 40px 20px;
}

.products-detail__features-content {
  padding-block: 50px;
}

.products-detail__features-content table {
  color: #fff;
}

.products-detail__features-content table thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .products-detail__features-content table thead tr {
    text-align: left;
  }
}

.products-detail__features-content table tbody tr {
  padding-block: 20px;
}

.products-detail__features-content table tbody tr:not(:last-child) {
  /* border-bottom: 1px solid #5f625f; */
}

.products-detail__features-content table tbody tr td {
  padding-block: 15px;
}

.products-detail__features-content table tbody tr td:first-child {
  width: 21.33%;
}

@media (max-width: 767px) {
  .products-detail__features-content table tbody tr td:first-child {
    width: 50%;
  }
}

.products-detail__boxes-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  background-color: #fff;
  padding: 20px 30px;
  height: 305px;
}

@media (max-width: 767px) {
  .products-detail__boxes-item {
    height: 100%;
  }
}

.products-detail__boxes-item .icon {
  font-size: 44px;
  color: #8E8566;
  margin-bottom: 20px;
  margin-top: 20px;
}

.products-detail__boxes-item .title {
  font-size: 20px;
  font-weight: 600 !important;
  padding-bottom: 15px;
  border-bottom: 1px solid;
  width: 70%;
}

.products-detail__boxes-item .text {
  font-size: 16px;
  color: #000;
  opacity: 0.8;
}

.products-detail__video {
  padding-top: 80px;
  text-align: center;
}

.products-detail__video-cover {
  width: 1000px;
  height: 550px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background-color: #000;
}

@media (max-width: 767px) {
  .products-detail__video-cover {
    width: 100%;
  }
}

.products-detail__video-cover:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.products-detail__video-cover img,
.products-detail__video-cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.8;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.products-detail__video-cover .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #8E8566;
  font-size: 32px;
  width: 70px;
  height: 70px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
}

.products-detail__video-cover .play::before {
  content: "";
  position: absolute;
  inset: -5px;
  background-color: #fff;
  border-radius: 999px;
  z-index: -1;
  -webkit-animation: pulsate 2s infinite running;
  animation: pulsate 2s infinite running;
}

.products-detail__cover {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #000;
}

@media (max-width: 767px) {
  .products-detail__cover {
    height: auto;
  }
}

.products-detail__cover img,
.products-detail__cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.7;
}

.products-detail__content {
  position: absolute;
  inset: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .products-detail__content {
    height: 500px;
  }
}

.products-detail__content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding-top: 100px;
}

.products-detail__content .heading {
  font-size: 50px;
  font-weight: 600;
  color: #fcf8e4;
  max-width: 720px;
  opacity: .8;
  /* text-transform: uppercase; */
}

.products-detail-right {
  position: absolute;
  right: 50px;
  bottom: 50px;
}

.products-detail-left {
  padding-top: 10vh;
}

@media (max-width:375px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    display: none;
  }
}

@media (min-width: 425px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    display: inline;
  }
}

@media (max-width:500px) {
  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: 30px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: 30px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    max-width: calc(var(--container) - 80px);
    top: -105px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: 20px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: 20px;
  }
}

@media (min-width:768px) and (max-width: 1024px) {
  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: 10px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: 10px;
  }
}

@media (min-width:1025px) and (max-width:2000px) {
  .owl-nav-style.products-nav__carousel .owl-nav {
    max-width: calc(var(--container) - 80px);
  }
}

@media (min-width:1030px) and (max-width:1200px) {
  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: -60px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: -60px;
  }
}

@media (min-width:1201px) and (max-width:1350px) {
  .products-nav.owl-carousel.owl-theme.owl-loaded.owl-drag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .owl-carousel .owl-stage-outer {
    width: 1000px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: 60px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: 60px;
  }
}

@media (min-width:1351px) and (max-width:1439px) {
  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: -60px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: -60px;
  }
}

@media (min-width: 1440px) and (max-width: 1999px) {
  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-prev {
    left: -90px;
  }

  .owl-nav-style.products-nav__carousel .owl-theme .owl-nav .owl-next {
    right: -90px;
  }
}

.section-products-arrows-div .swiper-button-prev {
  left: 54px !important;
}

.section-products-arrows-div .swiper-button-next {
  right: 54px !important;
}

@media (min-width:1024px) and (max-width:1440px) {
  .products-container {
    position: relative;
  }

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev {
    right: -30px !important;
  }

  .swiper-buttons:not([class*=ui-color-]) .swiper-button-next {
    left: -30px !important;
  }

  .products-container {
    max-width: 1100px;
  }
}

@media (min-width:1440px) {
  .products-container {
    position: relative;
  }

  .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev {
    left: -30px !important;
  }

  .swiper-buttons:not([class*=ui-color-]) .swiper-button-next {
    right: -30px !important;
  }
}

@media (min-width:1024px) and (max-width: 1440px) {
  .products-detail-left {
    padding-top: 225px;
  }

  .products-nav__wrapper {
    max-width: calc(var(--container) - 80px);
  }
}

.products-detail-map iframe {
  width: 100%;
  height: 500px;
}

.products-detail .products-information__icons {
  margin-top: 30px;
}

.products-detail .products-information__icons .heading {
  color: #fff;
}

.products-detail__header {
  margin-bottom: 50px;
}

.products-detail__header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .products-detail__header ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.products-detail__header ul li:not(:last-child) {
  margin-right: 20px;
}

.products-detail__header ul li:hover a::before,
.products-detail__header ul li.is-current a::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.products-detail__header ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  border-radius: 11px;
  background-color: #8E8566;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding-inline: 25px;
  position: relative;
}

.products-detail__header ul li a::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-10px);
  -ms-transform: translateX(-50%) translateY(-10px);
  transform: translateX(-50%) translateY(-10px);
  bottom: -10px;
  border-top: 10px solid #8E8566;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.products-detail__information-cover {
  width: 100%;
  height: 400px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  pointer-events: none;
  z-index: -1;
}

@media (min-width: 1750px) {
  .products-detail__information-cover {
    height: 480px;
  }
}

@media (max-width: 1199px) {
  .products-detail__information-cover {
    display: none;
  }
}

.products-detail__information-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.products-detail__information-photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
}

@media (max-width: 767px) {
  .products-detail__information-photo {
    height: auto;
  }
}

.products-detail__information-photo:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.products-detail__information-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.products-detail__information-logo {
  width: 100%;
  height: auto;
  margin-top: -120px;
}

@media (max-width: 767px) {
  .products-detail__information-logo {
    padding-top: 50px;
    display: none;
  }
}

.products-detail__information-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.products-detail__information .ui-d-flex>a:not(:last-child) {
  margin-right: 10px;
}

.products-detail__information .section-heading {
  font-size: 32px;
  font-weight: 700;
  color: #8E8566;
  letter-spacing: -1px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .products-detail__information .section-heading {
    margin-bottom: 20px;
  }
}

.products-detail__information .section-heading.ui-color-1 {
  color: #1e1e1e;
}

.products-detail__information .section-header .heading {
  font-size: 18px;
  font-weight: 700;
  color: #8E8566;
  margin-bottom: 10px;
}

.products-detail__information .section-header ul.ui-color-red li .icon {
  color: red;
}

.products-detail__information .section-header ul.ui-color-green li .icon {
  color: green;
}

.products-detail__information .section-header ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 1.3;
}

.products-detail__information .section-header ul li:not(:last-child) {
  margin-bottom: 10px;
}

.products-detail__information .section-header ul li .icon {
  font-size: 16px;
  margin-right: 10px;
}

.products-detail__information .section-header .media-cover {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.products-detail__information .section-header .media-cover.ui-size-small {
  height: 200px;
}

.products-detail__information .section-header .media-cover .icon {
  font-size: 52px;
  color: #818181;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.products-detail__information .section-header .media-cover .name {
  font-size: 18px;
  font-weight: 700;
  color: #1e1e1e;
  margin-top: 15px;
}

.products-detail__information .section-header .media-cover:hover img,
.products-detail__information .section-header .media-cover:hover .icon {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.products-detail__information .section-header .media-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.products-detail__information .section-header .media-cover .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 24px;
}

.products-detail__information .section-header .products-detail__information-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(30, 30, 30, 0.1);
  box-shadow: 0 0 15px rgba(30, 30, 30, 0.1);
  padding: 20px 15px;
  border-radius: 15px;
  overflow: hidden;
  height: 165px;
}

.products-detail__information .section-header .products-detail__information-item .icon {
  width: 50px;
  height: 50px;
  background-color: #8E8566;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
}

.products-detail__information .section-header .products-detail__information-item .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1e1e1e;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.products-detail__information .section-header .products-detail__information-item .text {
  font-size: 14px;
  color: #818181;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto;
}

.products-detail__information .section-header.ui-txt-center {
  padding-top: 80px;
}

.products-detail__information .section-header.ui-txt-center .row {
  margin-top: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.products-detail__information .section-header.ui-txt-center .row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products-detail__information .section-header.ui-txt-center .row ul li {
  font-size: 18px;
}

.ui-no-scroll {
  overflow: hidden;
}

.ui-no-scroll-y {
  overflow-y: hidden;
}

.ui-no-scroll-x {
  overflow-x: hidden;
}

.ui-pos-relative {
  position: relative;
}

.ui-pos-absolute {
  position: absolute;
}

.ui-pos-inherit {
  position: inherit;
}

.ui-pos-sticky {
  position: sticky;
}

.ui-text-center {
  text-align: center;
}

.ui-jc-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-jc-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ui-jc-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ui-jc-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ui-ai-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-ai-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ui-ai-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ui-ai-between {
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}

/* ui fx wrap */
.ui-fx-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* fx dir column */
.ui-fx-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* z-index */
.ui-z-index {
  position: relative;
  z-index: 9;
}

/* Semantically: Visible */
.ui-visually-hidden {
  position: absolute;
  clip-path: inset(100%);
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  pointer-events: none;
  clip: rect(0 0 0 0);
}

/* Off-Screen */
.ui-offscreen {
  position: absolute;
  left: -200%;
}

/* Button-Reset */
.ui-btn-reset {
  border-width: 0;
  padding: 0;
  background-color: transparent;
}

@media (min-width: 992px) {
  .ui-hidden {
    display: none;
  }
}

@media (max-width: 479px) {
  .ui-xs-hidden {
    display: none;
  }
}

@media (max-width: 767px) {
  .ui-sm-hidden {
    display: none;
  }
}

@media (max-width: 991px) {
  .ui-md-hidden {
    display: none;
  }
}

.ui-pv-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ui-pv-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-pv-15px {
  padding-top: 15px;
  padding-bottom: 15px;
}

.ui-pv-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ui-pv-25px {
  padding-top: 25px;
  padding-bottom: 25px;
}

.ui-pv-30px {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ui-pv-35px {
  padding-top: 35px;
  padding-bottom: 35px;
}

.ui-pv-40px {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ui-pv-45px {
  padding-top: 45px;
  padding-bottom: 45px;
}

.ui-pv-50px {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ui-pv-55px {
  padding-top: 55px;
  padding-bottom: 55px;
}

.ui-pv-60px {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ui-pv-65px {
  padding-top: 65px;
  padding-bottom: 65px;
}

.ui-pv-70px {
  padding-top: 70px;
  padding-bottom: 70px;
}

.ui-pv-75px {
  padding-top: 75px;
  padding-bottom: 75px;
}

.ui-pv-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ui-pv-85px {
  padding-top: 85px;
  padding-bottom: 85px;
}

.ui-pv-90px {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ui-pv-95px {
  padding-top: 95px;
  padding-bottom: 95px;
}

.ui-pv-100px {
  padding-top: 100px;
  padding-bottom: 100px;
}

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

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

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

.ui-pt-5px {
  padding-top: 5px !important;
}

.ui-pt-10px {
  padding-top: 10px !important;
}

.ui-pt-15px {
  padding-top: 15px !important;
}

.ui-pt-20px {
  padding-top: 20px !important;
}

.ui-pt-25px {
  padding-top: 25px !important;
}

.ui-pt-30px {
  padding-top: 30px !important;
}

.ui-pt-35px {
  padding-top: 35px !important;
}

.ui-pt-40px {
  padding-top: 40px !important;
}

.ui-pt-45px {
  padding-top: 45px !important;
}

.ui-pt-50px {
  padding-top: 50px !important;
}

.ui-pt-55px {
  padding-top: 55px !important;
}

.ui-pt-60px {
  padding-top: 60px !important;
}

.ui-pt-65px {
  padding-top: 65px !important;
}

.ui-pt-70px {
  padding-top: 70px !important;
}

.ui-pt-75px {
  padding-top: 75px !important;
}

.ui-pt-80px {
  padding-top: 80px !important;
}

.ui-pt-85px {
  padding-top: 85px !important;
}

.ui-pt-90px {
  padding-top: 90px !important;
}

.ui-pt-95px {
  padding-top: 95px !important;
}

.ui-pt-100px {
  padding-top: 100px !important;
}

.ui-pb-5px {
  padding-bottom: 5px !important;
}

.ui-pb-10px {
  padding-bottom: 10px !important;
}

.ui-pb-15px {
  padding-bottom: 15px !important;
}

.ui-pb-20px {
  padding-bottom: 20px !important;
}

.ui-pb-25px {
  padding-bottom: 25px !important;
}

.ui-pb-30px {
  padding-bottom: 30px !important;
}

.ui-pb-35px {
  padding-bottom: 35px !important;
}

.ui-pb-40px {
  padding-bottom: 40px !important;
}

.ui-pb-45px {
  padding-bottom: 45px !important;
}

.ui-pb-50px {
  padding-bottom: 50px !important;
}

.ui-pb-55px {
  padding-bottom: 55px !important;
}

.ui-pb-60px {
  padding-bottom: 60px !important;
}

.ui-pb-65px {
  padding-bottom: 65px !important;
}

.ui-pb-70px {
  padding-bottom: 70px !important;
}

.ui-pb-75px {
  padding-bottom: 75px !important;
}

.ui-pb-80px {
  padding-bottom: 80px !important;
}

.ui-pb-85px {
  padding-bottom: 85px !important;
}

.ui-pb-90px {
  padding-bottom: 90px !important;
}

.ui-pb-95px {
  padding-bottom: 95px !important;
}

.ui-pb-100px {
  padding-bottom: 100px !important;
}

.ui-mv-5px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ui-mv-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ui-mv-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.ui-mv-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.ui-mv-25px {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.ui-mv-30px {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.ui-mv-35px {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.ui-mv-40px {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ui-mv-45px {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.ui-mv-50px {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.ui-mv-55px {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.ui-mv-60px {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.ui-mv-65px {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.ui-mv-70px {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.ui-mv-75px {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.ui-mv-80px {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.ui-mv-85px {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.ui-mv-90px {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.ui-mv-95px {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.ui-mv-100px {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

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

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

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

.ui-ml-0 {
  margin-left: 0 !important;
}

.ui-mr-0 {
  margin-right: 0 !important;
}

.ui-mt-5px {
  margin-top: 5px !important;
}

.ui-mt-10px {
  margin-top: 10px !important;
}

.ui-mt-15px {
  margin-top: 15px !important;
}

.ui-mt-20px {
  margin-top: 20px !important;
}

.ui-mt-25px {
  margin-top: 25px !important;
}

.ui-mt-30px {
  margin-top: 30px !important;
}

.ui-mt-35px {
  margin-top: 35px !important;
}

.ui-mt-40px {
  margin-top: 40px !important;
}

.ui-mt-45px {
  margin-top: 45px !important;
}

.ui-mt-50px {
  margin-top: 50px !important;
}

.ui-mt-55px {
  margin-top: 55px !important;
}

.ui-mt-60px {
  margin-top: 60px !important;
}

.ui-mt-65px {
  margin-top: 65px !important;
}

.ui-mt-70px {
  margin-top: 70px !important;
}

.ui-mt-75px {
  margin-top: 75px !important;
}

.ui-mt-80px {
  margin-top: 80px !important;
}

.ui-mt-85px {
  margin-top: 85px !important;
}

.ui-mt-90px {
  margin-top: 90px !important;
}

.ui-mt-95px {
  margin-top: 95px !important;
}

.ui-mt-100px {
  margin-top: 100px !important;
}

.ui-mb-5px {
  margin-bottom: 5px !important;
}

.ui-mb-10px {
  margin-bottom: 10px !important;
}

.ui-mb-15px {
  margin-bottom: 15px !important;
}

.ui-mb-20px {
  margin-bottom: 20px !important;
}

.ui-mb-25px {
  margin-bottom: 25px !important;
}

.ui-mb-30px {
  margin-bottom: 30px !important;
}

.ui-mb-35px {
  margin-bottom: 35px !important;
}

.ui-mb-40px {
  margin-bottom: 40px !important;
}

.ui-mb-45px {
  margin-bottom: 45px !important;
}

.ui-mb-50px {
  margin-bottom: 50px !important;
}

.ui-mb-55px {
  margin-bottom: 55px !important;
}

.ui-mb-60px {
  margin-bottom: 60px !important;
}

.ui-mb-65px {
  margin-bottom: 65px !important;
}

.ui-mb-70px {
  margin-bottom: 70px !important;
}

.ui-mb-75px {
  margin-bottom: 75px !important;
}

.ui-mb-80px {
  margin-bottom: 80px !important;
}

.ui-mb-85px {
  margin-bottom: 85px !important;
}

.ui-mb-90px {
  margin-bottom: 90px !important;
}

.ui-mb-95px {
  margin-bottom: 95px !important;
}

.ui-mb-100px {
  margin-bottom: 100px !important;
}