/*! tailwindcss v2.2.9 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

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

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

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

/**
Improve consistency of default fonts in all browsers. (https://github.com/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://bugzilla.mozilla.org/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://github.com/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://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/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://github.com/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://github.com/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: Poppins, sans-serif;
  /* 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://github.com/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://github.com/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://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

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://github.com/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://github.com/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://github.com/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));
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

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

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

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

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

.button {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-weight : 600;
  cursor: pointer;
  display: inline-block;
  transition:background-color 0.3s ease;
}

.button:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(40, 131, 119, var(--tw-bg-opacity));
  }

.button.blue_hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(46, 173, 227, var(--tw-bg-opacity));
  }

.button.white_hover:hover{
    background-color : white;
  }

.button.with_arrow{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
  }

@media (max-width: 1024px) {

.button.with_arrow{
      font-size : 80%
  }

      .button.with_arrow br{
        display: none;
      }
    }

.button.with_arrow >span{
      display: inline-block;
      vertical-align: middle;
    }

.button.with_arrow .icon{
      margin-left : 3rem;
      transition:transform 0.3s ease;
      transform:translateX(0);
    }

.button.with_arrow:hover .icon{
        transform:translateX(1rem);
      }

.button.with_arrow.no_animation:hover .icon{
        transform:translateX(0rem);
      }

.button.outline {
    background-color: transparent;
  }

.button.outline {
    --tw-text-opacity: 1;
    color: rgba(52, 167, 152, var(--tw-text-opacity));
  }

.button.outline{
    border-color: #34a798;
    border-width:3px;
  }

.button.bordered{
    border-color: #34a798;
    border-width:3px;
  }

.button_group {
  margin-bottom: 1rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.button_group >a {
    margin-bottom: 0.25rem;
  }

.button_group >a {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
  }

.button_group >a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

.button_group >a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

.button_group >a {
    font-size: .875em;
  }

.button_group >a {
    font-weight: 700;
  }

.button_group >a {
    text-transform: uppercase;
  }

.button_group >a {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.button_group >a {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

.button_group >a {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

.button_group >a {
    transition-duration: 150ms;
  }

.button_group >a {
    transition-timing-function: linear;
  }

.button_group >a:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(40, 131, 119, var(--tw-bg-opacity));
  }

.button_group >a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.button_group >a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

.button_group >a:active {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

.button_group >a{
    display: flex;
    align-items: center;
    cursor: pointer;
    border-right: 1px solid white;
  }

.button_group >a.active {
      --tw-bg-opacity: 1;
      background-color: rgba(40, 131, 119, var(--tw-bg-opacity));
    }

.button_group >a:first-child {
      border-top-left-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }

.button_group >a:last-child {
      border-top-right-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem;
    }

.button_group.green a.active {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 204, 108, var(--tw-bg-opacity));
      }

@media (max-width: 640px) {

.button_group.reduce_font_size{
      font-size : 75%
  }

      .button_group.reduce_font_size a{
        padding: 0.4rem 0.4rem;
      }
    }

.button_group.white >a{
      background-color : white;
      color: #34a798;
      border: none;
    }

.button_group.white >a:hover, .button_group.white >a.active{
        background-color: #7ccc6c;
        color:white;
      }

.static {
  position: static;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.-top-2 {
  top: -0.5rem;
}

.top-4 {
  top: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.top-1 {
  top: 0.25rem;
}

.top-2 {
  top: 0.5rem;
}

.-top-1 {
  top: -0.25rem;
}

.z-50 {
  z-index: 50;
}

.order-2 {
  order: 2;
}

.order-1 {
  order: 1;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

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

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

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

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

.mb-4 {
  margin-bottom: 1rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

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

.mb-0 {
  margin-bottom: 0px;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

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

.mb-16 {
  margin-bottom: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

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

.mt-10 {
  margin-top: 2.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

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

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

.mb-10 {
  margin-bottom: 2.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

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

.mt-4 {
  margin-top: 1rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-1 {
  height: 0.25rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-6 {
  height: 1.5rem;
}

.h-10 {
  height: 2.5rem;
}

.h-24 {
  height: 6rem;
}

.h-44 {
  height: 11rem;
}

.h-8 {
  height: 2rem;
}

.h-48 {
  height: 12rem;
}

.h-full {
  height: 100%;
}

.h-auto {
  height: auto;
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-\[600px\] {
  min-height: 600px;
}

.w-full {
  width: 100%;
}

.w-16 {
  width: 4rem;
}

.w-40 {
  width: 10rem;
}

.w-4 {
  width: 1rem;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-6 {
  width: 1.5rem;
}

.w-10 {
  width: 2.5rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-8 {
  width: 2rem;
}

.w-64 {
  width: 16rem;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-44 {
  width: 11rem;
}

.w-3 {
  width: 0.75rem;
}

.w-auto {
  width: auto;
}

.w-96 {
  width: 24rem;
}

.w-72 {
  width: 18rem;
}

.w-20 {
  width: 5rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-end {
  align-items: flex-end;
}

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

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-0 {
  gap: 0px;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.self-end {
  align-self: flex-end;
}

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

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-t {
  border-top-width: 1px;
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgba(0, 73, 118, var(--tw-border-opacity));
}

.border-light-gray {
  --tw-border-opacity: 1;
  border-color: rgba(231, 231, 228, var(--tw-border-opacity));
}

.border-light {
  --tw-border-opacity: 1;
  border-color: rgba(0, 118, 168, var(--tw-border-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 73, 118, var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
}

.bg-dark-green {
  --tw-bg-opacity: 1;
  background-color: rgba(26, 107, 111, var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-light-gray {
  --tw-bg-opacity: 1;
  background-color: rgba(231, 231, 228, var(--tw-bg-opacity));
}

.bg-light {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
}

.bg-green2 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 204, 108, var(--tw-bg-opacity));
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.fill-current {
  fill: currentColor;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

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

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

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

.pt-8 {
  padding-top: 2rem;
}

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

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

.pb-0 {
  padding-bottom: 0px;
}

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

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

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

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

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

.align-middle {
  vertical-align: middle;
}

.font-title {
  font-family: Bluu_Suuperstar;
}

.text-5xl {
  font-size: 3em;
}

.text-2xl {
  font-size: 1.5em;
}

.text-xl {
  font-size: 1.25em;
}

.text-xs {
  font-size: .75em;
}

.text-3xl {
  font-size: 1.870em;
}

.text-sm {
  font-size: .875em;
}

.text-lg {
  font-size: 1.125em;
}

.text-4xl {
  font-size: 2.25em;
}

.font-light {
  font-weight: 300;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-extrabold {
  font-weight: 800;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-tight {
  line-height: 1.25;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-light-gray {
  --tw-text-opacity: 1;
  color: rgba(231, 231, 228, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgba(0, 73, 118, var(--tw-text-opacity));
}

.text-light {
  --tw-text-opacity: 1;
  color: rgba(0, 118, 168, var(--tw-text-opacity));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgba(52, 167, 152, var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.underline {
  text-decoration: underline;
}

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

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

.transition {
  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;
}

.alignfull {
  margin: 0.5rem calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.alignwide {
  margin-left: -4rem;
  margin-right: -4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  max-width: 1280px;
}

.alignnone {
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
}

.aligncenter {
  margin: 0.5rem auto;
  display: block;
}

@media (min-width: 640px) {
  .alignleft:not(.wp-block-button) {
    margin-right: 0.5rem;
  }

  .alignleft:not(.wp-block-button) {
    float: left;
  }

  .alignright:not(.wp-block-button) {
    margin-left: 0.5rem;
  }

  .alignright:not(.wp-block-button) {
    float: right;
  }

  .wp-block-button.alignleft a {
    float: left;
  }

  .wp-block-button.alignleft a {
    margin-right: 1rem;
  }

  .wp-block-button.alignright a {
    float: right;
  }

  .wp-block-button.alignright a {
    margin-left: 1rem;
  }
}

.wp-caption {
  display: inline-block;
}

.wp-caption img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.wp-caption-text {
  font-size: .;
  color: #4b5563;
}

.entry-content h1, .block-editor-block-list__layout h1 {
    font-size: 1.5em;
  }

.entry-content h2, .block-editor-block-list__layout h2 {
    font-size: 1.25em;
  }

.entry-content h3, .block-editor-block-list__layout h3 {
    font-size: 1.125em;
  }

.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a {
      text-decoration: underline;
    }

.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover {
        text-decoration: none;
      }

.entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol {
    margin-bottom: 2rem;
  }

.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li {
      list-style-position: inside;
    }

.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li {
      list-style-type: disc;
    }

.entry-content ol li, .block-editor-block-list__layout ol li {
      list-style-position: inside;
    }

.entry-content ol li, .block-editor-block-list__layout ol li {
      list-style-type: decimal;
    }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  --tw-bg-opacity: 1;
  background-color: rgba(231, 231, 228, var(--tw-bg-opacity));
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color : #fff;
  opacity :0.8;
  position: fixed;
  z-index: 15;
  top: 0;
  right: 100%;
  width: 100%;
  height : 100vh;
}

.pace-inactive {
  display: block;
}

body.pace-running{
  overflow : hidden;
}

body.pace-done{
}

.le_loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 300;
}

@font-face {
  font-family: 'Bluu_Suuperstar';

  src: url('fonts/BluuSuuperstar-Bold.woff2') format('woff2'),
	url('fonts/BluuSuuperstar-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "cryolife";

  src:url("fonts/cryolife.eot");

  src:url("fonts/cryolife.eot?#iefix") format("embedded-opentype"),
	url("fonts/cryolife.woff") format("woff"),
	url("fonts/cryolife.ttf") format("truetype"),
	url("fonts/cryolife.svg#cryolife") format("svg");

  font-weight: normal;

  font-style: normal;
}

[data-icon]:before {
  font-family: "cryolife" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cryolife" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-right:before {
  content: "\61";
}

.icon-chevron-left:before {
  content: "\62";
}

.icon-play:before {
  content: "\63";
}

.icon-facebook:before {
  content: "\64";
}

.icon-twitter:before {
  content: "\65";
}

.icon-linkedin:before {
  content: "\66";
}

.icon-youtube:before {
  content: "\67";
}

.icon-bell:before {
  content: "\68";
}

.icon-user:before {
  content: "\69";
}

.icon-information:before {
  content: "\6a";
}

.icon-menu:before {
  content: "\6b";
}

.icon-close:before {
  content: "\6c";
}

.icon-rss:before {
  content: "\6d";
}

.icon-print:before {
  content: "\6e";
}

.icon-plus:before {
  content: "\6f";
}

.icon-minus:before {
  content: "\70";
}

.icon-search:before {
  content: "\71";
}

.gradient_gray{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 82%, rgba(213,213,213,1) 100%);
}

.gradient_blue_green{
  background: rgb(33,133,135);
  background: linear-gradient(90deg, rgba(33,133,135,1) 0%, rgba(8,75,103,1) 100%);
}

.gradient_blue_green_v{
  background: rgb(50,162,148);
  background: linear-gradient(0deg, rgba(50,162,148,1) 0%, rgba(30,117,118,1) 100%);
}

@media (max-width: 1024px) {
    body.modal_open{
      overflow:hidden;
    }
  }

.apply_heading_styles h1 {
    font-size: 2.25em;
  }

.apply_heading_styles h2 {
    font-size: 1.870em;
  }

.apply_heading_styles h3 {
    font-size: 1.5em;
  }

.apply_heading_styles h4 {
    font-size: 1.25em;
  }

.apply_heading_styles h5 {
    font-size: 1.125em;
  }

.headings_font_title h1, .headings_font_title h2, .headings_font_title h3, .headings_font_title h4, .headings_font_title h5, .headings_font_title h6 {
    font-family: Bluu_Suuperstar;
  }

.bottom_shadow{
  box-shadow: 0 1px 5px rgb(0 0 0 / 12%);
}

.img{
  width : 100%;
}

.img img{
    display: block;
    width : 100%;
  }

.img.zoom{
    overflow: hidden;
    position: relative;
  }

.img.zoom img{
      transition: transform 0.3s ease;
      transform:scale(1);
    }

.img.zoom:hover img{
        transform:scale(1.05);
      }

.has_border_thing{
  position : relative;
}

.has_border_thing:before
	{
    content  : '';
    position : absolute;
    left     : -1rem;
    top      : 0;
    height   : 100%;
    width    : 6px;
  }

.has_border_thing:before {
    --tw-bg-opacity: 1;
    background-color: rgba(46, 173, 227, var(--tw-bg-opacity));
  }

.has_border{
  position : relative;
}

.has_border:before
	{
    content  : '';
    position : absolute;
    left     : -1rem;
    top      : 0;
    height   : 100%;
    width    : 6px;
  }

.has_border:before {
    --tw-bg-opacity: 1;
    background-color: rgba(46, 173, 227, var(--tw-bg-opacity));
  }

.has_border.secondary:before {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
  }

.has_border.green2:before {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 204, 108, var(--tw-bg-opacity));
  }

.has_border.light:before {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
  }

.has_border.gray:before {
    --tw-bg-opacity: 1;
    background-color: rgba(231, 231, 228, var(--tw-bg-opacity));
  }

.anchor_green_hover a {
    --tw-text-opacity: 1;
    color: rgba(52, 167, 152, var(--tw-text-opacity));
  }

.anchor_green_hover a{
    display: inline;
    transition:  color 0.3s ease;
  }

.anchor_green_hover a:hover {
      --tw-text-opacity: 1;
      color: rgba(124, 204, 108, var(--tw-text-opacity));
    }

.anchor_green_hover2 .icon {
    --tw-text-opacity: 1;
    color: rgba(52, 167, 152, var(--tw-text-opacity));
  }

.anchor_green_hover2 .text-secondary,.anchor_green_hover2 .icon{
    display: inline;
    transition:  color 0.3s ease;
  }

.anchor_green_hover2:hover .text-secondary, .anchor_green_hover2:hover .icon {
      --tw-text-opacity: 1;
      color: rgba(124, 204, 108, var(--tw-text-opacity));
    }

.separate_paragraphs p {
    margin-bottom: 1rem;
  }

sup{
  font-size:50%;
  top:-0.7em;
}

.section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.section.less_padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

.section.less_padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

.section.way_less_padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

.section.way_less_padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

.section.pb-0{
    padding-bottom : 0;
  }

.section.px-0{
    padding-left : 0;
    padding-right : 0;
  }

.page-template-aats .leadership_section{
    padding-top : 1rem;
  }

.has_bullets li{
    display: table;
    float: none;
    margin: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
  }

.has_bullets li a:hover{
      text-decoration: underline;
    }

.has_bullets li:before{
      content:"•";
      font-size: 200%;
      position: absolute;
      left: -2px;
      top: 2px;
      line-height: 1;
    }

.has_bullets.type2 ul{
      padding-left : 1rem;
    }

.has_bullets.type2 li{
      margin: 0;
    }

.has_bullets.type2 li:before{
        content: '.';
        left: 0px;
        top: 2px;
        line-height: 0.1;
      }

.has_bullets.type2 li:hover{
        text-decoration: none;
      }

.has_bullets.type3 li{
      display: block;
      margin-bottom : 1rem;
    }

.has_bullets.type3 li:before{
      top: 0px;
      line-height: 1.7rem;
      color: #34a798;
    }

.has_bullets.no_padding li{
      padding-left: 0;
    }

.has_bullets.no_padding li:before{
        left: -1rem;
      }

.page_pass_form p{
    margin-bottom : 2rem;
  }

.page_pass_form input[type=submit] {
    border-radius: 0.75rem;
  }

.page_pass_form input[type=submit] {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
  }

.page_pass_form input[type=submit] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

.page_pass_form input[type=submit] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

.page_pass_form input[type=submit] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.page_pass_form input[type=submit]{
    cursor : pointer;
  }

.page_pass_form label{
    text-align : left;
  }

@media (max-width: 768px) {
  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .spread_items{
    width : 100% !important;
  }
    .spread_items .owl-stage{
      display: flex;
      justify-content: space-evenly;
    }
      .spread_items .owl-stage .owl-item{
        flex-grow: 1;
      }
}

@media (min-width: 1440px) {
  body{
    font-size :115% ;
  }
}

.ol_active ol,.list_active ol{
    list-style: auto;
  }

.ol_active ol li,.list_active ol li{
      margin-left : 1rem;
      margin-bottom : 1rem;
    }

p a {
    --tw-text-opacity: 1;
    color: rgba(52, 167, 152, var(--tw-text-opacity));
  }

.fix_icon{
  top: -2px;
  position: relative;
}

.clip_2_lines{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.sticky{
  position: sticky;
  top: 10rem;
  left: 0px;
  align-self: flex-start;
}

.aspect-16-9{
  aspect-ratio:16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.underline{
  text-underline-offset: 3px;
}

.lift_up_a_bit{
  position : relative;
  top: -1px;
}

.career_carousel_1 .owl-dots{
    position: absolute;
    left: 0;
    width: 50%;
    bottom: 28%;
    text-align:left;
  }

.career_carousel_1 .owl-nav{
    width: 100%;
    font-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    margin-bottom: .5rem;
  }

.career_carousel_1 .owl-nav >button:hover{
        background-color:transparent !important;
        color:inherit !important;
      }

.career_carousel_1 .owl-nav .owl-prev{
    }

.career_carousel_1 .owl-nav .owl-next{
    }

@media (max-width: 768px) {
      .career_carousel_1 .owl-nav .owl-prev{
      }

      .career_carousel_1 .owl-nav .owl-next{
      }
    }

.career_carousel_1 .owl-nav [class*='owl-']{
      transition:color 0.3s ease;
      font-size: 2rem;
      margin: 0;
      display: block;
      pointer-events: all;
      height : 100%;
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 8.4rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

.career_carousel_1 .owl-nav [class*='owl-'] {
      --tw-text-opacity: 1;
      color: rgba(0, 73, 118, var(--tw-text-opacity));
    }

.career_carousel_1 .owl-nav [class*='owl-']:hover{
        background-color: transparent;
      }

.career_carousel_1 .owl-nav [class*='owl-']:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 118, 168, var(--tw-text-opacity));
      }

.career_carousel_2{
  position: relative;
}

.career_carousel_2 .owl-dots{
    margin-top: 1.5rem;
  }

.career_carousel_2 .owl-dots .active span {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(0, 73, 118, var(--tw-bg-opacity)) !important;
      }

.career_carousel_2 .owl-nav{
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    font-size: 150%;
  }

.career_carousel_2 .owl-nav >button{
      position: absolute;
    }

.career_carousel_2 .owl-nav >button:hover{
        background-color:transparent !important;
        color:inherit !important;
      }

.career_carousel_2 .owl-nav .owl-prev{
      left: -3rem;
    }

.career_carousel_2 .owl-nav .owl-next{
      right:-3rem;
    }

@media (max-width: 768px) {
      .career_carousel_2 .owl-nav .owl-prev{
        left: -2rem;
      }

      .career_carousel_2 .owl-nav .owl-next{
        right:-2rem;
      }
    }

.career_carousel_2 .owl-nav [class*='owl-']{
      transition:color 0.3s ease;
      position : absolute;
      font-size: 2rem;
      margin: 0;
      display: block;
      pointer-events: all;
      height : 100%;
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 8.4rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

.career_carousel_2 .owl-nav [class*='owl-'] {
      --tw-text-opacity: 1;
      color: rgba(0, 73, 118, var(--tw-text-opacity));
    }

.career_carousel_2 .owl-nav [class*='owl-']:hover{
        background: transparent;
      }

.career_carousel_2 .owl-nav [class*='owl-']:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 118, 168, var(--tw-text-opacity));
      }

header{
  height : 148px;
}

@media (max-width: 1024px) {

header{
    height: 112px
}
  }

header {
  position: sticky;
  top : 0;
  z-index : 100;
  background-color: white;
  transition: top 0.5s ease;
}

header .hide_on_header{
    display: none;
  }

body.scrolled header{
      top: -148px;
    }

@media (max-width: 1024px) {

body.scrolled header{
        top: -112px
    }
      }

.menu ul li{
      position : relative;
    }

.menu ul li:hover >.sub-menu{
          display: block;
        }

.menu ul li.menu-item-has-children{
        padding-right : 1.5rem;
      }

.menu ul li.menu-item-has-children:after{
          position : absolute;
          content:'';
          background-image: url(../img/down_arrow.png);
          width: 15px;
          height: 22px;
          background-size : contain;
          background-repeat : no-repeat;
          background-position : 50% 50%;
          right : 0.7rem;
          top: 0;
        }

.menu ul li a {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }

.menu ul li a {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }

.menu ul li a {
        --tw-text-opacity: 1;
        color: rgba(0, 73, 118, var(--tw-text-opacity));
      }

.menu ul li a{
        cursor:pointer;
        text-transform : uppercase;
        transition: color 0.3s ease;
      }

.menu ul li a:hover {
          --tw-text-opacity: 1;
          color: rgba(0, 118, 168, var(--tw-text-opacity));
        }

.menu ul li.current_page_item a {
          --tw-text-opacity: 1;
          color: rgba(0, 118, 168, var(--tw-text-opacity));
        }

.menu.bold ul li a{
          font-weight : 600;
        }

.menu.small_text ul li a{
          font-size : 85%;
        }

.menu .sub-menu{
    position : absolute;
    display: none;
    width : 200px;
    background-color : white;
    border: 1px solid #e7e7e4;
    box-shadow: 0 1px 5px rgb(0 0 0 / 12%);
  }

.menu .sub-menu li a{
        display: block;
      }

.nav_search .icon{
    display:inline-block;
    padding-top : 0.2rem;
  }

#mobile_nav {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 73, 118, var(--tw-bg-opacity));
  height   : 100vh;
  width    : 100vw;
  position : fixed;
  z-index  : 100;
  overflow:auto;
  -webkit-overflow-scrolling: auto;
}

#mobile_nav .menu_container{
    border-top:1px solid white;
    border-bottom:1px solid white;
  }

#mobile_nav .menu ul li{
        text-align : center;
      }

#mobile_nav .menu ul li a{
          display: block;
          color : white;
        }

#mobile_nav .menu ul li a {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }

#mobile_nav .search{
    width : 100%;
    position : relative;
    overflow: hidden;
  }

#mobile_nav .search:focus{
    }

#mobile_nav .search .icon{
      position : absolute;
      right : 1rem;
      top: 0.5rem;
      color : white;
    }

#mobile_nav .search input {
      padding: 0.5rem;
    }

#mobile_nav .search input{
      transition:background-color 0.3s ease;
      background-color:transparent;
      width : 100%;
      border: 1px solid white;
      border-radius: 6px;
      margin-bottom : 0;
    }

#mobile_nav .search input:focus{
        background-color : white;
      }

#mobile_nav .search input:focus + .icon {
          --tw-text-opacity: 1;
          color: rgba(0, 73, 118, var(--tw-text-opacity));
        }

#open_nav_menu{
  right: 0;
  top: 1.8rem;
}

#svg_logo{
  width : 180px;
  max-width:100%;
  margin-top : 0.5rem;
}

@media (min-width: 1024px) {

#svg_logo{
    width : 280px;

    margin-top : 0
}
  }

.top_menu{
}

#language_selector .wpml-ls-legacy-dropdown-click {
    width : 120px;
  }

#language_selector .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
      border-top: none;
    }

#language_selector .wpml-ls-legacy-dropdown-click li a
			{
        background-color : #1a6b6f;
        padding          : 6.2px 10.2px;
        color            : white;
        transition       : background-color 0.3s ease;
        border           : 1px solid transparent ;
      }

#language_selector .wpml-ls-legacy-dropdown-click li a:hover
				{
          background-color : #fff;
          color            : #1a6b6f;
          border-color:#1a6b6f;
        }

@media (max-width: 1024px) {
  .logo{
    width : 160px;
  }
}

@media (max-width : 640px)
	{

.foot_menu
{
    font-size : 80%
}
  }

.foot_menu li
	{
    display  : inline-block;
    position : relative;
  }

.foot_menu li:not(:last-child) a
			{
        border-right : 1px solid white;
      }

.foot_menu li a {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

.foot_menu li a
		{
      display : block;
    }

.foot_nav li a
		{
      transition : color 0.3s ease;
      display    : block;
      color      : inherit;
      cursor     : pointer
    }

.foot_nav li a {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

.foot_nav li a:hover
			{
        color : white;
      }

.social_icons
{
  margin-top : 1rem;
}

.social_icons li
	{
    display    : inline-block;
    text-align : center;
  }

.social_icons li a
		{
      display    : block;
      transition : color 0.3s ease;
      cursor     : pointer;
      font-size  : 130%;
    }

.social_icons li a:hover
			{
        color : white;
      }

footer .hide_on_footer{
    display: none;
  }

.hero .title{
    left: 50%;
    transform: translateX(-50%);
    width : 80%;
    top: 6rem;
  }

@media (min-width: 640px) {

.hero .title{
      top: 3rem
  }
    }

@media (min-width: 768px) {

.hero .title{
      top : 4rem
  }
    }

@media (min-width: 1024px) {

.hero .title{
      top : 5rem
  }
    }

@media (min-width: 1280px) {

.hero .title{
      top : 8rem
  }
    }

@media (min-width: 1024px) {

.hero{
    min-height: 600px
}
  }

@media (min-width: 1024px) {

.hero.short{
      min-height: 0
  }
    }

.bg2{
  background-image: url(../img/bg_eifu.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg3{
  background-image : url("../img/bg3.png");
  background-position : center center;
  background-repeat : no-repeat;
  background-size : contain;
}

@media (max-width: 1024px) {

.bg3{
    background-size : cover
}
  }

.bg4{
  background-image : url("../img/bg_products.png");
  background-repeat : no-repeat;
  background-position: 80% 100%;
  background-size: cover;
}

.bg5{
  background-image : url("../img/bg_careers.png");
  background-repeat : no-repeat;
  background-position: 60% 100%;
  background-size: cover;
}

@media (max-width: 1024px) {

.bg5{
    background-image : url("../img/bg_careers_mobile.png");

    background-position: 100% 100%;

    background-size: contain
}
  }

.bg6{
  background-image : url("../img/bg_mission.png");
  background-repeat : no-repeat;
  background-position: 0% 100%;
  background-size: cover;
}

@media (max-width: 1024px) {

.bg6{
    background-size: contain
}
  }

.bg7{
  background-image : url("../img/artivion_logo_big.png");
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: 600px;
}

@media (max-width: 1024px) {

.bg7{
    background-size : 200px
}
  }

.bg8{
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero{
  /*	h1{
		sup{
			font-size : 40%;
			top: -1em;
		}
	}*/
}

