/* Brown Normal */
@font-face {
  font-family: 'Brown';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/brown-regular.woff2") format("woff2");
}
/* Brown Bold */
@font-face {
  font-family: 'Brown';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/brown-bold.woff2") format("woff2");
}
body {
  --typography-primary-font-family: 'Brown';
  --typography--body-f: var(--typography-primary-font-family);
  --typography--body-w: 400;
  --typography--body-h: 1.400em;
  --typography--body-s: 20px;
  --typography--h1-f: var(--typography-primary-font-family);
  --typography--h1-w: 400;
  --typography--h1-h: 113.5%;
  --typography--h1-s: 90px;
  --typography--h2-f: var(--typography-primary-font-family);
  --typography--h2-w: 400;
  --typography--h2-h: 125%;
  --typography--h2-s: 50px;
  --typography--h3-f: var(--typography-primary-font-family);
  --typography--h3-w: 400;
  --typography--h3-h: 46px;
  --typography--h3-s: 32px;
  --typography--h4-f: var(--typography-primary-font-family);
  --typography--h4-w: 400;
  --typography--h4-h: 1.400em;
  --typography--h4-s: 20px;
  --typography--h5-f: var(--typography-primary-font-family);
  --typography--h5-w: 400;
  --typography--h5-h: 1.200em;
  --typography--h5-s: 18px;
  --typography--h6-f: var(--typography-primary-font-family);
  --typography--h6-w: 400;
  --typography--h6-h: 1.250em;
  --typography--h6-s: 16px;
  --typography--large-text-f: var(--typography-primary-font-family);
  --typography--large-text-w: 600;
  --typography--large-text-h: 1.067em;
  --typography--large-text-s: 90px;
  --typography--page-title-f: var(--typography-primary-font-family);
  --typography--page-title-w: 600;
  --typography--page-title-h: 1.200em;
  --typography--page-title-s: 72px;
  --typography--post-title-f: var(--typography-primary-font-family);
  --typography--post-title-w: 400;
  --typography--post-title-h: 113.5%;
  --typography--post-title-s: 90px;
  --typography--page-description-f: var(--typography-primary-font-family);
  --typography--page-description-w: 400;
  --typography--page-description-h: 1.200em;
  --typography--page-description-s: 30px;
  --header--menu-font-s: 50px;
  --header--menu-font-h: 1.250em;
}
@media (max-width: 1200px) {
  body {
    --header--menu-font-s: 42px;
  }
}
@media (max-width: 767px) {
  body {
    --typography--body-h: 1.400em;
    --typography--body-s: 17px;
    --typography--h1-h: 100%;
    --typography--h1-s: 50px;
    --typography--h2-h: 120%;
    --typography--h2-s: 35px;
    --typography--h3-h: 33px;
    --typography--h3-s: 24px;
    --typography--h4-h: 1.400em;
    --typography--h4-s: 18px;
    --typography--h5-s: 24px;
    --typography--h6-s: 16px;
    --typography--large-text-s: 40px;
    --typography--page-title-s: 32px;
    --typography--post-title-s: 32px;
    --typography--page-description-s: 20px;
    --header--menu-font-s: 36px;
    --header--menu-font-h: 1.300em;
  }
}

body {
  --dst-primary-c: var(--e-global-color-primary, #D89785 );
  --dst-secondary-c: var(--e-global-color-secondary, #1E2832 );
  --main-header-h: 118px;
}

#dst-footer {
  --footer--text-c: #ffffff;
  --footer--background-c: var(--dst-secondary-c);
  --footer--title-font-s: 20px;
  --footer--title-font-h: 1.000em;
  --footer--title-font-f: var(--typography-primary-font-family);
  --footer--title-font-tr: normal;
  --footer--title-font-w: 600;
  --footer--menu-font-s: 16px;
  --footer--menu-font-h: 1.000em;
  --footer--menu-font-f: var(--typography-primary-font-family);
  --footer--menu-font-tr: normal;
  --footer--menu-font-w: 600;
}
#dst-footer a {
  --footer--text-c: #ffffff;
}
#dst-footer a:hover {
  --footer--text-c: var(--dst-primary-c);
}

/* =============================================================================
- Reset CSS
============================================================================= */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  /* Prevent font scaling in landscape while allowing user zoom */
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
  overscroll-behavior: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 3;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

ul {
  padding-inline-start: 18px;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* Hidden */
.dst-hidden {
  display: none;
}

/* Skip to main menu */
.dst-skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

.dst-skip-main:focus,
.dst-skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border: 2px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

.dst-page-popup {
  cursor: pointer;
}

/* =============================================================================
- Grid
============================================================================= */
body {
  --dst-container-max-width: 1600px;
  --dst-content-width: min(100%,var(--dst-container-max-width,1140px));
}

.dst-container {
  width: 100%;
  max-width: var(--dst-content-width);
  margin: 0 auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

/* =============================================================================
- Paddings
============================================================================= */
.dst-pt-1x {
  padding-top: 21px;
}

.dst-pb-1x {
  padding-bottom: 21px;
}

.dst-pl-1x {
  padding-left: 21px;
}

.dst-pr-1x {
  padding-right: 21px;
}

.dst-pt-2x {
  padding-top: 42px;
}

.dst-pb-2x {
  padding-bottom: 42px;
}

.dst-pl-2x {
  padding-left: 42px;
}

.dst-pr-2x {
  padding-right: 42px;
}

.dst-pt-3x {
  padding-top: 63px;
}

.dst-pb-3x {
  padding-bottom: 63px;
}

.dst-pl-3x {
  padding-left: 63px;
}

.dst-pr-3x {
  padding-right: 63px;
}

.dst-pt-4x {
  padding-top: 84px;
}

.dst-pb-4x {
  padding-bottom: 84px;
}

.dst-pl-4x {
  padding-left: 84px;
}

.dst-pr-4x {
  padding-right: 84px;
}

.dst-pt-5x {
  padding-top: 105px;
}

.dst-pb-5x {
  padding-bottom: 105px;
}

.dst-pl-5x {
  padding-left: 105px;
}

.dst-pr-5x {
  padding-right: 105px;
}

.dst-pt-6x {
  padding-top: 126px;
}

.dst-pb-6x {
  padding-bottom: 126px;
}

.dst-pl-6x {
  padding-left: 126px;
}

.dst-pr-6x {
  padding-right: 126px;
}

.dst-pt-7x {
  padding-top: 147px;
}

.dst-pb-7x {
  padding-bottom: 147px;
}

.dst-pl-7x {
  padding-left: 147px;
}

.dst-pr-7x {
  padding-right: 147px;
}

.dst-pt-8x {
  padding-top: 168px;
}

.dst-pb-8x {
  padding-bottom: 168px;
}

.dst-pl-8x {
  padding-left: 168px;
}

.dst-pr-8x {
  padding-right: 168px;
}

.dst-pt-9x {
  padding-top: 189px;
}

.dst-pb-9x {
  padding-bottom: 189px;
}

.dst-pl-9x {
  padding-left: 189px;
}

.dst-pr-9x {
  padding-right: 189px;
}

@media (min-width: 767px) {
  .dst-pt-1x {
    padding-top: 30px;
  }

  .dst-pb-1x {
    padding-bottom: 30px;
  }

  .dst-pl-1x {
    padding-left: 30px;
  }

  .dst-pr-1x {
    padding-right: 30px;
  }

  .dst-pt-2x {
    padding-top: 60px;
  }

  .dst-pb-2x {
    padding-bottom: 60px;
  }

  .dst-pl-2x {
    padding-left: 60px;
  }

  .dst-pr-2x {
    padding-right: 60px;
  }

  .dst-pt-3x {
    padding-top: 90px;
  }

  .dst-pb-3x {
    padding-bottom: 90px;
  }

  .dst-pl-3x {
    padding-left: 90px;
  }

  .dst-pr-3x {
    padding-right: 90px;
  }

  .dst-pt-4x {
    padding-top: 120px;
  }

  .dst-pb-4x {
    padding-bottom: 120px;
  }

  .dst-pl-4x {
    padding-left: 120px;
  }

  .dst-pr-4x {
    padding-right: 120px;
  }

  .dst-pt-5x {
    padding-top: 150px;
  }

  .dst-pb-5x {
    padding-bottom: 150px;
  }

  .dst-pl-5x {
    padding-left: 150px;
  }

  .dst-pr-5x {
    padding-right: 150px;
  }

  .dst-pt-6x {
    padding-top: 180px;
  }

  .dst-pb-6x {
    padding-bottom: 180px;
  }

  .dst-pl-6x {
    padding-left: 180px;
  }

  .dst-pr-6x {
    padding-right: 180px;
  }

  .dst-pt-7x {
    padding-top: 210px;
  }

  .dst-pb-7x {
    padding-bottom: 210px;
  }

  .dst-pl-7x {
    padding-left: 210px;
  }

  .dst-pr-7x {
    padding-right: 210px;
  }

  .dst-pt-8x {
    padding-top: 240px;
  }

  .dst-pb-8x {
    padding-bottom: 240px;
  }

  .dst-pl-8x {
    padding-left: 240px;
  }

  .dst-pr-8x {
    padding-right: 240px;
  }

  .dst-pt-9x {
    padding-top: 270px;
  }

  .dst-pb-9x {
    padding-bottom: 270px;
  }

  .dst-pl-9x {
    padding-left: 270px;
  }

  .dst-pr-9x {
    padding-right: 270px;
  }
}
/* =============================================================================
- Typography
============================================================================= */
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child),
.dst-h1:not(:last-child),
.dst-h2:not(:last-child),
.dst-h3:not(:last-child),
.dst-h4:not(:last-child),
.dst-h5:not(:last-child),
.dst-h6:not(:last-child) {
  margin-bottom: 0.500em;
}

body, .dst-body-text {
  font-size: var(--typography--body-s, 15px);
  line-height: var(--typography--body-h, 1.5em);
  font-family: var(--typography--body-f);
  font-weight: var(--typography--body-w, 400);
}

body.single-post #dst-content {
  font-size: 18px;
  line-height: 2.000em;
  font-family: var(--typography--body-f);
  font-weight: var(--typography--body-w, 400);
}

