/*
* Akatab
*/
@font-face {
  font-family: 'Akatab Regular';
  src: local("Akatab-Regular"), url(../fonts/Akatab-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Akatab ExtraBold';
  src: local("Akatab-ExtraBold"), url(../fonts/Akatab-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }

/*
* Rework
*/
@font-face {
  font-family: 'ReworkHeadlineTRIAL-Regular';
  src: local("ReworkHeadlineTRIAL-Regular"), url(../fonts/ReworkHeadlineTRIAL-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'ReworkHeadlineTRIAL-Bold';
  src: local("ReworkHeadlineTRIAL-Bold"), url(../fonts/ReworkHeadlineTRIAL-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em; }

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

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

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

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

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type='checkbox'],
[type='radio'] {
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

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

* {
  margin: 0; }

html {
  scroll-behavior: smooth; }

body {
  background-color: #f6f2ec;
  font-size: 24px;
  font-family: "Akatab Regular", sans-serif;
  color: #1b365d;
  line-height: 1.4;
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 768px) {
    body {
      font-size: 18px; } }

input,
button,
textarea,
select {
  font: inherit; }

h1 {
  text-transform: capitalize;
  visibility: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  overflow-wrap: break-word;
  line-height: 1.2; }

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%; }

p::-moz-selection,
ol::-moz-selection,
ul::-moz-selection,
a::-moz-selection,
li::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection {
  /* Code for Firefox */
  color: rgba(246, 242, 236, 0.9);
  background: rgba(27, 54, 93, 0.85); }

p::-moz-selection, ol::-moz-selection, ul::-moz-selection, a::-moz-selection, li::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection {
  color: rgba(246, 242, 236, 0.9);
  background: rgba(27, 54, 93, 0.55); }

p::selection,
ol::selection,
ul::selection,
a::selection,
li::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
  color: rgba(246, 242, 236, 0.9);
  background: rgba(27, 54, 93, 0.55); }

body.noscroll,
body.menu-open {
  overflow: hidden; }

iframe,
img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

a {
  display: inline-block;
  color: inherit;
  text-decoration: none; }

/*Generic*/
.fancybox__backdrop {
  background-color: #ffffff !important; }

.carousel__button svg {
  color: #0f0f0f !important;
  width: auto !important;
  height: 40px !important;
  stroke-width: 1px !important; }

.fancybox__counter {
  color: #0f0f0f !important;
  font-family: "Akatab Regular", sans-serif !important; }
  .fancybox__counter span {
    font-family: "Akatab Regular", sans-serif !important; }

.fancybox__toolbar {
  background: none !important;
  text-shadow: none !important; }

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-width: 5px !important;
  border-radius: 0px !important;
  border-color: #0f0f0f !important; }

.fancybox__container {
  --carousel-button-svg-filter: none !important; }

.fancybox__thumb {
  border-radius: 0px !important; }

.bg_white {
  background-color: #ffffff; }

.bg_black {
  background-color: #0f0f0f; }

/*Custom Scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 0px;
  -webkit-transition: background-color 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: background-color 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); }

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 0px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #0f0f0f;
  border-radius: 0px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #b2aca6; }

#cookie-notice {
  background-color: #ffffff !important;
  max-width: 50% !important;
  display: block;
  min-width: unset !important;
  margin: auto;
  left: 0px !important;
  right: 0px; }
  @media (max-width: 991px) {
    #cookie-notice {
      max-width: 100% !important; } }
  #cookie-notice .cn-close-icon {
    right: 15px;
    top: 30px;
    padding: 0px;
    width: 30px;
    height: 30px;
    transition: all 0.7s cubic-bezier(0.65, 0, 0.35, 1); }
    #cookie-notice .cn-close-icon::after, #cookie-notice .cn-close-icon::before {
      height: 25px; }
  #cookie-notice .cookie-notice-container {
    padding: 2rem; }
    #cookie-notice .cookie-notice-container #cn-notice-text {
      font-family: "ReworkHeadlineTRIAL-Regular", serif;
      font-size: 17px;
      font-weight: 400;
      line-height: 1.6;
      color: #0f0f0f;
      width: 100%;
      margin-bottom: 25px; }
      #cookie-notice .cookie-notice-container #cn-notice-text p {
        margin: auto; }
      #cookie-notice .cookie-notice-container #cn-notice-text h4 {
        font-size: 40px;
        color: #0f0f0f;
        margin: auto;
        margin-bottom: 25px;
        font-family: "ReworkHeadlineTRIAL-Regular", serif !important; }
    @media (max-width: 991px) {
      #cookie-notice .cookie-notice-container #cn-notice-buttons {
        display: flex !important; } }
    @media (max-width: 450px) {
      #cookie-notice .cookie-notice-container #cn-notice-buttons {
        flex-direction: column !important; } }
    #cookie-notice .cookie-notice-container a {
      background-color: #0f0f0f !important;
      border-radius: 0px !important;
      color: #ffffff !important;
      font-size: 18px !important;
      padding: 15px !important;
      text-transform: uppercase !important;
      font-family: "ReworkHeadlineTRIAL-Regular", serif !important;
      transition: all 0.7s cubic-bezier(0.65, 0, 0.35, 1) !important; }
      #cookie-notice .cookie-notice-container a:hover {
        background-color: #0f0f0f !important; }
      @media (max-width: 991px) {
        #cookie-notice .cookie-notice-container a {
          display: block !important;
          margin: auto !important;
          max-width: none; } }
      @media (max-width: 450px) {
        #cookie-notice .cookie-notice-container a {
          margin: 10px auto !important;
          width: 75% !important; } }

.logo-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .logo-text * {
    color: #0f0f0f; }
  .logo-text span:first-child {
    font-size: 28px;
    font-family: "ReworkHeadlineTRIAL-Regular", serif;
    line-height: 30px; }
  .logo-text span:last-child {
    font-size: 8px;
    font-family: "Akatab Regular", sans-serif;
    font-weight: bold;
    letter-spacing: 4px;
    padding-left: 2px; }
  .logo-text.logo-text-white * {
    color: #ffffff; }

body[data-aos-easing='ease-in-out-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='new-easing'] {
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }

img.vertical {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0, 100% 0%, 0% 0%);
  transition-duration: 1700ms !important; }
  img.vertical.aos-animate {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition-duration: 1700ms !important; }

.image.horizontal {
  overflow: hidden;
  position: relative; }
  .image.horizontal::after {
    content: '';
    position: absolute;
    background-color: #f6f2ec;
    bottom: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 1.2s 0.2s linear; }
  .image.horizontal.aos-animate::after {
    width: 0%; }

/*-- float utilities --*/
.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 768px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

/*-- text utilities --*/
.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

/*-- spacing utilities --*/
.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0 {
    margin-left: 0 !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1 {
    margin-left: 0.25rem !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2 {
    margin-left: 0.5rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3 {
    margin-left: 1rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4 {
    margin-left: 1.5rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5 {
    margin-left: 3rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto {
    margin-left: auto !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0 {
    padding-left: 0 !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1 {
    padding-left: 0.25rem !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2 {
    padding-left: 0.5rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3 {
    padding-left: 1rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4 {
    padding-left: 1.5rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5 {
    padding-left: 3rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; } }

@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1 {
    margin-left: 0.25rem !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2 {
    margin-left: 0.5rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3 {
    margin-left: 1rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4 {
    margin-left: 1.5rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5 {
    margin-left: 3rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .mr-md-auto {
    margin-right: auto !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto {
    margin-left: auto !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1 {
    padding-left: 0.25rem !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2 {
    padding-left: 0.5rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3 {
    padding-left: 1rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4 {
    padding-left: 1.5rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5 {
    padding-left: 3rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; } }

@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0 {
    margin-left: 0 !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1 {
    margin-left: 0.25rem !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2 {
    margin-left: 0.5rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3 {
    margin-left: 1rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4 {
    margin-left: 1.5rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5 {
    margin-left: 3rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto {
    margin-left: auto !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0 {
    padding-left: 0 !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1 {
    padding-left: 0.25rem !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2 {
    padding-left: 0.5rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3 {
    padding-left: 1rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4 {
    padding-left: 1.5rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5 {
    padding-left: 3rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; } }

.background-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

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

.text-justify {
  text-align: justify; }

.flex {
  display: flex;
  align-items: center; }

.pos_rel {
  position: relative; }

.fullheight {
  height: 100vh; }

.width100 {
  width: 100%; }

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

.spacing > * + * {
  margin-top: var(--margin-top, 1rem); }

.pos_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.box-shadow {
  box-shadow: 0 25px 50px -12px rgba(15, 15, 15, 0.25); }

.wrapper {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  padding-inline: 8.85%; }
  @media (max-width: 1440px) {
    .wrapper {
      padding-inline: 6.5% !important; } }
  @media (max-width: 1280px) {
    .wrapper {
      padding-inline: 5% !important; } }
  @media (max-width: 1024px) {
    .wrapper {
      padding-inline: 4.5% !important; } }
  @media (max-width: 991px) {
    .wrapper {
      padding-inline: 4.3% !important; } }
  @media (max-width: 450px) {
    .wrapper {
      padding-inline: 4% !important; } }

.col-row {
  display: flex;
  flex-wrap: wrap; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.main-cont {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }

.hidden {
  display: none !important; }

html .disable-animations {
  /*CSS transitions*/
  transition-property: none !important;
  /*CSS transforms*/
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  animation: none !important; }

@-webkit-keyframes bounce {
  0% {
    transform: translateX(-50%) scale(1); }
  50% {
    transform: translateX(-50%) scale(1.02); }
  100% {
    transform: translateX(-50%) scale(1); } }

@keyframes bounce {
  0% {
    transform: translateX(-50%) scale(1); }
  50% {
    transform: translateX(-50%) scale(1.02); }
  100% {
    transform: translateX(-50%) scale(1); } }

@-webkit-keyframes marquee-rtl {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

@keyframes marquee-rtl {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

@-webkit-keyframes rotating {
  to {
    transform: translate(45%, -55%) rotate(360deg); } }

@keyframes rotating {
  to {
    transform: translate(45%, -55%) rotate(360deg); } }

@-webkit-keyframes loading {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@keyframes loading {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@-webkit-keyframes bg-zooming {
  0% {
    background-size: 100% 100%; }
  50% {
    background-size: 125% 125%; }
  100% {
    background-size: 100% 100%; } }

@keyframes bg-zooming {
  0% {
    background-size: 100% 100%; }
  50% {
    background-size: 125% 125%; }
  100% {
    background-size: 100% 100%; } }

@-webkit-keyframes img-zooming {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes img-zooming {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes move-out {
  from {
    transform: translateY(0%); }
  to {
    transform: translateY(-100%); } }

@keyframes move-out {
  from {
    transform: translateY(0%); }
  to {
    transform: translateY(-100%); } }

@-webkit-keyframes move-in {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0%); } }

@keyframes move-in {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0%); } }

a.nav_link {
  background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat right bottom/0 var(--bg-h);
  transition: background-size 350ms;
  padding-bottom: 2px;
  --bg-h: 2px; }
  a.nav_link[aria-current='page'], a.nav_link:where(:hover, :focus-visible) {
    background-size: 100% var(--bg-h);
    background-position-x: left; }

button.btn,
a.btn {
  display: grid;
  justify-self: start;
  background: var(--bg, transparent);
  border: none;
  padding-block: 1em;
  padding-inline: 1.4em;
  text-transform: uppercase;
  isolation: isolate;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  outline: 1px solid var(--outline, currentColor); }
  @media (max-width: 1440px) {
    button.btn,
    a.btn {
      padding-block: 0.9em;
      padding-inline: 1.3em; } }
  @media (max-width: 1280px) {
    button.btn,
    a.btn {
      padding-inline: 1.2em; } }
  @media (max-width: 1024px) {
    button.btn,
    a.btn {
      padding-block: 0.85em;
      padding-inline: 1.125em; } }
  @media (max-width: 991px) {
    button.btn,
    a.btn {
      padding-block: 0.8em;
      padding-inline: 1.1em; } }
  @media (max-width: 450px) {
    button.btn,
    a.btn {
      padding-block: 0.7em;
      padding-inline: 1em; } }
  button.btn.outline--white,
  a.btn.outline--white {
    --outline: #ffffff; }
  button.btn.outline--trans,
  a.btn.outline--trans {
    --outline: transparent; }
  button.btn .btn-text,
  a.btn .btn-text {
    z-index: 2;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: "ReworkHeadlineTRIAL-Regular", serif, sans-serif;
    color: var(--text-clr, #f6f2ec);
    transition: color 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
    position: relative; }
    @media (max-width: 450px) {
      button.btn .btn-text,
      a.btn .btn-text {
        letter-spacing: unset;
        font-size: 13px;
        font-weight: 600;
        text-align: center; } }
  button.btn::after, button.btn::before,
  a.btn::after,
  a.btn::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 500% 100%;
    top: 100%;
    left: 0;
    right: 0;
    transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); }
  button.btn::after,
  a.btn::after {
    opacity: 0.7;
    -webkit-animation: wave 7s linear infinite;
            animation: wave 7s linear infinite; }
  button.btn::before,
  a.btn::before {
    -webkit-animation: wave 9s linear infinite;
            animation: wave 9s linear infinite; }

@-webkit-keyframes wave {
  0% {
    background-position-x: 0%; }
  100% {
    background-position-x: 500%; } }

@keyframes wave {
  0% {
    background-position-x: 0%; }
  100% {
    background-position-x: 500%; } }
  button.btn.btn__white,
  a.btn.btn__white {
    --bg: #f6f2ec; }
    button.btn.btn__white .btn-text,
    a.btn.btn__white .btn-text {
      --text-clr: #1b365d; }
    button.btn.btn__white::before, button.btn.btn__white::after,
    a.btn.btn__white::before,
    a.btn.btn__white::after {
      background-image: url("/wp-content/themes/saronicveil/assets/images/buttons/blue-wave.svg"); }
  button.btn.btn__blue,
  a.btn.btn__blue {
    --bg: #1b365d; }
    button.btn.btn__blue .btn-text,
    a.btn.btn__blue .btn-text {
      --text-clr: #f6f2ec; }
    button.btn.btn__blue::before, button.btn.btn__blue::after,
    a.btn.btn__blue::before,
    a.btn.btn__blue::after {
      background-image: url("/wp-content/themes/saronicveil/assets/images/buttons/white-wave.svg"); }

button.btn:hover::before, button.btn:hover::after, button.btn:focus-visible::before, button.btn:focus-visible::after,
a.btn:hover::before,
a.btn:hover::after,
a.btn:focus-visible::before,
a.btn:focus-visible::after {
  top: 1%; }

button.btn:hover.btn__blue .btn-text, button.btn:focus-visible.btn__blue .btn-text,
a.btn:hover.btn__blue .btn-text,
a.btn:focus-visible.btn__blue .btn-text {
  --text-clr: #1b365d; }

button.btn:hover.btn__white .btn-text, button.btn:focus-visible.btn__white .btn-text,
a.btn:hover.btn__white .btn-text,
a.btn:focus-visible.btn__white .btn-text {
  --text-clr: #f6f2ec; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

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

h1,
h2,
h3 {
  font-family: "ReworkHeadlineTRIAL-Bold", serif; }

.big-text {
  font-size: 130px; }
  @media (max-width: 1440px) {
    .big-text {
      font-size: 95px; } }
  @media (max-width: 1280px) {
    .big-text {
      font-size: 90px; } }
  @media (max-width: 1024px) {
    .big-text {
      font-size: 80px; } }
  @media (max-width: 991px) {
    .big-text {
      font-size: 65px; } }
  @media (max-width: 768px) {
    .big-text {
      font-size: 55px; } }
  @media (max-width: 450px) {
    .big-text {
      font-size: 40px; } }

h1,
.h1 {
  font-size: 96px; }
  @media (max-width: 1280px) {
    h1,
    .h1 {
      font-size: 85px; } }
  @media (max-width: 1024px) {
    h1,
    .h1 {
      font-size: 70px; } }
  @media (max-width: 991px) {
    h1,
    .h1 {
      font-size: 60px; } }
  @media (max-width: 768px) {
    h1,
    .h1 {
      font-size: 50px; } }
  @media (max-width: 450px) {
    h1,
    .h1 {
      font-size: 35px; } }

h2,
.h2 {
  font-size: 48px; }
  @media (max-width: 1280px) {
    h2,
    .h2 {
      font-size: 45px; } }
  @media (max-width: 1024px) {
    h2,
    .h2 {
      font-size: 40px; } }
  @media (max-width: 991px) {
    h2,
    .h2 {
      font-size: 35px; } }
  @media (max-width: 768px) {
    h2,
    .h2 {
      font-size: 30px; } }

h3,
.h3 {
  font-size: 24px; }
  @media (max-width: 1280px) {
    h3,
    .h3 {
      font-size: 22px; } }
  @media (max-width: 1024px) {
    h3,
    .h3 {
      font-size: 20px; } }
  h3 .h3-bold,
  .h3 .h3-bold {
    font-family: "Akatab ExtraBold", sans-serif; }

h4,
.h4 {
  font-size: 25px; }
  @media (max-width: 1024px) {
    h4,
    .h4 {
      font-size: 23px; } }
  @media (max-width: 768px) {
    h4,
    .h4 {
      font-size: 20px; } }

h5,
.h5 {
  font-size: 18px; }

span.subheading {
  text-transform: uppercase;
  display: block;
  line-height: 1.7; }

h2.anim-h,
h3.anim-h {
  text-transform: lowercase; }
  h2.anim-h .char,
  h3.anim-h .char {
    visibility: hidden; }
  h2.anim-h.first-letter-upper .word:first-child > .char:first-child,
  h3.anim-h.first-letter-upper .word:first-child > .char:first-child {
    text-transform: capitalize; }
  h2.anim-h.letter-upper .word > .char:first-child,
  h3.anim-h.letter-upper .word > .char:first-child {
    text-transform: capitalize; }
  h2.anim-h.all-lowercase .word > .char,
  h3.anim-h.all-lowercase .word > .char {
    text-transform: lowercase; }
  h2.anim-h.all-upper .word > .char,
  h3.anim-h.all-upper .word > .char {
    text-transform: uppercase; }

.default_landing {
  min-height: 100svh;
  position: relative;
  place-content: center;
  align-content: center; }
  @media (max-width: 1440px) {
    .default_landing {
      min-height: 90svh; } }
  @media (max-width: 1024px) {
    .default_landing {
      min-height: 85svh; } }
  @media (max-width: 768px) {
    .default_landing {
      min-height: 75svh; } }
  .default_landing video,
  .default_landing img.bg-img {
    position: absolute;
    inset: 0;
    z-index: -1;
    height: 100%;
    width: 100vw;
    -o-object-fit: cover;
       object-fit: cover; }
  .default_landing .inner_content {
    place-content: center; }
    .default_landing .inner_content h1 {
      text-align: center;
      text-transform: uppercase;
      color: #ffffff; }
    .default_landing .inner_content svg {
      position: absolute;
      bottom: 10%;
      left: 50%;
      z-index: 1;
      transform: translateX(-50%); }
      @media (max-width: 991px) {
        .default_landing .inner_content svg {
          height: 35px; } }
  .default_landing::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.8;
    z-index: -1;
    background: linear-gradient(to left, #1b365d, #1b365d); }

.default_about {
  padding-block: 270px 125px; }
  @media (max-width: 1440px) {
    .default_about {
      padding-block: 200px 125px; } }
  @media (max-width: 1280px) {
    .default_about {
      padding-block: 150px 125px; } }
  @media (max-width: 1024px) {
    .default_about {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .default_about {
      padding-block: 80px; } }
  .default_about .inner_content {
    text-align: center; }
    .default_about .inner_content h2 {
      --margin-top: 5px; }
    .default_about .inner_content .paragraph {
      --margin-top: 40px;
      margin-inline: auto;
      max-width: 37em; }

.default_why-us {
  min-height: 85vh;
  min-height: 85svh;
  position: relative;
  display: flex;
  overflow: hidden; }
  @media (max-width: 991px) {
    .default_why-us {
      padding-block: 80px; } }
  @media (max-width: 768px) {
    .default_why-us {
      min-height: 70svh; } }
  @media (max-width: 450px) {
    .default_why-us {
      min-height: 65vh; } }
  .default_why-us .parallax-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }
  .default_why-us .wrapper {
    position: relative;
    place-items: center;
    justify-items: center; }
    .default_why-us .wrapper h2 {
      color: #ffffff; }
    .default_why-us .wrapper ul.reasons-list {
      --margin-top: 155px;
      padding: 0;
      display: flex;
      gap: 75px;
      list-style: none; }
      @media (max-width: 768px) {
        .default_why-us .wrapper ul.reasons-list {
          flex-direction: column;
          --margin-top: 50px;
          gap: 40px; } }
      .default_why-us .wrapper ul.reasons-list li {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .default_why-us .wrapper ul.reasons-list li .svg-wrapper {
          width: 180px;
          height: 180px;
          border-radius: 100vw;
          display: grid;
          place-content: center;
          justify-items: center;
          -webkit-backdrop-filter: blur(3px);
                  backdrop-filter: blur(3px);
          background: linear-gradient(313deg, rgba(27, 54, 93, 0.42) 18.17%, rgba(246, 242, 236, 0.42) 113.3%); }
          @media (max-width: 1024px) {
            .default_why-us .wrapper ul.reasons-list li .svg-wrapper {
              width: 150px;
              height: 150px; } }
          @media (max-width: 768px) {
            .default_why-us .wrapper ul.reasons-list li .svg-wrapper {
              width: 100px;
              height: 100px; } }
          .default_why-us .wrapper ul.reasons-list li .svg-wrapper svg {
            height: 100%; }
            @media (max-width: 1024px) {
              .default_why-us .wrapper ul.reasons-list li .svg-wrapper svg {
                width: 80px; } }
            @media (max-width: 768px) {
              .default_why-us .wrapper ul.reasons-list li .svg-wrapper svg {
                width: 50px; } }
        .default_why-us .wrapper ul.reasons-list li h3,
        .default_why-us .wrapper ul.reasons-list li span {
          color: #ffffff;
          text-align: center; }
        .default_why-us .wrapper ul.reasons-list li h3 {
          font-size: 30px;
          margin-top: 35px; }
        .default_why-us .wrapper ul.reasons-list li span {
          font-size: 25px;
          display: block;
          margin-top: 10px; }

.default_card {
  padding-block: 125px 290px; }
  @media (max-width: 1440px) {
    .default_card {
      padding-block: 125px 150px; } }
  @media (max-width: 1280px) {
    .default_card {
      padding-block: 125px; } }
  @media (max-width: 1024px) {
    .default_card {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .default_card {
      padding-block: 80px; } }
  .default_card .wrapper {
    padding-inline: 8.2%; }
    .default_card .wrapper .boats_card {
      padding-block: 85px;
      padding-inline: 40px;
      border-radius: 50px;
      -webkit-backdrop-filter: blur(3px);
              backdrop-filter: blur(3px);
      background: linear-gradient(180deg, rgba(178, 172, 166, 0.85) 0%, rgba(178, 172, 166, 0.85) 3%, rgba(27, 54, 93, 0.6) 35%, rgba(27, 54, 93, 0.85) 100%); }
      @media (max-width: 1024px) {
        .default_card .wrapper .boats_card {
          padding-block: 50px 0px;
          border-radius: 32px;
          padding-inline: 30px; } }
      @media (max-width: 768px) {
        .default_card .wrapper .boats_card {
          padding-inline: 10px; } }
      .default_card .wrapper .boats_card article .counter {
        --line-clr: #ffffff;
        --line-bg: var(--line-clr); }
      @media (min-width: 1440px) {
        .default_card .wrapper .boats_card article:nth-child(even) .right_col {
          grid-column: 1 / 2;
          grid-row: 1 / 3; } }
      @media (min-width: 1440px) {
        .default_card .wrapper .boats_card article:nth-child(even) .left_col {
          grid-column: 2 / -1;
          grid-row: 2/ -1; } }
      .default_card .wrapper .boats_card article .inner-content {
        padding-block: 155px;
        padding-inline: 90px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0px 200px;
        grid-template-rows: auto;
        align-items: start; }
        @media (max-width: 1680px) {
          .default_card .wrapper .boats_card article .inner-content {
            padding-block: 120px 100px;
            padding-inline: 50px;
            gap: 0px 80px; } }
        @media (max-width: 1440px) {
          .default_card .wrapper .boats_card article .inner-content {
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 50px; } }
        @media (max-width: 1024px) {
          .default_card .wrapper .boats_card article .inner-content {
            padding-block: 110px 80px;
            padding-inline: 10px; } }
        @media (max-width: 768px) {
          .default_card .wrapper .boats_card article .inner-content {
            grid-template-rows: auto 1fr;
            padding-block: 100px 50px; } }
        .default_card .wrapper .boats_card article .inner-content .left_col {
          display: grid; }
          .default_card .wrapper .boats_card article .inner-content .left_col p,
          .default_card .wrapper .boats_card article .inner-content .left_col ul,
          .default_card .wrapper .boats_card article .inner-content .left_col h2 {
            color: #ffffff; }
          .default_card .wrapper .boats_card article .inner-content .left_col p {
            --margin-top: 25px; }
          .default_card .wrapper .boats_card article .inner-content .left_col .boat-specs {
            --margin-top: 100px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            -webkit-padding-start: 25px;
                    padding-inline-start: 25px;
            list-style-type: disc; }
          .default_card .wrapper .boats_card article .inner-content .left_col .bottom-area {
            --margin-top: 60px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end; }
            .default_card .wrapper .boats_card article .inner-content .left_col .bottom-area span.boat_meters {
              font-size: 40px;
              font-family: "ReworkHeadlineTRIAL-Bold", serif;
              color: #ffffff; }
        .default_card .wrapper .boats_card article .inner-content .right_col {
          overflow: hidden;
          border-radius: 40px;
          position: relative;
          height: 100%; }
          @media (max-width: 1440px) {
            .default_card .wrapper .boats_card article .inner-content .right_col {
              order: -1; } }
          @media (max-width: 1024px) {
            .default_card .wrapper .boats_card article .inner-content .right_col {
              border-radius: 32px; } }
          @media (max-width: 991px) {
            .default_card .wrapper .boats_card article .inner-content .right_col {
              order: -1;
              height: 400px; } }
          .default_card .wrapper .boats_card article .inner-content .right_col > img {
            -o-object-fit: cover;
               object-fit: cover; }

.site-header {
  z-index: 99;
  position: fixed;
  width: 100%; }
  .site-header .header_menu {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    inset: 0;
    transform: translateX(-100%);
    transition: transform 0.5s 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    display: grid; }
    .site-header .header_menu::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: rgba(27, 54, 93, 0.9);
      z-index: -1; }
    .site-header .header_menu .menu-main-menu-container {
      place-self: center;
      justify-items: center; }
      .site-header .header_menu .menu-main-menu-container ul {
        padding: 0;
        list-style: none;
        text-align: center;
        text-transform: uppercase;
        display: grid;
        gap: 70px; }
        @media (max-width: 991px) {
          .site-header .header_menu .menu-main-menu-container ul {
            gap: 35px; } }
        .site-header .header_menu .menu-main-menu-container ul li {
          font-size: 20px;
          font-family: "ReworkHeadlineTRIAL-Bold", serif;
          color: #ffffff; }
  .site-header .header_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 65px;
    transition: padding-block 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
    @media (max-width: 1280px) {
      .site-header .header_wrapper {
        padding-block: 45px; } }
    @media (max-width: 1024px) {
      .site-header .header_wrapper {
        padding-block: 35px; } }
    @media (max-width: 991px) {
      .site-header .header_wrapper {
        padding-block: 30px; } }
    .site-header .header_wrapper .header_center {
      flex-basis: 33.333%; }
      @media (max-width: 1080px) {
        .site-header .header_wrapper .header_center {
          flex-basis: 31.5%; } }
      .site-header .header_wrapper .header_center .menu {
        display: flex;
        gap: 55px;
        padding: 0;
        margin: 0;
        list-style: none; }
        @media (max-width: 1440px) {
          .site-header .header_wrapper .header_center .menu {
            gap: 40px; } }
        @media (max-width: 1280px) {
          .site-header .header_wrapper .header_center .menu {
            gap: 35px; } }
        @media (max-width: 1024px) {
          .site-header .header_wrapper .header_center .menu {
            gap: 30px; } }
        .site-header .header_wrapper .header_center .menu li {
          font-size: 18px;
          font-family: "ReworkHeadlineTRIAL-Bold", serif;
          text-wrap: nowrap;
          text-transform: uppercase;
          color: #ffffff; }
          @media (max-width: 1024px) {
            .site-header .header_wrapper .header_center .menu li {
              gap: 16px; } }
      .site-header .header_wrapper .header_center .menu_button {
        background-color: transparent;
        padding: 0;
        margin: 0;
        outline: 0;
        border: 0;
        z-index: 999;
        position: relative; }
        .site-header .header_wrapper .header_center .menu_button svg {
          width: 37px;
          opacity: 1;
          pointer-events: all;
          transition: opacity 0.2s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
        .site-header .header_wrapper .header_center .menu_button .x-wrapper {
          position: absolute;
          inset: 0;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.5s 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }
          .site-header .header_wrapper .header_center .menu_button .x-wrapper .line {
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            top: 50%;
            left: 0;
            background-color: #ffffff;
            transition: transform 0.3s 0.1s, rotate 0.3s 0.2s cubic-bezier(0.9, 0, 0.1, 1); }
            .site-header .header_wrapper .header_center .menu_button .x-wrapper .line:first-child {
              transform: translateY(5px) rotate(0deg); }
            .site-header .header_wrapper .header_center .menu_button .x-wrapper .line:last-child {
              transform: translateY(-5px) rotate(0deg); }
        .site-header .header_wrapper .header_center .menu_button.is-active svg {
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.2s 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); }
        .site-header .header_wrapper .header_center .menu_button.is-active .x-wrapper {
          opacity: 1;
          pointer-events: auto; }
          .site-header .header_wrapper .header_center .menu_button.is-active .x-wrapper .line {
            transition: transform 0.3s 0.3s cubic-bezier(0.9, 0, 0.1, 1); }
            .site-header .header_wrapper .header_center .menu_button.is-active .x-wrapper .line:first-child {
              transform: translateY(-50%) rotate(45deg); }
            .site-header .header_wrapper .header_center .menu_button.is-active .x-wrapper .line:last-child {
              transform: translateY(-50%) rotate(-45deg); }
    .site-header .header_wrapper .header_left {
      display: flex;
      flex-basis: 33.333%;
      justify-content: flex-start; }
      @media (max-width: 1080px) {
        .site-header .header_wrapper .header_left {
          flex-basis: 37%; } }
      .site-header .header_wrapper .header_left a svg {
        width: 195px;
        height: 100%; }
    .site-header .header_wrapper .header_right {
      flex-basis: 33.333%;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 1080px) {
        .site-header .header_wrapper .header_right {
          flex-basis: 31.5%; } }
      .site-header .header_wrapper .header_right .btn {
        --outline: transparent; }
    @media (min-width: 1080px) {
      .site-header .header_wrapper .menu_button {
        display: none; } }
    @media (max-width: 1080px) {
      .site-header .header_wrapper .menu-main-menu-container {
        display: none; }
      .site-header .header_wrapper .header_left {
        display: flex; }
        .site-header .header_wrapper .header_left a {
          margin: auto; }
      .site-header .header_wrapper .header_center {
        margin-right: auto;
        order: -1; }
        .site-header .header_wrapper .header_center .menu_button {
          justify-self: center; }
      .site-header .header_wrapper .header_right .btn {
        justify-self: end; } }
    .site-header .header_wrapper.openmenu + .header_menu {
      transform: translateX(0%);
      transition: transform 0.5s 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); }
  .site-header:has(.header_wrapper.scrolled) {
    background-color: #1b365d;
    transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
    .site-header:has(.header_wrapper.scrolled) .header_wrapper {
      padding-block: 20px; }
      .site-header:has(.header_wrapper.scrolled) .header_wrapper .btn {
        --outline: #ffffff; }
    .site-header:has(.header_wrapper.scrolled):has(.header_wrapper.scrolled.down) {
      transform: translateY(-100%); }

footer {
  min-height: 55svh;
  width: 100vw;
  overflow: hidden;
  background-color: #1b365d; }
  footer .site-footer_wrapper {
    padding-block: 120px 70px;
    display: grid;
    gap: 150px; }
    @media (max-width: 1680px) {
      footer .site-footer_wrapper {
        padding-block: 120px 70px;
        gap: 100px; } }
    @media (max-width: 991px) {
      footer .site-footer_wrapper {
        gap: 80px; } }
    @media (max-width: 768px) {
      footer .site-footer_wrapper {
        padding-block: 100px 50px;
        gap: 50px; } }
    footer .site-footer_wrapper.wrapper {
      padding-inline: 8.5%; }
    footer .site-footer_wrapper .inner_content {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      justify-items: end;
      gap: 100px; }
      @media (max-width: 1680px) {
        footer .site-footer_wrapper .inner_content {
          grid-template-columns: repeat(3, 1fr);
          gap: 90px; } }
      @media (max-width: 991px) {
        footer .site-footer_wrapper .inner_content {
          grid-template-columns: repeat(2, 1fr);
          gap: 80px; } }
      @media (max-width: 720px) {
        footer .site-footer_wrapper .inner_content {
          grid-template-columns: 1fr;
          gap: 50px; } }
      footer .site-footer_wrapper .inner_content .footer__heading {
        font-size: 40px;
        color: #ffffff;
        text-align: start;
        width: 15ch;
        text-wrap: unset; }
        @media (max-width: 1680px) {
          footer .site-footer_wrapper .inner_content .footer__heading {
            grid-column: 1 / -1;
            width: 100%; } }
      @media (max-width: 1680px) {
        footer .site-footer_wrapper .inner_content .footer__info,
        footer .site-footer_wrapper .inner_content .footer__contact,
        footer .site-footer_wrapper .inner_content .footer__socials .inner_social {
          width: 100%; } }
      footer .site-footer_wrapper .inner_content .footer__info h4,
      footer .site-footer_wrapper .inner_content .footer__contact h4,
      footer .site-footer_wrapper .inner_content .footer__socials .inner_social h4 {
        font-size: 20px;
        font-weight: 600;
        color: #ffffff;
        font-family: "ReworkHeadlineTRIAL-Regular", serif;
        text-align: start;
        text-transform: uppercase; }
      footer .site-footer_wrapper .inner_content .footer__info > ul,
      footer .site-footer_wrapper .inner_content .footer__info .menu,
      footer .site-footer_wrapper .inner_content .footer__contact > ul,
      footer .site-footer_wrapper .inner_content .footer__contact .menu,
      footer .site-footer_wrapper .inner_content .footer__socials .inner_social > ul,
      footer .site-footer_wrapper .inner_content .footer__socials .inner_social .menu {
        padding: 0;
        margin-top: 50px;
        list-style: none;
        text-align: start;
        text-wrap: nowrap;
        display: grid;
        gap: 0.35em; }
        @media (max-width: 1024px) {
          footer .site-footer_wrapper .inner_content .footer__info > ul,
          footer .site-footer_wrapper .inner_content .footer__info .menu,
          footer .site-footer_wrapper .inner_content .footer__contact > ul,
          footer .site-footer_wrapper .inner_content .footer__contact .menu,
          footer .site-footer_wrapper .inner_content .footer__socials .inner_social > ul,
          footer .site-footer_wrapper .inner_content .footer__socials .inner_social .menu {
            margin-top: 50px; } }
        @media (max-width: 991px) {
          footer .site-footer_wrapper .inner_content .footer__info > ul,
          footer .site-footer_wrapper .inner_content .footer__info .menu,
          footer .site-footer_wrapper .inner_content .footer__contact > ul,
          footer .site-footer_wrapper .inner_content .footer__contact .menu,
          footer .site-footer_wrapper .inner_content .footer__socials .inner_social > ul,
          footer .site-footer_wrapper .inner_content .footer__socials .inner_social .menu {
            margin-top: 30px; } }
        footer .site-footer_wrapper .inner_content .footer__info > ul li,
        footer .site-footer_wrapper .inner_content .footer__info .menu li,
        footer .site-footer_wrapper .inner_content .footer__contact > ul li,
        footer .site-footer_wrapper .inner_content .footer__contact .menu li,
        footer .site-footer_wrapper .inner_content .footer__socials .inner_social > ul li,
        footer .site-footer_wrapper .inner_content .footer__socials .inner_social .menu li {
          color: #ffffff;
          font-size: 20px;
          font-weight: 300; }
      footer .site-footer_wrapper .inner_content .footer__info .menu,
      footer .site-footer_wrapper .inner_content .footer__contact .menu,
      footer .site-footer_wrapper .inner_content .footer__socials .inner_social .menu {
        text-transform: uppercase; }
      footer .site-footer_wrapper .inner_content .footer__socials {
        display: flex;
        width: 100%; }
        footer .site-footer_wrapper .inner_content .footer__socials .inner_social {
          margin-left: auto; }
          footer .site-footer_wrapper .inner_content .footer__socials .inner_social ul {
            text-transform: uppercase; }
    footer .site-footer_wrapper .copyright {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      @media (max-width: 1680px) {
        footer .site-footer_wrapper .copyright {
          width: 98%; } }
      @media (max-width: 1440px) {
        footer .site-footer_wrapper .copyright {
          width: 94%;
          align-items: flex-start;
          flex-direction: column; } }
      @media (max-width: 720px) {
        footer .site-footer_wrapper .copyright {
          width: 80%; } }
      @media (max-width: 500px) {
        footer .site-footer_wrapper .copyright {
          width: 100%;
          gap: 20px; } }
      footer .site-footer_wrapper .copyright p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        text-align: start; }
        @media (max-width: 1440px) {
          footer .site-footer_wrapper .copyright p {
            font-size: 15px; } }
        footer .site-footer_wrapper .copyright p a {
          font-weight: 500;
          text-transform: unset;
          text-decoration: underline; }
      footer .site-footer_wrapper .copyright .back-to-top {
        margin-left: auto; }
        @media (min-width: 500px) {
          footer .site-footer_wrapper .copyright .back-to-top {
            right: -125px;
            top: 50%;
            position: absolute;
            transform: translate(0, -50%); } }
        @media (max-width: 1440px) {
          footer .site-footer_wrapper .copyright .back-to-top {
            right: -6%; } }
        @media (max-width: 720px) {
          footer .site-footer_wrapper .copyright .back-to-top {
            right: -20%; } }
        footer .site-footer_wrapper .copyright .back-to-top svg {
          transform: scale(1); }
      footer .site-footer_wrapper .copyright .back-to-top:hover svg,
      footer .site-footer_wrapper .copyright .back-to-top:focus-visible svg {
        transform: scale(0.98);
        transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); }

#content-default {
  max-width: 1150px;
  margin-block: 150px; }
  @media (max-width: 768px) {
    #content-default {
      margin-block: 80px; } }
  #content-default h2 {
    margin-bottom: 40px; }
  #content-default .subtitle {
    font-weight: bold;
    margin-bottom: 20px; }

body.modal-open {
  overflow: hidden; }

#page_404 {
  min-height: 100vh;
  min-height: 100svh;
  position: relative; }
  #page_404 video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100vh;
    height: 100svh;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1; }

.clip-path-animate {
  -webkit-clip-path: polygon(15% 15%, 85% 15%, 85% 85%, 15% 85%);
          clip-path: polygon(15% 15%, 85% 15%, 85% 85%, 15% 85%); }

main {
  counter-reset: section-counter; }

span.counter {
  counter-increment: section-counter;
  position: relative;
  font-family: "Akatab ExtraBold", sans-serif;
  width: 0;
  margin-left: auto;
  height: 3px;
  display: block;
  background: var(--line-bg, #1b365d);
  transform-origin: left; }
  @media (max-width: 768px) {
    span.counter {
      height: 2px; } }
  span.counter::after {
    position: absolute;
    content: counter(section-counter, decimal-leading-zero) ".";
    color: var(--line-clr, #1b365d);
    top: -100%;
    left: -4%;
    line-height: 1;
    opacity: 0;
    transform: translate(0, -58%); }
    @media (max-width: 1024px) {
      span.counter::after {
        left: -6%; } }
    @media (max-width: 768px) {
      span.counter::after {
        left: -10%; } }
  span.counter.aos-animate {
    width: 96%;
    transform-origin: right;
    transition: width 1.2s cubic-bezier(0.47, 0, 0.745, 0.715); }
    @media (max-width: 1024px) {
      span.counter.aos-animate {
        width: 94%; } }
    @media (max-width: 768px) {
      span.counter.aos-animate {
        width: 90%; } }
    span.counter.aos-animate::after {
      opacity: 1;
      transition: opacity 0.5s 1.2s cubic-bezier(0.47, 0, 0.745, 0.715); }

.img_container {
  position: relative; }

.intro-text {
  font-family: "Akatab ExtraBold", sans-serif;
  text-transform: uppercase; }

.marquee {
  --padding: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto; }
  .marquee__text {
    font-family: "ReworkHeadlineTRIAL-Bold", serif;
    display: inline-block;
    padding-left: var(--padding, 50%);
    text-wrap: nowrap;
    text-transform: uppercase;
    color: #f6f2ec;
    -webkit-animation: marquee-rtl 22s linear infinite;
            animation: marquee-rtl 22s linear infinite; }

.draw-me path {
  visibility: hidden; }

#privacy-policy {
  background-color: #1b365d;
  min-height: 100vh;
  place-content: center; }
  #privacy-policy h1 {
    color: #ffffff;
    text-align: center; }

#privacy-policy-content {
  padding-block: 100px; }
  #privacy-policy-content .content-wrapper h2,
  #privacy-policy-content .content-wrapper h3,
  #privacy-policy-content .content-wrapper h4 {
    margin-top: 1.2em; }
  #privacy-policy-content .content-wrapper p {
    margin-top: 0.5em; }

.home #homepage_about {
  background-color: #f6f2ec;
  position: relative; }
  .home #homepage_about .wrapper {
    padding-block: 150px; }
    @media (max-width: 1024px) {
      .home #homepage_about .wrapper {
        padding-block: 100px; } }
    @media (max-width: 768px) {
      .home #homepage_about .wrapper {
        padding-block: 80px; } }
    .home #homepage_about .wrapper .inner_content {
      display: flex;
      justify-content: space-between;
      padding-block: 95px; }
      @media (max-width: 1024px) {
        .home #homepage_about .wrapper .inner_content {
          flex-direction: column;
          gap: 60px;
          padding-block: 50px;
          -webkit-padding-after: 0px;
                  padding-block-end: 0px; } }
      .home #homepage_about .wrapper .inner_content .img_container {
        flex-basis: 28%;
        position: relative; }
        .home #homepage_about .wrapper .inner_content .img_container.image-left {
          max-width: 565px;
          min-height: 400px; }
          @media (max-width: 1024px) {
            .home #homepage_about .wrapper .inner_content .img_container.image-left {
              max-width: 100%; } }
        .home #homepage_about .wrapper .inner_content .img_container.image-right {
          max-width: 195px;
          max-height: 300px; }
      .home #homepage_about .wrapper .inner_content .content {
        flex-basis: 42%; }
        .home #homepage_about .wrapper .inner_content .content h2 {
          --margin-top: 10px;
          max-width: 37ch;
          font-weight: 400; }
        .home #homepage_about .wrapper .inner_content .content .paragraph {
          --margin-top: 60px; }
          @media (max-width: 768px) {
            .home #homepage_about .wrapper .inner_content .content .paragraph {
              --margin-top: 40px; } }
        .home #homepage_about .wrapper .inner_content .content .btn-wrp {
          --margin-top: 120px; }
          @media (max-width: 1024px) {
            .home #homepage_about .wrapper .inner_content .content .btn-wrp {
              --margin-top: 80px; } }
          @media (max-width: 768px) {
            .home #homepage_about .wrapper .inner_content .content .btn-wrp {
              --margin-top: 40px; } }
          .home #homepage_about .wrapper .inner_content .content .btn-wrp > a {
            justify-self: start; }
    .home #homepage_about .wrapper .columns_container {
      -webkit-padding-before: 70px;
              padding-block-start: 70px;
      display: flex;
      justify-content: space-between;
      gap: 100px; }
      .home #homepage_about .wrapper .columns_container .col_1 .card {
        width: 540px; }
        .home #homepage_about .wrapper .columns_container .col_1 .card .subheading {
          text-align: start;
          width: 30ch; }
        .home #homepage_about .wrapper .columns_container .col_1 .card .img_container {
          --margin-top: 75px;
          position: relative;
          height: 520px; }
        .home #homepage_about .wrapper .columns_container .col_1 .card .paragraph {
          --margin-top: 90px; }
          .home #homepage_about .wrapper .columns_container .col_1 .card .paragraph > * {
            text-transform: uppercase; }
        .home #homepage_about .wrapper .columns_container .col_1 .card .btn-wrp {
          --margin-top: 40px; }
      .home #homepage_about .wrapper .columns_container .col_2 .img_container {
        position: relative;
        width: 1030px;
        height: 890px;
        overflow: hidden; }
  .home #homepage_about #big-wave-icon {
    position: absolute;
    bottom: 0%;
    transform: translateY(50%);
    left: 0;
    right: 0; }

.home #homepage_boats {
  background-color: #1b365d;
  padding-block: 245px; }
  @media (max-width: 1440px) {
    .home #homepage_boats {
      padding-block: 200px; } }
  @media (max-width: 1024px) {
    .home #homepage_boats {
      padding-block: 150px; } }
  @media (max-width: 768px) {
    .home #homepage_boats {
      padding-block: 100px; } }
  .home #homepage_boats .wrapper {
    padding-inline: 8.85%; }
    .home #homepage_boats .wrapper.aos-animate .swiper-slide .left_card {
      transform: translateY(0%);
      transition-delay: 0.6s; }
    .home #homepage_boats .wrapper.aos-animate .swiper-slide .right_card {
      transform: translateY(0%);
      transition-delay: 0.75s; }
  .home #homepage_boats .boats_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .home #homepage_boats .boats_container .swiper-slide .left_card,
    .home #homepage_boats .boats_container .swiper-slide .right_card {
      transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); }
    .home #homepage_boats .boats_container .swiper-slide .left_card {
      transform: translateY(100%);
      transition-delay: 0.6s; }
    .home #homepage_boats .boats_container .swiper-slide .right_card {
      transform: translateY(100%);
      transition-delay: 0.75s; }
    .home #homepage_boats .boats_container .swiper-slide .text-content h2 {
      transform: translateY(-200%);
      transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1); }
    .home #homepage_boats .boats_container .swiper-slide .text-content p {
      transform: translateX(-200%);
      transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1); }
    .home #homepage_boats .boats_container .swiper-slide.swiper-slide-visible.swiper-slide-active .text-content h2 {
      transform: translateY(0%);
      transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); }
    .home #homepage_boats .boats_container .swiper-slide.swiper-slide-visible.swiper-slide-active .text-content p {
      transform: translateX(0%);
      transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); }
    .home #homepage_boats .boats_container .swiper-slide-active.swiper-slide-visible {
      z-index: 1; }
    .home #homepage_boats .boats_container .content-wrapper {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr;
      width: 100%;
      gap: 0px 15px;
      min-height: 520px;
      padding-inline: 1px; }
      @media (max-width: 1440px) {
        .home #homepage_boats .boats_container .content-wrapper {
          grid-template-columns: 1fr;
          grid-template-rows: 2fr 1fr;
          gap: 25px; } }
      .home #homepage_boats .boats_container .content-wrapper .left_card {
        grid-area: span 2;
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 35px;
        padding-block: 60px;
        padding-inline: 55px;
        border-radius: 32px;
        overflow: hidden;
        -webkit-backdrop-filter: blur(3px);
                backdrop-filter: blur(3px);
        background: linear-gradient(57deg, rgba(27, 54, 93, 0.23) -3.7%, rgba(194, 172, 151, 0.23) 63.97%); }
        @media (max-width: 1440px) {
          .home #homepage_boats .boats_container .content-wrapper .left_card {
            gap: 20px;
            padding-block: 40px;
            padding-inline: 40px; } }
        @media (max-width: 1024px) {
          .home #homepage_boats .boats_container .content-wrapper .left_card {
            gap: 40px;
            padding-block: 35px;
            padding-inline: 35px; } }
        @media (max-width: 860px) {
          .home #homepage_boats .boats_container .content-wrapper .left_card {
            gap: 20px;
            padding-block: 30px;
            padding-inline: 30px;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr; } }
        @media (max-width: 768px) {
          .home #homepage_boats .boats_container .content-wrapper .left_card {
            padding-block: 25px;
            padding-inline: 25px; } }
        .home #homepage_boats .boats_container .content-wrapper .left_card .text-content {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          @media (max-width: 1440px) {
            .home #homepage_boats .boats_container .content-wrapper .left_card .text-content {
              gap: 60px; } }
          .home #homepage_boats .boats_container .content-wrapper .left_card .text-content h2 {
            color: #ffffff;
            font-size: 40px; }
          .home #homepage_boats .boats_container .content-wrapper .left_card .text-content p {
            color: #ffffff; }
        .home #homepage_boats .boats_container .content-wrapper .left_card .img_content {
          overflow: hidden;
          border-radius: 18px;
          position: relative;
          width: 400px; }
          @media (max-width: 860px) {
            .home #homepage_boats .boats_container .content-wrapper .left_card .img_content {
              order: -1;
              width: 100%; } }
          .home #homepage_boats .boats_container .content-wrapper .left_card .img_content > img {
            position: absolute;
            inset: 0;
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
      .home #homepage_boats .boats_container .content-wrapper .right_card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-block: 50px 35px;
        padding-inline: 50px;
        border-radius: 32px;
        -webkit-backdrop-filter: blur(3px);
                backdrop-filter: blur(3px);
        background: linear-gradient(24deg, rgba(27, 54, 93, 0.23) -3.7%, rgba(194, 172, 151, 0.23) 63.97%); }
        @media (max-width: 1440px) {
          .home #homepage_boats .boats_container .content-wrapper .right_card {
            gap: 20px;
            padding-block: 40px;
            padding-inline: 40px; } }
        @media (max-width: 1024px) {
          .home #homepage_boats .boats_container .content-wrapper .right_card {
            padding-block: 35px;
            padding-inline: 35px; } }
        @media (max-width: 860px) {
          .home #homepage_boats .boats_container .content-wrapper .right_card {
            padding-block: 30px;
            padding-inline: 30px; } }
        @media (max-width: 768px) {
          .home #homepage_boats .boats_container .content-wrapper .right_card {
            padding-block: 25px;
            padding-inline: 25px; } }
        .home #homepage_boats .boats_container .content-wrapper .right_card .boat-specs {
          -webkit-padding-start: 15px;
                  padding-inline-start: 15px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 20px; }
          @media (max-width: 1440px) {
            .home #homepage_boats .boats_container .content-wrapper .right_card .boat-specs {
              gap: 15px; } }
          .home #homepage_boats .boats_container .content-wrapper .right_card .boat-specs li {
            color: #ffffff;
            font-family: "Akatab Regular", sans-serif; }
        .home #homepage_boats .boats_container .content-wrapper .right_card .bottom-area {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
          .home #homepage_boats .boats_container .content-wrapper .right_card .bottom-area span.boat_meters {
            font-size: 40px;
            font-family: "ReworkHeadlineTRIAL-Bold", serif;
            color: #ffffff; }
            @media (max-width: 1024px) {
              .home #homepage_boats .boats_container .content-wrapper .right_card .bottom-area span.boat_meters {
                font-size: 30px; } }
  .home #homepage_boats .navigation-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    -webkit-padding-before: 95px;
            padding-block-start: 95px; }
    .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next {
      margin-left: auto; }
    .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next,
    .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev {
      cursor: pointer;
      transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next svg,
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev svg {
        transform: scale(1); }
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next:hover:not(.swiper-button-disabled) svg, .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next:focus-visible:not(.swiper-button-disabled) svg,
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev:hover:not(.swiper-button-disabled) svg,
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev:focus-visible:not(.swiper-button-disabled) svg {
        transform: scale(0.95);
        transition: transform 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next.swiper-button-disabled,
      .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev.swiper-button-disabled {
        opacity: 0.2; }
        .home #homepage_boats .navigation-wrapper .boat-card-nav-button-next.swiper-button-disabled svg,
        .home #homepage_boats .navigation-wrapper .boat-card-nav-button-prev.swiper-button-disabled svg {
          pointer-events: none;
          cursor: not-allowed; }
    .home #homepage_boats .navigation-wrapper .swiper-pagination-bullet {
      --swiper-pagination-bullet-size: 9px;
      --swiper-pagination-bullet-horizontal-gap: 6px;
      --swiper-pagination-bullet-inactive-color: #ffffff; }
      .home #homepage_boats .navigation-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
        --swiper-pagination-color: #ffffff; }

.home #homepage_services {
  background-color: #f6f2ec;
  position: relative; }
  .home #homepage_services .wrapper {
    padding-block: 150px 250px;
    padding-inline: 8.85%; }
    @media (max-width: 1440px) {
      .home #homepage_services .wrapper {
        padding-block: 150px 200px; } }
    @media (max-width: 1280px) {
      .home #homepage_services .wrapper {
        padding-block: 150px; } }
    @media (max-width: 1024px) {
      .home #homepage_services .wrapper {
        padding-block: 100px; } }
    @media (max-width: 768px) {
      .home #homepage_services .wrapper {
        padding-block: 80px; } }
    .home #homepage_services .wrapper .inner_content {
      display: flex;
      justify-content: space-between;
      padding-block: 120px; }
      @media (max-width: 1024px) {
        .home #homepage_services .wrapper .inner_content {
          padding-block: 100px;
          flex-direction: column;
          gap: 60px; } }
      @media (max-width: 768px) {
        .home #homepage_services .wrapper .inner_content {
          padding-block: 80px; } }
      .home #homepage_services .wrapper .inner_content .img_container {
        flex-basis: 26%;
        position: relative; }
        @media (max-width: 1280px) {
          .home #homepage_services .wrapper .inner_content .img_container {
            flex-basis: 35%; } }
        @media (max-width: 1024px) {
          .home #homepage_services .wrapper .inner_content .img_container {
            flex-basis: 100%; } }
        .home #homepage_services .wrapper .inner_content .img_container.image-left {
          max-width: 100%;
          width: 433px;
          min-height: 600px; }
          @media (max-width: 1024px) {
            .home #homepage_services .wrapper .inner_content .img_container.image-left {
              min-height: 400px;
              width: 100%; } }
      @media (min-width: 1024px) {
        .home #homepage_services .wrapper .inner_content .content {
          flex-basis: 44%;
          margin-right: 100px; } }
      .home #homepage_services .wrapper .inner_content .content h2 {
        --margin-top: 10px;
        max-width: 37ch;
        font-weight: 400; }
      .home #homepage_services .wrapper .inner_content .content .paragraph {
        --margin-top: 60px; }
      .home #homepage_services .wrapper .inner_content .content .btn-wrp {
        --margin-top: 105px; }
        @media (max-width: 1024px) {
          .home #homepage_services .wrapper .inner_content .content .btn-wrp {
            --margin-top: 80px; } }
        @media (max-width: 768px) {
          .home #homepage_services .wrapper .inner_content .content .btn-wrp {
            --margin-top: 40px; } }
      .home #homepage_services .wrapper .inner_content .content .img_container {
        flex-basis: 26%;
        position: relative; }
        .home #homepage_services .wrapper .inner_content .content .img_container.image-right {
          max-width: 195px;
          height: 100%;
          max-height: 235px;
          margin-left: auto;
          margin-top: -100px; }
    .home #homepage_services .wrapper .columns_container {
      -webkit-padding-before: 70px;
              padding-block-start: 70px;
      display: flex;
      justify-content: space-between;
      gap: 100px; }
      .home #homepage_services .wrapper .columns_container .col_1 .card {
        width: 540px; }
        .home #homepage_services .wrapper .columns_container .col_1 .card .subheading {
          text-align: start;
          width: 30ch; }
        .home #homepage_services .wrapper .columns_container .col_1 .card .img_container {
          --margin-top: 73px;
          position: relative;
          height: 520px; }
        .home #homepage_services .wrapper .columns_container .col_1 .card .paragraph {
          --margin-top: 90px; }
          .home #homepage_services .wrapper .columns_container .col_1 .card .paragraph > * {
            text-transform: uppercase; }
        .home #homepage_services .wrapper .columns_container .col_1 .card .btn-wrp {
          --margin-top: 40px; }
      .home #homepage_services .wrapper .columns_container .col_2 .img_container {
        position: relative;
        width: 1030px;
        height: 890px;
        overflow: hidden; }