.hero .h-full{
    height : calc(100vh - 100px);
    min-height: 450px;
  }

.single_event_bg{
  background-position : 50% 50%;
  background-size: cover;
  min-height: 560px;
}

@media (max-width: 1024px) {

.single_event_bg{
    min-height : auto;

    aspect-ratio: 16 / 9;

    width: 100%;

    height: auto
}
  }

@media (max-width: 1024px) {

.big_news_bg{
    min-height : auto;

    aspect-ratio: 16 / 9;

    width: 100%;

    height: auto
}
  }

.single_product_bg{
  background-image : url("../img/single_product_bg.png");
  background-repeat : no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /*	@media (max-width: theme('screens.lg')) {
		background-position: 100% 100%;
		background-size: contain;
	}*/
}

.floating_hero_buttons{
  width: 100%;
  z-index: 50;
  text-align: right;
  bottom: 6rem;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  flex-direction: column;
  align-items: end;
  overflow: hidden;
}

@media (min-width: 1024px)
	{

.floating_hero_buttons{
    position: absolute
}
  }

.floating_hero_buttons >div{
    padding-bottom: 1rem;
    width: 370px;
    max-width: 100%;
  }

.floating_hero_buttons a{
    width: 100%;
    display: inline-block;
    text-align: center;
    transition         : transform 0.3s  ease;
    transform: translateX(0);
  }