h1, .dst-h1, .dst-h1 p, .has-dst-h-1-font-size {
  font-size: var(--typography--h1-s, 54px);
  line-height: var(--typography--h1-h, 1.4em);
  font-family: var(--typography--h1-f);
  font-weight: var(--typography--h1-w, 600);
}

h2, .dst-h2, .dst-h2 p, .has-dst-h-2-font-size {
  font-size: var(--typography--h2-s, 48px);
  line-height: var(--typography--h2-h, 1.4em);
  font-family: var(--typography--h2-f);
  font-weight: var(--typography--h2-w, 600);
}

h3, .dst-h3, .dst-h3 p, .has-dst-h-3-font-size {
  font-size: var(--typography--h3-s, 42px);
  line-height: var(--typography--h3-h, 1.4em);
  font-family: var(--typography--h3-f);
  font-weight: var(--typography--h3-w, 600);
}

h4, .dst-h4, .dst-h4 p, .has-dst-h-4-font-size {
  font-size: var(--typography--h4-s, 36px);
  line-height: var(--typography--h4-h, 1.4em);
  font-family: var(--typography--h4-f);
  font-weight: var(--typography--h4-w, 600);
}

h5, .dst-h5, .dst-h5 p, .has-dst-h-5-font-size {
  font-size: var(--typography--h5-s, 30px);
  line-height: var(--typography--h5-h, 1.4em);
  font-family: var(--typography--h5-f);
  font-weight: var(--typography--h5-w, 600);
}

h6, .dst-h6, .dst-h6 p, .has-dst-h-6-font-size {
  font-size: var(--typography--h6-s, 24px);
  line-height: var(--typography--h6-h, 1.4em);
  font-family: var(--typography--h6-f);
  font-weight: var(--typography--h6-w, 600);
}

.dst-large-text, .dst-large-text p, .has-dst-large-text-font-size {
  font-size: var(--typography--large-text-s, 24px);
  line-height: var(--typography--large-text-h, 1.4em);
  font-family: var(--typography--large-text-f);
  font-weight: var(--typography--large-text-w, 600);
}