.home #homepage_destination {
  background-color: #1b365d; }
  .home #homepage_destination .wrapper {
    padding-block: 150px 0px;
    padding-inline: 8.85%;
    --line-clr: #ffffff;
    --line-bg: #ffffff; }
    @media (max-width: 768px) {
      .home #homepage_destination .wrapper {
        padding-block: 100px 0px; } }
    .home #homepage_destination .wrapper .inner_content {
      display: flex;
      justify-content: space-between;
      padding-block: 115px; }
      @media (max-width: 1024px) {
        .home #homepage_destination .wrapper .inner_content {
          padding-block: 100px; } }
      @media (max-width: 768px) {
        .home #homepage_destination .wrapper .inner_content {
          padding-block: 80px; } }
      .home #homepage_destination .wrapper .inner_content .content {
        display: grid; }
        .home #homepage_destination .wrapper .inner_content .content span.intro-text,
        .home #homepage_destination .wrapper .inner_content .content .paragraph,
        .home #homepage_destination .wrapper .inner_content .content h2 {
          color: #ffffff; }
        .home #homepage_destination .wrapper .inner_content .content h2 {
          text-wrap: balance;
          max-width: 15ch; }
        .home #homepage_destination .wrapper .inner_content .content .paragraph {
          --margin-top: 50px;
          -moz-columns: 2;
               columns: 2; }
          @media (max-width: 860px) {
            .home #homepage_destination .wrapper .inner_content .content .paragraph {
              -moz-columns: 1;
                   columns: 1; } }
      .home #homepage_destination .wrapper .inner_content .btn-wrp {
        --margin-top: 150px;
        margin-inline: auto; }
        @media (max-width: 1024px) {
          .home #homepage_destination .wrapper .inner_content .btn-wrp {
            --margin-top: 80px; } }
        @media (max-width: 768px) {
          .home #homepage_destination .wrapper .inner_content .btn-wrp {
            --margin-top: 40px; } }