.floating_hero_buttons a .title{
      line-height: 2.5rem;
    }

.floating_hero_buttons a:hover{
      transform: translateX(10px);
    }

@media (min-width: 1024px)
{
    .hero.contact_hero{
      height : 650px;
    }
      .hero.contact_hero .h-full{
        height : 100%;
      }
    .hero.height_minus_header{
      height: calc(100vh - 110px);
    }
}

@media (max-width: 1024px) {
    .hero .title{
      left: 50%;
      transform: translateX(-50%);
      width : 80%;
    }
      .hero.contact_hero .h-full{
        height : auto   ;
        min-height: 450px;
      }
}

[data-tabs] >div{
    display: none;
  }

.news_carousel.owl-carousel .owl-nav{
    position: absolute;
    top: 0;
    width: 100%;
    margin : 0;
    height : 100%;
    pointer-events: none;
  }

@media (min-width: 768px) {

.news_carousel.owl-carousel .owl-nav{
      width : 120%;

      left : -10%
  }
    }

.news_carousel.owl-carousel .owl-nav [class*='owl-']{
      transition:color 0.3s ease;
      position : absolute;
      font-size: 2rem;
      margin: 0;
      display: block;
      pointer-events: all;
      height : 100%;
      color : #aaaaaa;
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 8.4rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

.news_carousel.owl-carousel .owl-nav [class*='owl-'] {
      --tw-text-opacity: 1;
      color: rgba(46, 173, 227, var(--tw-text-opacity));
    }

.news_carousel.owl-carousel .owl-nav [class*='owl-']:hover{
        background: transparent;
      }

.news_carousel.owl-carousel .owl-nav [class*='owl-']:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 118, 168, var(--tw-text-opacity));
      }