.dst-medium-text, .dst-medium-text p, .has-dst-medium-text-font-size {
  font-family: sans-serif;
  font-size: 30px;
  font-size: clamp(30px, 10vw, 120px);
  line-height: 1.067em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.dst-page-title, .has-dst-page-text-font-size {
  font-size: var(--typography--page-title-s, 24px);
  line-height: var(--typography--page-title-h, 1.4em);
  font-family: var(--typography--page-title-f);
  font-weight: var(--typography--page-title-w, 400);
}

.dst-post-title {
  font-size: var(--typography--post-title-s, 24px);
  line-height: var(--typography--post-title-h, 1.4em);
  font-family: var(--typography--post-title-f);
  font-weight: var(--typography--post-title-w, 400);
}

.dst-page-description {
  font-size: var(--typography--page-description-s, 24px);
  line-height: var(--typography--page-description-h, 1.4em);
  font-family: var(--typography--page-description-f);
  font-weight: var(--typography--page-description-w, 400);
}

.dst-job-title {
  font-size: var(--typography--h4-s, 36px);
  line-height: var(--typography--h4-h, 1.4em);
  font-family: var(--typography--h4-f);
  font-weight: var(--typography--h4-w, 600);
}

.dst-leader-text, .dst-leader-text p, .has-dst-leader-text-font-size {
  font-family: sans-serif;
  line-height: 1.667em;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 767px) {
  .dst-leader-text, .dst-leader-text p, .has-dst-leader-text-font-size {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .dst-leader-text, .dst-leader-text p, .has-dst-leader-text-font-size {
    font-size: 1.333rem;
  }
}

blockquote, blockquote p {
  font-family: sans-serif;
  font-size: 1.333rem;
  line-height: 1.667em;
  font-weight: 400;
  font-style: italic;
}

.dst-link-text, .dst-btn, input[type="submit"], .ff-btn, .has-dst-link-text-font-size {
  font-family: sans-serif;
  font-size: 14px;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1em;
  font-weight: 500;
  text-transform: uppercase;
}

.dst-circle-btn-images, .dst-circle-btn {
  font-family: sans-serif;
  line-height: 1.25em;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
}
@media (min-width: 767px) {
  .dst-circle-btn-images, .dst-circle-btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .dst-circle-btn-images, .dst-circle-btn {
    font-size: 1.125rem;
  }
}

.dst-subtitle-text, .dst-subtitle-text p, .has-dst-subtitle-text-font-size, .ff-step-titles {
  font-family: sans-serif;
  line-height: 1.5em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
@media (min-width: 767px) {
  .dst-subtitle-text, .dst-subtitle-text p, .has-dst-subtitle-text-font-size, .ff-step-titles {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .dst-subtitle-text, .dst-subtitle-text p, .has-dst-subtitle-text-font-size, .ff-step-titles {
    font-size: 0.667rem;
  }
}

.dst-small-text, .dst-small-text p, .has-dst-small-text-font-size {
  font-family: sans-serif;
  line-height: 1.429em;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 767px) {
  .dst-small-text, .dst-small-text p, .has-dst-small-text-font-size {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .dst-small-text, .dst-small-text p, .has-dst-small-text-font-size {
    font-size: 1rem;
  }
}

.dst-widget-title {
  font-family: sans-serif;
  font-size: 1.333rem;
  line-height: 1.333em;
  font-weight: 500;
}

@media print {
  html {
    font-size: 12px;
  }
}
p:not(:last-child) {
  margin-bottom: 1.333rem;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
.dst-list-element + h1,
.dst-list-element + h2,
.dst-list-element + h3,
.dst-list-element + h4,
.dst-list-element + h5,
.dst-list-element + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6 {
  margin-top: 3.333rem;
}

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

sup {
  top: -0.7em;
}

sub {
  bottom: -0.25em;
}

strong {
  font-weight: 600;
}

/* Mobile */
@media (max-width: 767px) {
  /* Remove Br */
  .dst-title br {
    content: " ";
  }

  .dst-title br:after {
    content: " ";
  }
}
.dst-align-center {
  text-align: center;
}

.dst-align-right {
  text-align: right;
}

.dst-underline {
  position: relative;
}
.dst-underline:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.167em;
  min-height: 4px;
  z-index: -1;
  top: 80%;
  left: 0;
  background-color: var(--dst-primary-c);
}

.dst-description.dst-column-count-2 {
  column-count: 2;
  column-gap: 60px;
}
@media (max-width: 767px) {
  .dst-description.dst-column-count-2 {
    column-count: 1;
  }
}

.dst-description.dst-column-count-3 {
  column-count: 3;
  column-gap: 60px;
}
@media (max-width: 1023px) {
  .dst-description.dst-column-count-3 {
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .dst-description.dst-column-count-3 {
    column-count: 1;
  }
}

a.dst-item-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

s, strike {
  text-decoration: none;
  position: relative;
}

s::before, strike::before {
  content: '';
  position: absolute;
  top: 50%;
  background-color: var(--dst-primary-c);
  width: 102%;
  height: .15em;
  left: -1%;
  white-space: nowrap;
  display: block;
  z-index: -1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a {
  text-decoration: underline;
}

blockquote {
  padding-left: 18px;
  border-left: 2px solid var(--dst-primary-c);
  margin-bottom: 30px;
}

.wp-block-code code {
  font-size: 16px;
}

/* =============================================================================
- Tables
============================================================================= */
#dst-theme-wrapper table {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #242424;
  border-collapse: separate;
  cursor: default;
  margin-bottom: 0;
}
#dst-theme-wrapper table tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
#dst-theme-wrapper table td {
  line-height: 24px;
  border-bottom: 1px solid #242424;
  padding: 15px;
}
#dst-theme-wrapper table td:last-child {
  text-align: right;
}
#dst-theme-wrapper .is-style-stripes {
  border: none;
  margin-bottom: 0;
}

/* =============================================================================
- Default Button
============================================================================= */
.dst-default-button a {
  display: inline-block;
  padding: 1.500em 2.250em;
  border-radius: 200vw;
  transform: color .3s ease;
  position: relative;
  overflow: hidden;
}
.dst-default-button a span {
  position: relative;
  z-index: 3;
}
.dst-default-button a:after {
  content: '';
  z-index: 1;
  width: 40vw;
  height: 40vw;
  background-color: var(--dst-primary-c);
  border-radius: 100vw;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: top .5s ease;
}
.dst-default-button a .dst-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 2;
}
.dst-default-button a .dst-title {
  transition: transform 0.5s cubic-bezier(0, 0.45, 0, 1);
}
.dst-default-button a .dst-arrow {
  width: 24px;
  transition: transform 0.3s cubic-bezier(0, 0.45, 0, 1);
}
.dst-default-button a:hover {
  color: #ffffff;
  border-color: var(--dst-primary-c);
}
.dst-default-button a:hover:after {
  top: -200%;
}
.dst-default-button a:hover .dst-title {
  transform: translateX(20px);
}
.dst-default-button a:hover .dst-arrow {
  transform: translateX(4.2em);
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 1.667em 3.667em;
  border-radius: 0;
  transition: transform .3s ease;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  min-width: 10.000em;
  text-align: center;
  min-width: 13.333rem;
}

@keyframes MoveScaleUpInitial {
  to {
    transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
    opacity: 0;
  }
}
@keyframes MoveScaleUpEnd {
  from {
    transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
    opacity: 0;
    color: #ffffff;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    color: #ffffff;
  }
}
/* =============================================================================
- Outline Button
============================================================================= */
.dst-outline-button a {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 200vw;
  transform: color .3s ease;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  color: var(--dst-primary-c);
  border: 1px solid var(--dst-primary-c);
  font-size: 16px;
  line-height: 1.000em;
  font-weight: 600;
  transition: all .3s ease;
}
.dst-outline-button a:hover {
  color: #ffffff;
  background-color: var(--dst-primary-c);
}

/* =============================================================================
- Sound Buttons
============================================================================= */
.dst-video-sound-btns {
  display: none;
  position: absolute;
  z-index: 100;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
}
.dst-video-sound-btns.show {
  display: block;
}
.dst-video-sound-btns .dst-video-sound-btn {
  display: none;
  cursor: pointer;
}
.dst-video-sound-btns .dst-video-sound-btn.show {
  display: block;
}

/* =============================================================================
- Color
============================================================================= */
.dst-text-primary-1,
.has-primary-1-color,
.dst-line-primary-1 span:after {
  color: var(--dst-primary-c);
}

.dst-text-primary-2,
.has-primary-2-color,
.dst-line-primary-2 span:after {
  color: #30A3D9;
}

.dst-text-white,
.has-white-color,
.dst-line-white span:after {
  color: #ffffff;
}

.dst-text-black,
.has-black-color,
.dst-line-black span:after {
  color: #000000;
}

.dst-bg-primary-1,
.has-primary-1-background-color {
  background-color: var(--dst-primary-c);
}

.dst-bg-primary-2,
.has-primary-2-background-color {
  background-color: #30A3D9;
}

.dst-bg-white,
.has-white-background-color {
  background-color: #ffffff;
}

.dst-bg-black,
.has-black-background-color {
  background-color: #000000;
}

.dst-bg-gradient-1,
.has-gradient-1-gradient-background {
  background-image: linear-gradient(90deg, #79C8EB 0%, #004189 100%);
}

.dst-bg-gradient-2,
.has-gradient-2-gradient-background {
  background-image: linear-gradient(90deg, #704BDE 0%, #510B78 100%);
}

.dst-border-primary-1 {
  border-color: var(--dst-primary-c);
}

/* =============================================================================
- Header
============================================================================= */
#dst-header {
  --dst-header--bg-color: #ffffff;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
  --dst-header--logo-w: 170px;
  --dst-header--sticky-w: 40%;
  --dst-header--sticky-logo-w: 60px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: var(--dst-header--bg-color);
  padding: 40px 5% 30px 5%;
  display: flex;
  height: var(--main-header-h);
}
#dst-header.dst-skin-light {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: #ffffff;
  --dst-header--border-color: #ffffff;
}
#dst-header.dst-skin-dark {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
}
#dst-header.dst-skin-blog {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: var(--dst-post--title-c, #000000);
  --dst-header--border-color: var(--dst-post--title-c, #000000);
}
#dst-header.dst-skin-music {
  --dst-header--bg-color: #FBF2EA;
  --dst-header--text-color: var(--dst-post--title-c, #D1785E);
  --dst-header--border-color: var(--dst-post--title-c, #D1785E);
}
#dst-header.dst-skin-default + #dst-theme-wrapper, #dst-header.dst-skin-blog + #dst-theme-wrapper, #dst-header.dst-skin-music + #dst-theme-wrapper {
  padding-top: var(--main-header-h);
}
#dst-header .dst-header-row {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
#dst-header .dst-header-row .dst-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: transparent;
  position: relative;
  transition: width .5s ease;
}
#dst-header .dst-header-row .dst-inner:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -15px;
  bottom: -4px;
  border-radius: 50px;
  background-color: rgba(212, 212, 212, 0.7);
  opacity: 0;
  transition: opacity .5s ease;
  z-index: -1;
  backdrop-filter: blur(2px);
}
#dst-header .dst-left-area {
  position: relative;
  max-width: 60%;
}
#dst-header .dst-logo {
  display: block;
  border: 1px solid var(--dst-header--border-color);
  background-color: #000000;
}
#dst-header .dst-logo svg {
  width: var(--dst-header--logo-w);
  height: auto;
  fill: #010101;
  display: block;
}
#dst-header .dst-blog-logo,
#dst-header .dst-music-logo {
  display: flex;
  gap: 6%;
}
#dst-header .dst-blog-logo svg,
#dst-header .dst-music-logo svg {
  fill: var(--dst-header--text-color);
  display: block;
  width: 100%;
  height: auto;
}
#dst-header .dst-sticky-logo {
  display: block;
  display: none;
}
#dst-header .dst-sticky-logo svg {
  width: var(--dst-header--sticky-logo-w);
  height: auto;
  fill: #010101;
  display: block;
}
#dst-header .dst-buttons-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
#dst-header .dst-buttons-wrapper .dst-header-button {
  font-size: 20px;
  line-height: 1.4em;
  padding: 4px 30px;
  color: var(--dst-header--text-color);
  border: 1px solid var(--dst-header--border-color);
  border-radius: 100px;
  min-width: 114px;
}
#dst-header.dst-sticky {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
}
#dst-header.dst-sticky .dst-header-row .dst-inner {
  width: var(--dst-header--sticky-w);
}
#dst-header.dst-sticky .dst-header-row .dst-inner:before {
  opacity: 1;
}
#dst-header.dst-sticky .dst-logo,
#dst-header.dst-sticky .dst-blog-logo,
#dst-header.dst-sticky .dst-music-logo {
  display: none;
}
#dst-header.dst-sticky .dst-sticky-logo {
  display: block;
}
#dst-header.dst-menu-open {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
}
#dst-header.dst-responsive-menu-open {
  --dst-header--bg-color: #ffffff;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
}
#dst-header.dst-book-area-open {
  --dst-header--bg-color: transparent;
  --dst-header--text-color: #000000;
  --dst-header--border-color: #000000;
}
#dst-header.dst-book-area-open .dst-desktop-menu-btn {
  pointer-events: none;
}
#dst-header .dst-menu-btn {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
#dst-header .dst-menu-btn span {
  display: block;
  width: 33px;
  height: 2px;
  background-color: var(--dst-header--text-color);
  border-radius: 4px;
  transition: transform .3s ease;
}
#dst-header .dst-menu-btn.dst-close span:first-child {
  transform: rotate(45deg) translate(5px, 5px);
}
#dst-header .dst-menu-btn.dst-close span:last-child {
  transform: rotate(-45deg) translate(5px, -5px);
}
@media (max-width: 1023px) {
  #dst-header {
    --dst-header--logo-w: 140px;
    --dst-header--sticky-w: 60%;
    --dst-header--sticky-logo-w: 40px;
  }
  #dst-header .dst-buttons-wrapper {
    display: none;
  }
  #dst-header .dst-menu-btn {
    display: flex;
  }
}