.home #homepage_parallax {
  min-height: 85vh;
  min-height: 85svh;
  position: relative;
  display: flex;
  overflow: hidden; }
  @media (max-width: 768px) {
    .home #homepage_parallax {
      min-height: 70svh; } }
  @media (max-width: 450px) {
    .home #homepage_parallax {
      min-height: 65vh; } }
  .home #homepage_parallax .parallax-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }
  .home #homepage_parallax .marquee {
    width: 100%;
    margin-top: auto;
    padding-bottom: 150px; }

.page-template-tmpl_destination #destinations_about {
  background-color: #1b365d;
  position: relative; }
  .page-template-tmpl_destination #destinations_about .wrapper {
    padding-block: 150px; }
    @media (max-width: 1024px) {
      .page-template-tmpl_destination #destinations_about .wrapper {
        padding-block: 100px; } }
    @media (max-width: 768px) {
      .page-template-tmpl_destination #destinations_about .wrapper {
        padding-block: 80px; } }
    .page-template-tmpl_destination #destinations_about .wrapper .counter {
      --line-clr: #ffffff;
      --line-bg: var(--line-clr); }
      .page-template-tmpl_destination #destinations_about .wrapper .counter.aos-animate {
        width: 100%; }
      .page-template-tmpl_destination #destinations_about .wrapper .counter::after {
        display: none; }
    .page-template-tmpl_destination #destinations_about .wrapper .inner_content {
      display: flex;
      justify-content: space-between;
      padding-block: 95px; }
      @media (max-width: 1024px) {
        .page-template-tmpl_destination #destinations_about .wrapper .inner_content {
          flex-direction: column;
          gap: 60px;
          padding-block: 50px;
          -webkit-padding-after: 0px;
                  padding-block-end: 0px; } }
      .page-template-tmpl_destination #destinations_about .wrapper .inner_content .img_container {
        flex-basis: 28%;
        position: relative; }
        .page-template-tmpl_destination #destinations_about .wrapper .inner_content .img_container.image-left {
          max-width: 565px;
          min-height: 400px; }
          @media (max-width: 1024px) {
            .page-template-tmpl_destination #destinations_about .wrapper .inner_content .img_container.image-left {
              max-width: 100%; } }
        .page-template-tmpl_destination #destinations_about .wrapper .inner_content .img_container.image-right {
          max-width: 195px;
          max-height: 300px; }
      .page-template-tmpl_destination #destinations_about .wrapper .inner_content .content {
        flex-basis: 42%; }
        .page-template-tmpl_destination #destinations_about .wrapper .inner_content .content h2 {
          --margin-top: 10px;
          color: #f6f2ec;
          max-width: 37ch;
          font-weight: 400; }
        .page-template-tmpl_destination #destinations_about .wrapper .inner_content .content .paragraph {
          --margin-top: 60px;
          color: #f6f2ec; }
          @media (max-width: 768px) {
            .page-template-tmpl_destination #destinations_about .wrapper .inner_content .content .paragraph {
              --margin-top: 40px; } }
    .page-template-tmpl_destination #destinations_about .wrapper .columns_container {
      -webkit-padding-before: 70px;
              padding-block-start: 70px;
      display: flex;
      justify-content: space-between;
      gap: 100px; }
      .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card {
        width: 540px; }
        .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card .subheading {
          text-align: start;
          width: 30ch; }
        .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card .img_container {
          --margin-top: 75px;
          position: relative;
          height: 520px; }
        .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card .paragraph {
          --margin-top: 90px; }
          .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card .paragraph > * {
            text-transform: uppercase; }
        .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_1 .card .btn-wrp {
          --margin-top: 40px; }
      .page-template-tmpl_destination #destinations_about .wrapper .columns_container .col_2 .img_container {
        position: relative;
        width: 1030px;
        height: 890px;
        overflow: hidden; }
  .page-template-tmpl_destination #destinations_about #big-wave-icon {
    position: absolute;
    bottom: 0%;
    transform: translateY(50%);
    left: 0;
    right: 0; }