.news_carousel.owl-carousel .owl-nav button.owl-prev{
      left : 0;
    }

.news_carousel.owl-carousel .owl-nav button.owl-next{
      right : 0;
    }

.news_carousel.owl-carousel .owl-dots{
    bottom: 0;
    width: 100%;
  }

.news_carousel.owl-carousel .owl-dots .owl-dot span{
        margin: 2px 4px;
      }

.news_carousel.owl-carousel .owl-dots .owl-dot.active span {
          --tw-bg-opacity: 1;
          background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
        }

.news_carousel.owl-carousel .owl-dots .owl-dot:hover span {
          --tw-bg-opacity: 1;
          background-color: rgba(0, 73, 118, var(--tw-bg-opacity));
        }

.news .item a{
      position : absolute;
      top    : 0;
      right  : 0;
      left   : 0;
      bottom : 0;
      z-index : 5;
      cursor : pointer;
    }

.featured_product_grid >div{
    position : relative;
    padding-top: 87%;
    background-color : #fff;
    overflow: hidden;
    cursor : pointer;
  }

.featured_product_grid >div >.img,.featured_product_grid >div .content{
      position : absolute;
      top    : 0;
      right  : 0;
      left   : 0;
      bottom : 0;
    }

.featured_product_grid >div .title{
      position : absolute;
      top: 0;
      left : 0;
      right : 0;
      width : 100%;
      height : 25%;
      text-align : center;
      z-index : 20;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      transition:color 0.3s ease ;
    }