.elementor-editor-active #dst-header {
  pointer-events: none;
}

	/* =============================================================================
- Offcanvas Area
============================================================================= */
#dst-offcanvas-area {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  color: #000000;
  background-color: #ffffff;
  z-index: 9997;
  visibility: hidden;
  padding: 5%;
}
#dst-offcanvas-area .dst-menu-area-inner {
  padding: var(--main-header-h) 0px;
}
#dst-offcanvas-area .dst-menu-row {
  display: flex;
}
#dst-offcanvas-area .dst-menu-row .dst-left-area {
  flex-basis: 70%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 90px;
}
#dst-offcanvas-area .dst-menu-row .dst-right-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 90px;
}
#dst-offcanvas-area .dst-offcanvas-menu {
  flex: 1;
}
#dst-offcanvas-area .dst-offcanvas-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: var(--header--menu-font-s);
  line-height: var(--header--menu-font-h);
}
#dst-offcanvas-area .dst-offcanvas-menu ul a .dst-item {
  position: relative;
}
#dst-offcanvas-area .dst-offcanvas-menu ul a .dst-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 3px solid var(--dst-primary-c);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1);
}
#dst-offcanvas-area .dst-offcanvas-menu ul a:hover .dst-item:after {
  transform: scaleX(1);
  transform-origin: left center;
}
#dst-offcanvas-area .dst-language-selector {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--header--menu-font-s);
  line-height: var(--header--menu-font-h);
}
#dst-offcanvas-area .dst-language-selector a {
  position: relative;
}
#dst-offcanvas-area .dst-language-selector a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 3px solid var(--dst-primary-c);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1);
}
#dst-offcanvas-area .dst-language-selector a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
#dst-offcanvas-area .dst-offcanvas-button {
  font-size: 20px;
  line-height: 1.4em;
  padding: 4px 30px;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 100px;
  min-width: 114px;
}

	/* =============================================================================
- Responsive Area
============================================================================= */
#dst-responsive-menu-area {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 9997;
  visibility: hidden;
  padding: 5%;
}
#dst-responsive-menu-area .dst-menu-area-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
#dst-responsive-menu-area .dst-menu-area-inner .dst-scroller {
  position: absolute;
  padding: 8% 5%;
  top: var(--main-header-h);
  left: 0;
  width: 100%;
  height: calc( 100% - var(--main-header-h) );
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
#dst-responsive-menu-area .dst-menu-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
#dst-responsive-menu-area .dst-offcanvas-menu {
  flex: 1;
}
#dst-responsive-menu-area .dst-offcanvas-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: var(--header--menu-font-s);
  line-height: var(--header--menu-font-h);
}
#dst-responsive-menu-area .dst-offcanvas-menu ul a {
  color: #000000;
}
#dst-responsive-menu-area .dst-offcanvas-menu ul a:hover {
  color: #D89785;
}
#dst-responsive-menu-area .dst-language-selector {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--header--menu-font-s);
  line-height: var(--header--menu-font-h);
}
#dst-responsive-menu-area .dst-language-selector a {
  color: #000000;
}
#dst-responsive-menu-area .dst-language-selector a:hover {
  color: #D89785;
}
#dst-responsive-menu-area .dst-offcanvas-button {
  font-size: 20px;
  line-height: 1.4em;
  padding: 4px 30px;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 100px;
  min-width: 114px;
}

/* =============================================================================
- Hero
============================================================================= */
#dst-hero {
  position: relative;
  padding: 11.250rem 0 5.625rem 0;
}
#dst-hero .dst-content {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
}
#dst-hero .dst-title {
  display: flex;
  flex-direction: column;
  color: var(--dst-primary-c);
}
#dst-hero .dst-title .dst-line {
  overflow: hidden;
  text-align: left;
}
#dst-hero .dst-title .dst-line:nth-child(2n + 2) {
  text-align: center;
}
#dst-hero .dst-title span {
  display: block;
}
#dst-hero .dst-title .dst-single-char {
  overflow: hidden;
}
#dst-hero .dst-title .dst-single-char-inner {
  transform: translateY(100%);
}
#dst-hero .dst-description {
  display: block;
  max-width: 28.889rem;
}
#dst-hero .dst-hero-bg {
  display: none;
}
@media (min-width: 1200px) {
  #dst-hero {
    min-height: 100vh;
  }
  #dst-hero .dst-hero-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --mask: radial-gradient(circle at var(--x, 50%) var(--y, 50%), black 10%, rgba(0,0,0,0) 30%);
    -webkit-mask-image: var(--mask);
    mask-image: var(--mask);
  }
  #dst-hero .dst-hero-bg .dst-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #dst-hero .dst-hero-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* =============================================================================
- Page Title
============================================================================= */
.dst-page-title-wrapper {
  padding: 17.313rem 5% 5.625rem 5%;
}
.dst-page-title-wrapper .dst-inner {
  display: flex;
  flex-direction: column;
}
.dst-page-title-wrapper .dst-title {
  margin-bottom: 18px;
  color: var(--dst-secondary-c);
}
.dst-page-title-wrapper .dst-description {
  max-width: 520px;
}
@media (max-width: 767px) {
  .dst-page-title-wrapper {
    padding-top: 180px;
    padding-bottom: 30px;
  }
}

/* =============================================================================
- Search Page
============================================================================= */
.dst-search-content .dst-grid-item {
  padding: 20% 12%;
  background-color: #ffffff;
  border: 1px solid #EFEFF1;
}
.dst-search-content .dst-grid-item .dst-title {
  margin-bottom: 0.200em;
}
.dst-search-content .dst-grid-item .dst-description,
.dst-search-content .dst-grid-item .dst-description p {
  font-size: 14px;
}
.dst-search-content .dst-grid-item .dst-description {
  margin-bottom: 12px;
}
.dst-search-content .dst-grid-item .dst-read-more {
  color: var(--dst-primary-c);
}

/* =============================================================================
- Page 404
============================================================================= */
#dst-content .dst-404-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10.000rem 0;
}
#dst-content .dst-404-content .dst-404 {
  font-size: 20vw;
  line-height: 0.8em;
  margin-bottom: 0;
  color: #30A3D9;
}
#dst-content .dst-404-content .dst-title {
  margin-bottom: 30px;
}

/* =============================================================================
- Footer
============================================================================= */
#dst-footer {
  color: var(--footer--text-c, #ffffff);
  background-color: var(--footer--background-c, #000000);
}

.dst-footer-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.500rem;
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.dst-footer-row .dst-footer-text {
  font-size: var(--footer--title-font-s, 16px);
  line-height: var(--footer--title-font-h, 1em);
  font-family: var(--footer--title-font-f);
  text-transform: var(--footer--title-font-tr);
  font-weight: var(--footer--title-font-w);
}
.dst-footer-row .dst-footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.dst-footer-row .dst-footer-menu ul li {
  font-size: var(--footer--menu-font-s, 16px);
  line-height: var(--footer--menu-font-h, 1em);
  font-family: var(--footer--menu-font-f);
  text-transform: var(--footer--menu-font-tr);
  font-weight: var(--footer--menu-font-w);
}
.dst-footer-row .dst-footer-menu ul a {
  display: block;
  text-align: left;
  white-space: nowrap;
  color: var(--footer--text-c, #ffffff);
  padding: 10px 0px;
}
.dst-footer-row .dst-socials ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.dst-footer-row .dst-socials ul a {
  display: block;
  color: var(--footer--text-c, #ffffff);
}
.dst-footer-row .dst-socials ul a svg {
  display: block;
  fill: currentColor;
}
.dst-footer-row .dst-left-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 100%;
  align-self: flex-start;
}
.dst-footer-row .dst-right-area {
  display: flex;
  justify-content: flex-end;
  flex-basis: calc(50% - 1.500em);
  align-self: flex-end;
}
.dst-footer-row .dst-center-area {
  display: flex;
  flex-basis: calc(50% - 1.500em);
}
@media (min-width: 660px) {
  .dst-footer-row .dst-left-area {
    flex-basis: auto;
    flex: 3;
  }
  .dst-footer-row .dst-right-area {
    flex: 1;
  }
  .dst-footer-row .dst-center-area {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .dst-footer-row {
    flex-direction: row;
    align-items: flex-end;
  }
  .dst-footer-row .dst-footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .dst-footer-row .dst-footer-menu ul a {
    padding: 0 20px;
  }
  .dst-footer-row .dst-left-area {
    align-self: inherit;
    flex: 1;
  }
  .dst-footer-row .dst-right-area {
    align-self: inherit;
    flex: 1;
  }
  .dst-footer-row .dst-center-area {
    justify-content: center;
    flex: 3;
  }
}

.dst-copyright-row {
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
  justify-content: space-between;
  font-family: var(--typography-primary-font-family), Sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.200em;
  color: var(--footer--text-c, #ffffff);
  padding: 18px 0 36px 0;
}
.dst-copyright-row .dst-languages ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.dst-copyright-row .dst-languages ul li img {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.dst-copyright-row .dst-languages ul li img + span {
  margin-left: 5px;
}
.dst-copyright-row .dst-left-area,
.dst-copyright-row .dst-right-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 100%;
  align-self: flex-start;
}
.dst-copyright-row .dst-center-area {
  display: flex;
  flex-basis: calc(50% - 1.500em);
}
.dst-copyright-row a {
  color: var(--footer--text-c, #ffffff);
  transition: color .3s ease;
}
@media (min-width: 1200px) {
  .dst-copyright-row {
    flex-direction: row;
    align-items: flex-end;
  }
  .dst-copyright-row .dst-left-area {
    align-self: center;
    flex: 1;
  }
  .dst-copyright-row .dst-right-area {
    align-self: center;
    align-items: flex-end;
    flex: 1;
  }
  .dst-copyright-row .dst-center-area {
    justify-content: center;
    flex: 3;
  }
}

@media print {
  #dst-footer {
    display: none;
  }
}
#dst-privacy-bar {
  position: fixed;
  right: 5%;
  bottom: 5%;
  background-color: #ffffff;
  padding: 20px 28px;
  z-index: 13;
  width: 100%;
  max-width: 430px;
  display: none;
}
#dst-privacy-bar .dst-privacy-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 100px;
  color: #000;
}
#dst-privacy-bar .dst-privacy-close-btn {
  position: absolute;
  top: 20px;
  right: 28px;
  cursor: pointer;
}
#dst-privacy-bar .dst-privacy-close-btn svg {
  display: block;
  width: 30px;
  height: auto;
}
#dst-privacy-bar .dst-privacy-content {
  display: flex;
  flex-direction: column;
  font-size: var(--typography--h4-s, 36px);
  line-height: var(--typography--h4-h, 1.4em);
  font-family: var(--typography--h4-f);
  font-weight: var(--typography--h4-w, 600);
}
#dst-privacy-bar .dst-privacy-content a {
  color: #D89785;
}
#dst-privacy-bar .dst-privacy-btn {
  align-self: flex-end;
  font-weight: 400;
  font-family: var(--typography-primary-font-family), Sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 1.400em;
  background-color: #000000;
  color: #ffffff;
  border: none;
  cursor: pointer;
  outline: 0;
  transition: opacity .3s ease;
  border-radius: 50px;
  padding: 4px 30px;
}
#dst-privacy-bar .dst-privacy-btn:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  #dst-privacy-bar {
    right: 1.000rem;
    left: 1.000rem;
    bottom: 1.000rem;
    max-width: none;
    width: auto;
  }
}