.page-template-tmpl_destination #destinations_gallery {
  padding-block: 225px; }
  @media (max-width: 1440px) {
    .page-template-tmpl_destination #destinations_gallery {
      padding-block: 200px; } }
  @media (max-width: 1024px) {
    .page-template-tmpl_destination #destinations_gallery {
      padding-block: 150px; } }
  @media (max-width: 768px) {
    .page-template-tmpl_destination #destinations_gallery {
      padding-block: 100px; } }
  .page-template-tmpl_destination #destinations_gallery .wrapper .content {
    --margin-top: 110px;
    max-width: 880px;
    margin-inline: auto;
    text-align: center; }
    .page-template-tmpl_destination #destinations_gallery .wrapper .content p {
      --margin-top: 40px; }
  .page-template-tmpl_destination #destinations_gallery .gallery {
    --margin-top: 220px; }
    @media (max-width: 1024px) {
      .page-template-tmpl_destination #destinations_gallery .gallery {
        --margin-top: 100px; } }
    .page-template-tmpl_destination #destinations_gallery .gallery .swiper-slide {
      aspect-ratio: 1.2 / 1;
      max-height: 100%;
      height: 300px;
      overflow: hidden;
      transition: border-radius 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
      .page-template-tmpl_destination #destinations_gallery .gallery .swiper-slide img {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        transform: scale(1.1);
        transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }
      .page-template-tmpl_destination #destinations_gallery .gallery .swiper-slide:hover {
        border-radius: 18px;
        transition: border-radius 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
        .page-template-tmpl_destination #destinations_gallery .gallery .swiper-slide:hover img {
          transform: scale(1);
          transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1); }