.featured_product_grid >div .title {
      --tw-text-opacity: 1;
      color: rgba(0, 73, 118, var(--tw-text-opacity));
    }

.featured_product_grid >div .img{
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      transform:scale(1.00);
      transition:transform 0.3s ease;
    }

.featured_product_grid >div .content {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 73, 118, var(--tw-bg-opacity));
    }

.featured_product_grid >div .content {
      padding: 1rem;
    }

.featured_product_grid >div .content{
      padding-top : 20%;
      font-size : 13px;
    }

@media (min-width: 1024px) {

.featured_product_grid >div .content{
        font-size : 12px
    }
      }

@media (min-width: 1650px) {

.featured_product_grid >div .content{
        font-size : 14px
    }
      }

.featured_product_grid >div .content {
      z-index : 10;
      opacity : 0;
      transition:opacity 0.2s ease;
      overflow: auto;
}

.featured_product_grid >div .content a:hover {
          --tw-text-opacity: 1;
          color: rgba(46, 173, 227, var(--tw-text-opacity));
        }

.featured_product_grid >div:hover .img{
        transform:scale(1);
      }

.featured_product_grid >div:hover .content{
        opacity : 1;
        transition:opacity 0.3s ease 0.1s;
      }

.featured_product_grid >div:hover .title{
        color : white;
        transition:color 0.3s ease 0.1s;
      }

.product{
  position: relative;
}

.product .img{
    border : 1px solid #dddddd;
  }

.product a.anchor{
    position : absolute;
    z-index : 1;
    top    : 0;
    right  : 0;
    left   : 0;
    bottom : 0;
    cursor : pointer;
  }