@media print {
  #dst-privacy-bar {
    display: none;
  }
}
/* =============================================================================
- Fluent Forms
============================================================================= */
#dst-theme-wrapper .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
  margin-bottom: 0;
}

/* =============================================================================
- Gutenberg
============================================================================= */
#dst-content .dst-content-with-sidebar {
  max-width: 62.222rem;
}

#dst-content > .alignfull {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  z-index: 3;
}
#dst-content > .alignfull img {
  max-width: none;
  width: 100%;
}

#dst-content > p + h1,
#dst-content > p + h2,
#dst-content > p + h3,
#dst-content > p + h4,
#dst-content > p + h5,
#dst-content > p + h6 {
  margin-top: 3.333rem;
}

#dst-content > ul + h1,
#dst-content > ul + h2,
#dst-content > ul + h3,
#dst-content > ul + h4,
#dst-content > ul + h5,
#dst-content > ul + h6 {
  margin-top: 3.333rem;
}

/* =============================================================================
--- Custom Order
============================================================================= */
@media (max-width: 1023px) {
  .wp-block-column.dst-order-1 {
    order: 1;
  }

  .wp-block-column.dst-order-2 {
    order: 2;
  }

  .wp-block-column.dst-order-3 {
    order: 3;
  }

  .wp-block-column.dst-order-4 {
    order: 4;
  }

  .wp-block-column.dst-order-5 {
    order: 5;
  }
}
/* =============================================================================
--- Custom Columns
============================================================================= */
@media (min-width: 600px) and (max-width: 781px) {
  #dst-body .wp-block-column.dst-column-tablet-sm-10 {
    flex-basis: 10;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-20 {
    flex-basis: 20;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-30 {
    flex-basis: 30;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-40 {
    flex-basis: 40;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-50 {
    flex-basis: 50;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-60 {
    flex-basis: 60;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-70 {
    flex-basis: 70;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-80 {
    flex-basis: 80;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-90 {
    flex-basis: 90;
    margin-left: 0;
  }

  #dst-body .wp-block-column.dst-column-tablet-sm-100 {
    flex-basis: 100;
    margin-left: 0;
  }
}
/* =============================================================================
--- Aligns
============================================================================= */
#dst-content:not(.dst-with-sidebar) .alignfull {
  margin-left: calc((-100vw + 100%)/2);
  margin-right: calc((-100vw + 100%)/2);
  max-width: 100vw;
  width: auto;
}

.alignwide {
  margin-left: -6vw;
  margin-right: -6vw;
  width: calc(100% + 12vw);
  max-width: none;
}

#dst-content.dst-right-sidebar .alignwide {
  margin-right: 0;
  width: calc(100% + 6vw);
  max-width: none;
}

#dst-content.dst-left-sidebar .alignwide {
  margin-left: 0;
  width: calc(100% + 6vw);
  max-width: none;
}

@media (max-width: 1023px) {
  .alignwide {
    margin-left: -3vw;
    margin-right: -3vw;
    width: calc(100% + 6vw);
  }

  #dst-content.dst-right-sidebar .alignwide,
  #dst-content.dst-left-sidebar .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }
}
@media (max-width: 767px) {
  .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }

  #dst-content.dst-right-sidebar .alignwide,
  #dst-content.dst-left-sidebar .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }
}
.wp-block-group.has-background {
  padding: 2.000rem;
}

/* =============================================================================
--- Text Sizes
============================================================================= */
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-huge-font-size,
.has-larger-font-size {
  line-height: 1.2;
}

/* =============================================================================
--- Block Quote
============================================================================= */
.wp-block-quote.is-large:before {
  content: '';
}

/* =============================================================================
--- Block Pullquote
============================================================================= */
.wp-block-pullquote {
  border: none;
}
.wp-block-pullquote blockquote:before {
  content: '';
}

/* =============================================================================
--- Block Pullquote
============================================================================= */
#dst-content blockquote.wp-block-quote {
  padding: 0;
  border: none;
  opacity: 0.6;
  margin: 2.500em 0;
}
#dst-content blockquote.wp-block-quote cite {
  display: block;
  margin-top: 1em;
  font-size: 14px;
  line-height: 1;
  text-align: inherit;
}

/* =============================================================================
--- Block Separator
============================================================================= */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  border: none;
  height: 1px;
  background-color: currentColor;
  margin-top: 30px;
  margin-bottom: 30px;
}
.wp-block-separator.is-style-wide {
  width: auto;
  border: none;
  height: 1px;
  background-color: currentColor;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -12%;
  margin-right: -12%;
}

/* =============================================================================
--- Block  Archives/ Categories / Latest Posts
============================================================================= */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts {
  margin: 0;
  list-style: none;
}

.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts li {
  margin-bottom: 6px;
  text-align: left;
  overflow: hidden;
}

.wp-block-archives li ul,
.wp-block-categories li ul,
.wp-block-latest-posts li ul {
  padding-left: 10px;
}

.wp-block-archives li:last-child,
.wp-block-categories li:last-child,
.wp-block-latest-posts li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.wp-block-latest-comments {
  margin: 0;
  list-style: none;
}

/* =============================================================================
--- Block Cover
============================================================================= */
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
  color: #ffffff;
}

.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
  color: #ffffff;
}

/* =============================================================================
--- Block Button
============================================================================= */
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

/* =============================================================================
--- Block Image
============================================================================= */
.wp-block-image {
  overflow: hidden;
}
.wp-block-image figcaption {
  font-family: sans-serif;
  font-size: 0.889rem;
  line-height: 1.429em;
  font-weight: 400;
}

.wp-caption-text {
  font-family: sans-serif;
  font-size: 0.889rem;
  line-height: 1.429em;
  font-weight: 400;
}

/* =============================================================================
--- Block Gallery
============================================================================= */
.wp-block-gallery .blocks-gallery-item figcaption {
  line-height: 1.4;
}

/* =============================================================================
- Indicator
============================================================================= */
#dst-indicator {
  display: none;
  color: #000000;
}
@media (min-width: 1200px) {
  #dst-indicator {
    display: block;
    position: fixed;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
    will-change: transform;
    transition: opacity .3s ease;
  }
  #dst-indicator.dst-hide-indicator {
    opacity: 0;
  }
  #dst-indicator .dst-bullet {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: rgba(212, 212, 212, 0.7);
    backdrop-filter: blur(2px);
    border-radius: 100px;
    transition: all .3s ease;
  }
  #dst-indicator .dst-text {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 3;
    opacity: 0;
    transition: opacity .3s ease;
    transition-delay: 0;
  }
  #dst-indicator .dst-arrow {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 3;
    opacity: 0;
    transition: opacity .3s ease;
    transition-delay: 0;
  }
  #dst-indicator .dst-arrow svg {
    fill: #000000;
    display: block;
  }
  #dst-indicator.dst-link-hover .dst-bullet {
    width: 100px;
    height: 100px;
  }
  #dst-indicator.dst-text-hover .dst-text {
    opacity: 1;
    transition-delay: .1s;
  }
  #dst-indicator.dst-arrow-hover .dst-arrow {
    opacity: 1;
    transition-delay: .1s;
  }
}