.page-template-tmpl_destination #destinations_must-know {
  background-color: #1b365d;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-block: 120px;
  transition: background-image 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
  .page-template-tmpl_destination #destinations_must-know::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.8;
    z-index: -1;
    background: linear-gradient(to left, #1b365d, #1b365d); }
  @media (max-width: 991px) {
    .page-template-tmpl_destination #destinations_must-know {
      padding-block: 80px; } }
  .page-template-tmpl_destination #destinations_must-know h3 {
    color: #ffffff;
    font-size: 35px;
    text-align: center; }
    @media (max-width: 991px) {
      .page-template-tmpl_destination #destinations_must-know h3 {
        font-size: 20px; } }
  .page-template-tmpl_destination #destinations_must-know .wrapper {
    min-height: calc(100vh - 240px);
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 1280px) {
      .page-template-tmpl_destination #destinations_must-know .wrapper {
        min-height: calc(85vh - 240px); } }
    @media (max-width: 991px) {
      .page-template-tmpl_destination #destinations_must-know .wrapper {
        min-height: calc(75vh - 160px); } }
    .page-template-tmpl_destination #destinations_must-know .wrapper .must-know {
      position: relative; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .swiper-slide h2,
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .swiper-slide p {
        text-align: center;
        margin-inline: auto;
        color: #ffffff; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .swiper-slide h2 {
        font-family: "ReworkHeadlineTRIAL-Bold", serif;
        text-transform: uppercase; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .swiper-slide p {
        margin-top: 15px;
        max-width: 890px; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev {
        left: 0; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next {
        right: 0; }
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next,
      .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 1;
        transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); }
        @media (max-width: 1440px) {
          .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next,
          .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev {
            bottom: -100px;
            top: auto; } }
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next svg,
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev svg {
          transform: scale(1); }
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next:hover:not(.swiper-button-disabled) svg, .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next:focus-visible:not(.swiper-button-disabled) svg,
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev:hover:not(.swiper-button-disabled) svg,
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev:focus-visible:not(.swiper-button-disabled) svg {
          transform: scale(0.95);
          transition: transform 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next.swiper-button-disabled,
        .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev.swiper-button-disabled {
          opacity: 0.2; }
          .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-next.swiper-button-disabled svg,
          .page-template-tmpl_destination #destinations_must-know .wrapper .must-know .must-know-button-prev.swiper-button-disabled svg {
            pointer-events: none;
            cursor: not-allowed; }
  .page-template-tmpl_destination #destinations_must-know .must-know-pagination {
    position: absolute;
    left: 50%;
    bottom: 120px;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transform: translateX(-50%); }
    .page-template-tmpl_destination #destinations_must-know .must-know-pagination .swiper-pagination-bullet {
      --swiper-pagination-bullet-size: 9px;
      --swiper-pagination-bullet-horizontal-gap: 6px;
      --swiper-pagination-bullet-inactive-color: #ffffff; }
      .page-template-tmpl_destination #destinations_must-know .must-know-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        --swiper-pagination-color: #ffffff; }