.product_bg1{
  background-image : url("../img/product_bg1.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.product_bg2{
  background-image : url("../img/product_bg2.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.product_bg3{
  background-image : url("../img/product_bg3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position : 100% 100%;
}

.product_bg5{
  background-image : url("../img/product_bg5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

/*	.item{
		border: 1px solid theme('colors.light-gray');
	}*/

.product_highlight_carousel .owl-item{
    opacity : 0;
  }

.product_highlight_carousel .owl-item.active{
      opacity : 1;
    }

.product_highlight_carousel .owl-nav{
    position: absolute;
    top: 0;
    width: 100%;
    margin : 0;
    height : 100%;
    pointer-events: none;
  }

@media (min-width: 768px) {

.product_highlight_carousel .owl-nav{
      width : 100%
  }
    }

.product_highlight_carousel .owl-nav [class*='owl-']{
      transition:color 0.3s ease;
      position : absolute;
      font-size: 3.4rem;
      margin: 0;
      display: block;
      pointer-events: all;
      height : 100%;
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 8.4rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

.product_highlight_carousel .owl-nav [class*='owl-']:hover{
        background: transparent;
      }

.product_highlight_carousel .owl-nav [class*='owl-']:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 118, 168, var(--tw-text-opacity));
      }

@media (max-width: 640px) {

.product_highlight_carousel .owl-nav [class*='owl-']{
        color : white
    }
      }

.product_highlight_carousel .owl-nav button.owl-prev{
      left : 1.4rem;
      color: #0076a8;
    }

.product_highlight_carousel .owl-nav button.owl-next{
      right : 1.4rem;
      color: #0076a8;
    }

.product_highlight_carousel .owl-dots{
    padding-top : 0.5rem;
  }

.product_highlight_carousel .owl-dots .owl-dot.active span {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
    }

.product_testimonial_carousel .owl-nav{
    position: absolute;
    top: 0;
    width: 100%;
    margin : 0;
    height : 100%;
    pointer-events: none;
  }

@media (min-width: 768px) {

.product_testimonial_carousel .owl-nav{
      width : 100%
  }
    }

.product_testimonial_carousel .owl-nav [class*='owl-']{
      transition:color 0.3s ease;
      position : absolute;
      font-size: 2.4rem !important;
      margin: 0;
      display: block;
      pointer-events: all;
      height : 100%;
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 8.4rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

.product_testimonial_carousel .owl-nav [class*='owl-']:hover{
        background: transparent;
      }

.product_testimonial_carousel .owl-nav [class*='owl-']:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 118, 168, var(--tw-text-opacity));
      }

@media (max-width: 640px) {

.product_testimonial_carousel .owl-nav [class*='owl-']{
        color : white
    }
      }

.product_testimonial_carousel .owl-nav button.owl-prev{
      left : 1rem;
      color: #2eade3;
    }

@media (max-width: 768px) {

.product_testimonial_carousel .owl-nav button.owl-prev{
        left : 0;

        opacity : 0.6
    }
      }

.product_testimonial_carousel .owl-nav button.owl-next{
      right : 1rem;
      color: #2eade3;
    }

@media (max-width: 768px) {

.product_testimonial_carousel .owl-nav button.owl-next{
        right : 0;

        opacity : 0.6
    }
      }

.product_testimonial_carousel .owl-dots{
    padding-top : 1.5rem;
  }

.product_testimonial_carousel .owl-dots .owl-dot.active span{
      background-color : white;
      opacity : 1;
    }

.video_section{
  background-image : url("../img/bg1.png");
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {

.video_section{
    background-image :  url("../img/bg2.png");

    background-size: cover;

    background-position: center center
}
  }

.video_here br{
    display: none;
  }

.video{
  position : relative;
}

.video p{
    margin : 0;
    display: none;
  }

.video .play_button{
    position : absolute;
    top    : 0;
    right  : 0;
    left   : 0;
    bottom : 0;
  }

.video._border{
    border: 1px solid #282828;
  }

.video p{
    display: block;
  }

.video iframe{
    width: 100%;
    height: 50%;
    aspect-ratio: 16/9;
  }

.play_button{
  color : white;
  cursor : pointer;
  z-index : 15;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play_button:hover span{
      border-color:#0076a8;
      color: #0076a8;
    }

.play_button span
	{
    display       : block;
    border        : 3px solid white;
    border-radius : 50%;
    width         : 3rem;
    height        : 3rem;
    line-height   : 3.2rem;
    font-size     : 1.4rem;
    text-align    : center;
    /*background: rgb(0 0 0 / 25%);*/
    transition    : all 0.3s ease;
    position: relative;
  }

.play_button span:before{
      left: 2px;
      position: relative;
    }

.play_button.lift_button_up span{
      top: -2rem;
    }

.play_button.big span
		{
      width       : 6rem;
      height      : 6rem;
      line-height : 6.4rem;
      font-size   : 2.8rem;
      position: static;
    }

.play_button.big span:before{
        left: 4px;
        position: relative;
      }

@media (max-width: 1024px) {
      .play_button.big span{
        width         : 3rem;
        height        : 3rem;
        line-height   : 3.2rem;
        font-size     : 1.4rem;
      }
        .play_button.big span:before{
          left: 2px;
        }
    }

.play_button.blue span{
      border-color:#004976;
      color: #004976;
    }

.play_button.blue:hover span{
        border-color:#0076a8;
        color: #0076a8;
      }

.play_button.secondary span{
      border:none;
      background-color: #34a798;
    }

.play_button.secondary span:before{
        top : 2px;
      }

.play_button.secondary:hover span{
        color : whitesmoke;
      }

.play_button:before{
    left: 0.2rem;
    position: relative;
  }

.cover_image{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

body.scrolled .in-page_nav
		{
      top : -1px;
    }

.in-page_nav
{
  overflow   : hidden;
  position   : sticky;
  /* top        : 110px; */
  top        : 148px;
}

.in-page_nav.ignore_active_highlight ul .owl-item a.active{
      color: white;
    }

@media (max-width : 1024px)
	{

.in-page_nav
{
    top : 111px
}
  }

.in-page_nav {
  z-index    : 50;
  transition : top 0.5s ease;
}

.in-page_nav:before, .in-page_nav:after
	{
    content          : '';
    position         : absolute;
    top              : 0;
    height           : 100%;
    width            : 2rem;
    background-color : #34a798;
    z-index          : 3;
  }

.in-page_nav:before
	{
    left                    : 0;
    background              : linear-gradient(90deg, rgba(52, 167, 152, 1) 0%, rgba(30, 117, 118, 0) 100%);
  }

@media (max-width : 1024px)
		{

.in-page_nav:before
	{
      content                 : '\62';

      color                   : white;

      font-family             : "cryolife" !important;

      font-style              : normal !important;

      font-weight             : normal !important;

      font-variant            : normal !important;

      text-transform          : none !important;

      speak                   : none;

      line-height             : 1;

      -webkit-font-smoothing  : antialiased;

      -moz-osx-font-smoothing : grayscale;

      opacity: 0.6;

      display:flex;

      align-items:center;

      justify-content:center
  }
    }

.in-page_nav:after
	{
    right                   : 0;
    background              : linear-gradient(260deg, rgba(52, 167, 152, 1) 0%, rgba(30, 117, 118, 0) 100%);
  }

@media (max-width : 1024px)
		{

.in-page_nav:after
	{
      content                 : "\61";

      color                   : #ffffff;

      font-family             : "cryolife" !important;

      font-style              : normal !important;

      font-weight             : normal !important;

      font-variant            : normal !important;

      text-transform          : none !important;

      speak                   : none;

      line-height             : 1;

      -webkit-font-smoothing  : antialiased;

      -moz-osx-font-smoothing : grayscale;

      opacity: 0.6;

      display:flex;

      align-items:center;

      justify-content:center
  }
    }

.in-page_nav.no-separators ul li
			{
        border-right : none !important;
      }

.in-page_nav.no-separators .owl-item:after
		{
      display : none !important;
    }

.in-page_nav ul li {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

.in-page_nav ul li {
      font-size: .875em;
    }

.in-page_nav ul li
		{
      display  : inline-block;
      position : relative;
    }

@media (max-width : 900px)
			{

.in-page_nav ul li
		{
        /*right : -2rem;*/

        font-size : 70%
    }
      }

.in-page_nav ul .owl-item
		{
      display         : flex;
      position        : relative;
      justify-content : center;
    }

.in-page_nav ul .owl-item:not(:last-child)
			{
        //border-right: 1px solid white;
      }

.in-page_nav ul .owl-item:not(:last-child):after
				{
          content          : '';
          position         : absolute;
          width            : 1px;
          height           : 80%;
          top              : 10%;
          right            : 0;
        }

@media (max-width : 900px)
					{

.in-page_nav ul .owl-item:not(:last-child):after
				{
            //right : -2rem;

            display : none;
        }
          }

.in-page_nav ul .owl-item:not(:last-child):after {
          background-color : #fff;
}

.in-page_nav ul .owl-item a
			{
        color          : white;
        display        : inline-block;
        transition     : color 0.3s ease;
        font-weight    : 600;
        cursor         : pointer
      }

.in-page_nav ul .owl-item a {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }

.in-page_nav ul .owl-item a
			{
        line-height    : 1rem;
        vertical-align : middle;
      }

.in-page_nav ul .owl-item a:hover, .in-page_nav ul .owl-item a.active, .in-page_nav ul .owl-item a.selected
				{
          color : #004976;
        }

.inpage_nav.inpage_nav.inpage_nav .owl-stage
	{
    margin : 0 auto;
  }

.inpage_nav.inpage_nav.inpage_nav.w-full .owl-stage
		{
      display     : flex;
      align-items : center;
    }

@media (min-width : 900px)
	{

.inpage_nav.inpage_nav.inpage_nav
{
    margin  : 0 auto;

    width   : auto;

    display : inline-block
}

    .inpage_nav.inpage_nav.inpage_nav .owl-stage
		{
      margin : 0 auto;
    }
      .inpage_nav.inpage_nav.inpage_nav.fw_stage .owl-stage
			{
        width : 100% !important;
      }

    .inpage_nav.inpage_nav.inpage_nav.w-full
		{
      width : 100%;
    }
      .inpage_nav.inpage_nav.inpage_nav.w-full .owl-stage
			{
        display     : flex;
        align-items : center;
      }
  }

.static_nav li{
    width : 50%;
    padding : 0;
  }

@media (min-width : 1024px)
		{

.static_nav li{
      width : 100%
  }
    }

.static_nav li a {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }

.static_nav li a {
      padding-left: 1rem;
      padding-right: 1rem;
    }

.static_nav li a{
      cursor : pointer;
      display: inline-block;
      transition         : background-color 0.3s ease;
      width : 100%;
    }

.static_nav li:hover a{
        background-color : #7ccc6c;
      }

.static_nav li.current-menu-item a{
        background-color : #7ccc6c;
      }

.infographic_section{
  background-image : url("../img/about_infographic1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (max-width: 1024px) {

.infographic_section{
    background-image : none !important
}
  }

/*border: 3px solid  theme("colors.light-gray");*/

@media (min-width: 1024px) {

.infographic_image{
    width : 100%;

    height : 26rem
}
  }

.leadership_section{
  background-image : url("../img/bg4.png");
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {

.leadership_section{
    background-size: cover
}
  }

.consultation_section{
  background-image : url("../img/about_consultation_bg.png");
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.member{
  cursor : pointer;
}

.modal_backdrop{
  position : fixed;
  top    : 0;
  right  : 0;
  left   : 0;
  bottom : 0;
  background-color: rgba(0,0,0,0.4);
  z-index : 150;
  display: none;
  -webkit-overflow-scrolling: touch;
}

.modal
{
  display: none;
  max-width : 100%;
  width : 55rem;
  height : auto;
  max-height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
  background-color : white;
  z-index : 160;
  position : fixed;
  top: 50%;
  left : 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 0.5rem;
}

.modal .close_button
	{
    position    : absolute;
    top         : 0.3rem;
    right       : 0.3rem;
    cursor      : pointer;
    font-size   : 240%;
    font-weight : 100;
    opacity     : 0.7;
  }

@media (max-width : 768px)
		{

.modal .close_button
	{
      top           : 1.5rem;

      right         : 1.5rem;

      cursor        : pointer;

      font-size     : 167%;

      opacity       : 0.9;

      z-index       : 20;

      background    : white;

      border-radius : 50%;

      width         : 30px;

      height        : 30px;

      border        : 2px solid ;

      display       : block;

      line-height   : 1rem;

      text-align    : center;

      font-weight   : bold;

      color         : #004976
  }
    }

@media (max-width : 768px)
		{

#about_modal .close_button{
      top : 3rem
  }
    }

@media (min-width: 1024px) {
  .modal {
    padding: 2.5rem;
  }
}

.accordion{
  text-align : left;
}

.accordion .accordion-button {
    position: relative;
  }

.accordion .accordion-button {
    display: flex;
  }

.accordion .accordion-button {
    width: 100%;
  }

.accordion .accordion-button {
    align-items: center;
  }

.accordion .accordion-button {
    border-radius: 0px;
  }

.accordion .accordion-button {
    border-width: 0px;
  }

.accordion .accordion-button {
    --tw-bg-opacity: 1;
    background-color: rgba(231, 231, 228, var(--tw-bg-opacity));
  }

.accordion .accordion-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.accordion .accordion-button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

.accordion .accordion-button {
    --tw-text-opacity: 1;
    color: rgba(0, 73, 118, var(--tw-text-opacity));
  }

.accordion .accordion-button{
    transition: background-color 0.3s ease;
    font-weight : bold;
  }

.accordion .accordion-button:after{
      content : 'o';
      font-family: "cryolife" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right : 1.5rem;
      top : 1rem;
      font-size : 160%;
    }

.accordion .accordion-button:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

.accordion .accordion-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.accordion .accordion-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

.accordion .accordion-body {
    --tw-text-opacity: 1;
    color: rgba(0, 73, 118, var(--tw-text-opacity));
  }

.accordion .accordion-body{
    font-weight : 400;
    overflow:hidden;
    display: none   ;
  }

.accordion .accordion-body h4 {
      margin-bottom: 0.5rem;
    }

.accordion .accordion-body h4 {
      font-size: 1.25em;
    }

.accordion .accordion-body h4 {
      --tw-text-opacity: 1;
      color: rgba(0, 118, 168, var(--tw-text-opacity));
    }

.accordion .accordion-body b {
      --tw-text-opacity: 1;
      color: rgba(0, 118, 168, var(--tw-text-opacity));
    }

.accordion .accordion-body p{
      margin-bottom : 0.5rem;
    }

.accordion .accordion-item {
    margin-bottom: 0.25rem;
  }

.accordion .accordion-item {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.accordion .accordion-item.open .accordion-button {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
      }

.accordion .accordion-item.open .accordion-button {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
      }

.accordion .accordion-item.open .accordion-button:before
				{
          position : absolute;
          content  : '';
          width : 0.5rem;
          left     : 0;
          top      : 0;
          bottom   : 0;
        }

.accordion .accordion-item.open .accordion-button:before {
          --tw-bg-opacity: 1;
          background-color: rgba(46, 173, 227, var(--tw-bg-opacity));
        }

.accordion .accordion-item.open .accordion-button:after
				{
          content : 'p';
        }

.accordion .accordion-item.open .accordion-body{
        /*display: flex;*/
        border: 2px solid #0076a8;
      }

.accordion.formatted h5{
      margin-bottom : 1rem;
      color: #34a798;
    }

input[type="text"], input[type="email"], input[type="search"], input[type="password"], select, textarea {
  margin-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

input[type="text"],input[type="email"], input[type="search"], input[type="password"], select,textarea{
  border-radius: 0;
  display: block;
  width : 100%;
  color: rgba(0,0,0,0.7);
  border: 1px solid #e7e7e4;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus,select:focus,textarea:focus{
    outline: none;
  }

select{
  background-image : url("../img/down_arrow.png");
  -moz-appearance:none;
  /* Firefox */
  -webkit-appearance:none;
  /* Safari and Chrome */
  appearance:none;
  background-position: 98% 50%;
  background-size: 17px;
  background-repeat : no-repeat;
  background-color: white;
}

label {
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: .875em;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 73, 118, var(--tw-text-opacity));
}

.fieldset {
  margin-bottom: 0.25rem;
  text-align: left;
  width : 100%;
  position : relative;
}

.form .wpcf7-form-control-wrap{
    position : static;
  }

.form .wpcf7-not-valid-tip{
    position: absolute;
    top: 12px;
    right: 0;
    width: 100%;
    text-align: right;
    font-size: 70%;
  }

.form .wpcf7-not-valid{
    border: 2px solid red;
  }

.form .wpcf7 form .wpcf7-response-output{
    border: none !important;
  }

.form input[type="submit"]{
    opacity : 0;
    visibility: hidden;
  }

.form .gform_title{
    display: none;
  }

/**
Search form
 */

.search-form input[type="search"]{
    border : 1px solid #e7e7e4;
  }

.search-form input[type="submit"]{
    display: inline-block
  }

.search-form input[type="submit"] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 73, 118, var(--tw-bg-opacity));
  }

.search-form input[type="submit"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

.search-form input[type="submit"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

.search-form input[type="submit"] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.search-form input[type="submit"]{
    cursor : pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
  }

.search-form input[type="submit"]:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 118, 168, var(--tw-bg-opacity));
    }

.gform_validation_errors{
  padding: 1rem;
  border: 1px solid #e7e7e4;
  margin-bottom: 3rem;
}

/**
Checkbox styling
 */

/* Customize the label (the container) */

.checkbox {
  display: block;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size : 100%;
}

/* Hide the browser's default checkbox */

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 1.3rem;
  width: 1.3rem;
  border: 1px solid #0076a8;
}

/* On mouse-over, add a grey background color */

.checkbox:hover input ~ .checkmark {
  //border-width: 2px;
}

/* When the checkbox is checked, add a blue background */

.checkbox input:checked ~ .checkmark {
  background-color: #0076a8;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox input:checked ~ .checkmark:after {
  opacity : 1;
  transform: rotate(45deg);
}

/* Style the checkmark/indicator */

.checkbox .checkmark:after {
  left: 0.4rem;
  top: 0.2rem;
  width: 0.4rem;
  height: 0.7rem;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(0deg);
  transition         : all  0.2s  ease;
  opacity : 0;
  display: block;
}

.event_nav{
  background-image : url("../img/event_bg1.png");
  background-size : cover;
}

.event_nav .nav{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin : 0;
    gap:2rem;
    justify-content: center;
  }

@media (max-width: 1024px)
		{

.event_nav .nav{
      flex-wrap: wrap
  }
    }

.event_nav .nav li{
      position : relative;
    }

@media (min-width: 1024px)
				{
          .event_nav .nav li:not(:last-child):before
						{
            content  : '';
            position : absolute;
            right     : -1rem;
            top      : 0;
            width : 1px;
            height : 100%;
          }
          .event_nav .nav li:not(:last-child):before {
            --tw-bg-opacity: 1;
            background-color: rgba(231, 231, 228, var(--tw-bg-opacity));
          }
      }

.event_nav .nav a{
      font-weight : 600;
      cursor : pointer
    }

.event_nav .nav a {
      --tw-text-opacity: 1;
      color: rgba(52, 167, 152, var(--tw-text-opacity));
    }

.event_nav .nav a .icon{
        display:inline-block;
        position : relative;
        top: 0.2rem;
      }

.event_nav.no_border li:before{
        display:none !important;
      }

.event_bg{
  background-image : url("../img/event_bg2.jpg");
  background-size : cover;
  background-position: 50% 50%;
}

.main_event_bg{
  background-size : cover;
  min-height:0;
  background-position: 50% 50%;
}

.tags .tag{
    font-size : 80%;
    display: inline-block;
    color:  #1a6b6f;
    background-color : #e7e7e4;
    padding : 0.2rem 0.6rem;
    border-radius: .8rem;
    cursor : pointer;
    margin-bottom : 0.3rem;
  }

@media (min-width: 1024px)
	{

#filters{
    display: block !important;

    position: sticky;

    top: 10rem;

    left: 0px;

    align-self: flex-start
}
  }

@media (max-width: 1024px)
	{

#filters{
    left: 0;

    top: 3rem;

    z-index: 50;

    position: absolute;

    box-shadow: 1px 1px 7px 2px #0000001c;

    padding: 1rem;

    min-width: 100%;

    border-radius: 4px;

    background-color : #fff;

    display: none
}
  }

.main_education_bg{
  background-size : cover;
  min-height:0;
}

.search_filter .search{
    position : relative;
  }

.search_filter .search .icon-search{
      position : absolute;
      right: 0.6rem;
      top: 0.7rem;
      color: #34a798;
    }

.circle_style .featured_member{
    justify-content: center;
    flex-wrap:wrap;
    text-align:center;
  }

.circle_style .featured_member .img{
      border: 4px solid #004976;
      overflow: hidden;
      border-radius:50%;
      width: 160px;
      height:160px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translateZ(0);
      -webkit-font-smoothing: antialiased;
      transform: translateZ(0);
      will-change: transform;
    }

.circle_style .featured_member .img img{
      }

.circle_style .featured_member >div{
      width: 100%;
    }

.product_feature{
  width: 100%;
  margin: 0 auto;
}

.feature{
  position: relative;
}

.feature .dot
	{
    position      : absolute;
    z-index       : 10;
    display       : block;
    border-radius : 50%;
    transform     : translate(-50%, -50%) scale(1);
    cursor : pointer;
    background-color : rgba(52, 167, 152, 0.5);
    transition         : all 0.4s ease ;
  }

.feature .dot >span{
      transition         : all 0.3s ease ;
      color : white;
      font-weight : 600;
      width         : 1.5rem;
      height        : 1.5rem;
      margin: 0.5rem;
      display: block;
      border-radius: inherit
    }

.feature .dot >span {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 167, 152, var(--tw-bg-opacity));
    }

.feature .dot >span > span{
        transition         : opacity 0.3s ease ;
        opacity : 0;
        font-size: 70%;
        display: block;
        line-height: 1.5rem;
      }

.feature .dot.active
		{
      background-color : rgba(124, 204, 108, 0.5);
    }

.feature .dot.active >span {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 204, 108, var(--tw-bg-opacity));
      }

.feature .dot:hover, .feature .dot.active{
      transform: translate(-50%, -50%) scale(1.5);
    }

.feature .dot:hover >span,.feature .dot.active >span{
        transform: scale(1.2);
      }

.feature .dot:hover >span >span,.feature .dot.active >span >span{
          opacity : 1;
        }

.feature >.line_canvas{
    position: absolute;
    z-index: 5;
    pointer-events: none;
    display: none;
  }

.feature_view{
  position: absolute;
  width: 28rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.feature_view.left{
    left: 0;
    transform: translate(0, -50%);
  }

.feature_view.right{
    right: 0;
    left: auto;
    transform: translate(0, -50%);
  }

.feature_view {
  background: #FFFFFF;
  border: 1px solid #e7e7e4;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  z-index : 30;
}

.feature_view .close_button{
    position    : absolute;
    top         : 0.3rem;
    right       : 0.3rem;
    cursor      : pointer;
    font-size   : 240%;
    font-weight : 100;
    opacity     : 0.7;
  }

.feature_view .content{
    display: none;
  }

.bg_product_videos{
  background-image : url("../img/single_product_video_bg.png");
  background-size : cover;
}

.bg_product_resources{
  background-image : url("../img/single_product_resources_bg.png");
  background-size : cover;
}

.breadcrumbs li{
    display: inline-block;
    position : relative;
  }

.breadcrumbs li:before{
      content: '';
      position: absolute;
      height : 80%;
      top: 10%;
      right : 0;
      width : 1px;
      background-color : #B5B5B2;
    }

.breadcrumbs li:last-child{
      color : #2eade3;
    }

.breadcrumbs li:last-child:before{
        display: none;
      }

.breadcrumbs li a{
      display: block;
      padding-left : 1rem;
      padding-right : 1rem;
    }

.donor_services_bg{
  background-size : cover;
  min-height:0;
}

.has_left_border{
  position : relative;
}

.has_left_border:before{
    content: '';
    position : absolute;
    width : 1px ;
    height : 90%;
    top: 5%;
    background-color : #e7e7e4;
    left: -0.5rem;
  }

@media (max-width : 1024px)
		{

.has_left_border:before{
      display: none
  }
    }

.country_list{
  display: grid;
  grid-auto-flow: column;
  list-style: none;
  gap: 0.6rem;
}

@media (max-width: 768px) {

.country_list{
    grid-template-rows: none !important;

    grid-auto-flow: row
}
  }

.country_list li{
    cursor : pointer;
  }

.country_list li:hover a{
        color:#34a798;
      }

.hover\:underline:hover {
  text-decoration: underline;
}

@media (min-width: 640px) {
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:h-48 {
    height: 12rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .md\:container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

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

  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
      padding-right: 0rem;
      padding-left: 0rem;
    }
  }

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

  @media (min-width: 1650px) {
    .md\:container {
      max-width: 1650px;
    }
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:flex {
    display: flex;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-4\/12 {
    width: 33.333333%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.870em;
  }

  .md\:text-2xl {
    font-size: 1.5em;
  }
}

@media (min-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:mb-36 {
    margin-bottom: 9rem;
  }

  .lg\:ml-16 {
    margin-left: 4rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:ml-4 {
    margin-left: 1rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-1\/6 {
    width: 16.666667%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-7\/12 {
    width: 58.333333%;
  }

  .lg\:w-11\/12 {
    width: 91.666667%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-\[500px\] {
    width: 500px;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

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

  .lg\:text-2-5xl {
    font-size: 1.7em;
  }

  .lg\:text-5xl {
    font-size: 3em;
  }

  .lg\:text-3xl {
    font-size: 1.870em;
  }

  .lg\:text-4xl {
    font-size: 2.25em;
  }

  .lg\:text-2xl {
    font-size: 1.5em;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}