@media print {
  #dst-indicator {
    display: none;
  }
}
/* =============================================================================
- Modal
============================================================================= */
#dst-modal-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(2px);
  display: none;
}
#dst-modal-area .dst-close-modal {
  position: absolute;
  top: 120px;
  right: 120px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  padding: 10px;
  z-index: 3;
}
#dst-modal-area .dst-close-modal svg {
  fill: #ffffff;
  display: block;
  width: 36px;
  height: auto;
}
@media (max-width: 767px) {
  #dst-modal-area .dst-close-modal {
    top: 30px;
    right: 30px;
  }
}
#dst-modal-area .dst-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
#dst-modal-area .dst-inner video {
  width: auto;
  height: 90vh;
  max-width: 100%;
}

	/* =============================================================================
- Book Area
============================================================================= */
#dst-book-area {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 9997;
  visibility: hidden;
  padding: 0 5%;
}
#dst-book-area .dst-book-area-inner {
  padding: var(--main-header-h) 0px;
}

img.dst-lazy-load {
  opacity: 0;
  transition: opacity 0.4s;
}
img.lazyload {
  opacity: 0;
}
img.lazyloaded {
  opacity: 1;
}

.dst-load-more-btn-wrapper {
  margin-bottom: 5.000rem;
  display: flex;
  justify-content: center;
}
.dst-load-more-btn-wrapper .dst-load-more-btn {
  font-size: 20px;
  line-height: 1.4em;
  padding: 8px 30px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
  display: block;
}

/* =============================================================================
- Contact Form
============================================================================= */
.elementor-form {
  /* Place Holder */
}
.elementor-form .elementor-field-type-checkbox .elementor-field-option,
.elementor-form .elementor-field-type-radio .elementor-field-option {
  display: flex !important;
  align-items: center;
  gap: 26px;
}
.elementor-form .elementor-field-option {
  position: relative;
}
.elementor-form .elementor-field-option input[type="radio"],
.elementor-form .elementor-field-option input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  position: relative;
}
.elementor-form .elementor-field-option input[type="radio"] + label,
.elementor-form .elementor-field-option input[type="checkbox"] + label {
  padding: 0 10px;
  line-height: 40px !important;
  display: block;
  cursor: pointer;
  color: #ffffff !important;
  background-color: #000000;
  transition: color .3s ease, background-color .3s ease;
}
.elementor-form .elementor-field-option input[type="radio"]:before,
.elementor-form .elementor-field-option input[type="checkbox"]:before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid currentColor;
  display: block;
  cursor: pointer;
}
.elementor-form .elementor-field-option input[type="radio"]:after,
.elementor-form .elementor-field-option input[type="checkbox"]:after {
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 40px;
  background-color: currentColor;
  display: block;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-form .elementor-field-option input[type="radio"]:checked:after,
.elementor-form .elementor-field-option input[type="checkbox"]:checked:after {
  opacity: 1;
}
.elementor-form .elementor-button-text {
  font-size: 20px;
  line-height: 45px;
  font-family: var(--typography--body-f) !important;
}
@media (max-width: 767px) {
  .elementor-form .elementor-field-type-checkbox .elementor-field-option,
  .elementor-form .elementor-field-type-radio .elementor-field-option {
    gap: 8px !important;
  }
  .elementor-form .elementor-field-option input[type="checkbox"] + label,
  .elementor-form .elementor-field-option input[type="radio"] + label {
    line-height: 30px !important;
  }
  .elementor-form .elementor-field-option input[type="checkbox"]:before,
  .elementor-form .elementor-field-option input[type="radio"]:before {
    width: 16px;
    height: 16px;
    border-radius: 30px;
  }
  .elementor-form .elementor-field-option input[type="checkbox"]:after,
  .elementor-form .elementor-field-option input[type="radio"]:after {
    content: '';
    width: 8px;
    height: 8px;
  }
}
.elementor-form .elementor-field-textual {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.elementor-form .elementor-field-subgroup.elementor-subgroup-inline {
  gap: 19px;
}
.elementor-form .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
  padding: 0;
}
.elementor-form .elementor-field-type-upload {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
}
.elementor-form .elementor-field-type-upload .dst-file-names-list-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
}
.elementor-form .elementor-field-type-upload .dst-file-names-list-container .dst-file-item-wrapper,
.elementor-form .elementor-field-type-upload .dst-file-names-list-container .dst-file-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.elementor-form .elementor-field-type-upload .dst-file-names-list-container .dst-file-info svg {
  display: block;
  fill: #000000;
  background-color: #fff;
  border-radius: 100%;
  padding: 8px;
}
.elementor-form .elementor-field-type-upload .dst-file-names-list-container .dst-file-info .dst-file-name-text {
  color: #ffffff;
}
.elementor-form .elementor-field-type-upload .dst-file-names-list-container .dst-file-remove-link {
  color: #D89785;
  cursor: pointer;
}
.elementor-form .elementor-field-type-upload .elementor-upload-field {
  display: none;
}
.elementor-form .elementor-field-type-upload .elementor-field-label {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border: 1px solid #69727d;
  border-radius: 18px;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 160px;
}
.elementor-form .elementor-field-type-upload .elementor-field-label:before {
  content: url('data:image/svg+xml; utf8, <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.3327 8.10357C23.1266 8.28733 22.8105 8.2692 22.6268 8.06307L17.5 2.31224L17.5 33C17.5 33.2761 17.2761 33.5 17 33.5C16.7239 33.5 16.5 33.2761 16.5 33L16.5 2.31224L11.3732 8.06307C11.1895 8.2692 10.8734 8.28733 10.6673 8.10357C10.4611 7.91982 10.443 7.60375 10.6268 7.39763L16.6268 0.667277C16.7216 0.560859 16.8574 0.5 17 0.5C17.1426 0.5 17.2783 0.560859 17.3732 0.667277L23.3732 7.39763C23.557 7.60375 23.5388 7.91982 23.3327 8.10357Z" fill="white"/></svg>');
  width: 33px;
  height: 33px;
  background-color: #000;
  padding: 20px;
  border-radius: 40px;
  box-sizing: content-box;
}
.elementor-form .elementor-field-type-upload .elementor-field-label.elementor-screen-only {
  top: 0;
  height: 100%;
  width: 100%;
  min-height: 160px;
}
.elementor-form .elementor-field-type-upload .elementor-field-label.dst-upload-file:before {
  content: url('data:image/svg+xml; utf8, <svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.5568 5.26871C26.6847 5.02407 26.9869 4.92906 27.2316 5.0568C27.4762 5.18468 27.5712 5.48692 27.4435 5.7316L15.6681 28.258L6.69642 21.3976C6.47711 21.2299 6.43505 20.9158 6.60267 20.6964C6.77037 20.4771 7.08449 20.4351 7.30384 20.6027L15.3312 26.7414L26.5568 5.26871Z" fill="white"/></svg>');
}
.elementor-form textarea.elementor-field-textual {
  padding: 20px !important;
}
.elementor-form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: inherit;
  font-family: var(--typography--body-f) !important;
  font-weight: var(--typography--body-w, 400) !important;
  opacity: inherit;
  font-display: swap;
  color: #EFEFF1;
}
.elementor-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: inherit;
  font-family: var(--typography--body-f) !important;
  font-weight: var(--typography--body-w, 400) !important;
  opacity: inherit;
  font-display: swap;
  color: #EFEFF1;
}
.elementor-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: inherit;
  font-family: var(--typography--body-f) !important;
  font-weight: var(--typography--body-w, 400) !important;
  opacity: inherit;
  font-display: swap;
  color: #EFEFF1;
}

.dst-light-form .elementor-field-type-upload .elementor-upload-field {
  display: none;
}
.dst-light-form .elementor-field-type-upload .elementor-field-label {
  border: 1px solid #ffffff;
}
.dst-light-form .elementor-field-type-upload .elementor-field-label:before {
  background-color: #D89785;
}

/* =============================================================================
- Music Archive Color
============================================================================= */
body.single-music, body.post-type-archive-music, body.tax-music_category {
  background-color: var(--dst-post--background-c);
}
body.single-music #dst-content, body.post-type-archive-music #dst-content, body.tax-music_category #dst-content {
  padding-left: 5%;
  padding-right: 5%;
}

/* =============================================================================
- Music Archive Title
============================================================================= */
#dst-music-archive-title {
  padding: 8% 5% 17.36% 5%;
  color: var(--dst-post--title-c);
}