.page-template-tmpl_contact #contact_about {
  padding-block: 125px 130px; }
  @media (max-width: 1024px) {
    .page-template-tmpl_contact #contact_about {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .page-template-tmpl_contact #contact_about {
      padding-block: 80px; } }
  .page-template-tmpl_contact #contact_about .wrapper {
    padding-inline: 12%;
    position: relative; }
    .page-template-tmpl_contact #contact_about .wrapper .counter.aos-animate {
      width: 100%; }
    .page-template-tmpl_contact #contact_about .wrapper .counter::after {
      display: none; }
    .page-template-tmpl_contact #contact_about .wrapper .inner_content {
      -webkit-padding-before: 220px;
              padding-block-start: 220px;
      display: flex;
      gap: 100px;
      justify-content: space-between; }
      @media (max-width: 1024px) {
        .page-template-tmpl_contact #contact_about .wrapper .inner_content {
          -webkit-padding-before: 150px;
                  padding-block-start: 150px;
          gap: 80px; } }
      @media (max-width: 991px) {
        .page-template-tmpl_contact #contact_about .wrapper .inner_content {
          flex-direction: column; } }
      @media (max-width: 768px) {
        .page-template-tmpl_contact #contact_about .wrapper .inner_content {
          -webkit-padding-before: 100px;
                  padding-block-start: 100px;
          gap: 50px; } }
      .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left {
        width: 40%; }
        @media (max-width: 991px) {
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left {
            width: 100%; } }
        .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .paragraph {
          --margin-top: 60px; }
          @media (max-width: 1024px) {
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .paragraph {
              --margin-top: 50px; } }
          @media (max-width: 768px) {
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .paragraph {
              --margin-top: 40px; } }
        .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .contact-list {
          --margin-top: 150px; }
          @media (max-width: 1024px) {
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .contact-list {
              --margin-top: 80px; } }
          @media (max-width: 768px) {
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-left .contact-list {
              --margin-top: 40px; } }
      .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right {
        width: 60%; }
        @media (max-width: 991px) {
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right {
            width: 100%; } }
        .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right .screen-reader-response {
          position: absolute;
          top: 0;
          -webkit-padding-before: 50px;
                  padding-block-start: 50px;
          font-size: 14px; }
        .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form {
          display: flex;
          flex-direction: column;
          gap: 30px; }
          @media (max-width: 991px) {
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form {
              gap: 20px; } }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input,
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea {
            width: 100%;
            background-color: #f6f2ec;
            border-radius: 5px;
            border: 3px solid #1b365d; }
            @media (max-width: 768px) {
              .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input,
              .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea {
                border: 2px solid #1b365d; } }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input,
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea {
            padding: 0.3em; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input::-moz-placeholder, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea::-moz-placeholder {
              color: transparent; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input:-ms-input-placeholder, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea:-ms-input-placeholder {
              color: transparent; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form input::placeholder,
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form textarea::placeholder {
              color: transparent; }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form label {
            display: flex;
            flex-direction: column;
            justify-content: center; }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .wpcf7-not-valid-tip {
            font-size: 14px;
            position: absolute;
            padding-top: 0.3em;
            color: #1b365d; }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder {
            display: grid;
            align-items: center;
            width: 100%;
            position: relative; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder > * {
              grid-area: 1 / -1; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder label {
              z-index: 1;
              padding-inline: 0.3em;
              margin-left: 20px;
              font-size: 16px;
              text-wrap: nowrap;
              color: inherit;
              font-family: "ReworkHeadlineTRIAL-Bold", serif;
              background-color: transparent;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content;
              height: -webkit-fit-content;
              height: -moz-fit-content;
              height: fit-content;
              transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1); }
              @media (max-width: 768px) {
                .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder label {
                  font-size: 14px; } }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(input:not(:-moz-placeholder-shown)) label, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(textarea:not(:-moz-placeholder-shown)) label {
              background-color: #f6f2ec;
              transform: translateY(var(--textarea, calc(-100% - 0.3em))); }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(input:not(:-ms-input-placeholder)) label, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(textarea:not(:-ms-input-placeholder)) label {
              background-color: #f6f2ec;
              transform: translateY(var(--textarea, calc(-100% - 0.3em))); }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:focus-visible label, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:focus-within label, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(input:not(:placeholder-shown)) label, .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder:has(textarea:not(:placeholder-shown)) label {
              background-color: #f6f2ec;
              transform: translateY(var(--textarea, calc(-100% - 0.3em))); }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder label[for='datesfield'] {
              display: none; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder label[for='messagefield'] {
              --textarea: calc(-50% - 0.5em);
              position: absolute;
              top: 0;
              padding-top: 1em;
              margin-bottom: auto; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder #datesfield::-moz-placeholder {
              color: #1b365d;
              margin-left: 20px;
              font-size: 16px;
              font-family: "ReworkHeadlineTRIAL-Bold", serif; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder #datesfield:-ms-input-placeholder {
              color: #1b365d;
              margin-left: 20px;
              font-size: 16px;
              font-family: "ReworkHeadlineTRIAL-Bold", serif; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder #datesfield::placeholder {
              color: #1b365d;
              margin-left: 20px;
              font-size: 16px;
              font-family: "ReworkHeadlineTRIAL-Bold", serif; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .field-holder #datesfield {
              padding-left: 0.8em; }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .two-input-wrapper {
            display: flex;
            gap: 50px;
            justify-content: space-between; }
            @media (max-width: 991px) {
              .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .two-input-wrapper {
                gap: 15px; } }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .two-input-wrapper:nth-child(4) {
              margin-top: 30px; }
              @media (max-width: 991px) {
                .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .two-input-wrapper:nth-child(4) {
                  margin-top: 20px; } }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .one-input-wrapper {
            margin-top: 15px; }
            .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form .one-input-wrapper textarea {
              padding-top: 0.65em;
              padding-left: 20px; }
          .page-template-tmpl_contact #contact_about .wrapper .inner_content .content-right form button[type='submit'] {
            align-self: end; }

.page-template-tmpl_contact #contact_map {
  padding-block: 130px 360px; }
  @media (max-width: 1440px) {
    .page-template-tmpl_contact #contact_map {
      padding-block: 130px 200px; } }
  @media (max-width: 1024px) {
    .page-template-tmpl_contact #contact_map {
      padding-block: 130px 150px; } }
  @media (max-width: 768px) {
    .page-template-tmpl_contact #contact_map {
      padding-block: 80px; } }
  .page-template-tmpl_contact #contact_map .wrapper {
    padding-inline: 15.6%; }
    .page-template-tmpl_contact #contact_map .wrapper .multiple-map {
      width: 100%;
      height: 100%;
      max-height: 890px;
      aspect-ratio: 1; }
      @media (max-width: 1024px) {
        .page-template-tmpl_contact #contact_map .wrapper .multiple-map {
          max-height: 700px; } }
    .page-template-tmpl_contact #contact_map .wrapper #waypoints {
      display: none; }