/* =============================================================================
- Music Overview
============================================================================= */
.dst-music-overview {
  display: grid;
  margin: 0;
  grid-row-gap: 120px;
  grid-column-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 5.000rem;
}
.dst-music-overview a {
  color: #000000;
}
@media (max-width: 767px) {
  .dst-music-overview {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

/* =============================================================================
- Music Item
============================================================================= */
.dst-music-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.dst-music-item .dst-music-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.dst-music-item .dst-media {
  position: relative;
}
.dst-music-item .dst-image {
  width: 100%;
  padding: 8% 9%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  z-index: 1;
  background-color: #D89785;
}
.dst-music-item .dst-image img:not(.dst-vinyl) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.dst-music-item .dst-image img.dst-vinyl {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
}
.dst-music-item .dst-media-content {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
  right: 10%;
  z-index: 3;
  color: #ffffff;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dst-music-item .dst-media-content .dst-number {
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .dst-music-item .dst-media-content {
    font-size: 36px;
  }
}
@media (max-width: 1023px) {
  .dst-music-item .dst-media-content {
    font-size: 24px;
  }
}
.dst-music-item .dst-content {
  display: flex;
  flex-direction: column;
}

/* =============================================================================
- Spotify Player
============================================================================= */
#dst-spotify-controls {
  position: fixed;
  top: 20%;
  right: 0;
  padding: 10px;
  background-color: var(--dst-post--title-c);
  color: #ffffff;
  border: 1px solid var(--dst-post--title-c);
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
#dst-spotify-controls .dst-spotify-btn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#dst-spotify-controls .dst-spotify-btn-wrapper .dst-spotify-btn {
  width: 43px;
}
#dst-spotify-controls .dst-spotify-btn-wrapper .dst-spotify-pause {
  display: none;
}
@media (max-width: 767px) {
  #dst-spotify-controls .dst-spotify-btn-wrapper .dst-spotify-btn {
    width: 24px;
  }
}
#dst-spotify-controls svg {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}
#dst-spotify-controls .dst-spotify-player-wrapper {
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* =============================================================================
-  Music Title
============================================================================= */
#dst-music-title {
  padding: 8% 5% 17.36% 5%;
}
#dst-music-title .dst-title,
#dst-music-title .dst-subtitle,
#dst-music-title .dst-description {
  color: var(--dst-post--title-c);
  max-width: 1295px;
}
#dst-music-title .dst-inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* =============================================================================
- Single Music
============================================================================= */
#dst-featured-music {
  padding: 0 5%;
}
#dst-featured-music .dst-inner {
  min-height: 600px;
  display: flex;
  gap: 15px;
}
#dst-featured-music .dst-media,
#dst-featured-music .dst-code {
  flex-basis: 50%;
  max-width: 50%;
  display: flex;
}
#dst-featured-music .dst-code iframe {
  height: auto !important;
}
#dst-featured-music .dst-media {
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5%;
  border-radius: .75rem;
  overflow: hidden;
}
#dst-featured-music .dst-media img:not(.dst-vinyl) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
#dst-featured-music .dst-media img.dst-vinyl {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 700px;
  z-index: 3;
}
#dst-featured-music .dst-spotify-btn-wrapper {
  display: flex;
  flex-direction: column;
}
#dst-featured-music .dst-spotify-btn-wrapper .dst-spotify-btn {
  min-width: max-content;
  margin-bottom: .8rem;
  padding: .8rem 1rem;
  border-radius: 10px;
  border: 0;
  background: #191414;
  color: #fff;
  cursor: pointer;
}
#dst-featured-music .dst-spotify-btn-wrapper .dst-spotify-btn:hover {
  background: #1Db954;
}
@media (max-width: 1023px) {
  #dst-featured-music .dst-inner {
    flex-direction: column;
  }
  #dst-featured-music .dst-media,
  #dst-featured-music .dst-code {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.dst-backlink-wrapper {
  padding: 5% 5% 3% 5%;
}

/* =============================================================================
- Post Title
============================================================================= */
#dst-post-title {
  padding: 3% 5% 17.36% 5%;
}
#dst-post-title .dst-title,
#dst-post-title .dst-description {
  color: var(--dst-post--title-c);
  max-width: 1295px;
}
#dst-post-title .dst-inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* =============================================================================
- Feature Image
============================================================================= */
#dst-feature-image {
  --dst-feature-image--ratio: 2;
}
#dst-feature-image .dst-media {
  position: relative;
  aspect-ratio: var(--dst-feature-image--ratio);
}
#dst-feature-image .dst-media img {
  width: 100%;
  height: 100%;
  max-width: none;
  position: absolute;
  object-fit: cover;
}
#dst-feature-image .dst-meta {
  display: none;
}
@media (max-width: 767px) {
  #dst-feature-image {
    --dst-feature-image--ratio: 1.368;
  }
}

@media print {
  #dst-feature-image {
    display: none;
  }
}
/* =============================================================================
- Content
============================================================================= */
#dst-content.dst-post-content .dst-content-wrapper {
  padding-bottom: 5.000rem;
}

/* =============================================================================
- Tags
============================================================================= */
#dst-single-post-tags {
  display: flex;
  align-items: center;
  margin-top: 3.333rem;
}
#dst-single-post-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 1.000em;
  row-gap: 1.000em;
}
#dst-single-post-tags ul li {
  margin: 0;
}
#dst-single-post-tags .dst-title {
  color: var(--dst-primary-c);
  margin-right: 18px;
}
#dst-single-post-tags a {
  padding: 1.000em 2.000em;
  color: #000000;
  transition: color .3s ease;
  border: 1px solid #000000;
  background-color: transparent;
  display: block;
  position: relative;
  z-index: 1;
  transition: all .3s ease;
}
#dst-single-post-tags a:hover {
  color: #ffffff;
  background-color: #000000;
}
@media (max-width: 767px) {
  #dst-single-post-tags {
    flex-direction: column;
    align-items: flex-start;
  }
  #dst-single-post-tags .dst-title {
    margin-bottom: 18px;
  }
  #dst-single-post-tags a {
    padding: 8px 12px;
  }
}

@media print {
  #dst-single-post-tags {
    display: none;
  }
}
/* =============================================================================
- Related Post
============================================================================= */
#dst-related-section {
  --dst-related--padding-t: 70px;
  --dst-related--padding-b: 180px;
  --dst-related--title-line-w: 120px;
  --dst-related--title-line-margin-b: 66px;
  padding: var(--dst-related--padding-t) 5% var(--dst-related--padding-b) 5%;
  background-color: #ffffff;
}
#dst-related-section .dst-related-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: var(--dst-related--title-line-margin-b);
  font-size: 16px;
}
#dst-related-section .dst-related-title .dst-line {
  width: var(--dst-related--title-line-w);
  height: 1.5px;
  background-color: currentColor;
}
@media (max-width: 767px) {
  #dst-related-section {
    --dst-related--padding-t: 64px;
    --dst-related--padding-b: 120px;
    --dst-related--title-line-w: 74px;
    --dst-related--title-line-margin-b: 36px;
  }
}

@media print {
  #dst-related-section {
    display: none;
  }
}
#dst-comments {
  margin: 5.000rem 0 0 0;
}
#dst-comments p {
  text-align: left !important;
}
#dst-comments .dst-comments-number {
  margin-bottom: 2.667rem;
  font-size: var(--typography--h6-s, 24px);
  line-height: var(--typography--h6-h, 1.4em);
  font-family: var(--typography--h6-f);
  font-weight: var(--typography--h6-w, 600);
}
#dst-comments .dst-comments-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#dst-comments .dst-comment-item .dst-comment-item-inner {
  display: flex;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-author-image {
  flex-basis: 2.778rem;
  max-width: 50px;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-comment-content {
  flex: 1;
  padding-left: 1.000rem;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper {
  margin-bottom: 1.000rem;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-title {
  font-weight: 500;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-comment-meta {
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-comment-meta .comment-reply-link,
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-comment-meta .comment-edit-link {
  padding: 4px 8px;
  background-color: #ffffff;
  border-radius: 3px;
  transition: all .3s ease;
}
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-comment-meta .comment-reply-link:hover,
#dst-comments .dst-comment-item .dst-comment-item-inner .dst-title-wrapper .dst-comment-meta .comment-edit-link:hover {
  color: #ffffff;
  background-color: var(--dst-primary-c);
}
#dst-comments .dst-comment-item:not(:last-child) {
  margin-bottom: 2.667rem;
}
#dst-comments .dst-comment-item .children {
  list-style: none;
  margin-top: 2.667rem;
  padding: 0 0 0 2.778rem;
}

#respond {
  margin: 5.000rem 0;
}
#respond .comment-reply-title {
  font-size: var(--typography--h6-s, 24px);
  line-height: var(--typography--h6-h, 1.4em);
  font-family: var(--typography--h6-f);
  font-weight: var(--typography--h6-w, 600);
}
#respond .dst-comment-title {
  margin-bottom: 8px;
  text-align: center;
}
#respond .dst-comment-description {
  margin-bottom: 2.667rem;
  text-align: center;
}
#respond .dst-form-input-item {
  width: 100%;
  display: block;
  padding: 1.556rem;
  background-color: #ffffff;
  border: none;
  border-radius: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  font-size: inherit;
  font-family: inherit;
}
#respond .comment-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#respond .comment-form > * {
  flex-basis: 100%;
}
#respond .comment-form > *.dst-half-size {
  flex-basis: 48%;
}
#respond .comment-form .dst-form-input {
  margin-bottom: 1.333rem;
}
#respond p.comment-form-cookies-consent {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 400;
}
#respond .dst-logged-wrapper {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#respond .dst-logged-wrapper .dst-text-content {
  color: var(--dst-primary-c);
  background: linear-gradient(to right, #3A3380, #3A3380);
  background-size: 0 2px, 100% 2px;
  background-position: 0 100%, 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 0.46, 0.4, 1);
  margin-left: 4px;
}
#respond .dst-logged-wrapper .dst-text-content:hover, #respond .dst-logged-wrapper .dst-text-content:focus {
  color: #000000;
  background-size: 100% 2px, 0 2px;
}
#respond .dst-logged-wrapper .dst-logout-link {
  background-color: #EFEFF1;
  font-size: 12px;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 3px;
  transition: all .3s ease;
}
#respond .dst-logged-wrapper .dst-logout-link:hover {
  color: #ffffff;
  background-color: var(--dst-primary-c);
}
@media (max-width: 767px) {
  #respond .comment-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #respond .comment-form > * {
    flex-basis: 100%;
  }
  #respond .comment-form > *.dst-half-size {
    flex-basis: 100%;
  }
}

@media print {
  #dst-comment-form {
    display: none;
  }
}
/* =============================================================================
- Filters
============================================================================= */
.dst-filters {
  margin-bottom: 3.000rem;
  position: relative;
  z-index: 10;
}
.dst-filters ul {
  list-style: none;
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 12px;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.dst-filters li {
  transition: color .3s ease, background-color .3s ease;
  border-radius: 42px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.000em;
  font-family: var(--typography--h1-f);
  font-weight: 600;
  padding-top: clamp(9px, 1.2%, 12px);
  padding-bottom: clamp(9px, 1.2%, 12px);
  padding-left: clamp(16px, 2.7%, 36px);
  padding-right: clamp(16px, 2.7%, 36px);
  color: var(--dst-primary-c);
  background-color: rgba(208, 217, 252, 0.3);
}
.dst-filters li:hover, .dst-filters li.dst-selected {
  color: #ffffff;
  background-color: var(--dst-primary-c);
}

/* =============================================================================
- Blog Bg Color
============================================================================= */
body.blog, body.single-post, body.category, body.tag {
  background-color: var(--dst-post--background-c);
}
body.blog #dst-content, body.single-post #dst-content, body.category #dst-content, body.tag #dst-content {
  padding-left: 5%;
  padding-right: 5%;
}

/* =============================================================================
- Blog Title
============================================================================= */
#dst-blog-title {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 34px;
  padding-bottom: 70px;
  color: var(--dst-post--title-c);
}

/* =============================================================================
- Blog Category Title
============================================================================= */
#dst-blog-category-title {
  padding: 50px 5% 12% 5%;
  color: #ffffff;
  background-color: var(--dst-post--title-c);
  margin-bottom: 60px;
}
#dst-blog-category-title .dst-title {
  padding-top: 5%;
}

/* =============================================================================
- Blog Overview
============================================================================= */
.dst-blog-overview {
  display: grid;
  margin: 0;
  grid-row-gap: 120px;
  grid-column-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 5.000rem;
}
.dst-blog-overview.dst-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.dst-blog-overview a {
  color: #000000;
}
@media (max-width: 767px) {
  .dst-blog-overview {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

/* =============================================================================
- Blog Item
============================================================================= */
.dst-blog-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.dst-blog-item .dst-blog-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.dst-blog-item .dst-media {
  position: relative;
}
.dst-blog-item .dst-tags,
.dst-blog-item .dst-categories {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 15px;
  z-index: 3;
  opacity: 0;
  transform: translateY(30px);
  transition: all .3s ease;
}
.dst-blog-item .dst-tags a,
.dst-blog-item .dst-categories a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 9px 17px;
  background-color: rgba(212, 212, 212, 0.7);
  backdrop-filter: blur(2px);
  border-radius: 100px;
}
.dst-blog-item .dst-tags a span,
.dst-blog-item .dst-categories a span {
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 4px;
}
.dst-blog-item:hover .dst-tags,
.dst-blog-item:hover .dst-categories {
  opacity: 1;
  transform: translateY(0px);
}
.dst-blog-item .dst-image {
  width: 100%;
  padding-bottom: 127%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  z-index: 1;
  background-color: #D89785;
}
.dst-blog-item .dst-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dst-blog-item .dst-title {
  margin-bottom: 0px;
}

.dst-blog-overview.dst-columns-2 .dst-blog-item .dst-image {
  padding-bottom: 72%;
}

/* =============================================================================
- Featured Slider
============================================================================= */
#dst-blog-featured-slider {
  width: 100vw;
}
#dst-blog-featured-slider .dst-slider-item-wrapper {
  width: 100vw;
  padding-left: 5%;
  padding-right: 5%;
}
#dst-blog-featured-slider .dst-slider-item {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  min-height: calc(100vh - var(--main-header-h));
}
#dst-blog-featured-slider .dst-slider-item .dst-blog-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#dst-blog-featured-slider .dst-slider-item .dst-media,
#dst-blog-featured-slider .dst-slider-item .dst-content {
  flex-basis: 50%;
  max-width: 50%;
}
#dst-blog-featured-slider .dst-slider-item .dst-media {
  position: relative;
}
#dst-blog-featured-slider .dst-slider-item .dst-media .dst-image {
  position: relative;
  height: 100%;
  margin-right: calc(-1*(100vw - 100%)/2);
}
#dst-blog-featured-slider .dst-slider-item .dst-media img {
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
}
#dst-blog-featured-slider .dst-slider-item .dst-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 5%;
  padding-top: 8%;
  padding-bottom: 8%;
}
#dst-blog-featured-slider .dst-slider-item .dst-content .dst-title {
  color: #ffffff;
}
#dst-blog-featured-slider .dst-slider-item .dst-content .dst-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 15px;
  z-index: 3;
}
#dst-blog-featured-slider .dst-slider-item .dst-content .dst-categories a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 9px 17px;
  background-color: rgba(212, 212, 212, 0.7);
  backdrop-filter: blur(2px);
  border-radius: 100px;
}
#dst-blog-featured-slider .dst-slider-item .dst-content .dst-categories a span {
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 4px;
}
@media (max-width: 1023px) {
  #dst-blog-featured-slider .dst-slider-item {
    flex-direction: column-reverse;
    min-height: auto;
  }
  #dst-blog-featured-slider .dst-slider-item .dst-media,
  #dst-blog-featured-slider .dst-slider-item .dst-content {
    flex-basis: 100%;
    max-width: 100%;
  }
  #dst-blog-featured-slider .dst-slider-item .dst-content {
    min-height: calc(50vh - var(--main-header-h)/2);
  }
  #dst-blog-featured-slider .dst-slider-item .dst-media {
    position: relative;
  }
  #dst-blog-featured-slider .dst-slider-item .dst-media .dst-image {
    position: relative;
    height: calc(50vh - var(--main-header-h)/2);
    margin-right: calc(-1*(100vw - 100%)/2);
    margin-left: calc(-1*(100vw - 100%)/2);
  }
  #dst-blog-featured-slider .dst-slider-item .dst-media img {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1;
  }
}

@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

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

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

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

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

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.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-cube-shadow {
  transform-style: preserve-3d;
}
.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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* 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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

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

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

/* =============================================================================
- Job Form
============================================================================= */
body.job-template-form-job {
  background-color: #000000;
  color: #ffffff;
}
body.job-template-form-job #dst-job-title .dst-subtitle .dst-line {
  background-color: #ffffff;
}

/* =============================================================================
- Job Title
============================================================================= */
#dst-job-title {
  padding: 4% 5% 4% 5%;
}
#dst-job-title .dst-subtitle {
  display: flex;
  align-items: center;
  gap: 16px;
}
#dst-job-title .dst-subtitle .dst-line {
  width: 120px;
  height: 1.5px;
  background-color: currentColor;
}
#dst-job-title .dst-title {
  margin-left: 136px;
}

/* =============================================================================
- Job Related
============================================================================= */
#dst-job-related {
  padding: 4% 5% 4% 5%;
  background-color: #f1f1f1;
}
#dst-job-related .dst-subtitle {
  display: flex;
  align-items: center;
  gap: 16px;
}
#dst-job-related .dst-subtitle .dst-line {
  width: 120px;
  height: 1.5px;
  background-color: currentColor;
}
#dst-job-related .dst-title {
  margin-left: 136px;
  margin-bottom: 112px;
}
#dst-job-related .dst-related-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 136px;
  gap: 20px;
  align-items: flex-start;
}
#dst-job-related .dst-related-wrapper a {
  padding: 9px 30px 8px 30px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 50px;
}
@media (max-width: 767px) {
  #dst-job-related .dst-related-wrapper {
    margin-left: 0;
  }
}