.single-boat #single-fleet_about {
  background-color: #1b365d;
  padding-block: 110px 125px; }
  @media (max-width: 1024px) {
    .single-boat #single-fleet_about {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .single-boat #single-fleet_about {
      padding-block: 80px; } }
  .single-boat #single-fleet_about .wrapper {
    padding-inline: 10.5%; }
    .single-boat #single-fleet_about .wrapper.inner_content {
      --line-clr: #ffffff;
      --line-bg: var(--line-clr);
      text-align: center; }
      .single-boat #single-fleet_about .wrapper.inner_content .content {
        padding-block: 160px; }
        .single-boat #single-fleet_about .wrapper.inner_content .content span {
          color: #ffffff; }
        .single-boat #single-fleet_about .wrapper.inner_content .content h2 {
          --margin-top: 5px;
          color: #ffffff; }
        .single-boat #single-fleet_about .wrapper.inner_content .content .paragraph {
          --margin-top: 40px;
          color: #ffffff;
          margin-inline: auto;
          max-width: 37em; }
  .single-boat #single-fleet_about article {
    padding-block: 80px;
    padding-inline: 95px;
    border-radius: 32px;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    background: linear-gradient(120deg, rgba(246, 242, 236, 0.15) 2.8%, rgba(27, 54, 93, 0.15) 100%); }
    @media (max-width: 1024px) {
      .single-boat #single-fleet_about article {
        padding-block: 40px;
        border-radius: 32px;
        padding-inline: 30px; } }
    @media (max-width: 768px) {
      .single-boat #single-fleet_about article {
        padding-inline: 20px; } }
    .single-boat #single-fleet_about article .inner-content {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: 0px 70px;
      grid-template-rows: auto;
      align-items: center;
      text-align: start; }
      @media (max-width: 1440px) {
        .single-boat #single-fleet_about article .inner-content {
          grid-template-columns: 1fr;
          grid-template-rows: 1fr 1fr;
          gap: 50px; } }
      @media (max-width: 768px) {
        .single-boat #single-fleet_about article .inner-content {
          grid-template-rows: 1fr; } }
      .single-boat #single-fleet_about article .inner-content .left_col {
        display: grid; }
        .single-boat #single-fleet_about article .inner-content .left_col p,
        .single-boat #single-fleet_about article .inner-content .left_col ul,
        .single-boat #single-fleet_about article .inner-content .left_col h2 {
          color: #ffffff; }
        .single-boat #single-fleet_about article .inner-content .left_col h2 {
          font-size: 40px; }
        .single-boat #single-fleet_about article .inner-content .left_col p {
          --margin-top: 20px; }
        .single-boat #single-fleet_about article .inner-content .left_col .boat-specs {
          --margin-top: 110px;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 20px;
          -webkit-padding-start: 25px;
                  padding-inline-start: 25px;
          list-style-type: disc;
          justify-items: start; }
        .single-boat #single-fleet_about article .inner-content .left_col span.boat_meters {
          --margin-top: 60px;
          font-size: 40px;
          font-family: "ReworkHeadlineTRIAL-Bold", serif;
          color: #ffffff; }
      .single-boat #single-fleet_about article .inner-content .right_col {
        overflow: hidden;
        border-radius: 18px;
        position: relative;
        height: calc(100% - 50px); }
        @media (max-width: 768px) {
          .single-boat #single-fleet_about article .inner-content .right_col {
            height: 400px; } }
        .single-boat #single-fleet_about article .inner-content .right_col > img {
          -o-object-fit: cover;
             object-fit: cover; }

.single-boat #single-fleet_gallery {
  padding-block: 320px 200px; }
  @media (max-width: 1440px) {
    .single-boat #single-fleet_gallery {
      padding-block: 150px 200px; } }
  @media (max-width: 1024px) {
    .single-boat #single-fleet_gallery {
      padding-block: 150px; } }
  @media (max-width: 768px) {
    .single-boat #single-fleet_gallery {
      padding-block: 100px; } }
  @media (max-width: 450px) {
    .single-boat #single-fleet_gallery {
      padding-block: 80px; } }
  .single-boat #single-fleet_gallery .wrapper.aos-animate .item {
    opacity: 1;
    transform: scale(1);
    transition: opacity var(--s) var(--d), transform var(--s) var(--d) cubic-bezier(0.65, 0, 0.35, 1); }
  .single-boat #single-fleet_gallery .bento-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 45px; }
    @media (max-width: 1024px) {
      .single-boat #single-fleet_gallery .bento-grid {
        gap: 25px; } }
    @media (max-width: 768px) {
      .single-boat #single-fleet_gallery .bento-grid {
        gap: 15px; } }
  .single-boat #single-fleet_gallery .item {
    opacity: 0;
    transform: scale(0);
    height: 100%; }
    .single-boat #single-fleet_gallery .item a {
      border-radius: 18px;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .single-boat #single-fleet_gallery .item a > img {
        -o-object-fit: cover;
           object-fit: cover;
        height: inherit;
        width: 100%; }
  .single-boat #single-fleet_gallery .item-0 {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-left: 20%; }
  .single-boat #single-fleet_gallery .item-1 {
    grid-column: 2 / span 2;
    grid-row: 1 / span 3;
    aspect-ratio: 1; }
  .single-boat #single-fleet_gallery .item-2 {
    grid-column: 4;
    grid-row: 1;
    width: 80%;
    aspect-ratio: 1; }
  .single-boat #single-fleet_gallery .item-3 {
    grid-column: 1;
    grid-row: 3;
    aspect-ratio: 4 / 3; }
  @media (min-width: 768px) {
    .single-boat #single-fleet_gallery .grid {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 8px; }
    .single-boat #single-fleet_gallery .item-0 {
      grid-column: 1;
      grid-row: 1 / span 2; }
    .single-boat #single-fleet_gallery .item-1 {
      grid-column: 2 / span 2;
      grid-row: 1 / span 3; }
    .single-boat #single-fleet_gallery .item-2 {
      grid-column: 4;
      grid-row: 1; }
    .single-boat #single-fleet_gallery .item-3 {
      grid-column: 1;
      grid-row: 3; } }

.single-boat #single-fleet_comforts {
  padding-block: 200px; }
  @media (max-width: 1440px) {
    .single-boat #single-fleet_comforts {
      padding-block: 150px; } }
  @media (max-width: 1280px) {
    .single-boat #single-fleet_comforts {
      padding-block: 120px; } }
  @media (max-width: 1024px) {
    .single-boat #single-fleet_comforts {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .single-boat #single-fleet_comforts {
      padding-block: 80px; } }
  .single-boat #single-fleet_comforts .wrapper {
    padding-inline: 10.5%; }
    .single-boat #single-fleet_comforts .wrapper .content {
      -webkit-padding-before: 90px;
              padding-block-start: 90px;
      padding-inline: 6.5%; }
      .single-boat #single-fleet_comforts .wrapper .content h2 {
        font-size: 40px; }
      .single-boat #single-fleet_comforts .wrapper .content ul {
        --margin-top: 75px;
        -moz-columns: 4;
             columns: 4; }
        @media (max-width: 1440px) {
          .single-boat #single-fleet_comforts .wrapper .content ul {
            --margin-top: 50px;
            -moz-columns: 300px;
                 columns: 300px; } }
        @media (max-width: 991px) {
          .single-boat #single-fleet_comforts .wrapper .content ul {
            padding-left: 1em; } }

.single-boat #single-fleet_parallax {
  min-height: 70vh;
  min-height: 70svh;
  position: relative;
  display: flex;
  overflow: hidden; }
  @media (max-width: 1280px) {
    .single-boat #single-fleet_parallax {
      min-height: 65vh;
      min-height: 65svh; } }
  .single-boat #single-fleet_parallax .parallax-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }

.single-boat #single-fleet_packages {
  padding-block: 200px; }
  @media (max-width: 1440px) {
    .single-boat #single-fleet_packages {
      padding-block: 150px; } }
  @media (max-width: 1280px) {
    .single-boat #single-fleet_packages {
      padding-block: 120px; } }
  @media (max-width: 1024px) {
    .single-boat #single-fleet_packages {
      padding-block: 100px; } }
  @media (max-width: 768px) {
    .single-boat #single-fleet_packages {
      padding-block: 80px; } }
  .single-boat #single-fleet_packages .wrapper {
    padding-inline: 10.5%; }
    .single-boat #single-fleet_packages .wrapper .content {
      -webkit-padding-before: 130px;
              padding-block-start: 130px;
      padding-inline: 6.5%; }
      .single-boat #single-fleet_packages .wrapper .content h2 {
        font-size: 40px; }
      .single-boat #single-fleet_packages .wrapper .content ul.package-items {
        --margin-top: 75px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 300px 100px; }
        @media (max-width: 1280px) {
          .single-boat #single-fleet_packages .wrapper .content ul.package-items {
            --margin-top: 50px;
            gap: 250px 100px; } }
        @media (max-width: 1024px) {
          .single-boat #single-fleet_packages .wrapper .content ul.package-items {
            grid-template-columns: 1fr;
            gap: 100px; } }
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li h2,
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li h3,
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li h4,
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li h5,
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li h6 {
          font-size: 24px; }
          .single-boat #single-fleet_packages .wrapper .content ul.package-items li h2.anim-h .word > .char:first-child,
          .single-boat #single-fleet_packages .wrapper .content ul.package-items li h3.anim-h .word > .char:first-child,
          .single-boat #single-fleet_packages .wrapper .content ul.package-items li h4.anim-h .word > .char:first-child,
          .single-boat #single-fleet_packages .wrapper .content ul.package-items li h5.anim-h .word > .char:first-child,
          .single-boat #single-fleet_packages .wrapper .content ul.package-items li h6.anim-h .word > .char:first-child {
            text-transform: capitalize; }
        .single-boat #single-fleet_packages .wrapper .content ul.package-items li p {
          --margin-top: 30px; }
        .single-boat #single-fleet_packages .wrapper .content ul.package-items .btn-wrp {
          --margin-top: 60px;
          place-self: end; }
          .single-boat #single-fleet_packages .wrapper .content ul.package-items .btn-wrp > a {
            justify-self: end; }


/*# sourceMappingURL=theme.css.map*/