/*! 
Theme Name: Giba
Theme URI: http://giba.co.uk
Author: giba
Author URI: http://giba.co.uk
Version: 1.0.0 
Developer: Mike Turner 
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: giba
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: inherit;
}

a:visited {
  color: inherit;
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 850px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  color: #193950;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
}

.container, .small-container {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .container {
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (min-width: 1700px) {
  .container {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 800px) {
  .small-container {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .site-content {
    margin-top: 104px;
  }
}
a {
  color: #cd3d27;
  text-decoration: none;
}
a:visited, a:active, a:hover {
  color: #cd3d27;
}
a:hover {
  color: inherit;
  text-decoration: underline;
}

h1 {
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px;
  letter-spacing: -2.25px;
  font-size: clamp(4rem, 7vw, 7.5rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h1 {
    line-height: normal;
  }
}

h2 {
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: -1.2px;
  font-size: clamp(4rem, 7vw, 6rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h2 {
    line-height: normal;
  }
}

h3 {
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: -0.9px;
  font-size: clamp(2.8rem, 7vw, 4.5rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h3 {
    line-height: 40px;
  }
}

h4 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -0.64px;
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h4 {
    line-height: normal;
  }
}

h5 {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.52px;
  font-size: clamp(1.2rem, 5vw, 2.6rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h5 {
    line-height: normal;
  }
}

h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.4px;
  font-size: clamp(1.4rem, 4vw, 2rem);
  margin: 0;
}
@media screen and (max-width: 769px) {
  h6 {
    line-height: normal;
  }
}

p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.36px;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
}
@media screen and (max-width: 769px) {
  p {
    line-height: 22px;
  }
}

small {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  font-size: clamp(1.4rem, 4vw, 1.2rem);
}
@media screen and (max-width: 769px) {
  small {
    line-height: normal;
  }
}

.customButton.button-blue {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 10px;
}
.customButton.button-blue::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.customButton.button-blue:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.customButton.button-blue:hover::after {
  transform: translateX(5px);
}
.customButton.button-blue:active {
  background: black;
}
.customButton.button-blue.download::after {
  transform: rotate(90deg);
}
.customButton.button-pink {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 10px;
}
.customButton.button-pink::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.customButton.button-pink:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.customButton.button-pink:hover::after {
  transform: translateX(5px);
}
.customButton.button-pink:active {
  background: #8f281b;
}
.customButton.button-pink.download::after {
  transform: rotate(90deg);
}
.customButton.button-white {
  background: #ffffff;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 10px;
}
.customButton.button-white::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.customButton.button-white:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
  text-decoration: none;
}
.customButton.button-white:hover::after {
  transform: translateX(5px);
}
.customButton.button-white:active {
  background: #bfbfbf;
}
.customButton.button-white.download::after {
  transform: rotate(90deg);
}

.green-divider {
  width: 48px;
  height: 2px;
  background-color: #C0D100;
  margin: 20px 0;
}

.video {
  height: 300px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 769px) {
  .video {
    height: 200px;
  }
}

.video__placeholder {
  min-width: 100%;
  display: block;
}

.video__button {
  background: transparent;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  position: absolute;
  display: block;
  border: none;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  transform: translateX(-50%) translateY(-50%);
}
.video__button:after {
  content: url("img/play-button.svg");
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
  width: 100px;
  height: 100px;
}
.video__button.is-playing {
  top: 1rem;
  right: 1rem;
  left: auto;
  transform: none;
  width: 50px;
  height: 50px;
  display: none;
}
@media screen and (max-width: 769px) {
  .video__button.is-playing {
    width: 25px;
    height: 25px;
  }
}
.video__button.is-playing:after {
  content: url("img/close-button.svg");
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 769px) {
  .video__button.is-playing:after {
    width: 25px;
    height: 25px;
  }
}

#video-player {
  width: 100%;
  height: 300px;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
}
@media screen and (max-width: 769px) {
  #video-player {
    height: 200px;
  }
}

.navigation-numbers-block {
  display: flex;
  justify-content: center;
}
.navigation-numbers-block ul {
  display: flex;
  list-style: none;
  gap: 10px;
}

@keyframes linegrow {
  0% {
    width: 0%; /* Start from 0 */
  }
  100% {
    width: 100%; /* Expand to full width */
  }
}
/* The outer-div to move the elements */
.box-video {
  position: relative;
  width: 100%;
  margin: 0 auto 20px auto;
  cursor: pointer;
  overflow: hidden;
}

/* Set Cover aka Background-Image */
.box-video .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

/* Add light shade to make play button visible*/
.bg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 3;
}

/* The Play-Button using CSS-Only */
.box-video .bt-play {
  content: url("img/play-button.svg");
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
  width: 100px;
  height: 100px;
  transform-origin: center;
}

/* The Play-Triangle */
.box-video .bt-play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  margin: -12px 0 0 -6px;
  border: solid transparent;
  border-left-color: #000;
  border-width: 12px 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* When Class added the Cover gets hidden... */
.box-video.open .bg-video {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

/* and iframe shows up */
.box-video.open .video-container {
  opacity: 1;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

/* Giving the div ratio of 16:9 with padding */
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  z-index: 1;
  padding-bottom: 56.27198%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resource-searchandfilter,
.people-searchandfilter,
.headlines-searchandfilter {
  max-height: 39px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 30px;
  display: inline-block;
}
.resource-searchandfilter h6.title,
.people-searchandfilter h6.title,
.headlines-searchandfilter h6.title {
  display: inline-block;
  background-color: #cd3d27;
  color: #000;
  padding: 10px;
  width: 100px;
  position: relative;
}
.resource-searchandfilter h6.title::after,
.people-searchandfilter h6.title::after,
.headlines-searchandfilter h6.title::after {
  content: "";
  position: absolute;
  display: block;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("img/right-arrow.svg");
  cursor: pointer;
  transform: rotate(90deg);
}
.resource-searchandfilter form,
.people-searchandfilter form,
.headlines-searchandfilter form {
  background-color: #cd3d27;
  color: #000;
}
.resource-searchandfilter.expanded,
.people-searchandfilter.expanded,
.headlines-searchandfilter.expanded {
  max-height: unset;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.resource-searchandfilter.expanded h6.title::after,
.people-searchandfilter.expanded h6.title::after,
.headlines-searchandfilter.expanded h6.title::after {
  transform: rotate(-90deg);
}
.resource-searchandfilter .searchandfilter ul:first-child,
.people-searchandfilter .searchandfilter ul:first-child,
.headlines-searchandfilter .searchandfilter ul:first-child {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 25px;
}
@media screen and (max-width: 769px) {
  .resource-searchandfilter .searchandfilter ul:first-child,
.people-searchandfilter .searchandfilter ul:first-child,
.headlines-searchandfilter .searchandfilter ul:first-child {
    flex-direction: column;
  }
}
.resource-searchandfilter .searchandfilter ul:first-child li,
.people-searchandfilter .searchandfilter ul:first-child li,
.headlines-searchandfilter .searchandfilter ul:first-child li {
  flex: 1;
}
.resource-searchandfilter .searchandfilter ul:first-child li ul,
.people-searchandfilter .searchandfilter ul:first-child li ul,
.headlines-searchandfilter .searchandfilter ul:first-child li ul {
  padding: 0;
  overflow: scroll;
  height: 230px;
}
.resource-searchandfilter .searchandfilter ul:first-child li ul li,
.people-searchandfilter .searchandfilter ul:first-child li ul li,
.headlines-searchandfilter .searchandfilter ul:first-child li ul li {
  display: flex;
  align-items: center;
}
.resource-searchandfilter .searchandfilter ul:first-child li ul input,
.people-searchandfilter .searchandfilter ul:first-child li ul input,
.headlines-searchandfilter .searchandfilter ul:first-child li ul input {
  background: transparent !important;
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #000;
  outline: none;
  transition-duration: 0.3s;
  background-color: transparent;
  cursor: pointer;
}
.resource-searchandfilter .searchandfilter ul:first-child li ul input:checked,
.people-searchandfilter .searchandfilter ul:first-child li ul input:checked,
.headlines-searchandfilter .searchandfilter ul:first-child li ul input:checked {
  background-color: #000 !important;
}
.resource-searchandfilter .searchandfilter ul:first-child li ul label,
.people-searchandfilter .searchandfilter ul:first-child li ul label,
.headlines-searchandfilter .searchandfilter ul:first-child li ul label {
  cursor: pointer;
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit,
.people-searchandfilter .searchandfilter ul .sf-field-submit,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit {
  flex-basis: 100% !important;
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit input,
.people-searchandfilter .searchandfilter ul .sf-field-submit input,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input {
  cursor: pointer;
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: auto;
  padding: 15px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  margin-bottom: 30px;
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit input::after,
.people-searchandfilter .searchandfilter ul .sf-field-submit input::after,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit input:hover,
.people-searchandfilter .searchandfilter ul .sf-field-submit input:hover,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit input:hover::after,
.people-searchandfilter .searchandfilter ul .sf-field-submit input:hover::after,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input:hover::after {
  transform: translateX(5px);
}
.resource-searchandfilter .searchandfilter ul .sf-field-submit input:active,
.people-searchandfilter .searchandfilter ul .sf-field-submit input:active,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input:active {
  background: #8f281b;
}
@media screen and (max-width: 769px) {
  .resource-searchandfilter .searchandfilter ul .sf-field-submit input,
.people-searchandfilter .searchandfilter ul .sf-field-submit input,
.headlines-searchandfilter .searchandfilter ul .sf-field-submit input {
    align-self: baseline;
  }
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #feffff #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #feffff;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1280px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.menu-toggle {
  background: none;
  border: none;
  margin-left: auto;
  border-radius: 0;
  z-index: 999;
  padding: 0;
}
@media screen and (max-width: 769px) {
  .menu-toggle {
    background-color: none;
  }
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #193950;
  margin: 8px 0;
  transition: 0.4s;
}

.menu-is-active .bar1 {
  transform: rotate(-45deg) translate(-8px, 8px);
}
.menu-is-active .bar2 {
  opacity: 0;
}
.menu-is-active .bar3 {
  transform: rotate(45deg) translate(-8px, -8px);
}

@media (max-width: 1279px) {
  .site-header .menu-main-menu-container {
    display: none;
  }
}
.site-header nav {
  background-color: #ffffff;
}
.site-header nav a {
  color: #193950;
}
.site-header nav #primary-menu {
  display: flex;
  justify-content: center;
}
.site-header nav #primary-menu li a {
  padding: 15px;
}
@media (max-width: 768px) {
  .site-header nav #primary-menu li a {
    padding: 15px;
    font-size: 20px;
    position: relative;
  }
  .site-header nav #primary-menu li a::after {
    content: "";
    position: absolute;
    width: 50px;
    background: #193950;
    height: 2px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.site-header nav #primary-menu li a:hover {
  color: #cd3d27;
}
.site-header nav.toggled .menu-main-menu-container {
  display: block;
  overflow: scroll;
  order: 2;
  width: 100%;
  background: #F8F8FA;
}
.site-header nav.toggled .menu-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  overflow: scroll;
  top: 160px;
  z-index: 9;
}
@media screen and (max-width: 769px) {
  .site-header nav.toggled .menu-overlay {
    top: 70px;
    padding: 10px;
    background: #F8F8FA;
    flex-direction: column;
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
  }
}
.site-header nav.toggled .menu-overlay #primary-menu {
  flex-direction: column;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .site-header nav.toggled .menu-overlay #primary-menu {
    text-align: center;
    gap: 2px;
    background-color: #F8F8FA;
  }
}

.site-title img {
  display: block;
  min-width: 150px;
}
@media screen and (max-width: 769px) {
  .site-title img {
    max-width: 300px;
    width: 100%;
  }
}

.main-navigation {
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.menu-overlay {
  display: flex;
  margin-left: auto;
  align-items: baseline;
}
@media (max-width: 1279px) {
  .menu-overlay {
    margin-left: unset;
  }
}
@media screen and (max-width: 769px) {
  .menu-overlay {
    display: none;
  }
}

.main-navigation ul ul {
  background-color: #ffffff;
  border: 1px solid #193950;
  border-radius: 10px;
}
@media screen and (max-width: 769px) {
  .main-navigation ul ul {
    border: none;
  }
}
.main-navigation ul ul::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  height: 15px;
  width: 1px;
  background: #193950;
}
@media screen and (max-width: 769px) {
  .main-navigation ul ul::before {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: none;
    position: relative;
    top: 100%;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: unset !important;
    box-shadow: none !important;
  }
}
.main-navigation ul ul li a {
  padding: 10px 15px !important;
  position: relative;
  text-align: center;
}
.main-navigation ul ul li a::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 2px;
  background-color: #193950;
}
@media screen and (max-width: 769px) {
  .main-navigation ul ul li a::after {
    display: none;
  }
}
.main-navigation ul ul li:hover {
  color: #cd3d27;
}
.main-navigation ul ul li:hover a {
  color: #cd3d27 !important;
}
.main-navigation ul ul li:hover a::after {
  background-color: #cd3d27;
}

@media (max-width: 768px) {
  #primary-menu .menu-item-has-children .sub-menu {
    display: none;
  }
  #primary-menu .menu-item-has-children .submenu-toggle-button {
    position: absolute;
    top: 15px;
    right: 0;
    color: #193950;
    cursor: pointer;
  }
  #primary-menu .menu-item-has-children .submenu-toggle-button:after {
    content: url(img/plus-icon.svg);
    display: block;
    height: 24px;
    width: 24px;
  }
  #primary-menu .submneu-menu-open .sub-menu {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
  }
  #primary-menu .submneu-menu-open .sub-menu li {
    opacity: 1 !important;
    width: 100%;
    text-align: center;
  }
  #primary-menu .submneu-menu-open .sub-menu li a {
    font-size: 15px !important;
    width: 100%;
    text-align: left;
    color: #193950 !important;
    text-align: center;
  }
  #primary-menu .submneu-menu-open .sub-menu li a::before {
    cursor: pointer;
    padding: 5px;
    content: "-";
  }
}
@media screen and (max-width: 768px) and (max-width: 769px) {
  #primary-menu .submneu-menu-open .sub-menu li a::before {
    display: none;
  }
}
@media (max-width: 768px) {
  #primary-menu .submneu-menu-open .submenu-toggle-button {
    position: absolute;
    top: 0;
    right: 0;
    color: #193950;
    cursor: pointer;
  }
  #primary-menu .submneu-menu-open .submenu-toggle-button:after {
    content: url(img/minus-icon.svg);
    display: block;
    height: 24px;
    width: 24px;
    top: 12px;
    position: relative;
  }
}
.header-buttons-wrap {
  display: flex;
}
@media screen and (max-width: 769px) {
  .header-buttons-wrap {
    flex-direction: column;
    order: 1;
    width: 100%;
    gap: 10px;
  }
}

.header-button.outline-btn {
  background: #ffffff;
  color: #193950 !important;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #193950;
}
.header-button.outline-btn::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.header-button.outline-btn:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
  text-decoration: none;
}
.header-button.outline-btn:hover::after {
  transform: translateX(5px);
}
.header-button.outline-btn:active {
  background: #bfbfbf;
}
@media screen and (max-width: 769px) {
  .header-button.outline-btn {
    width: 100%;
    margin: 10px 0;
  }
}

.header-button {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 10px;
}
.header-button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.header-button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.header-button:hover::after {
  transform: translateX(5px);
}
.header-button:active {
  background: #8f281b;
}
@media screen and (max-width: 769px) {
  .header-button {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}

.main-navigation ul li:hover > ul {
  left: 50%;
  transform: translate(-50%, 0);
}

.site-header .follow-us {
  display: none;
}
@media screen and (max-width: 769px) {
  .site-header .follow-us {
    display: block;
    order: 3;
    margin-top: 20px;
  }
  .site-header .follow-us .social-icons {
    display: flex;
    gap: 10px;
  }
}

.footer-network {
  background-color: #F8F8F8;
  border: 1px solid #BBB7C8;
}
.footer-network h5 {
  padding-top: 40px;
  text-align: center;
  opacity: 30%;
}
.footer-network .logos-slider::before {
  background: linear-gradient(90deg, #F8F8F8 20%, rgba(255, 255, 255, 0) 80%) !important;
}
.footer-network .logos-slider::after {
  background: linear-gradient(270deg, #F8F8F8 20%, rgba(255, 255, 255, 0) 80%) !important;
}

.site-footer {
  padding: 80px 0 70px 0;
}
@media screen and (max-width: 769px) {
  .site-footer {
    padding: 40px 0;
  }
}
.site-footer .footer-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 1000px) {
  .site-footer .footer-wrapper {
    flex-direction: column-reverse;
    gap: 5px;
  }
}
.site-footer .main-footer {
  background-color: #ffffff;
}
.site-footer .main-footer #main-footer-menu {
  margin: 40px 0 12px 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px 80px;
}
@media screen and (max-width: 769px) {
  .site-footer .main-footer #main-footer-menu {
    grid-template-columns: auto auto;
    margin: 20px 0;
  }
}
.site-footer .main-footer #main-footer-menu a {
  color: #193950;
}
.site-footer .main-footer .footer-menu {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 1000px) {
  .site-footer .main-footer .footer-menu {
    flex-direction: column;
    gap: 0;
  }
}
.site-footer .main-footer .follow-us {
  margin: 40px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .site-footer .main-footer .follow-us {
    margin: 0;
  }
}
.site-footer .main-footer .follow-us p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
}
.site-footer .main-footer .follow-us .social-icons {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  max-width: 150px;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .site-footer .main-footer .follow-us .social-icons {
    max-width: 100%;
  }
}
.site-footer .main-footer .copyright {
  font-size: 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 769px) {
  .site-footer .main-footer .copyright {
    margin-bottom: 10px;
  }
}
.site-footer .right-footer {
  display: flex;
  flex-direction: column;
  gap: 98px;
}
@media screen and (max-width: 769px) {
  .site-footer .right-footer {
    gap: 45px;
  }
}
.site-footer .right-footer .right-footer-buttons {
  display: flex;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .site-footer .right-footer .right-footer-buttons {
    flex-direction: column;
  }
}
.site-footer .right-footer .button-pink {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 30px;
  width: 100%;
}
.site-footer .right-footer .button-pink::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.site-footer .right-footer .button-pink:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.site-footer .right-footer .button-pink:hover::after {
  transform: translateX(5px);
}
.site-footer .right-footer .button-pink:active {
  background: #8f281b;
}
@media screen and (max-width: 769px) {
  .site-footer .right-footer .button-pink {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.site-footer .right-footer .button-white {
  background: #ffffff;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #193950;
  width: 100%;
}
.site-footer .right-footer .button-white::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.site-footer .right-footer .button-white:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
  text-decoration: none;
}
.site-footer .right-footer .button-white:hover::after {
  transform: translateX(5px);
}
.site-footer .right-footer .button-white:active {
  background: #bfbfbf;
}
@media screen and (max-width: 769px) {
  .site-footer .right-footer .button-white {
    text-align: center;
  }
}
.site-footer .footer-form {
  max-width: 835px;
  width: 100%;
}
.site-footer .footer-form h5 {
  margin-bottom: 9px;
}
.site-footer .footer-form .wpcf7-list-item {
  margin-left: 0;
}
.site-footer .form-input-wrap p {
  display: flex;
  gap: 5px;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .site-footer .form-input-wrap p {
    flex-direction: column;
  }
}
.site-footer .form-input-wrap label input {
  max-width: 235px;
  width: 100%;
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #193950;
  height: 47px;
  padding: 15px;
}
@media screen and (max-width: 769px) {
  .site-footer .form-input-wrap label input {
    max-width: 100%;
  }
}
.site-footer .form-input-wrap label input::placeholder {
  color: #193950;
}
.site-footer .website-by {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: 12px;
}
@media screen and (max-width: 769px) {
  .site-footer .website-by {
    margin-left: unset;
  }
}
.site-footer .website-by svg {
  display: block;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 10px;
}
@media screen and (max-width: 769px) {
  .wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
  }
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}

.hero-section .hero-slider-block {
  border-radius: 20px;
  background: var(--GIBA-Gradient, linear-gradient(180deg, #cd3d27 0%, #193950 100%));
  padding: 60px;
}
@media screen and (max-width: 769px) {
  .hero-section .hero-slider-block {
    padding: 0;
  }
}
.hero-section .hero-slider-block .image {
  flex: 1;
}
@media screen and (max-width: 769px) {
  .hero-section .hero-slider-block .image {
    max-width: 325px;
    width: 100%;
    margin: auto;
  }
}
.hero-section .inner-wrap {
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
  gap: 80px;
}
@media screen and (max-width: 769px) {
  .hero-section .inner-wrap {
    padding: 0;
    flex-direction: column-reverse;
    gap: 10px;
  }
}
.hero-section .text {
  flex: 1;
}
.hero-section .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 10px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .hero-section .text-wrap {
    padding: 15px 30px;
  }
}
.hero-section .text-wrap h1 {
  color: #ffffff;
}
@media screen and (max-width: 769px) {
  .hero-section .text-wrap h1 {
    font-size: 40px;
    padding-top: 20px;
  }
}
.hero-section .text-wrap .buttons-wrap {
  display: flex;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 769px) {
  .hero-section .text-wrap .buttons-wrap {
    gap: 10px;
    flex-direction: column;
  }
}
.hero-section .text-wrap .button {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  align-self: baseline;
}
.hero-section .text-wrap .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.hero-section .text-wrap .button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.hero-section .text-wrap .button:hover::after {
  transform: translateX(5px);
}
.hero-section .text-wrap .button:active {
  background: #8f281b;
}
@media screen and (max-width: 769px) {
  .hero-section .text-wrap .button {
    width: 100%;
  }
}
.hero-section .text-wrap .button-two {
  background: #ffffff;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  align-self: baseline;
  border: 1px solid #ffffff;
}
.hero-section .text-wrap .button-two::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.hero-section .text-wrap .button-two:hover {
  background: #ebebeb;
  transition: all 0.3s ease;
  text-decoration: none;
}
.hero-section .text-wrap .button-two:hover::after {
  transform: translateX(5px);
}
.hero-section .text-wrap .button-two:active {
  background: #bfbfbf;
}
@media screen and (max-width: 769px) {
  .hero-section .text-wrap .button-two {
    width: 100%;
  }
}
.hero-section .text-wrap .button-two:hover {
  background-color: #cd3d27;
  border: 1px solid #cd3d27;
}
.hero-section .slick-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  position: absolute;
  bottom: 20px;
  left: 63px;
  transform: translate(-50%, 0%);
  cursor: pointer;
}
@media screen and (max-width: 769px) {
  .hero-section .slick-dots {
    left: 50%;
  }
}
.hero-section .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: none;
  border: 2px solid #ffffff;
  text-indent: -9999px;
}
.hero-section .slick-dots .slick-active button {
  background-color: #ffffff;
}

.video-section .background-video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 20px;
}

.form-section {
  margin: 60px 0 0;
  background-color: #193950;
  color: #ffffff;
  padding: 60px 0;
}
.form-section h2 {
  position: relative;
  margin-bottom: 70px;
}
.form-section h2::after {
  content: "";
  position: absolute;
  width: 48px;
  height: 2px;
  background-color: #cd3d27;
  bottom: -30px;
  left: 0;
}
.form-section .customButton {
  margin-top: 30px;
  margin-bottom: 50px;
}
.form-section form {
  margin-top: 50px;
}
.form-section form .gform_button {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  padding: 15px !important;
}
.form-section form .gform_button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.form-section form .gform_button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.form-section form .gform_button:hover::after {
  transform: translateX(5px);
}
.form-section form .gform_button:active {
  background: #8f281b;
}

.scrolling-banner-section {
  text-align: center;
  position: relative;
}
.scrolling-banner-section .logo {
  max-width: 160px !important;
  height: 160px !important;
  width: 100% !important;
  display: block !important;
  margin: 0 auto;
  object-fit: contain;
  aspect-ratio: 3/3 !important;
}
@media screen and (max-width: 769px) {
  .scrolling-banner-section .logo {
    height: 100px !important;
  }
}
.scrolling-banner-section .logos-slider::before {
  content: "";
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 80%);
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 160px;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  .scrolling-banner-section .logos-slider::before {
    width: 150px;
    height: 100px;
    margin-left: -20px;
  }
}
.scrolling-banner-section .logos-slider::after {
  content: "";
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 80%);
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 160px;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  .scrolling-banner-section .logos-slider::after {
    width: 150px;
    height: 100px;
    margin-right: -20px;
  }
}
.scrolling-banner-section .slick-slide {
  margin: 0 27px;
}

.intro-block-section {
  padding: 70px 0;
  text-align: center;
}
.intro-block-section h2 {
  margin-top: 0;
}
.intro-block-section .intro-top-text {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
}
.intro-block-section .intro-top-text p {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.intro-block-section .intro-top-text span {
  font-size: 60px;
}
@media screen and (max-width: 769px) {
  .intro-block-section .intro-top-text span {
    font-size: 40px;
  }
}
.intro-block-section .number-wrapper {
  display: flex;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 1000px) {
  .intro-block-section .number-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.intro-block-section .number-block {
  border-radius: 87px;
  background: #cd3d27;
  display: flex;
  padding: 20px 40px;
  max-width: 400px;
  width: 100%;
  gap: 20px;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .intro-block-section .number-block {
    padding: 10px 20px;
    gap: 10px;
    max-width: 300px;
  }
}
.intro-block-section .number-block::after {
  content: "";
  width: 70%;
  height: 5px;
  background-color: #193950;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.intro-block-section .count {
  color: #ffffff;
  text-align: center;
  font-size: 63px;
  font-style: normal;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -1.26px;
}
@media screen and (max-width: 1000px) {
  .intro-block-section .count {
    font-size: 40px;
  }
}
.intro-block-section span {
  color: #ffffff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 1000px) {
  .intro-block-section span {
    font-size: 25px;
  }
}
.intro-block-section.white {
  background-color: #ffffff;
}
.intro-block-section.white.top {
  background-image: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.intro-block-section.grey {
  background-color: #F8F8FA;
}
.intro-block-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.intro-block-section.blue .number-block {
  background-color: #ffffff;
}
.intro-block-section.blue .number-block::after {
  background-color: #cd3d27;
}
.intro-block-section.blue .number-block .count, .intro-block-section.blue .number-block span {
  color: #193950;
}
.intro-block-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.intro-block-section.pink .number-block {
  background-color: #ffffff;
}
.intro-block-section.pink .number-block::after {
  background-color: #193950;
}
.intro-block-section.pink .number-block .count, .intro-block-section.pink .number-block span {
  color: #193950;
}

.main-content-block-section {
  padding: 80px 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .main-content-block-section {
    padding: 35px 0;
  }
}
.main-content-block-section.top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.main-content-block-section.bottom {
  background: url('data:image/svg+xml;utf8,<svg width="1920" height="371" viewBox="0 0 1920 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M525.456 290C944.456 290 969.456 8.31391e-05 1388.46 4.65089e-05C1807.46 9.87877e-06 1920.46 292 1920.46 292L1920.46 371L-2.00098 371L-2.00098 290L525.456 290Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.main-content-block-section .microbes {
  position: absolute;
  height: 100%;
  width: 10%;
  top: 0;
}
@media screen and (max-width: 1000px) {
  .main-content-block-section .microbes {
    display: none !important;
  }
}
.main-content-block-section .microbes.left {
  left: 0;
}
.main-content-block-section .microbes.right {
  right: 0;
}
.main-content-block-section .microbes svg {
  margin: 10px 0;
  animation: float 3s ease-in-out infinite;
}
.main-content-block-section .microbes svg:nth-child(1) {
  animation-duration: 3s;
  animation-delay: 0s; /* No delay for the first image */
}
.main-content-block-section .microbes svg:nth-child(2) {
  animation-duration: 3.2s;
  animation-delay: 0.2s;
  top: 50px;
  position: absolute;
  right: 0;
}
.main-content-block-section .microbes svg:nth-child(3) {
  animation-duration: 2.8s;
  animation-delay: 0.4s;
  bottom: 0;
  position: absolute;
}
.main-content-block-section .microbes svg:nth-child(4) {
  animation-duration: 3.5s;
  animation-delay: 0.6s;
  right: 0;
  position: absolute;
  bottom: 0;
}
@keyframes float {
  0% {
    transform: translateY(0); /* Starting position */
  }
  50% {
    transform: translateY(-10px); /* Move up */
  }
  100% {
    transform: translateY(0); /* Return to starting position */
  }
}
.main-content-block-section .container {
  position: relative;
}
@media screen and (max-width: 769px) {
  .main-content-block-section .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.main-content-block-section .wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .main-content-block-section .wrapper {
    flex-direction: column-reverse;
    gap: 25px;
  }
}
.main-content-block-section .wrapper .text {
  flex: 1;
  text-align: center;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.main-content-block-section .wrapper .text h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.main-content-block-section .wrapper .text h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.main-content-block-section .wrapper .image, .main-content-block-section .wrapper svg, .main-content-block-section .wrapper .lottie-animation {
  flex: 1;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .main-content-block-section .wrapper .image, .main-content-block-section .wrapper svg, .main-content-block-section .wrapper .lottie-animation {
    max-width: 300px;
  }
}
.main-content-block-section .wrapper.right {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .main-content-block-section .wrapper.right {
    flex-direction: column-reverse;
  }
}
.main-content-block-section .one {
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.main-content-block-section .one h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.main-content-block-section .one h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.main-content-block-section.white {
  background-color: #ffffff;
}
.main-content-block-section.white h2::after {
  background: #cd3d27;
}
.main-content-block-section.white .microbes svg path {
  fill: #193950;
}
.main-content-block-section.grey {
  background-color: #F8F8FA;
}
.main-content-block-section.grey .microbes svg path {
  fill: #193950;
}
.main-content-block-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.main-content-block-section.blue h2::after {
  background: #cd3d27;
}
.main-content-block-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.main-content-block-section.pink h2::after {
  background: #193950;
}
.main-content-block-section.pink .one h2 {
  color: #ffffff;
}
.main-content-block-section ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.text-block-section {
  padding: 100px 0;
  background: #cd3d27;
  color: #ffffff;
  display: flex;
}
.text-block-section .wrapper {
  text-align: center;
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
}
.text-block-section h2 {
  position: relative;
}
.text-block-section h2::after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}

.two-coloumn-block-section {
  padding: 70px 0;
}
.two-coloumn-block-section.top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.two-coloumn-block-section.bottom {
  background: url('data:image/svg+xml;utf8,<svg width="1920" height="371" viewBox="0 0 1920 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M525.456 290C944.456 290 969.456 8.31391e-05 1388.46 4.65089e-05C1807.46 9.87877e-06 1920.46 292 1920.46 292L1920.46 371L-2.00098 371L-2.00098 290L525.456 290Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.two-coloumn-block-section h2 {
  text-align: center;
  position: relative;
  margin-top: 0;
}
@media screen and (max-width: 769px) {
  .two-coloumn-block-section h2 {
    margin-bottom: 20px;
  }
}
.two-coloumn-block-section h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.two-coloumn-block-section .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 769px) {
  .two-coloumn-block-section .wrapper {
    gap: 10px;
    flex-direction: column;
  }
}
.two-coloumn-block-section .wrapper .block {
  flex: 1 1 45%;
  padding: 20px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .two-coloumn-block-section .wrapper .block img {
    max-width: 100px;
    width: 100%;
  }
}
.two-coloumn-block-section .number-block {
  display: flex;
  justify-content: center;
  gap: 2px;
}
.two-coloumn-block-section .number-block .count, .two-coloumn-block-section .number-block span {
  color: #cd3d27;
  text-align: center;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px; /* 113.333% */
  letter-spacing: -2.25px;
}
.two-coloumn-block-section.white {
  background-color: #ffffff;
}
.two-coloumn-block-section.grey {
  background-color: #F8F8FA;
}
.two-coloumn-block-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.two-coloumn-block-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.two-coloumn-block-section.pink h2::after {
  background: #193950;
}

.insights-section {
  padding: 50px 0 80px 0;
}
.insights-section.top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.insights-section.bottom {
  background: url('data:image/svg+xml;utf8,<svg width="1920" height="371" viewBox="0 0 1920 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M525.456 290C944.456 290 969.456 8.31391e-05 1388.46 4.65089e-05C1807.46 9.87877e-06 1920.46 292 1920.46 292L1920.46 371L-2.00098 371L-2.00098 290L525.456 290Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.insights-section h2 {
  text-align: center;
  position: relative;
  margin-top: 0;
}
.insights-section h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.insights-section .items-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
  margin-top: 80px;
}
.insights-section .bg-image {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  margin-bottom: 20px;
}
.insights-section h4 a {
  color: #193950;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.insights-section .find-out-more {
  color: #193950;
  text-decoration: underline;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.insights-section .bottom-button {
  text-align: center;
  margin-top: 30px;
}
.insights-section .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.insights-section .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.insights-section .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.insights-section .button:hover::after {
  transform: translateX(5px);
}
.insights-section .button:active {
  background: black;
}
.insights-section.white {
  background-color: #ffffff;
}
.insights-section.white a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.insights-section.white a path {
  fill: #cd3d27;
}
.insights-section.white .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.insights-section.white .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.insights-section.white .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.insights-section.white .button:hover::after {
  transform: translateX(5px);
}
.insights-section.white .button:active {
  background: black;
}
.insights-section.grey {
  background-color: #F8F8FA;
}
.insights-section.grey a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.insights-section.grey a path {
  fill: #193950;
}
.insights-section.grey .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.insights-section.grey .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.insights-section.grey .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.insights-section.grey .button:hover::after {
  transform: translateX(5px);
}
.insights-section.grey .button:active {
  background: black;
}
.insights-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.insights-section.blue h2::after {
  background: #cd3d27;
}
.insights-section.blue a {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
}
.insights-section.blue a path {
  fill: #ffffff;
}
.insights-section.blue .button {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.insights-section.blue .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.insights-section.blue .button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.insights-section.blue .button:hover::after {
  transform: translateX(5px);
}
.insights-section.blue .button:active {
  background: #8f281b;
}
.insights-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.insights-section.pink a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.insights-section.pink a path {
  fill: #193950;
}
.insights-section.pink h2 {
  color: #ffffff;
}
.insights-section.pink h2::after {
  background: #193950;
}
.insights-section.pink .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.insights-section.pink .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.insights-section.pink .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.insights-section.pink .button:hover::after {
  transform: translateX(5px);
}
.insights-section.pink .button:active {
  background: black;
}

.events-section {
  padding: 60px 0;
}
.events-section.top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.events-section.bottom {
  background: url('data:image/svg+xml;utf8,<svg width="1920" height="371" viewBox="0 0 1920 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M525.456 290C944.456 290 969.456 8.31391e-05 1388.46 4.65089e-05C1807.46 9.87877e-06 1920.46 292 1920.46 292L1920.46 371L-2.00098 371L-2.00098 290L525.456 290Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.events-section h2 {
  text-align: center;
  position: relative;
  margin: 0;
}
.events-section h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.events-section .items-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 10px;
  margin-top: 80px;
}
@media screen and (max-width: 1000px) {
  .events-section .items-wrapper {
    grid-template-columns: 1fr;
  }
}
.events-section .bg-image {
  width: 100%;
  height: 490px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .events-section .bg-image {
    height: 245px;
  }
}
.events-section h4 a {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.events-section a {
  text-align: center;
  color: #ffffff;
}
.events-section .findoutmore {
  text-transform: uppercase;
  margin-bottom: 20px;
  text-decoration: underline;
}
.events-section .event-date {
  margin: 0;
}
.events-section .bottom-button {
  text-align: center;
  margin-top: 30px;
}
.events-section .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.events-section .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.events-section .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.events-section .button:hover::after {
  transform: translateX(5px);
}
.events-section .button:active {
  background: black;
}
.events-section.white {
  background-color: #ffffff;
}
.events-section.white a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.events-section.white a path {
  fill: #193950;
}
.events-section.white .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.events-section.white .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.events-section.white .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.events-section.white .button:hover::after {
  transform: translateX(5px);
}
.events-section.white .button:active {
  background: black;
}
.events-section.grey {
  background-color: #F8F8FA;
}
.events-section.grey a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.events-section.grey a path {
  fill: #193950;
}
.events-section.grey .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.events-section.grey .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.events-section.grey .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.events-section.grey .button:hover::after {
  transform: translateX(5px);
}
.events-section.grey .button:active {
  background: black;
}
.events-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.events-section.blue h2::after {
  background: #cd3d27;
}
.events-section.blue a {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
}
.events-section.blue a path {
  fill: #ffffff;
}
.events-section.blue .button {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.events-section.blue .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.events-section.blue .button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.events-section.blue .button:hover::after {
  transform: translateX(5px);
}
.events-section.blue .button:active {
  background: #8f281b;
}
.events-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.events-section.pink a {
  color: #193950;
  display: flex;
  align-items: center;
  gap: 10px;
}
.events-section.pink a path {
  fill: #193950;
}
.events-section.pink h2 {
  color: #ffffff;
}
.events-section.pink h2::after {
  background: #193950;
}
.events-section.pink .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.events-section.pink .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.events-section.pink .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.events-section.pink .button:hover::after {
  transform: translateX(5px);
}
.events-section.pink .button:active {
  background: black;
}

.people-block-section {
  padding: 70px 0;
  /* Hide by default */
  /* Inner popup box */
  /* Close button */
  /* Prevent background scrolling when modal is open */
}
.people-block-section.top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.people-block-section.bottom {
  background: url('data:image/svg+xml;utf8,<svg width="1920" height="371" viewBox="0 0 1920 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M525.456 290C944.456 290 969.456 8.31391e-05 1388.46 4.65089e-05C1807.46 9.87877e-06 1920.46 292 1920.46 292L1920.46 371L-2.00098 371L-2.00098 290L525.456 290Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.people-block-section .container {
  max-width: 1400px;
}
.people-block-section h2 {
  text-align: center;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.people-block-section h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.people-block-section .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 1000px) {
  .people-block-section .wrapper {
    grid-template-columns: 1fr;
  }
}
.people-block-section .wrapper .block {
  padding: 20px;
}
@media screen and (max-width: 1000px) {
  .people-block-section .wrapper .block {
    padding: 0 40px;
    text-align: center;
  }
}
.people-block-section .wrapper .block:only-child {
  grid-column: 1/-1;
  justify-self: center;
  max-width: 600px;
}
.people-block-section .wrapper .person-wrap {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  .people-block-section .wrapper .person-wrap {
    flex-direction: column;
    gap: 10px;
  }
}
.people-block-section .wrapper .person-wrap img {
  max-width: 200px;
  width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 1000px) {
  .people-block-section .wrapper .person-wrap img {
    max-width: 100%;
  }
}
.people-block-section .wrapper .person-wrap h5 {
  color: #cd3d27;
}
.people-block-section .wrapper .person-wrap .more-info-text {
  cursor: pointer;
  text-decoration: underline;
}
.people-block-section .wrapper .person-wrap .more-info-text p {
  margin-top: 0;
}
.people-block-section .wrapper .person-wrap .connect {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 769px) {
  .people-block-section .wrapper .person-wrap .connect {
    justify-content: center;
  }
}
.people-block-section .wrapper .person-wrap .connect svg {
  width: 40px;
}
.people-block-section.white {
  background-color: #ffffff;
}
.people-block-section.grey {
  background-color: #F8F8FA;
}
.people-block-section.blue {
  background-color: #193950;
  color: #ffffff;
}
.people-block-section.pink {
  background-color: #cd3d27;
  color: #193950;
}
.people-block-section.pink h2::after {
  background: #193950;
}
.people-block-section .person-popup {
  position: fixed;
  inset: 0;
  background: rgba(27, 15, 72, 0.8);
  backdrop-filter: blur(2px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.people-block-section .person-popup .person-wrap img {
  max-width: 600px;
  width: 100%;
}
.people-block-section .person-popup .person-wrap .left {
  flex: 1;
}
.people-block-section .person-popup .person-wrap .right {
  flex: 1;
}
.people-block-section .person-popup .popup-inner {
  background: #fff;
  max-width: 1000px;
  width: 90%;
  padding: 30px;
  position: relative;
  border-radius: 8px;
}
@media screen and (max-width: 769px) {
  .people-block-section .person-popup .popup-inner {
    height: 80%;
    overflow: hidden;
  }
  .people-block-section .person-popup .popup-inner .more-text {
    overflow: scroll;
    height: 100%;
  }
}
.people-block-section .person-popup .popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .people-block-section .person-popup .popup-close {
    top: -15px;
    right: -15px;
  }
}
.people-block-section body.modal-open {
  overflow: hidden;
}

.post-type-archive-people .search-our-network, .page-template-research-methods .search-our-network, .page-template-page-maps .search-our-network, .page-template-page-research-methods .search-our-network {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.post-type-archive-people .search-our-network .top, .page-template-research-methods .search-our-network .top, .page-template-page-maps .search-our-network .top, .page-template-page-research-methods .search-our-network .top {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .search-our-network .top, .page-template-research-methods .search-our-network .top, .page-template-page-maps .search-our-network .top, .page-template-page-research-methods .search-our-network .top {
    padding-bottom: 5px;
  }
}
.post-type-archive-people .search-our-network .top h1, .page-template-research-methods .search-our-network .top h1, .page-template-page-maps .search-our-network .top h1, .page-template-page-research-methods .search-our-network .top h1 {
  color: #193950;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.post-type-archive-people .search-our-network .top h1:after, .page-template-research-methods .search-our-network .top h1:after, .page-template-page-maps .search-our-network .top h1:after, .page-template-page-research-methods .search-our-network .top h1:after {
  content: "";
  position: absolute;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
  max-width: 270px;
}
.post-type-archive-people .search-our-network .top p, .page-template-research-methods .search-our-network .top p, .page-template-page-maps .search-our-network .top p, .page-template-page-research-methods .search-our-network .top p {
  margin-bottom: 10px;
}
.post-type-archive-people .search-our-network .top h6, .page-template-research-methods .search-our-network .top h6, .page-template-page-maps .search-our-network .top h6, .page-template-page-research-methods .search-our-network .top h6 {
  color: #cd3d27;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -2%;
  text-align: center;
  display: block;
  font-size: 28px;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .search-our-network .top h6, .page-template-research-methods .search-our-network .top h6, .page-template-page-maps .search-our-network .top h6, .page-template-page-research-methods .search-our-network .top h6 {
    font-size: 21px;
  }
}
.post-type-archive-people .page-tabs, .page-template-research-methods .page-tabs, .page-template-page-maps .page-tabs, .page-template-page-research-methods .page-tabs {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .page-tabs, .page-template-research-methods .page-tabs, .page-template-page-maps .page-tabs, .page-template-page-research-methods .page-tabs {
    gap: 6px;
    justify-content: space-between;
  }
}
.post-type-archive-people .page-tabs .tab, .page-template-research-methods .page-tabs .tab, .page-template-page-maps .page-tabs .tab, .page-template-page-research-methods .page-tabs .tab {
  border-radius: 30px 30px 0 0;
  background: #F8EFF0;
  width: 100%;
  color: #cd3d27;
  text-align: center;
  transition: all 0.1s ease-in;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .page-tabs .tab, .page-template-research-methods .page-tabs .tab, .page-template-page-maps .page-tabs .tab, .page-template-page-research-methods .page-tabs .tab {
    border-radius: 18px 18px 0 0;
    min-width: fit-content;
  }
}
.post-type-archive-people .page-tabs .tab:hover, .page-template-research-methods .page-tabs .tab:hover, .page-template-page-maps .page-tabs .tab:hover, .page-template-page-research-methods .page-tabs .tab:hover {
  background-color: #cd3d27;
}
.post-type-archive-people .page-tabs .tab:hover a, .page-template-research-methods .page-tabs .tab:hover a, .page-template-page-maps .page-tabs .tab:hover a, .page-template-page-research-methods .page-tabs .tab:hover a {
  color: #ffffff;
}
.post-type-archive-people .page-tabs .tab a, .page-template-research-methods .page-tabs .tab a, .page-template-page-maps .page-tabs .tab a, .page-template-page-research-methods .page-tabs .tab a {
  color: #cd3d27;
  padding: 15px;
  display: block;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .page-tabs .tab a, .page-template-research-methods .page-tabs .tab a, .page-template-page-maps .page-tabs .tab a, .page-template-page-research-methods .page-tabs .tab a {
    padding: 5px 15px;
  }
}
.post-type-archive-people .page-tabs .tab a h3, .page-template-research-methods .page-tabs .tab a h3, .page-template-page-maps .page-tabs .tab a h3, .page-template-page-research-methods .page-tabs .tab a h3 {
  font-size: 40px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .page-tabs .tab a h3, .page-template-research-methods .page-tabs .tab a h3, .page-template-page-maps .page-tabs .tab a h3, .page-template-page-research-methods .page-tabs .tab a h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .page-tabs .tab a h3, .page-template-research-methods .page-tabs .tab a h3, .page-template-page-maps .page-tabs .tab a h3, .page-template-page-research-methods .page-tabs .tab a h3 {
    font-size: 20px;
  }
}
.post-type-archive-people .page-tabs .tab a:hover, .page-template-research-methods .page-tabs .tab a:hover, .page-template-page-maps .page-tabs .tab a:hover, .page-template-page-research-methods .page-tabs .tab a:hover {
  text-decoration: none;
  color: #ffffff;
}
.post-type-archive-people .page-tabs .tab.active, .page-template-research-methods .page-tabs .tab.active, .page-template-page-maps .page-tabs .tab.active, .page-template-page-research-methods .page-tabs .tab.active {
  border-radius: 30px 30px 0 0;
  background: #cd3d27;
  color: #ffffff;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .page-tabs .tab.active, .page-template-research-methods .page-tabs .tab.active, .page-template-page-maps .page-tabs .tab.active, .page-template-page-research-methods .page-tabs .tab.active {
    border-radius: 18px 18px 0 0;
  }
}
.post-type-archive-people .page-tabs .tab.active a, .page-template-research-methods .page-tabs .tab.active a, .page-template-page-maps .page-tabs .tab.active a, .page-template-page-research-methods .page-tabs .tab.active a {
  color: #ffffff;
}
.post-type-archive-people .page-tabs h3, .page-template-research-methods .page-tabs h3, .page-template-page-maps .page-tabs h3, .page-template-page-research-methods .page-tabs h3 {
  text-align: center;
  margin: 0;
}
.post-type-archive-people .people-inner, .page-template-research-methods .people-inner, .page-template-page-maps .people-inner, .page-template-page-research-methods .people-inner {
  border-radius: 0 0 30px 30px;
  background: linear-gradient(180deg, #cd3d27 0%, #193950 100%);
  padding: 25px;
  margin-bottom: 100px;
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .people-inner, .page-template-research-methods .people-inner, .page-template-page-maps .people-inner, .page-template-page-research-methods .people-inner {
    padding: 20px 20px 20px 20px;
    margin-bottom: 50px;
  }
}
.post-type-archive-people .top-filter, .page-template-research-methods .top-filter, .page-template-page-maps .top-filter, .page-template-page-research-methods .top-filter {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .top-filter, .page-template-research-methods .top-filter, .page-template-page-maps .top-filter, .page-template-page-research-methods .top-filter {
    flex-direction: column;
  }
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .top-filter, .page-template-research-methods .top-filter, .page-template-page-maps .top-filter, .page-template-page-research-methods .top-filter {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 769px) {
  .post-type-archive-people .top-filter .intro-text, .page-template-research-methods .top-filter .intro-text, .page-template-page-maps .top-filter .intro-text, .page-template-page-research-methods .top-filter .intro-text {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}
.post-type-archive-people .top-filter .intro-text p, .page-template-research-methods .top-filter .intro-text p, .page-template-page-maps .top-filter .intro-text p, .page-template-page-research-methods .top-filter .intro-text p {
  margin: 0;
}
.post-type-archive-people .top-filter .search-name, .page-template-research-methods .top-filter .search-name, .page-template-page-maps .top-filter .search-name, .page-template-page-research-methods .top-filter .search-name {
  display: flex;
  max-width: 500px;
  width: 100%;
  margin-bottom: 20px;
}
.post-type-archive-people .top-filter .search-name .search-filter-base, .page-template-research-methods .top-filter .search-name .search-filter-base, .page-template-page-maps .top-filter .search-name .search-filter-base, .page-template-page-research-methods .top-filter .search-name .search-filter-base {
  width: 100%;
}
.post-type-archive-people .top-filter .search-name .search-filter-field__input, .page-template-research-methods .top-filter .search-name .search-filter-field__input, .page-template-page-maps .top-filter .search-name .search-filter-field__input, .page-template-page-research-methods .top-filter .search-name .search-filter-field__input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  padding: 0;
}
.post-type-archive-people .top-filter .search-name .search-filter-field__input input, .page-template-research-methods .top-filter .search-name .search-filter-field__input input, .page-template-page-maps .top-filter .search-name .search-filter-field__input input, .page-template-page-research-methods .top-filter .search-name .search-filter-field__input input {
  font-weight: bold;
}
.post-type-archive-people .top-filter .search-name input::placeholder, .page-template-research-methods .top-filter .search-name input::placeholder, .page-template-page-maps .top-filter .search-name input::placeholder, .page-template-page-research-methods .top-filter .search-name input::placeholder {
  color: #193950;
}
.post-type-archive-people .top-filter .search-name input:focus, .page-template-research-methods .top-filter .search-name input:focus, .page-template-page-maps .top-filter .search-name input:focus, .page-template-page-research-methods .top-filter .search-name input:focus {
  color: #193950;
}
.post-type-archive-people .top-filter .search-name input:focus::placeholder, .page-template-research-methods .top-filter .search-name input:focus::placeholder, .page-template-page-maps .top-filter .search-name input:focus::placeholder, .page-template-page-research-methods .top-filter .search-name input:focus::placeholder {
  color: #193950;
}
.post-type-archive-people .top-filter .search-filter-input-button, .page-template-research-methods .top-filter .search-filter-input-button, .page-template-page-maps .top-filter .search-filter-input-button, .page-template-page-research-methods .top-filter .search-filter-input-button {
  color: #193950;
}
.post-type-archive-people .top-filter #search-filter-label-0, .post-type-archive-people .top-filter #search-filter-label-1, .post-type-archive-people .top-filter #search-filter-label-2, .post-type-archive-people .top-filter #search-filter-label-3, .post-type-archive-people .top-filter #search-filter-label-4, .page-template-research-methods .top-filter #search-filter-label-0, .page-template-research-methods .top-filter #search-filter-label-1, .page-template-research-methods .top-filter #search-filter-label-2, .page-template-research-methods .top-filter #search-filter-label-3, .page-template-research-methods .top-filter #search-filter-label-4, .page-template-page-maps .top-filter #search-filter-label-0, .page-template-page-maps .top-filter #search-filter-label-1, .page-template-page-maps .top-filter #search-filter-label-2, .page-template-page-maps .top-filter #search-filter-label-3, .page-template-page-maps .top-filter #search-filter-label-4, .page-template-page-research-methods .top-filter #search-filter-label-0, .page-template-page-research-methods .top-filter #search-filter-label-1, .page-template-page-research-methods .top-filter #search-filter-label-2, .page-template-page-research-methods .top-filter #search-filter-label-3, .page-template-page-research-methods .top-filter #search-filter-label-4 {
  display: none;
}
.post-type-archive-people .filter-wrapper, .page-template-research-methods .filter-wrapper, .page-template-page-maps .filter-wrapper, .page-template-page-research-methods .filter-wrapper {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .filter-wrapper, .page-template-research-methods .filter-wrapper, .page-template-page-maps .filter-wrapper, .page-template-page-research-methods .filter-wrapper {
    flex-direction: column;
    gap: 25px;
  }
}
.post-type-archive-people .filter-wrapper .search-filter-base, .page-template-research-methods .filter-wrapper .search-filter-base, .page-template-page-maps .filter-wrapper .search-filter-base, .page-template-page-research-methods .filter-wrapper .search-filter-base {
  width: 100%;
}
.post-type-archive-people .filter-wrapper .search-filter-base .search-filter-label, .page-template-research-methods .filter-wrapper .search-filter-base .search-filter-label, .page-template-page-maps .filter-wrapper .search-filter-base .search-filter-label, .page-template-page-research-methods .filter-wrapper .search-filter-base .search-filter-label {
  display: none;
}
.post-type-archive-people .filter-wrapper input::placeholder, .page-template-research-methods .filter-wrapper input::placeholder, .page-template-page-maps .filter-wrapper input::placeholder, .page-template-page-research-methods .filter-wrapper input::placeholder {
  color: #193950 !important;
}
.post-type-archive-people .current-filters, .page-template-research-methods .current-filters, .page-template-page-maps .current-filters, .page-template-page-research-methods .current-filters {
  color: #193950;
  margin: 20px 0;
}
.post-type-archive-people .current-filters p, .page-template-research-methods .current-filters p, .page-template-page-maps .current-filters p, .page-template-page-research-methods .current-filters p {
  margin: 0;
}
.post-type-archive-people .current-filters .active-filters, .page-template-research-methods .current-filters .active-filters, .page-template-page-maps .current-filters .active-filters, .page-template-page-research-methods .current-filters .active-filters {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .current-filters .active-filters, .page-template-research-methods .current-filters .active-filters, .page-template-page-maps .current-filters .active-filters, .page-template-page-research-methods .current-filters .active-filters {
    flex-direction: column;
  }
}
.post-type-archive-people .current-filters .active-filters ul, .page-template-research-methods .current-filters .active-filters ul, .page-template-page-maps .current-filters .active-filters ul, .page-template-page-research-methods .current-filters .active-filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .current-filters .active-filters ul, .page-template-research-methods .current-filters .active-filters ul, .page-template-page-maps .current-filters .active-filters ul, .page-template-page-research-methods .current-filters .active-filters ul {
    flex-direction: column;
  }
}
.post-type-archive-people .current-filters .active-filters ul li, .page-template-research-methods .current-filters .active-filters ul li, .page-template-page-maps .current-filters .active-filters ul li, .page-template-page-research-methods .current-filters .active-filters ul li {
  background-color: #ffffff;
  border-radius: 25px;
  padding: 10px 20px;
}
.post-type-archive-people .current-filters .active-filters ul li .clear-filter, .page-template-research-methods .current-filters .active-filters ul li .clear-filter, .page-template-page-maps .current-filters .active-filters ul li .clear-filter, .page-template-page-research-methods .current-filters .active-filters ul li .clear-filter {
  color: #193950;
}
.post-type-archive-people .current-filters .active-filters ul li .clear-filter:hover, .page-template-research-methods .current-filters .active-filters ul li .clear-filter:hover, .page-template-page-maps .current-filters .active-filters ul li .clear-filter:hover, .page-template-page-research-methods .current-filters .active-filters ul li .clear-filter:hover {
  color: rgba(27, 15, 72, 0.6);
}
.post-type-archive-people .current-filters .active-filters ul .search-filter-field--id-8 button, .page-template-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button, .page-template-page-maps .current-filters .active-filters ul .search-filter-field--id-8 button, .page-template-page-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button {
  background: none;
  color: #f0b676;
  border: none;
  text-decoration: underline;
  padding-left: 0;
}
.post-type-archive-people .current-filters .active-filters ul .search-filter-field--id-8 button:hover, .page-template-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:hover, .page-template-page-maps .current-filters .active-filters ul .search-filter-field--id-8 button:hover, .page-template-page-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:hover {
  color: #193950;
}
.post-type-archive-people .current-filters .active-filters ul .search-filter-field--id-8 button:focus, .page-template-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:focus, .page-template-page-maps .current-filters .active-filters ul .search-filter-field--id-8 button:focus, .page-template-page-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.post-type-archive-people .current-filters .active-filters ul .search-filter-field--id-8 button:active, .page-template-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:active, .page-template-page-maps .current-filters .active-filters ul .search-filter-field--id-8 button:active, .page-template-page-research-methods .current-filters .active-filters ul .search-filter-field--id-8 button:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.post-type-archive-people .people-block, .page-template-research-methods .people-block, .page-template-page-maps .people-block, .page-template-page-research-methods .people-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .post-type-archive-people .people-block, .page-template-research-methods .people-block, .page-template-page-maps .people-block, .page-template-page-research-methods .people-block {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-people .people-block, .page-template-research-methods .people-block, .page-template-page-maps .people-block, .page-template-page-research-methods .people-block {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.post-type-archive-people .people-block .no-results.not-found, .page-template-research-methods .people-block .no-results.not-found, .page-template-page-maps .people-block .no-results.not-found, .page-template-page-research-methods .people-block .no-results.not-found {
  color: #ffffff;
}
.post-type-archive-people article.type-people, .page-template-research-methods article.type-people, .page-template-page-maps article.type-people, .page-template-page-research-methods article.type-people {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  transition: background-color 0.5s ease;
}
.post-type-archive-people article.type-people:hover, .page-template-research-methods article.type-people:hover, .page-template-page-maps article.type-people:hover, .page-template-page-research-methods article.type-people:hover {
  background-color: #F8EFF0;
}
.post-type-archive-people article.type-people .top-info, .page-template-research-methods article.type-people .top-info, .page-template-page-maps article.type-people .top-info, .page-template-page-research-methods article.type-people .top-info {
  display: flex;
  gap: 12px;
}
.post-type-archive-people article.type-people .top-info .image, .page-template-research-methods article.type-people .top-info .image, .page-template-page-maps article.type-people .top-info .image, .page-template-page-research-methods article.type-people .top-info .image {
  width: 107px;
  height: 99px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.post-type-archive-people article.type-people .top-info .image img, .page-template-research-methods article.type-people .top-info .image img, .page-template-page-maps article.type-people .top-info .image img, .page-template-page-research-methods article.type-people .top-info .image img {
  border-radius: 10px;
}
.post-type-archive-people article.type-people .top-info h4, .page-template-research-methods article.type-people .top-info h4, .page-template-page-maps article.type-people .top-info h4, .page-template-page-research-methods article.type-people .top-info h4 {
  font-size: 20px;
  margin: 0 0 5px 0;
  line-height: normal;
  font-weight: 500;
}
.post-type-archive-people article.type-people .top-info h5, .page-template-research-methods article.type-people .top-info h5, .page-template-page-maps article.type-people .top-info h5, .page-template-page-research-methods article.type-people .top-info h5 {
  font-size: 13px;
  color: #cd3d27;
  margin: 5px 0;
  line-height: normal;
  font-weight: normal;
}
.post-type-archive-people article.type-people .top-info .right-info, .page-template-research-methods article.type-people .top-info .right-info, .page-template-page-maps article.type-people .top-info .right-info, .page-template-page-research-methods article.type-people .top-info .right-info {
  display: flex;
  flex-direction: column;
}
.post-type-archive-people article.type-people .top-info .right-info a, .page-template-research-methods article.type-people .top-info .right-info a, .page-template-page-maps article.type-people .top-info .right-info a, .page-template-page-research-methods article.type-people .top-info .right-info a {
  text-decoration: none;
}
.post-type-archive-people article.type-people .top-info .right-info a svg, .page-template-research-methods article.type-people .top-info .right-info a svg, .page-template-page-maps article.type-people .top-info .right-info a svg, .page-template-page-research-methods article.type-people .top-info .right-info a svg {
  width: 22px;
  height: 22px;
  opacity: 33%;
  transition: opacity 0.5s ease-out;
}
.post-type-archive-people article.type-people .top-info .right-info a:hover svg, .page-template-research-methods article.type-people .top-info .right-info a:hover svg, .page-template-page-maps article.type-people .top-info .right-info a:hover svg, .page-template-page-research-methods article.type-people .top-info .right-info a:hover svg {
  opacity: 1;
}
.post-type-archive-people article.type-people .location, .page-template-research-methods article.type-people .location, .page-template-page-maps article.type-people .location, .page-template-page-research-methods article.type-people .location {
  margin-bottom: 5px;
}
.post-type-archive-people article.type-people .location p, .page-template-research-methods article.type-people .location p, .page-template-page-maps article.type-people .location p, .page-template-page-research-methods article.type-people .location p {
  font-size: 12px;
  line-height: 10px;
  margin: 0;
}
.post-type-archive-people article.type-people .social, .page-template-research-methods article.type-people .social, .page-template-page-maps article.type-people .social, .page-template-page-research-methods article.type-people .social {
  margin-top: auto;
  line-height: 0;
}
.post-type-archive-people article.type-people .department, .page-template-research-methods article.type-people .department, .page-template-page-maps article.type-people .department, .page-template-page-research-methods article.type-people .department {
  font-size: 14px;
  color: #cd3d27;
}
.post-type-archive-people article.type-people .department p, .page-template-research-methods article.type-people .department p, .page-template-page-maps article.type-people .department p, .page-template-page-research-methods article.type-people .department p {
  margin: 0;
}
.post-type-archive-people article.type-people .term-wrapper, .page-template-research-methods article.type-people .term-wrapper, .page-template-page-maps article.type-people .term-wrapper, .page-template-page-research-methods article.type-people .term-wrapper {
  margin-top: 5px;
  padding-top: 10px;
}
.post-type-archive-people article.type-people .term-wrapper h5, .page-template-research-methods article.type-people .term-wrapper h5, .page-template-page-maps article.type-people .term-wrapper h5, .page-template-page-research-methods article.type-people .term-wrapper h5 {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-top: 1px solid rgba(27, 15, 72, 0.3);
  margin-top: 5px;
  padding-top: 10px;
}
.post-type-archive-people article.type-people .term-wrapper ul, .page-template-research-methods article.type-people .term-wrapper ul, .page-template-page-maps article.type-people .term-wrapper ul, .page-template-page-research-methods article.type-people .term-wrapper ul {
  margin: 5px 0 10px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.post-type-archive-people article.type-people .term-wrapper ul li, .page-template-research-methods article.type-people .term-wrapper ul li, .page-template-page-maps article.type-people .term-wrapper ul li, .page-template-page-research-methods article.type-people .term-wrapper ul li {
  border-radius: 25px;
  padding: 5px 10px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  border: 1px solid #193950;
}
.post-type-archive-people article.type-people .term-wrapper .expertise li, .page-template-research-methods article.type-people .term-wrapper .expertise li, .page-template-page-maps article.type-people .term-wrapper .expertise li, .page-template-page-research-methods article.type-people .term-wrapper .expertise li {
  border-color: #cd3d27;
}
.post-type-archive-people .search-filter-component-combobox-base, .page-template-research-methods .search-filter-component-combobox-base, .page-template-page-maps .search-filter-component-combobox-base, .page-template-page-research-methods .search-filter-component-combobox-base {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  padding: 0;
}
.post-type-archive-people .search-filter-component-combobox-base input, .page-template-research-methods .search-filter-component-combobox-base input, .page-template-page-maps .search-filter-component-combobox-base input, .page-template-page-research-methods .search-filter-component-combobox-base input {
  font-weight: bold;
}
.post-type-archive-people .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg, .page-template-research-methods .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg, .page-template-page-maps .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg, .page-template-page-research-methods .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg {
  fill: #ffffff;
}
.post-type-archive-people .search-filter-icon--destructive .search-filter-icon__svg, .page-template-research-methods .search-filter-icon--destructive .search-filter-icon__svg, .page-template-page-maps .search-filter-icon--destructive .search-filter-icon__svg, .page-template-page-research-methods .search-filter-icon--destructive .search-filter-icon__svg {
  fill: #ffffff;
}
.post-type-archive-people .paginate-links, .page-template-research-methods .paginate-links, .page-template-page-maps .paginate-links, .page-template-page-research-methods .paginate-links {
  margin-top: 40px;
}
.post-type-archive-people .paginate-links .dots, .post-type-archive-people .paginate-links .current, .page-template-research-methods .paginate-links .dots, .page-template-research-methods .paginate-links .current, .page-template-page-maps .paginate-links .dots, .page-template-page-maps .paginate-links .current, .page-template-page-research-methods .paginate-links .dots, .page-template-page-research-methods .paginate-links .current {
  color: #ffffff;
}
.post-type-archive-people .paginate-links .page-numbers, .page-template-research-methods .paginate-links .page-numbers, .page-template-page-maps .paginate-links .page-numbers, .page-template-page-research-methods .paginate-links .page-numbers {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.post-type-archive-people .paginate-links .page-numbers.current, .page-template-research-methods .paginate-links .page-numbers.current, .page-template-page-maps .paginate-links .page-numbers.current, .page-template-page-research-methods .paginate-links .page-numbers.current {
  font-weight: bold;
}
.post-type-archive-people .paginate-links .page-numbers:hover, .page-template-research-methods .paginate-links .page-numbers:hover, .page-template-page-maps .paginate-links .page-numbers:hover, .page-template-page-research-methods .paginate-links .page-numbers:hover {
  color: #ffffff;
}
.post-type-archive-people .search-filter-component-combobox-base__listbox-option--selected, .page-template-research-methods .search-filter-component-combobox-base__listbox-option--selected, .page-template-page-maps .search-filter-component-combobox-base__listbox-option--selected, .page-template-page-research-methods .search-filter-component-combobox-base__listbox-option--selected {
  background-color: #cd3d27;
  color: #193950;
}
.post-type-archive-people .search-filter-component-combobox__selection-placeholder, .page-template-research-methods .search-filter-component-combobox__selection-placeholder, .page-template-page-maps .search-filter-component-combobox__selection-placeholder, .page-template-page-research-methods .search-filter-component-combobox__selection-placeholder {
  color: #193950 !important;
  font-weight: bold !important;
}
.post-type-archive-people .search-filter-component-combobox__input-divider, .page-template-research-methods .search-filter-component-combobox__input-divider, .page-template-page-maps .search-filter-component-combobox__input-divider, .page-template-page-research-methods .search-filter-component-combobox__input-divider {
  display: none !important;
}

.page-template-research-methods .research-methods .people-text, .page-template-page-research-methods .research-methods .people-text {
  color: #193950;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  max-width: 1200px;
  width: 100%;
  margin: 20px auto;
  margin-top: 0;
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-methods .people-text, .page-template-page-research-methods .research-methods .people-text {
    font-size: 16px;
    line-height: normal;
    margin: 0 auto 20px auto;
    padding: 0 20px;
  }
}
.page-template-research-methods .research-methods ul, .page-template-page-research-methods .research-methods ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-template-research-methods .research-methods .research-methods-wrapper, .page-template-page-research-methods .research-methods .research-methods-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  align-items: start;
}
@media screen and (max-width: 1000px) {
  .page-template-research-methods .research-methods .research-methods-wrapper, .page-template-page-research-methods .research-methods .research-methods-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-methods .research-methods-wrapper, .page-template-page-research-methods .research-methods .research-methods-wrapper {
    gap: 15px;
  }
}
.page-template-research-methods .research-methods .research-method-block, .page-template-page-research-methods .research-methods .research-method-block {
  align-self: start;
  padding: 10px 15px;
  border-radius: 25px;
  background: var(--giba-gradient, linear-gradient(180deg, #cd3d27 0%, #193950 100%));
  color: #ffffff;
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-methods .research-method-block, .page-template-page-research-methods .research-methods .research-method-block {
    padding: 10px 15px;
  }
}
.page-template-research-methods .research-methods .research-method-block h4, .page-template-page-research-methods .research-methods .research-method-block h4 {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  display: block;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-methods .research-method-block h4, .page-template-page-research-methods .research-methods .research-method-block h4 {
    font-size: 20px;
    line-height: normal;
  }
}
.page-template-research-methods .research-methods .research-method-block li, .page-template-page-research-methods .research-methods .research-method-block li {
  border-radius: 30px;
  color: #193950;
  background: #ffffff;
  transition: background-color 200ms linear;
  margin: 10px 0;
}
.page-template-research-methods .research-methods .research-method-block li a, .page-template-page-research-methods .research-methods .research-method-block li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 20px;
  color: #193950;
  gap: 5px;
}
.page-template-research-methods .research-methods .research-method-block li:hover, .page-template-page-research-methods .research-methods .research-method-block li:hover {
  background: #f0b676;
  text-decoration: none;
}
.page-template-research-methods .research-methods .research-method-block li .application-name, .page-template-page-research-methods .research-methods .research-method-block li .application-name {
  font-size: 20px;
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-methods .research-method-block li .application-name, .page-template-page-research-methods .research-methods .research-method-block li .application-name {
    font-size: 16px;
  }
}
.page-template-research-methods .research-methods .research-method-block li .application-count, .page-template-page-research-methods .research-methods .research-method-block li .application-count {
  display: flex;
  width: 35px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: #cd3d27;
  border-radius: 100%;
  color: #ffffff;
  text-decoration: none;
}
.page-template-research-methods .research-method-header, .page-template-page-research-methods .research-method-header {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
  line-height: 0;
}
.page-template-research-methods .research-method-header::after, .page-template-page-research-methods .research-method-header::after {
  right: 10px;
  position: relative;
  top: 0;
  content: "";
  mask: url(img/plus-icon.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
}
@media screen and (max-width: 769px) {
  .page-template-research-methods .research-method-header::after, .page-template-page-research-methods .research-method-header::after {
    right: 0;
  }
}
.page-template-research-methods .research-method-block.is-open .research-method-header::after, .page-template-page-research-methods .research-method-block.is-open .research-method-header::after {
  mask: url(img/minus-icon.svg) no-repeat 100% 100%;
  top: -4px;
}
.page-template-research-methods .research-method-content, .page-template-page-research-methods .research-method-content {
  display: none;
}

.blog .insights-hub-hero, .category .insights-hub-hero {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.blog .insights-hub-hero .insights-topwrap, .category .insights-hub-hero .insights-topwrap {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px 0;
}
@media screen and (max-width: 1000px) {
  .blog .insights-hub-hero .insights-topwrap, .category .insights-hub-hero .insights-topwrap {
    flex-direction: column-reverse;
    gap: 25px;
    padding: 50px 0 20px 0;
  }
}
.blog .insights-hub-hero .text, .category .insights-hub-hero .text {
  flex: 1;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.blog .insights-hub-hero h1, .blog .insights-hub-hero h2, .category .insights-hub-hero h1, .category .insights-hub-hero h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.blog .insights-hub-hero h1:after, .blog .insights-hub-hero h2:after, .category .insights-hub-hero h1:after, .category .insights-hub-hero h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.blog .insights-hub-hero .image, .blog .insights-hub-hero svg, .blog .insights-hub-hero .lottie-animation, .category .insights-hub-hero .image, .category .insights-hub-hero svg, .category .insights-hub-hero .lottie-animation {
  flex: 1;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .blog .insights-hub-hero .image img, .blog .insights-hub-hero svg img, .blog .insights-hub-hero .lottie-animation img, .category .insights-hub-hero .image img, .category .insights-hub-hero svg img, .category .insights-hub-hero .lottie-animation img {
    max-width: 300px;
  }
}
.blog .blog-wrapper, .category .blog-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 50px 25px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .blog .blog-wrapper, .category .blog-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog .blog-wrapper .bg-image, .category .blog-wrapper .bg-image {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  margin-bottom: 20px;
}
.blog .blog-wrapper h4 a, .category .blog-wrapper h4 a {
  color: #193950;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.blog .blog-wrapper .find-out-more, .category .blog-wrapper .find-out-more {
  color: #193950;
  text-decoration: underline;
  text-transform: uppercase;
  gap: 10px;
  display: flex;
  align-items: baseline;
}
.blog .blog-wrapper .find-out-more svg path, .category .blog-wrapper .find-out-more svg path {
  fill: #cd3d27;
}
.blog .blog-wrapper .bottom-button, .category .blog-wrapper .bottom-button {
  text-align: center;
  margin-top: 30px;
}
.blog .blog-wrapper .button, .category .blog-wrapper .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.blog .blog-wrapper .button::after, .category .blog-wrapper .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.blog .blog-wrapper .button:hover, .category .blog-wrapper .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.blog .blog-wrapper .button:hover::after, .category .blog-wrapper .button:hover::after {
  transform: translateX(5px);
}
.blog .blog-wrapper .button:active, .category .blog-wrapper .button:active {
  background: black;
}
.blog .filterbar, .category .filterbar {
  display: flex;
  justify-content: center;
  font-size: 16px;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 1264px) {
  .blog .filterbar, .category .filterbar {
    padding: 15px 0 25px;
  }
}
@media screen and (max-width: 800px) {
  .blog .filterbar, .category .filterbar {
    padding: 25px 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.blog .filterbar #filters, .category .filterbar #filters {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}
.blog .filterbar select, .category .filterbar select {
  display: none;
}
.blog .filterbar p.left, .category .filterbar p.left {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 800px) {
  .blog .filterbar p.left, .category .filterbar p.left {
    margin-right: 10px;
  }
}
.blog .content ul#filters, .category .content ul#filters {
  margin: 0;
  padding: 0;
}
.blog ul#filters li, .category ul#filters li {
  display: block;
}
.blog ul#filters li a, .category ul#filters li a {
  color: #193950;
  display: block;
  text-decoration: none;
}
.blog ul#filters li a:before, .category ul#filters li a:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #193950;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.blog ul#filters li a.active:before, .category ul#filters li a.active:before {
  background-color: #193950;
}
@media screen and (max-width: 850px) {
  .blog .filterbar ul#filters, .category .filterbar ul#filters {
    display: none;
  }
  .blog .filterbar select, .category .filterbar select {
    display: block;
    padding: 8px 25px 6px 10px;
    -webkit-appearance: none;
    color: #193950;
    border: 1px solid #193950;
    background: url("/wp-content/themes/giba/img/down-arrow.svg") no-repeat calc(100% - 10px) center;
    background-size: 25px;
  }
  .blog .filterbar select:focus, .category .filterbar select:focus {
    outline: 0;
  }
}

.post-type-archive-working_groups .working-group-hero-section {
  background: #193950;
  padding: 60px 60px 120px 60px;
}
@media screen and (max-width: 769px) {
  .post-type-archive-working_groups .working-group-hero-section {
    padding: 60px 0 120px 0;
  }
}
.post-type-archive-working_groups .working-group-hero-section h1 {
  color: #ffffff;
  text-align: center;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.post-type-archive-working_groups .working-group-hero-section h1:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block .image, .post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block svg, .post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block .lottie-animation {
  flex: 1;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block .image img, .post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block svg img, .post-type-archive-working_groups .working-group-hero-section .working-group-hero-slider-block .lottie-animation img {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
  }
}
.post-type-archive-working_groups .working-group-hero-section .inner-wrap {
  margin-top: 70px;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 80px;
}
@media screen and (max-width: 769px) {
  .post-type-archive-working_groups .working-group-hero-section .inner-wrap {
    padding: 0;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
}
.post-type-archive-working_groups .working-group-hero-section .text {
  flex: 1;
}
.post-type-archive-working_groups .working-group-hero-section .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 10px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .post-type-archive-working_groups .working-group-hero-section .text-wrap {
    padding: 15px;
  }
}
.post-type-archive-working_groups .working-group-hero-section .slick-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  position: absolute;
  bottom: 20px;
  right: 60px;
  transform: translate(-50%, 0%);
  cursor: pointer;
}
@media screen and (max-width: 769px) {
  .post-type-archive-working_groups .working-group-hero-section .slick-dots {
    left: 50%;
    bottom: -50px;
  }
}
.post-type-archive-working_groups .working-group-hero-section .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: none;
  border: 2px solid #ffffff;
  text-indent: -9999px;
}
.post-type-archive-working_groups .working-group-hero-section .slick-dots .slick-active button {
  background-color: #ffffff;
}
.post-type-archive-working_groups .find-out-more {
  text-transform: uppercase;
}
.post-type-archive-working_groups .working-groups-wrap-title {
  width: 550px;
  text-align: center;
  margin: -75px auto 0 auto;
  background-color: #ffffff;
  color: #193950;
  padding: 20px 20px 0 20px;
  border-radius: 30px 30px 0 0;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-working_groups .working-groups-wrap-title {
    width: 100%;
    margin: -49px auto 0 auto;
  }
}
.post-type-archive-working_groups .working-groups-wrap {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 75px 25px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-working_groups .working-groups-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-working_groups .working-groups-wrap {
    grid-template-columns: 1fr;
  }
}
.post-type-archive-working_groups .working-group-single-wrap {
  padding: 20px;
  border-radius: 30px;
  background-color: #193950;
  color: #ffffff;
  position: relative;
}
.post-type-archive-working_groups .working-group-single-wrap .image {
  margin-bottom: 10px;
}
.post-type-archive-working_groups .working-group-single-wrap .image img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.post-type-archive-working_groups .working-group-single-wrap .active-or-completed {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px 20px 0 0;
  background: #cd3d27;
  padding: 10px 20px;
}
.post-type-archive-working_groups .working-group-single-wrap .active-or-completed span {
  color: #ffffff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
}
.post-type-archive-working_groups .working-group-single-wrap a {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: underline;
  margin-bottom: 10px;
}
.post-type-archive-working_groups .working-group-single-wrap a svg path {
  fill: #cd3d27;
}
.post-type-archive-working_groups .working-group-single-wrap.active {
  background-color: #cd3d27;
}
.post-type-archive-working_groups .working-group-single-wrap.active p {
  color: #193950;
  margin-bottom: 15px;
}
.post-type-archive-working_groups .working-group-single-wrap.active a {
  color: #193950;
}
.post-type-archive-working_groups .working-group-single-wrap.active a svg path {
  fill: #193950;
}
.post-type-archive-working_groups .working-group-single-wrap.completed .active-or-completed {
  background-color: #193950;
}

.single-working_groups .working-groups-next-pre-post-navigation {
  padding: 20px 0;
}
.single-working_groups .working-groups-next-pre-post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 769px) {
  .single-working_groups .working-groups-next-pre-post-navigation .nav-links {
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }
}
.single-working_groups .working-groups-next-pre-post-navigation a {
  color: #193950;
}
.single-working_groups .active-or-completed {
  width: 100%;
  height: 32px;
  background-color: #cd3d27;
  text-align: center;
}
.single-working_groups .active-or-completed span {
  color: #ffffff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  border-radius: 20px 20px 0 0;
  background: #cd3d27;
  padding: 10px 20px;
  top: -25px;
  position: relative;
}
.single-working_groups .active-or-completed.completed {
  background-color: #193950;
}
.single-working_groups .active-or-completed.completed span {
  background-color: #193950;
}
.single-working_groups .single-working-group-title {
  background-color: #193950;
  padding: 80px 0;
}
.single-working_groups .single-working-group-title h1 {
  color: #ffffff;
  text-align: center;
  position: relative;
}
.single-working_groups .single-working-group-title h1:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.single-working_groups .site-main > div:nth-of-type(4) {
  padding: 0;
}

.post-type-archive-events .events-hub-hero {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.post-type-archive-events .events-hub-hero .events-hub-hero-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px 0;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .events-hub-hero .events-hub-hero-wrapper {
    flex-direction: column-reverse;
    gap: 25px;
    padding: 50px 0 20px 0;
  }
}
.post-type-archive-events .events-hub-hero .text {
  flex: 1;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.post-type-archive-events .events-hub-hero h1, .post-type-archive-events .events-hub-hero h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.post-type-archive-events .events-hub-hero h1:after, .post-type-archive-events .events-hub-hero h2:after {
  content: "";
  position: absolute;
  max-width: 270px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.post-type-archive-events .events-hub-hero .image, .post-type-archive-events .events-hub-hero svg, .post-type-archive-events .events-hub-hero .lottie-animation {
  flex: 1;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .post-type-archive-events .events-hub-hero .image img, .post-type-archive-events .events-hub-hero svg img, .post-type-archive-events .events-hub-hero .lottie-animation img {
    max-width: 300px;
  }
}
.post-type-archive-events .featured-events-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 25px;
  margin-top: 50px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .featured-events-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
  }
}
.post-type-archive-events .events-single-wrap {
  position: relative;
}
.post-type-archive-events .events-single-wrap .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.25%, #000 100%);
  border-radius: 12px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .events-single-wrap .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 100%);
  }
}
.post-type-archive-events .bg-image {
  border-radius: 12px;
  height: 490px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .bg-image {
    height: 345px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
}
.post-type-archive-events .overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  color: #ffffff;
}
.post-type-archive-events .overlay-content a {
  color: #ffffff;
}
.post-type-archive-events .event-featured {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px 20px 0 0;
  background: #cd3d27;
  padding: 10px 20px;
  color: #ffffff;
  z-index: -1;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .event-featured {
    width: 100%;
  }
}
.post-type-archive-events .events-archive-upcoming {
  margin-top: 20px;
}
.post-type-archive-events .events-archive-upcoming, .post-type-archive-events .events-archive-past {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 75px 25px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-events .events-archive-upcoming, .post-type-archive-events .events-archive-past {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
}
.post-type-archive-events .event-date {
  display: flex;
  gap: 10px;
}
.post-type-archive-events .event-date p {
  margin: 0;
}
.post-type-archive-events .event-location {
  margin: 5px 0;
  display: flex;
  gap: 10px;
}
.post-type-archive-events .event-location svg {
  margin-left: 3px;
}
.post-type-archive-events .find-out-more {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 10px;
  color: #193950;
}
.post-type-archive-events .find-out-more svg path {
  fill: #cd3d27;
}
.post-type-archive-events .find-out-more.featured {
  color: #ffffff !important;
}
.post-type-archive-events .image img {
  border-radius: 12px;
}
.post-type-archive-events h5 {
  margin-top: 10px;
}
.post-type-archive-events .past-events-title {
  margin-top: 50px;
}
.post-type-archive-events .events-archive-past {
  margin-bottom: 50px;
}

.single-events .single-event-wrapper {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.single-events .backtolink {
  display: flex;
  gap: 10px;
  padding-top: 30px;
}
.single-events .backtolink svg {
  transform: rotate(-180deg);
}
.single-events .event-wrapper {
  margin: 50px 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 90px;
}
@media screen and (max-width: 1000px) {
  .single-events .event-wrapper {
    flex-direction: column;
    margin: 50px 0;
  }
}
.single-events .event-wrapper h1 {
  color: #cd3d27;
}
.single-events .event-wrapper .left {
  flex: 1;
}
.single-events .event-wrapper .right {
  flex: 1;
}
.single-events .event-wrapper .right .right-inner {
  position: sticky;
  top: 50px;
}

.single-post .single-blog-wrapper {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
.single-post .backtolink {
  display: flex;
  gap: 10px;
  padding-top: 30px;
}
.single-post .backtolink svg {
  transform: rotate(-180deg);
}
.single-post .post-wrapper {
  margin: 50px 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 90px;
}
@media screen and (max-width: 1000px) {
  .single-post .post-wrapper {
    flex-direction: column;
    margin: 50px 0;
  }
}
.single-post .post-wrapper h1 {
  color: #cd3d27;
}
.single-post .post-wrapper .left {
  flex: 1;
}
.single-post .post-wrapper .right {
  flex: 1;
}
.single-post .post-wrapper .right .right-inner {
  position: sticky;
  top: 50px;
}
.single-post .post-wrapper .right .right-inner img {
  width: 100%;
}

.error404 .error-404 {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  padding: 50px 0;
}
.error404 .page-header {
  text-align: center;
}
.error404 .button-pink {
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.error404 .button-pink::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.error404 .button-pink:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.error404 .button-pink:hover::after {
  transform: translateX(5px);
}
.error404 .button-pink:active {
  background: #8f281b;
}
@media screen and (max-width: 769px) {
  .error404 .button-pink {
    width: 100%;
  }
}

@media screen and (max-width: 1400px) {
  .page-template-page-infographic h2 {
    font-size: clamp(1.5rem, 4vw, 6rem);
    line-height: normal;
  }
}
.page-template-page-infographic .container {
  max-width: 1942px;
  width: 100%;
}
.page-template-page-infographic .fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}
.page-template-page-infographic .fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.page-template-page-infographic .infographic-top-banner {
  background-color: #cd3d27;
  padding-top: 100px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .infographic-top-banner {
    padding-top: 50px;
  }
}
.page-template-page-infographic .infographic-top-banner .wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .page-template-page-infographic .infographic-top-banner .wrapper {
    gap: 10px;
    flex-direction: column-reverse;
  }
}
.page-template-page-infographic .infographic-top-banner .text h1 {
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  color: #ffffff;
}
.page-template-page-infographic .infographic-top-banner .text h1:after {
  content: "";
  position: absolute;
  max-width: 180px;
  width: 0%;
  background: #193950;
  height: 6px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  animation: linegrow 5.5s ease-out forwards;
}
.page-template-page-infographic .infographic-top-banner .text h4 {
  margin: 31px 0;
}
.page-template-page-infographic .infographic-top-banner .icon {
  max-width: 613px;
  width: 100%;
  margin-bottom: -10px;
}
@media screen and (max-width: 769px) {
  .page-template-page-infographic .infographic-top-banner .icon {
    max-width: 313px;
    height: 383px;
  }
}
.page-template-page-infographic .infographic-top-banner .icon svg {
  display: block;
}
@media screen and (max-width: 769px) {
  .page-template-page-infographic .infographic-top-banner .icon svg {
    width: 313px;
    height: 405px;
  }
}
.page-template-page-infographic .top-section-two {
  position: relative;
  padding-top: 100px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .top-section-two {
    padding-top: 10px;
  }
}
.page-template-page-infographic .top-section-two svg {
  display: block;
}
.page-template-page-infographic .top-section-two .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-template-page-infographic .top-section-two .overlay .overlay-text {
  top: 76%;
  left: 70%;
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 730px;
  width: 100%;
  padding-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .top-section-two .overlay .overlay-text {
    top: 91%;
    left: 62%;
    max-width: 250px;
  }
}
.page-template-page-infographic .top-section-two .overlay .overlay-text h2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .top-section-two .overlay .overlay-text h2 {
    font-size: 26px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .top-section-two .overlay .overlay-text h3 {
    font-size: 14px;
    line-height: normal;
  }
}
.page-template-page-infographic .top-section-two .section-white-overlay {
  overflow: hidden;
}
.page-template-page-infographic .top-section-two .white-reveal {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20.5%;
  background: white;
  z-index: 10;
  pointer-events: none;
  transition: height 1s ease;
}
.page-template-page-infographic .top-section-two .section-white-overlay.is-revealed .white-reveal {
  height: 0;
}
.page-template-page-infographic .main-gut .standout-text {
  background: #ffffff;
  border: 10px solid #cd3d27;
  border-radius: 54px;
  max-width: 600px !important;
  width: 100% !important;
  padding: 40px;
}
@media screen and (max-width: 1500px) {
  .page-template-page-infographic .main-gut .standout-text {
    padding: 10px;
  }
}
@media screen and (max-width: 1300px) {
  .page-template-page-infographic .main-gut .standout-text {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .main-gut .standout-text {
    top: 42% !important;
    left: 54% !important;
    max-width: 350px !important;
    width: 100% !important;
    display: block !important;
  }
}
.page-template-page-infographic .main-gut .standout-text h6 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  .page-template-page-infographic .main-gut .standout-text h6 {
    margin-bottom: 10px;
  }
}
.page-template-page-infographic .main-gut .standout-text h4 {
  color: #cd3d27;
}
@media screen and (max-width: 1500px) {
  .page-template-page-infographic .main-gut .standout-text h4 {
    font-size: clamp(1.4rem, 5vw, 2.5rem);
  }
}
.page-template-page-infographic .main-gut svg {
  display: block;
}
.page-template-page-infographic .main-gut .svg-container {
  position: relative;
  width: 100%;
}
.page-template-page-infographic .main-gut .svg-container svg {
  width: 100%;
  height: 100%;
  display: block;
  margin: -1px 0;
}
@media screen and (max-width: 769px) {
  .page-template-page-infographic .main-gut .svg-container svg {
    width: unset;
    height: unset;
    height: unset;
  }
}
.page-template-page-infographic .main-gut .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-template-page-infographic .main-gut .overlay .mini {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 7%;
  height: auto;
  cursor: pointer;
}
.page-template-page-infographic .main-gut .overlay .overlay-text,
.page-template-page-infographic .main-gut .overlay .section-text-left {
  position: absolute;
  transform: translate(-50%, -50%);
  max-width: 360px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .page-template-page-infographic .main-gut .overlay .overlay-text,
.page-template-page-infographic .main-gut .overlay .section-text-left {
    width: 260px;
  }
}
.page-template-page-infographic .main-gut .overlay .section-text-left h2 {
  font-weight: 700;
  font-size: 80px;
  font-size: clamp(2rem, 3vw, 6rem);
  line-height: 100%;
  letter-spacing: -3%;
  color: #BBB7C8;
  position: relative;
}
.page-template-page-infographic .main-gut .overlay .section-text-left h2::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 10px;
  background-color: #BBB7C8;
}
@media screen and (max-width: 1400px) {
  .page-template-page-infographic .main-gut .overlay .section-text-left h2::after {
    height: 5px;
    width: 100px;
  }
}
.page-template-page-infographic .bottom-section {
  background-color: #193950;
}
.page-template-page-infographic .bottom-section .inner-wrap {
  padding: 200px 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .bottom-section .inner-wrap {
    padding: 100px 0;
  }
}
.page-template-page-infographic .bottom-section .container {
  position: relative;
}
.page-template-page-infographic .bottom-section .text-block {
  text-align: center;
  padding: 200px 0;
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .bottom-section .text-block {
    padding: 100px 0;
  }
}
.page-template-page-infographic .bottom-section .text-block h2 {
  color: #ffffff;
  position: relative;
  font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -2%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .bottom-section .text-block h2 {
    font-size: 30px;
    line-height: normal;
  }
}
.page-template-page-infographic .bottom-section .text-block h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 5px;
  background-color: #cd3d27;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .bottom-section .text-block h2::after {
    width: 135px;
    height: 3px;
  }
}
.page-template-page-infographic .bottom-section .text-block h4 {
  color: #cd3d27;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -2%;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .bottom-section .text-block h4 {
    font-size: 20px;
    line-height: normal;
  }
}
.page-template-page-infographic .bottom-section .text-block .button {
  margin-top: 30px;
  background: #cd3d27;
  color: #193950;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.page-template-page-infographic .bottom-section .text-block .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #193950;
  transition: transform 0.3s ease;
}
.page-template-page-infographic .bottom-section .text-block .button:hover {
  background: #b93420;
  transition: all 0.3s ease;
  text-decoration: none;
}
.page-template-page-infographic .bottom-section .text-block .button:hover::after {
  transform: translateX(5px);
}
.page-template-page-infographic .bottom-section .text-block .button:active {
  background: #8f281b;
}
.page-template-page-infographic .bottom-section .microbes {
  position: absolute;
  height: 100%;
  width: 10%;
  top: 0;
}
@media screen and (max-width: 1400px) {
  .page-template-page-infographic .bottom-section .microbes {
    display: none !important;
  }
}
.page-template-page-infographic .bottom-section .microbes.left {
  left: 100px;
}
.page-template-page-infographic .bottom-section .microbes.right {
  right: 100px;
}
.page-template-page-infographic .bottom-section .microbes svg {
  margin: 10px 0;
  animation: float 3s ease-in-out infinite;
}
.page-template-page-infographic .bottom-section .microbes svg:nth-child(1) {
  animation-duration: 3s;
  animation-delay: 0s; /* No delay for the first image */
}
.page-template-page-infographic .bottom-section .microbes svg:nth-child(2) {
  animation-duration: 3.2s;
  animation-delay: 0.2s;
  top: 50px;
  position: absolute;
  right: 0;
}
.page-template-page-infographic .bottom-section .microbes svg:nth-child(3) {
  animation-duration: 2.8s;
  animation-delay: 0.4s;
  bottom: 0;
  position: absolute;
}
.page-template-page-infographic .bottom-section .microbes svg:nth-child(4) {
  animation-duration: 3.5s;
  animation-delay: 0.6s;
  right: 0;
  position: absolute;
  bottom: 0;
}
@keyframes float {
  0% {
    transform: translateY(0); /* Starting position */
  }
  50% {
    transform: translateY(-10px); /* Move up */
  }
  100% {
    transform: translateY(0); /* Return to starting position */
  }
}
.page-template-page-infographic .overlay .mini {
  animation: float 3s ease-in-out infinite;
  transform: translateY(0);
}
.page-template-page-infographic .overlay .mini:nth-child(1) {
  animation-duration: 3s;
  animation-delay: 0s; /* No delay for the first image */
}
.page-template-page-infographic .overlay .mini:nth-child(2) {
  animation-duration: 3.2s;
  animation-delay: 0.2s;
}
.page-template-page-infographic .overlay .mini:nth-child(3) {
  animation-duration: 2.8s;
  animation-delay: 0.4s;
}
.page-template-page-infographic .overlay .mini:nth-child(4) {
  animation-duration: 3.5s;
  animation-delay: 0.6s;
}
.page-template-page-infographic .overlay .mini:nth-child(5) {
  animation-duration: 3s;
  animation-delay: 0.1s;
}
.page-template-page-infographic .overlay .mini:nth-child(6) {
  animation-duration: 2s;
  animation-delay: 0.3s;
}
.page-template-page-infographic .overlay .mini:nth-child(7) {
  animation-duration: 3s;
  animation-delay: 0.1s;
}
.page-template-page-infographic .overlay .mini:nth-child(8) {
  animation-duration: 3.4s;
  animation-delay: 0.5s;
}
.page-template-page-infographic .overlay .mini:nth-child(9) {
  animation-duration: 3.6s;
  animation-delay: 0.2s;
}
.page-template-page-infographic .overlay .mini:nth-child(10) {
  animation-duration: 2.6s;
  animation-delay: 0.2s;
}
@keyframes float {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-48%, -46%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.page-template-page-infographic .popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.page-template-page-infographic .popup .wrap {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px 0;
}
@media screen and (max-width: 769px) {
  .page-template-page-infographic .popup .wrap {
    flex-direction: column;
  }
}
.page-template-page-infographic .popup .wrap .text {
  flex: 1;
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #000;
}
.page-template-page-infographic .popup .wrap .img {
  flex: 1;
  text-align: center;
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .popup .wrap .img {
    max-width: 150px;
  }
}
.page-template-page-infographic .popup .wrap .img img {
  display: block;
}
.page-template-page-infographic .popup .wrap h2 {
  position: relative;
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 30px;
}
.page-template-page-infographic .popup .wrap h2:after {
  content: "";
  position: absolute;
  max-width: 200px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.page-template-page-infographic .popup .wrap .button {
  background: #193950;
  color: #ffffff;
  display: inline-block;
  border-radius: 25px;
  padding: 12px 20px 10px 20px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.page-template-page-infographic .popup .wrap .button::after {
  content: url("img/right-arrow.svg");
  left: 6px;
  position: relative;
  top: 2px;
  content: "";
  mask: url(img/right-arrow.svg) no-repeat 100% 100%;
  mask-size: cover;
  width: 17px;
  height: 12px;
  display: inline-block;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
.page-template-page-infographic .popup .wrap .button:hover {
  background: #0e0826;
  transition: all 0.3s ease;
  text-decoration: none;
}
.page-template-page-infographic .popup .wrap .button:hover::after {
  transform: translateX(5px);
}
.page-template-page-infographic .popup .wrap .button:active {
  background: black;
}
.page-template-page-infographic .popup .popup-content {
  position: relative;
  background: #fff;
  width: 95%;
  margin: 20px auto;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  overflow: scroll;
  border: 10px solid #cd3d27;
  border-radius: 30px;
  overflow: scroll;
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .popup .popup-content {
    width: 95%;
    top: 50px;
    margin: 0 auto;
  }
}
.page-template-page-infographic .popup .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  cursor: pointer;
}
.page-template-page-infographic .popup .icon {
  cursor: pointer;
}
.page-template-page-infographic .mini {
  --radius: 40px;
  --wobbleX: 4px;
  --wobbleY: 6px;
  --duration: 12s;
  --delay: 0s;
  --start: 0deg;
  --scale: 1;
}
.page-template-page-infographic .mini::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  transform-origin: center;
  animation: orbit var(--duration) ease-in-out var(--delay) infinite;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (min-width: 1300px) {
  .page-template-page-infographic .mini::after {
    width: 60%;
    height: 60%;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-page-infographic .mini::after {
    width: 30px;
    height: 30px;
  }
}
@keyframes orbit {
  from {
    transform: translate(-50%, -50%) rotate(var(--start)) translateX(var(--radius)) rotate(calc(var(--start) * -1)) scale(var(--scale));
  }
  25% {
    transform: translate(-50%, -50%) rotate(calc(var(--start) + 90deg)) translateX(calc(var(--radius) + var(--wobbleX))) translateY(calc(var(--wobbleY) * -1)) rotate(calc((var(--start) + 90deg) * -1)) scale(calc(var(--scale) + 0.04));
  }
  50% {
    transform: translate(-50%, -50%) rotate(calc(var(--start) + 180deg)) translateX(calc(var(--radius) - var(--wobbleX))) translateY(var(--wobbleY)) rotate(calc((var(--start) + 180deg) * -1)) scale(calc(var(--scale) - 0.03));
  }
  75% {
    transform: translate(-50%, -50%) rotate(calc(var(--start) + 270deg)) translateX(calc(var(--radius) + var(--wobbleX))) translateY(calc(var(--wobbleY) * -0.5)) rotate(calc((var(--start) + 270deg) * -1)) scale(calc(var(--scale) + 0.02));
  }
  to {
    transform: translate(-50%, -50%) rotate(calc(var(--start) + 360deg)) translateX(var(--radius)) rotate(calc((var(--start) + 360deg) * -1)) scale(var(--scale));
  }
}
.page-template-page-infographic .icon1 {
  --radius: 38px;
  --duration: 10.7s;
  --delay: -2.1s;
  --start: 25deg;
}
.page-template-page-infographic .icon1::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/EEC%20Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease-in-out;
}
.page-template-page-infographic .icon2 {
  --radius: 43px;
  --duration: 13.5s;
  --delay: -7.2s;
  --start: 110deg;
  animation-direction: reverse;
}
.page-template-page-infographic .icon2::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Enterocyte Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.page-template-page-infographic .icon3 {
  --radius: 36px;
  --duration: 11.2s;
  --delay: -4s;
  --start: 220deg;
}
.page-template-page-infographic .icon3::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Goblet Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: cubic-bezier(0.55, 0.08, 0.68, 0.53);
}
.page-template-page-infographic .icon4 {
  --radius: 45px;
  --duration: 14.1s;
  --delay: -9.5s;
  --start: 300deg;
}
.page-template-page-infographic .icon4::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Paneth Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.page-template-page-infographic .icon5 {
  --radius: 41px;
  --duration: 9.8s;
  --delay: -6.3s;
  --start: 70deg;
  --wobbleX: 2px;
  --wobbleY: 7px;
}
.page-template-page-infographic .icon5::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Tuft Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease;
}
.page-template-page-infographic .icon6 {
  --radius: 47px;
  --duration: 15.2s;
  --delay: -11.1s;
  --start: 155deg;
  --wobbleX: 6px;
  --wobbleY: 3px;
}
.page-template-page-infographic .icon6::after {
  animation-direction: reverse;
  background: url("/wp-content/themes/giba/img/infographic/cells/M Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease-in-out;
}
.page-template-page-infographic .icon7 {
  --radius: 35px;
  --duration: 11.4s;
  --delay: -3.8s;
  --start: 250deg;
  --wobbleX: 5px;
  --wobbleY: 5px;
  --scale: .97;
}
.page-template-page-infographic .icon7::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Enteric Neuron Cell.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.4, 0.96);
}
.page-template-page-infographic .icon8 {
  --radius: 44px;
  --duration: 13.8s;
  --delay: -9.7s;
  --start: 330deg;
  --wobbleX: 3px;
  --wobbleY: 8px;
}
.page-template-page-infographic .icon8::after {
  animation-direction: reverse;
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 1.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease-out;
}
.page-template-page-infographic .icon9 {
  --radius: 39px;
  --duration: 10.9s;
  --delay: -5.2s;
  --start: 18deg;
  --wobbleX: 7px;
  --wobbleY: 4px;
  --scale: 1.03;
}
.page-template-page-infographic .icon9::after {
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 2.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
}
.page-template-page-infographic .icon10 {
  --radius: 49px;
  --duration: 16.3s;
  --delay: -13.5s;
  --start: 285deg;
  --wobbleX: 4px;
  --wobbleY: 6px;
  --scale: .99;
}
.page-template-page-infographic .icon10::after {
  animation-direction: reverse;
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 3.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease-in;
}
.page-template-page-infographic .icon11 {
  --radius: 37px;
  --duration: 10.3s;
  --delay: -2.7s;
  --start: 48deg;
  --wobbleX: 6px;
  --wobbleY: 3px;
  --scale: 1.02;
}
.page-template-page-infographic .icon11::after {
  animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 2.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon12 {
  --radius: 45px;
  --duration: 14.6s;
  --delay: -8.9s;
  --start: 172deg;
  --wobbleX: 2px;
  --wobbleY: 7px;
  --scale: .98;
}
.page-template-page-infographic .icon12::after {
  animation-direction: reverse;
  animation-timing-function: ease-out;
  background: url("/wp-content/themes/giba/img/infographic/cells/Macrophages Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon13 {
  --radius: 34px;
  --duration: 9.4s;
  --delay: -6.5s;
  --start: 315deg;
  --wobbleX: 7px;
  --wobbleY: 4px;
  --scale: 1.01;
}
.page-template-page-infographic .icon13::after {
  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/T Reg Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon14 {
  --radius: 42px;
  --duration: 12.8s;
  --delay: -10.8s;
  --start: 92deg;
  --wobbleX: 5px;
  --wobbleY: 8px;
  --scale: .96;
}
.page-template-page-infographic .icon14::after {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.55, 0.1, 0.35, 0.95);
  background: url("/wp-content/themes/giba/img/infographic/cells/Teff Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon15 {
  --radius: 50px;
  --duration: 15.5s;
  --delay: -4.1s;
  --start: 238deg;
  --wobbleX: 3px;
  --wobbleY: 5px;
  --scale: 1.04;
}
.page-template-page-infographic .icon15::after {
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/ILCs Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon16 {
  --radius: 36px;
  --duration: 11.7s;
  --delay: -12.2s;
  --start: 135deg;
  --wobbleX: 4px;
  --wobbleY: 7px;
  --scale: .97;
}
.page-template-page-infographic .icon16::after {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/Enteric Neuron Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon17 {
  --radius: 48px;
  --duration: 13.1s;
  --delay: -1.8s;
  --start: 348deg;
  --wobbleX: 6px;
  --wobbleY: 2px;
  --scale: 1.03;
}
.page-template-page-infographic .icon17::after {
  animation-timing-function: ease-in-out;
  background: url("/wp-content/themes/giba/img/infographic/cells/Enteric Glia Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon18 {
  --radius: 40px;
  --duration: 9.9s;
  --delay: -7.6s;
  --start: 205deg;
  --wobbleX: 2px;
  --wobbleY: 6px;
  --scale: .99;
}
.page-template-page-infographic .icon18::after {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/Tconv Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon19 {
  --radius: 46px;
  --duration: 15.9s;
  --delay: -9.4s;
  --start: 62deg;
  --wobbleX: 7px;
  --wobbleY: 5px;
  --scale: 1.01;
}
.page-template-page-infographic .icon19::after {
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/Enteric Glia Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon20 {
  --radius: 33px;
  --duration: 10.8s;
  --delay: -5.7s;
  --start: 278deg;
  --wobbleX: 5px;
  --wobbleY: 8px;
  --scale: .95;
}
.page-template-page-infographic .icon20::after {
  animation-direction: reverse;
  animation-timing-function: ease-out;
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 1.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon21 {
  --radius: 45px;
  --duration: 14.6s;
  --delay: -8.9s;
  --start: 172deg;
  --wobbleX: 2px;
  --wobbleY: 7px;
  --scale: .98;
}
.page-template-page-infographic .icon21::after {
  animation-direction: reverse;
  animation-timing-function: ease-out;
  background: url("/wp-content/themes/giba/img/infographic/cells/Colonocyte Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon22 {
  --radius: 49px;
  --duration: 16.3s;
  --delay: -13.5s;
  --start: 285deg;
  --wobbleX: 4px;
  --wobbleY: 6px;
  --scale: .99;
}
.page-template-page-infographic .icon22::after {
  animation-direction: reverse;
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 1.svg") no-repeat center;
  background-size: contain;
  animation-timing-function: ease-in;
}
.page-template-page-infographic .icon23 {
  --radius: 40px;
  --duration: 9.9s;
  --delay: -7.6s;
  --start: 205deg;
  --wobbleX: 2px;
  --wobbleY: 6px;
  --scale: .99;
}
.page-template-page-infographic .icon23::after {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  background: url("/wp-content/themes/giba/img/infographic/cells/Nerve 2.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic .icon24 {
  --radius: 48px;
  --duration: 13.1s;
  --delay: -1.8s;
  --start: 348deg;
  --wobbleX: 6px;
  --wobbleY: 2px;
  --scale: 1.03;
}
.page-template-page-infographic .icon24::after {
  animation-timing-function: ease-in-out;
  background: url("/wp-content/themes/giba/img/infographic/cells/Mast Cell.svg") no-repeat center;
  background-size: contain;
}
.page-template-page-infographic #info-back-to-top-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF9800;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.page-template-page-infographic #info-back-to-top-button:hover {
  cursor: pointer;
  background-color: #333;
}
.page-template-page-infographic #info-back-to-top-button:active {
  background-color: #555;
}
.page-template-page-infographic #info-back-to-top-button.show {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1000px) {
  .desktop-parts {
    display: none;
  }
}

.mobile-parts {
  display: none;
}
@media screen and (max-width: 1000px) {
  .mobile-parts {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .mobile-left-lumen-title {
    top: 10% !important;
    left: 28% !important;
  }
  .mobile-left-lumen-title h2 {
    margin-top: 20px !important;
  }
}

.mobile-left-lumen-text {
  max-width: 200px !important;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .mobile-left-lumen-text {
    top: 12% !important;
    left: 30% !important;
    max-width: 200px !important;
    width: 100% !important;
  }
  .mobile-left-lumen-text p {
    font-size: clamp(1.2rem, 3vw, 1.8rem) !important;
    line-height: normal !important;
  }
}

@media screen and (max-width: 1000px) {
  .mobile-gut-wall-title {
    top: 23% !important;
  }
  .mobile-gut-wall-title h5 {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .mobile-lsz-text {
    top: 29% !important;
    left: 58% !important;
    max-width: 148px !important;
    width: 100% !important;
  }
  .mobile-lsz-text h5 {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 1000px) {
  .mobile-ncl-text {
    top: 35% !important;
    left: 73% !important;
    max-width: 150px !important;
  }
  .mobile-ncl-text h5 {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-title {
    top: 63% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .duodenum-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .duodenum-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon1 {
    top: 75% !important;
    left: 16% !important;
  }
  .duodenum-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon5 {
    top: 79% !important;
    left: 16% !important;
  }
  .duodenum-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon4 {
    top: 83% !important;
    left: 16% !important;
  }
  .duodenum-icon4 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon6 {
    top: 87% !important;
    left: 16% !important;
  }
  .duodenum-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon3 {
    top: 91% !important;
    left: 16% !important;
  }
  .duodenum-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon2 {
    top: 95% !important;
    left: 16% !important;
  }
  .duodenum-icon2 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon7 {
    top: 70% !important;
    left: 46% !important;
  }
  .duodenum-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon8 {
    top: 74% !important;
    left: 46% !important;
  }
  .duodenum-icon8 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon11 {
    top: 78% !important;
    left: 46% !important;
  }
  .duodenum-icon11 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon10 {
    top: 82% !important;
    left: 46% !important;
  }
  .duodenum-icon10 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon12 {
    top: 86% !important;
    left: 46% !important;
  }
  .duodenum-icon12 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon13 {
    top: 90% !important;
    left: 46% !important;
  }
  .duodenum-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon24 {
    top: 94% !important;
    left: 46% !important;
  }
  .duodenum-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon14 {
    top: 98% !important;
    left: 46% !important;
  }
  .duodenum-icon14 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon15 {
    top: 100% !important;
    left: 46% !important;
    margin-top: 50px !important;
  }
  .duodenum-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon16 {
    top: 80% !important;
    left: 74% !important;
  }
  .duodenum-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon17 {
    top: 84% !important;
    left: 74% !important;
  }
  .duodenum-icon17 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon8-right {
    top: 88% !important;
    left: 74% !important;
  }
  .duodenum-icon8-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon11-right {
    top: 92% !important;
    left: 74% !important;
  }
  .duodenum-icon11-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .duodenum-icon10-right {
    top: 97% !important;
    left: 74% !important;
  }
  .duodenum-icon10-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-title {
    top: -43% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .jejunum-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .jejunum-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon1 {
    top: 0% !important;
    left: 16% !important;
  }
  .jejunum-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon2 {
    top: 14% !important;
    left: 16% !important;
  }
  .jejunum-icon2 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon3 {
    top: 28% !important;
    left: 16% !important;
  }
  .jejunum-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon4 {
    top: 42% !important;
    left: 16% !important;
  }
  .jejunum-icon4 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon5 {
    top: 56% !important;
    left: 16% !important;
  }
  .jejunum-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon6 {
    top: 70% !important;
    left: 16% !important;
  }
  .jejunum-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon7 {
    top: -20% !important;
    left: 47% !important;
  }
  .jejunum-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon8 {
    top: -5% !important;
    left: 47% !important;
  }
  .jejunum-icon8 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon9 {
    top: 10% !important;
    left: 47% !important;
  }
  .jejunum-icon9 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon10 {
    top: 25% !important;
    left: 47% !important;
  }
  .jejunum-icon10 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon12 {
    top: 40% !important;
    left: 47% !important;
  }
  .jejunum-icon12 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon13 {
    top: 55% !important;
    left: 47% !important;
  }
  .jejunum-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon18 {
    top: 70% !important;
    left: 47% !important;
  }
  .jejunum-icon18 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon24 {
    top: 85% !important;
    left: 47% !important;
  }
  .jejunum-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon15 {
    top: 100% !important;
    left: 47% !important;
  }
  .jejunum-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon16 {
    top: 0% !important;
    left: 75% !important;
  }
  .jejunum-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon19 {
    top: 15% !important;
    left: 75% !important;
  }
  .jejunum-icon19 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon20 {
    top: 30% !important;
    left: 75% !important;
  }
  .jejunum-icon20 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon9-right {
    top: 45% !important;
    left: 75% !important;
  }
  .jejunum-icon9-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .jejunum-icon10-right {
    top: 60% !important;
    left: 75% !important;
  }
  .jejunum-icon10-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-title {
    top: -43% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .ileum-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .ileum-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon1 {
    top: 0% !important;
    left: 16% !important;
  }
  .ileum-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon2 {
    top: 14% !important;
    left: 16% !important;
  }
  .ileum-icon2 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon3 {
    top: 28% !important;
    left: 16% !important;
  }
  .ileum-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon4 {
    top: 42% !important;
    left: 16% !important;
  }
  .ileum-icon4 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon5 {
    top: 56% !important;
    left: 16% !important;
  }
  .ileum-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon6 {
    top: 70% !important;
    left: 16% !important;
  }
  .ileum-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon7 {
    top: -20% !important;
    left: 47% !important;
  }
  .ileum-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon8 {
    top: -5% !important;
    left: 47% !important;
  }
  .ileum-icon8 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon9 {
    top: 10% !important;
    left: 47% !important;
  }
  .ileum-icon9 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon10 {
    top: 25% !important;
    left: 47% !important;
  }
  .ileum-icon10 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon12 {
    top: 40% !important;
    left: 47% !important;
  }
  .ileum-icon12 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon13 {
    top: 55% !important;
    left: 47% !important;
  }
  .ileum-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon18 {
    top: 70% !important;
    left: 47% !important;
  }
  .ileum-icon18 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon24 {
    top: 85% !important;
    left: 47% !important;
  }
  .ileum-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon15 {
    top: 100% !important;
    left: 47% !important;
  }
  .ileum-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon16 {
    top: 0% !important;
    left: 75% !important;
  }
  .ileum-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon19 {
    top: 15% !important;
    left: 75% !important;
  }
  .ileum-icon19 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon20 {
    top: 30% !important;
    left: 75% !important;
  }
  .ileum-icon20 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon9-right {
    top: 45% !important;
    left: 75% !important;
  }
  .ileum-icon9-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .ileum-icon10-right {
    top: 60% !important;
    left: 75% !important;
  }
  .ileum-icon10-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-title {
    top: -43% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .proximal-colon-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .proximal-colon-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon1 {
    top: 0% !important;
    left: 16% !important;
  }
  .proximal-colon-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon21 {
    top: 14% !important;
    left: 16% !important;
  }
  .proximal-colon-icon21 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon3 {
    top: 28% !important;
    left: 16% !important;
  }
  .proximal-colon-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon4 {
    top: 42% !important;
    left: 16% !important;
  }
  .proximal-colon-icon4 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon5 {
    top: 56% !important;
    left: 16% !important;
  }
  .proximal-colon-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon6 {
    top: 70% !important;
    left: 16% !important;
  }
  .proximal-colon-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon7 {
    top: -20% !important;
    left: 47% !important;
  }
  .proximal-colon-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon20 {
    top: -5% !important;
    left: 47% !important;
  }
  .proximal-colon-icon20 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon9 {
    top: 10% !important;
    left: 47% !important;
  }
  .proximal-colon-icon9 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon10 {
    top: 25% !important;
    left: 47% !important;
  }
  .proximal-colon-icon10 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon12 {
    top: 40% !important;
    left: 47% !important;
  }
  .proximal-colon-icon12 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon13 {
    top: 55% !important;
    left: 47% !important;
  }
  .proximal-colon-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon18 {
    top: 70% !important;
    left: 47% !important;
  }
  .proximal-colon-icon18 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon24 {
    top: 85% !important;
    left: 47% !important;
  }
  .proximal-colon-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon15 {
    top: 100% !important;
    left: 47% !important;
  }
  .proximal-colon-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon16 {
    top: 0% !important;
    left: 75% !important;
  }
  .proximal-colon-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon19 {
    top: 15% !important;
    left: 75% !important;
  }
  .proximal-colon-icon19 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon20-right {
    top: 30% !important;
    left: 75% !important;
  }
  .proximal-colon-icon20-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon9-right {
    top: 45% !important;
    left: 75% !important;
  }
  .proximal-colon-icon9-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .proximal-colon-icon10-right {
    top: 60% !important;
    left: 75% !important;
  }
  .proximal-colon-icon10-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-title {
    top: -43% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .distal-colon-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .distal-colon-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon1 {
    top: 0% !important;
    left: 16% !important;
  }
  .distal-colon-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon21 {
    top: 14% !important;
    left: 16% !important;
  }
  .distal-colon-icon21 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon3 {
    top: 28% !important;
    left: 16% !important;
  }
  .distal-colon-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon5 {
    top: 42% !important;
    left: 16% !important;
  }
  .distal-colon-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon6 {
    top: 56% !important;
    left: 16% !important;
  }
  .distal-colon-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon7 {
    top: -20% !important;
    left: 47% !important;
  }
  .distal-colon-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon22 {
    top: -5% !important;
    left: 47% !important;
  }
  .distal-colon-icon22 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon9 {
    top: 10% !important;
    left: 47% !important;
  }
  .distal-colon-icon9 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon12 {
    top: 25% !important;
    left: 47% !important;
  }
  .distal-colon-icon12 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon13 {
    top: 40% !important;
    left: 47% !important;
  }
  .distal-colon-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon24 {
    top: 55% !important;
    left: 47% !important;
  }
  .distal-colon-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon18 {
    top: 70% !important;
    left: 47% !important;
  }
  .distal-colon-icon18 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon15 {
    top: 85% !important;
    left: 47% !important;
  }
  .distal-colon-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon16 {
    top: 0% !important;
    left: 75% !important;
  }
  .distal-colon-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon19 {
    top: 15% !important;
    left: 75% !important;
  }
  .distal-colon-icon19 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon22-right {
    top: 30% !important;
    left: 75% !important;
  }
  .distal-colon-icon22-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .distal-colon-icon9-right {
    top: 45% !important;
    left: 75% !important;
  }
  .distal-colon-icon9-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-title {
    top: -31% !important;
    left: 12% !important;
    width: 90px !important;
  }
  .rectum-title h2 {
    font-size: clamp(1.6rem, 2vw, 6rem) !important;
  }
  .rectum-title h2::after {
    height: 3px !important;
    width: 30px !important;
    bottom: -8px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon1 {
    top: 0% !important;
    left: 16% !important;
  }
  .rectum-icon1 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon21 {
    top: 10% !important;
    left: 16% !important;
  }
  .rectum-icon21 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon3 {
    top: 20% !important;
    left: 16% !important;
  }
  .rectum-icon3 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon5 {
    top: 30% !important;
    left: 16% !important;
  }
  .rectum-icon5 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon6 {
    top: 40% !important;
    left: 16% !important;
  }
  .rectum-icon6 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon7 {
    top: -13% !important;
    left: 47% !important;
  }
  .rectum-icon7 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon22 {
    top: -2% !important;
    left: 47% !important;
  }
  .rectum-icon22 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon23 {
    top: 10% !important;
    left: 47% !important;
  }
  .rectum-icon23 svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon12 {
    top: 21% !important;
    left: 47% !important;
  }
  .rectum-icon12 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon24 {
    top: 32% !important;
    left: 47% !important;
  }
  .rectum-icon24 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon13 {
    top: 42% !important;
    left: 47% !important;
  }
  .rectum-icon13 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon18 {
    top: 53% !important;
    left: 47% !important;
  }
  .rectum-icon18 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon15 {
    top: 63% !important;
    left: 47% !important;
  }
  .rectum-icon15 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon16 {
    top: 0% !important;
    left: 75% !important;
  }
  .rectum-icon16 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon19 {
    top: 10% !important;
    left: 75% !important;
  }
  .rectum-icon19 svg {
    width: 90px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon22-right {
    top: 22% !important;
    left: 75% !important;
  }
  .rectum-icon22-right svg {
    width: 80px !important;
  }
}

@media screen and (max-width: 1000px) {
  .rectum-icon23-right {
    top: 35% !important;
    left: 75% !important;
  }
  .rectum-icon23-right svg {
    width: 80px !important;
  }
}

.single-cells_nerves .single-cell-nerve-top {
  background: url('data:image/svg+xml;utf8,<svg width="1911" height="371" viewBox="0 0 1911 371" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M1383 81C964 81 939 371 520 371C101 371 -12 79 -12 79V0H1910.46V81H1383Z" fill="%231B0F48"/></svg>');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-color: #193950;
}
.single-cells_nerves .single-cell-nerve-top .wrap {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px 0;
}
@media screen and (max-width: 769px) {
  .single-cells_nerves .single-cell-nerve-top .wrap {
    flex-direction: column;
  }
}
.single-cells_nerves .single-cell-nerve-top .wrap .text {
  flex: 1;
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}
.single-cells_nerves .single-cell-nerve-top .wrap .img {
  flex: 1;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .single-cells_nerves .single-cell-nerve-top .wrap .img {
    max-width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .single-cells_nerves .single-cell-nerve-top .wrap .img {
    max-width: 150px;
  }
}
.single-cells_nerves .single-cell-nerve-top .wrap .img img {
  display: block;
}
.single-cells_nerves .single-cell-nerve-top .wrap h1 {
  position: relative;
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 30px;
}
.single-cells_nerves .single-cell-nerve-top .wrap h1:after {
  content: "";
  position: absolute;
  max-width: 200px;
  width: 0%; /* Start with no width */
  background: #cd3d27;
  height: 4px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); /* Keep it centered */
  animation: linegrow 1.5s ease-out forwards; /* Animation on load */
}
.single-cells_nerves .top-gradient {
  height: 250px;
  background: linear-gradient(180deg, rgb(27, 15, 72) 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
  z-index: 1;
}
.single-cells_nerves .scroller-info {
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  top: -150px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  .single-cells_nerves .scroller-info {
    top: -200px;
  }
}
.single-cells_nerves .scroller-info .container {
  position: relative;
  width: 100%;
}
.single-cells_nerves .scroller-info a {
  color: #ffffff;
  position: absolute;
  left: 0;
  font-weight: bold;
  top: -60px;
  margin-left: 40px;
}
.single-cells_nerves .scroller-info h3 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  padding-left: 100px;
}
@media screen and (max-width: 769px) {
  .single-cells_nerves .scroller-info h3 {
    padding-left: 0;
  }
}
.single-cells_nerves .timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
  margin-top: -200px;
  margin-bottom: 50px;
}
.single-cells_nerves .timeline-line {
  position: absolute;
  left: 0%;
  top: 0;
  width: 27px;
  height: 100%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='100%' viewBox='0 0 27 1215' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94238 110.502C5.94238 110.502 5.95176 110.484 5.95645 110.479C6.61773 109.475 7.31185 108.513 8.02472 107.584C9.39418 105.796 10.834 104.121 12.2644 102.455C14.8064 99.494 17.2827 96.6034 19.2806 93.2155C19.9231 92.1362 20.5093 91.0054 21.0393 89.8088C22.6855 86.0501 23.7173 81.6158 23.7173 75.9332H27.0002C27.0002 83.23 25.4056 88.692 23.0513 93.2202C22.4275 94.4168 21.7522 95.5476 21.0393 96.6269C19.1164 99.5503 16.9122 102.117 14.736 104.651C13.0899 106.57 11.4671 108.461 9.98042 110.479C9.97573 110.479 9.97104 110.493 9.96635 110.502H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 34.5504H27C27 48.9891 20.7671 56.2483 14.7358 63.2729C8.84523 70.1332 3.28296 76.6088 3.28296 89.7899H0C0 75.3512 6.23293 68.0873 12.2642 61.0674C18.1548 54.2071 23.717 47.7315 23.717 34.5504Z' fill='%236156A0'/%3E%3Cpath d='M0 89.79H3.28296C3.28296 97.5748 5.2246 103.018 8.02449 107.584C8.63887 108.588 9.29547 109.55 9.9802 110.479C9.98489 110.488 9.99427 110.493 9.99427 110.502H5.9703C5.9703 110.502 5.95623 110.488 5.95623 110.479C2.54195 105.308 0 99.0154 0 89.79Z' fill='%236156A0'/%3E%3Cpath d='M0 55.2629C0 47.9661 1.58989 42.5041 3.94424 37.9759C4.568 36.7747 5.24336 35.6391 5.96092 34.5598C7.88848 31.6411 10.0881 29.0744 12.2642 26.5404C14.8108 23.5701 17.2918 20.6796 19.2944 17.2869C19.9369 16.203 20.5232 15.0721 21.0485 13.8708C22.6899 10.1169 23.717 5.69191 23.717 0.0234375H27C27 7.30611 25.4148 12.7634 23.0604 17.2822C22.4414 18.4835 21.766 19.6191 21.0485 20.6983C19.1209 23.6311 16.9166 26.2026 14.7358 28.7412C12.1939 31.6974 9.71287 34.588 7.71496 37.9759C7.07712 39.0599 6.48619 40.1955 5.96092 41.3967C4.31475 45.1554 3.28296 49.5897 3.28296 55.2629C3.28296 60.9361 4.31006 65.3516 5.95154 69.1009C6.47212 70.3069 7.06305 71.4424 7.70558 72.5217C9.70349 75.919 12.1892 78.8143 14.7358 81.7846C16.9119 84.3232 19.1162 86.8853 21.0391 89.8087C21.752 90.8879 22.4273 92.0235 23.0511 93.2201C25.4054 97.7436 27 103.206 27 110.502H23.717C23.717 104.82 22.6853 100.385 21.0391 96.6268C20.5091 95.4208 19.9182 94.2946 19.2804 93.2154C17.2824 89.8321 14.8061 86.9416 12.2642 83.9807C10.0834 81.442 7.8791 78.8753 5.95154 75.9472C5.23398 74.8632 4.55393 73.723 3.93486 72.5217C1.5852 68.0029 0 62.5456 0 55.2629Z' fill='%23919649'/%3E%3Cpath d='M0 20.6937C0 11.4824 2.53726 5.19454 5.93747 0.0234622C5.94216 0.0140773 5.95154 0.00469244 5.95623 0C5.95623 0.00938489 5.96561 0.0187698 5.9703 0.0234622H9.96144C9.2814 0.952566 8.63418 1.90044 8.02449 2.89524C5.2246 7.46568 3.28296 12.9089 3.28296 20.6937C3.28296 26.3715 4.31475 30.8012 5.96092 34.5599C6.48619 35.7658 7.07712 36.8967 7.71496 37.976C9.71287 41.3639 12.1939 44.2497 14.7358 47.2107C16.1662 48.8765 17.606 50.5564 18.9755 52.3442C19.6884 53.278 20.3825 54.2353 21.0391 55.2395C24.4534 60.4152 27 66.7078 27 75.9331H23.717C23.717 68.1484 21.7754 62.7051 18.9755 58.1347C18.3611 57.1305 17.7045 56.1686 17.0151 55.2395C15.5331 53.2217 13.9151 51.3353 12.2642 49.4114C10.0881 46.8822 7.88848 44.3154 5.96092 41.3967C5.24336 40.3128 4.568 39.1772 3.94424 37.976C1.58989 33.4524 0 27.9857 0 20.6937Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 0.0234622H9.96184C9.96184 0.0234622 9.97591 0.00938489 9.9806 0C9.98529 0.00938489 9.99467 0.0140773 9.99467 0.0234622C11.4767 2.03183 13.0947 3.9135 14.7362 5.82332C16.917 8.36194 19.126 10.9334 21.0489 13.8662C21.7664 14.9501 22.4418 16.081 23.0609 17.2776C25.4105 21.8011 27.0004 27.2584 27.0004 34.5458H23.7174C23.7174 28.8773 22.6903 24.4523 21.0489 20.6984C20.5236 19.4924 19.9327 18.3615 19.2948 17.2823C17.2922 13.8803 14.8112 10.9897 12.2646 8.02408C10.8342 6.35826 9.38967 4.67837 8.0249 2.89055C7.31203 1.96613 6.6273 1.01357 5.9707 0.0187698V0.0234622Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 221.005C5.94238 221.005 5.95176 220.986 5.95645 220.981C6.61773 219.977 7.31185 219.015 8.02472 218.086C9.39418 216.298 10.834 214.623 12.2644 212.957C14.8064 209.996 17.2827 207.106 19.2806 203.718C19.9231 202.639 20.5093 201.508 21.0393 200.311C22.6855 196.552 23.7173 192.118 23.7173 186.436H27.0002C27.0002 193.732 25.4056 199.194 23.0513 203.723C22.4275 204.919 21.7522 206.05 21.0393 207.129C19.1164 210.053 16.9122 212.619 14.736 215.153C13.0899 217.073 11.4671 218.964 9.98042 220.981C9.97573 220.981 9.97104 220.995 9.96635 221.005H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 145.053H27C27 159.491 20.7671 166.751 14.7358 173.775C8.84523 180.636 3.28296 187.111 3.28296 200.292H0C0 185.854 6.23293 178.59 12.2642 171.57C18.1548 164.709 23.717 158.234 23.717 145.053Z' fill='%236156A0'/%3E%3Cpath d='M0 200.292H3.28296C3.28296 208.077 5.2246 213.52 8.02449 218.086C8.63887 219.09 9.29547 220.052 9.9802 220.981C9.98489 220.991 9.99427 220.995 9.99427 221.005H5.9703C5.9703 221.005 5.95623 220.991 5.95623 220.981C2.54195 215.81 0 209.518 0 200.292Z' fill='%236156A0'/%3E%3Cpath d='M0 165.765C0 158.468 1.58989 153.006 3.94424 148.478C4.568 147.277 5.24336 146.141 5.96092 145.062C7.88848 142.143 10.0881 139.577 12.2642 137.043C14.8108 134.077 17.2918 131.182 19.2944 127.789C19.9369 126.705 20.5232 125.574 21.0485 124.373C22.6899 120.619 23.717 116.194 23.717 110.526H27C27 117.808 25.4148 123.266 23.0604 127.785C22.4414 128.986 21.766 130.121 21.0485 131.201C19.1209 134.133 16.9166 136.705 14.7358 139.244C12.1939 142.2 9.71287 145.09 7.71496 148.478C7.07712 149.562 6.48619 150.698 5.96092 151.899C4.31475 155.658 3.28296 160.092 3.28296 165.765C3.28296 171.438 4.31006 175.854 5.95154 179.603C6.47212 180.809 7.06305 181.945 7.70558 183.024C9.70349 186.421 12.1892 189.317 14.7358 192.287C16.9119 194.826 19.1162 197.388 21.0391 200.311C21.752 201.39 22.4273 202.526 23.0511 203.722C25.4054 208.241 27 213.708 27 221.005H23.717C23.717 215.322 22.6853 210.888 21.0391 207.129C20.5091 205.923 19.9182 204.797 19.2804 203.718C17.2824 200.334 14.8061 197.444 12.2642 194.483C10.0834 191.944 7.8791 189.378 5.95154 186.45C5.23398 185.366 4.55393 184.225 3.93486 183.024C1.5852 178.51 0 173.048 0 165.765Z' fill='%23919649'/%3E%3Cpath d='M0 131.196C0 121.985 2.53726 115.697 5.93747 110.526C5.94216 110.516 5.95154 110.507 5.95623 110.502C5.95623 110.512 5.96561 110.521 5.9703 110.526H9.96144C9.2814 111.455 8.63418 112.403 8.02449 113.398C5.2246 117.968 3.28296 123.411 3.28296 131.196C3.28296 136.874 4.31475 141.304 5.96092 145.062C6.48619 146.268 7.07712 147.399 7.71496 148.478C9.71287 151.866 12.1939 154.752 14.7358 157.713C16.1662 159.384 17.606 161.059 18.9755 162.847C19.6884 163.78 20.3825 164.738 21.0391 165.742C24.4534 170.918 27 177.21 27 186.435H23.717C23.717 178.651 21.7754 173.207 18.9755 168.637C18.3611 167.633 17.7045 166.671 17.0151 165.742C15.5331 163.724 13.9151 161.838 12.2642 159.914C10.0881 157.385 7.88848 154.818 5.96092 151.899C5.24336 150.815 4.568 149.68 3.94424 148.478C1.58989 143.95 0 138.488 0 131.196Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 110.526H9.96184C9.96184 110.526 9.97591 110.512 9.9806 110.502C9.98529 110.512 9.99467 110.516 9.99467 110.526C11.4767 112.534 13.0947 114.416 14.7362 116.326C16.917 118.864 19.126 121.436 21.0489 124.368C21.7664 125.452 22.4418 126.583 23.0609 127.78C25.4105 132.303 27.0004 137.761 27.0004 145.048H23.7174C23.7174 139.38 22.6903 134.955 21.0489 131.201C20.5236 129.995 19.9327 128.864 19.2948 127.785C17.2922 124.383 14.8112 121.492 12.2646 118.526C10.8342 116.861 9.38967 115.181 8.0249 113.393C7.31203 112.468 6.6273 111.516 5.9707 110.521V110.526Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 331.507C5.94238 331.507 5.95176 331.488 5.95645 331.484C6.61773 330.479 7.31185 329.518 8.02472 328.588C9.39418 326.801 10.834 325.125 12.2644 323.46C14.8064 320.499 17.2827 317.608 19.2806 314.22C19.9231 313.141 20.5093 312.01 21.0393 310.813C22.6855 307.055 23.7173 302.62 23.7173 296.938H27.0002C27.0002 304.235 25.4056 309.697 23.0513 314.225C22.4275 315.421 21.7522 316.552 21.0393 317.632C19.1164 320.555 16.9122 323.122 14.736 325.656C13.0899 327.58 11.4671 329.466 9.98042 331.484C9.97573 331.488 9.97104 331.498 9.96635 331.507H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 255.555H27C27 269.994 20.7671 277.253 14.7358 284.278C8.84523 291.138 3.28296 297.613 3.28296 310.795H0C0 296.356 6.23293 289.097 12.2642 282.072C18.1548 275.212 23.717 268.736 23.717 255.555Z' fill='%236156A0'/%3E%3Cpath d='M0 310.795H3.28296C3.28296 318.579 5.2246 324.023 8.02449 328.588C8.63887 329.593 9.29547 330.555 9.9802 331.484C9.98489 331.493 9.99427 331.498 9.99427 331.507H5.9703C5.9703 331.507 5.95623 331.493 5.95623 331.484C2.54195 326.313 0 320.02 0 310.795Z' fill='%236156A0'/%3E%3Cpath d='M0 276.268C0 268.971 1.58989 263.509 3.94424 258.981C4.568 257.779 5.24336 256.644 5.96092 255.564C7.88848 252.646 10.0881 250.079 12.2642 247.545C14.8108 244.579 17.2918 241.684 19.2944 238.292C19.9369 237.208 20.5232 236.077 21.0485 234.875C22.6899 231.122 23.717 226.697 23.717 221.028H27C27 228.311 25.4148 233.768 23.0604 238.287C22.4414 239.488 21.766 240.624 21.0485 241.703C19.1209 244.636 16.9166 247.207 14.7358 249.746C12.1939 252.702 9.71287 255.593 7.71496 258.981C7.07712 260.065 6.48619 261.2 5.96092 262.401C4.31475 266.16 3.28296 270.594 3.28296 276.268C3.28296 281.941 4.31006 286.356 5.95154 290.106C6.47212 291.312 7.06305 292.447 7.70558 293.526C9.70349 296.924 12.1892 299.819 14.7358 302.789C16.9119 305.328 19.1162 307.89 21.0391 310.813C21.752 311.893 22.4273 313.028 23.0511 314.225C25.4054 318.748 27 324.21 27 331.507H23.717C23.717 325.824 22.6853 321.39 21.0391 317.631C20.5091 316.425 19.9182 315.299 19.2804 314.22C17.2824 310.837 14.8061 307.946 12.2642 304.985C10.0834 302.447 7.8791 299.88 5.95154 296.952C5.23398 295.868 4.55393 294.728 3.93486 293.526C1.5852 289.012 0 283.55 0 276.268Z' fill='%23919649'/%3E%3Cpath d='M0 241.698C0 232.487 2.53726 226.199 5.93747 221.028C5.94216 221.019 5.95154 221.009 5.95623 221.005C5.95623 221.014 5.96561 221.023 5.9703 221.028H9.96144C9.2814 221.957 8.63418 222.905 8.02449 223.9C5.2246 228.47 3.28296 233.914 3.28296 241.698C3.28296 247.376 4.31475 251.806 5.96092 255.564C6.48619 256.77 7.07712 257.901 7.71496 258.981C9.71287 262.369 12.1939 265.254 14.7358 268.215C16.1662 269.881 17.606 271.561 18.9755 273.349C19.6884 274.283 20.3825 275.24 21.0391 276.244C24.4534 281.42 27 287.712 27 296.938H23.717C23.717 289.153 21.7754 283.71 18.9755 279.139C18.3611 278.135 17.7045 277.173 17.0151 276.244C15.5331 274.226 13.9151 272.34 12.2642 270.416C10.0881 267.887 7.88848 265.32 5.96092 262.401C5.24336 261.317 4.568 260.182 3.94424 258.981C1.58989 254.452 0 248.99 0 241.698Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 221.028H9.96184C9.96184 221.028 9.97591 221.014 9.9806 221.005C9.98529 221.014 9.99467 221.019 9.99467 221.028C11.4767 223.036 13.0947 224.918 14.7362 226.828C16.917 229.367 19.126 231.938 21.0489 234.871C21.7664 235.955 22.4418 237.086 23.0609 238.282C25.4105 242.801 27.0004 248.263 27.0004 255.55H23.7174C23.7174 249.882 22.6903 245.457 21.0489 241.703C20.5236 240.497 19.9327 239.366 19.2948 238.287C17.2922 234.885 14.8112 231.994 12.2646 229.029C10.8342 227.363 9.38967 225.683 8.0249 223.895C7.31203 222.971 6.6273 222.018 5.9707 221.023V221.028Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 442.01C5.94238 442.01 5.95176 441.991 5.95645 441.986C6.61773 440.982 7.31185 440.02 8.02472 439.091C9.39418 437.303 10.834 435.628 12.2644 433.962C14.8064 430.997 17.2827 428.111 19.2806 424.723C19.9231 423.643 20.5093 422.513 21.0393 421.316C22.6855 417.557 23.7173 413.123 23.7173 407.44H27.0002C27.0002 414.737 25.4056 420.199 23.0513 424.727C22.4275 425.924 21.7522 427.055 21.0393 428.134C19.1164 431.058 16.9122 433.624 14.736 436.158C13.0899 438.077 11.4671 439.968 9.98042 441.986C9.97573 441.991 9.97104 442 9.96635 442.01H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 366.058H27C27 380.496 20.7671 387.756 14.7358 394.78C8.84523 401.641 3.28296 408.116 3.28296 421.297H0C0 406.859 6.23293 399.599 12.2642 392.575C18.1548 385.714 23.717 379.239 23.717 366.058Z' fill='%236156A0'/%3E%3Cpath d='M0 421.297H3.28296C3.28296 429.082 5.2246 434.525 8.02449 439.091C8.63887 440.095 9.29547 441.057 9.9802 441.986C9.98489 441.996 9.99427 442 9.99427 442.01H5.9703C5.9703 442.01 5.95623 441.996 5.95623 441.986C2.54195 436.815 0 430.523 0 421.297Z' fill='%236156A0'/%3E%3Cpath d='M0 386.77C0 379.473 1.58989 374.011 3.94424 369.483C4.568 368.282 5.24336 367.146 5.96092 366.067C7.88848 363.148 10.0881 360.582 12.2642 358.048C14.8108 355.077 17.2918 352.187 19.2944 348.794C19.9369 347.71 20.5232 346.579 21.0485 345.378C22.6899 341.624 23.717 337.199 23.717 331.531H27C27 338.813 25.4148 344.271 23.0604 348.789C22.4414 349.991 21.766 351.126 21.0485 352.206C19.1209 355.138 16.9166 357.71 14.7358 360.248C12.1939 363.205 9.71287 366.095 7.71496 369.483C7.07712 370.567 6.48619 371.703 5.96092 372.904C4.31475 376.663 3.28296 381.097 3.28296 386.77C3.28296 392.443 4.31006 396.859 5.95154 400.608C6.47212 401.814 7.06305 402.95 7.70558 404.029C9.70349 407.426 12.1892 410.321 14.7358 413.292C16.9119 415.83 19.1162 418.392 21.0391 421.316C21.752 422.395 22.4273 423.531 23.0511 424.727C25.4054 429.251 27 434.713 27 442.01H23.717C23.717 436.327 22.6853 431.893 21.0391 428.134C20.5091 426.928 19.9182 425.802 19.2804 424.723C17.2824 421.339 14.8061 418.449 12.2642 415.488C10.0834 412.949 7.8791 410.382 5.95154 407.454C5.23398 406.37 4.55393 405.23 3.93486 404.029C1.5852 399.51 0 394.053 0 386.77Z' fill='%23919649'/%3E%3Cpath d='M0 352.201C0 342.99 2.53726 336.702 5.93747 331.531C5.94216 331.521 5.95154 331.512 5.95623 331.507C5.95623 331.517 5.96561 331.526 5.9703 331.531H9.96144C9.2814 332.46 8.63418 333.408 8.02449 334.402C5.2246 338.973 3.28296 344.416 3.28296 352.201C3.28296 357.879 4.31475 362.308 5.96092 366.067C6.48619 367.273 7.07712 368.404 7.71496 369.483C9.71287 372.871 12.1939 375.757 14.7358 378.718C16.1662 380.384 17.606 382.064 18.9755 383.851C19.6884 384.785 20.3825 385.742 21.0391 386.747C24.4534 391.922 27 398.215 27 407.44H23.717C23.717 399.656 21.7754 394.212 18.9755 389.642C18.3611 388.638 17.7045 387.676 17.0151 386.747C15.5331 384.729 13.9151 382.843 12.2642 380.919C10.0881 378.389 7.88848 375.823 5.96092 372.904C5.24336 371.82 4.568 370.684 3.94424 369.483C1.58989 364.955 0 359.493 0 352.201Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 331.531H9.96184C9.96184 331.531 9.97591 331.517 9.9806 331.507C9.98529 331.517 9.99467 331.521 9.99467 331.531C11.4767 333.539 13.0947 335.421 14.7362 337.335C16.917 339.874 19.126 342.445 21.0489 345.378C21.7664 346.462 22.4418 347.593 23.0609 348.789C25.4105 353.313 27.0004 358.77 27.0004 366.058H23.7174C23.7174 360.389 22.6903 355.964 21.0489 352.21C20.5236 351.004 19.9327 349.873 19.2948 348.794C17.2922 345.392 14.8112 342.502 12.2646 339.536C10.8342 337.87 9.38967 336.19 8.0249 334.402C7.31203 333.478 6.6273 332.525 5.9707 331.531Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 552.512C5.94238 552.512 5.95176 552.493 5.95645 552.489C6.61773 551.484 7.31185 550.522 8.02472 549.593C9.39418 547.805 10.834 546.13 12.2644 544.464C14.8064 541.504 17.2827 538.613 19.2806 535.225C19.9231 534.146 20.5093 533.015 21.0393 531.818C22.6855 528.06 23.7173 523.625 23.7173 517.943H27.0002C27.0002 525.24 25.4056 530.701 23.0513 535.23C22.4275 536.426 21.7522 537.557 21.0393 538.636C19.1164 541.56 16.9122 544.127 14.736 546.66C13.0899 548.58 11.4671 550.471 9.98042 552.489C9.97573 552.489 9.97104 552.503 9.96635 552.512H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 476.56H27C27 490.999 20.7671 498.258 14.7358 505.283C8.84523 512.143 3.28296 518.618 3.28296 531.8H0C0 517.361 6.23293 510.102 12.2642 503.077C18.1548 496.217 23.717 489.741 23.717 476.56Z' fill='%236156A0'/%3E%3Cpath d='M0 531.8H3.28296C3.28296 539.584 5.2246 545.028 8.02449 549.593C8.63887 550.598 9.29547 551.56 9.9802 552.489C9.98489 552.498 9.99427 552.503 9.99427 552.512H5.9703C5.9703 552.512 5.95623 552.498 5.95623 552.489C2.54195 547.318 0 541.025 0 531.8Z' fill='%236156A0'/%3E%3Cpath d='M0 497.272C0 489.976 1.58989 484.514 3.94424 479.985C4.568 478.784 5.24336 477.649 5.96092 476.569C7.88848 473.651 10.0881 471.084 12.2642 468.55C14.8108 465.58 17.2918 462.689 19.2944 459.296C19.9369 458.212 20.5232 457.082 21.0485 455.88C22.6899 452.126 23.717 447.701 23.717 442.033H27C27 449.316 25.4148 454.773 23.0604 459.292C22.4414 460.493 21.766 461.629 21.0485 462.708C19.1209 465.641 16.9166 468.212 14.7358 470.751C12.1939 473.707 9.71287 476.598 7.71496 479.985C7.07712 481.069 6.48619 482.205 5.96092 483.406C4.31475 487.165 3.28296 491.599 3.28296 497.272C3.28296 502.946 4.31006 507.361 5.95154 511.11C6.47212 512.316 7.06305 513.452 7.70558 514.531C9.70349 517.929 12.1892 520.824 14.7358 523.794C16.9119 526.333 19.1162 528.895 21.0391 531.818C21.752 532.897 22.4273 534.033 23.0511 535.23C25.4054 539.748 27 545.215 27 552.512H23.717C23.717 546.829 22.6853 542.395 21.0391 538.636C20.5091 537.43 19.9182 536.304 19.2804 535.225C17.2824 531.842 14.8061 528.951 12.2642 525.99C10.0834 523.452 7.8791 520.885 5.95154 517.957C5.23398 516.873 4.55393 515.732 3.93486 514.531C1.5852 510.012 0 504.555 0 497.272Z' fill='%23919649'/%3E%3Cpath d='M0 462.703C0 453.492 2.53726 447.204 5.93747 442.033C5.94216 442.024 5.95154 442.014 5.95623 442.01C5.95623 442.019 5.96561 442.028 5.9703 442.033H9.96144C9.2814 442.962 8.63418 443.91 8.02449 444.905C5.2246 449.475 3.28296 454.918 3.28296 462.703C3.28296 468.381 4.31475 472.811 5.96092 476.569C6.48619 477.775 7.07712 478.906 7.71496 479.985C9.71287 483.373 12.1939 486.259 14.7358 489.22C16.1662 490.891 17.606 492.566 18.9755 494.354C19.6884 495.288 20.3825 496.245 21.0391 497.249C24.4534 502.425 27 508.717 27 517.943H23.717C23.717 510.158 21.7754 504.715 18.9755 500.144C18.3611 499.14 17.7045 498.178 17.0151 497.249C15.5331 495.231 13.9151 493.345 12.2642 491.421C10.0881 488.892 7.88848 486.325 5.96092 483.406C5.24336 482.322 4.568 481.187 3.94424 479.985C1.58989 475.457 0 469.995 0 462.703Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 442.033H9.96184C9.96184 442.033 9.97591 442.019 9.9806 442.01C9.98529 442.019 9.99467 442.024 9.99467 442.033C11.4767 444.041 13.0947 445.923 14.7362 447.833C16.917 450.371 19.126 452.943 21.0489 455.876C21.7664 456.96 22.4418 458.091 23.0609 459.287C25.4105 463.811 27.0004 469.268 27.0004 476.555H23.7174C23.7174 470.887 22.6903 466.462 21.0489 462.708C20.5236 461.502 19.9327 460.371 19.2948 459.292C17.2922 455.89 14.8112 452.999 12.2646 450.034C10.8342 448.368 9.38967 446.688 8.0249 444.9C7.31203 443.976 6.6273 443.023 5.9707 442.028V442.033Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 663.014C5.94238 663.014 5.95176 662.995 5.95645 662.991C6.61773 661.987 7.31185 661.025 8.02472 660.095C9.39418 658.308 10.834 656.632 12.2644 654.967C14.8064 652.006 17.2827 649.115 19.2806 645.727C19.9231 644.648 20.5093 643.517 21.0393 642.32C22.6855 638.562 23.7173 634.127 23.7173 628.445H27.0002C27.0002 635.742 25.4056 641.204 23.0513 645.732C22.4275 646.928 21.7522 648.059 21.0393 649.139C19.1164 652.062 16.9122 654.629 14.736 657.163C13.0899 659.087 11.4671 660.973 9.98042 662.991C9.97573 662.991 9.97104 663.005 9.96635 663.014H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 587.062H27C27 601.501 20.7671 608.76 14.7358 615.785C8.84523 622.645 3.28296 629.121 3.28296 642.302H0C0 627.863 6.23293 620.604 12.2642 613.579C18.1548 606.719 23.717 600.243 23.717 587.062Z' fill='%236156A0'/%3E%3Cpath d='M0 642.302H3.28296C3.28296 650.087 5.2246 655.53 8.02449 660.096C8.63887 661.1 9.29547 662.062 9.9802 662.991C9.98489 663 9.99427 663.005 9.99427 663.014H5.9703C5.9703 663.014 5.95623 663 5.95623 662.991C2.54195 657.82 0 651.527 0 642.302Z' fill='%236156A0'/%3E%3Cpath d='M0 607.775C0 600.478 1.58989 595.016 3.94424 590.488C4.568 589.287 5.24336 588.151 5.96092 587.072C7.88848 584.153 10.0881 581.586 12.2642 579.052C14.8108 576.087 17.2918 573.191 19.2944 569.799C19.9369 568.715 20.5232 567.584 21.0485 566.383C22.6899 562.629 23.717 558.204 23.717 552.535H27C27 559.818 25.4148 565.275 23.0604 569.794C22.4414 570.995 21.766 572.131 21.0485 573.21C19.1209 576.143 16.9166 578.714 14.7358 581.253C12.1939 584.209 9.71287 587.1 7.71496 590.488C7.07712 591.572 6.48619 592.707 5.96092 593.909C4.31475 597.667 3.28296 602.102 3.28296 607.775C3.28296 613.448 4.31006 617.863 5.95154 621.613C6.47212 622.819 7.06305 623.954 7.70558 625.034C9.70349 628.431 12.1892 631.326 14.7358 634.296C16.9119 636.835 19.1162 639.397 21.0391 642.32C21.752 643.4 22.4273 644.535 23.0511 645.732C25.4054 650.255 27 655.717 27 663.014H23.717C23.717 657.332 22.6853 652.897 21.0391 649.139C20.5091 647.933 19.9182 646.806 19.2804 645.727C17.2824 642.344 14.8061 639.453 12.2642 636.493C10.0834 633.954 7.8791 631.387 5.95154 628.459C5.23398 627.375 4.55393 626.235 3.93486 625.034C1.5852 620.519 0 615.057 0 607.775Z' fill='%23919649'/%3E%3Cpath d='M0 573.206C0 563.994 2.53726 557.706 5.93747 552.535C5.94216 552.526 5.95154 552.517 5.95623 552.512C5.95623 552.521 5.96561 552.531 5.9703 552.535H9.96144C9.2814 553.464 8.63418 554.412 8.02449 555.407C5.2246 559.978 3.28296 565.421 3.28296 573.206C3.28296 578.883 4.31475 583.313 5.96092 587.072C6.48619 588.278 7.07712 589.409 7.71496 590.488C9.71287 593.876 12.1939 596.762 14.7358 599.723C16.1662 601.388 17.606 603.068 18.9755 604.856C19.6884 605.79 20.3825 606.747 21.0391 607.751C24.4534 612.927 27 619.22 27 628.445H23.717C23.717 620.66 21.7754 615.217 18.9755 610.647C18.3611 609.642 17.7045 608.68 17.0151 607.751C15.5331 605.734 13.9151 603.847 12.2642 601.923C10.0881 599.394 7.88848 596.827 5.96092 593.909C5.24336 592.825 4.568 591.689 3.94424 590.488C1.58989 585.96 0 580.498 0 573.206Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 552.535H9.96184C9.96184 552.535 9.97591 552.521 9.9806 552.512C9.98529 552.521 9.99467 552.526 9.99467 552.535C11.4767 554.544 13.0947 556.425 14.7362 558.335C16.917 560.874 19.126 563.445 21.0489 566.378C21.7664 567.462 22.4418 568.593 23.0609 569.789C25.4105 574.308 27.0004 579.77 27.0004 587.058H23.7174C23.7174 581.389 22.6903 576.964 21.0489 573.21C20.5236 572.004 19.9327 570.873 19.2948 569.794C17.2922 566.392 14.8112 563.502 12.2646 560.536C10.8342 558.87 9.38967 557.19 8.0249 555.402C7.31203 554.478 6.6273 553.525 5.9707 552.531V552.535Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 773.517C5.94238 773.517 5.95176 773.498 5.95645 773.493C6.61773 772.489 7.31185 771.527 8.02472 770.598C9.39418 768.81 10.834 767.135 12.2644 765.469C14.8064 762.508 17.2827 759.618 19.2806 756.23C19.9231 755.15 20.5093 754.02 21.0393 752.823C22.6855 749.064 23.7173 744.63 23.7173 738.948H27.0002C27.0002 746.244 25.4056 751.706 23.0513 756.234C22.4275 757.431 21.7522 758.562 21.0393 759.641C19.1164 762.565 16.9122 765.131 14.736 767.665C13.0899 769.584 11.4671 771.476 9.98042 773.493C9.97573 773.498 9.97104 773.507 9.96635 773.517H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 697.565H27C27 712.003 20.7671 719.263 14.7358 726.287C8.84523 733.148 3.28296 739.623 3.28296 752.804H0C0 738.366 6.23293 731.106 12.2642 724.082C18.1548 717.221 23.717 710.746 23.717 697.565Z' fill='%236156A0'/%3E%3Cpath d='M0 752.804H3.28296C3.28296 760.589 5.2246 766.032 8.02449 770.598C8.63887 771.602 9.29547 772.564 9.9802 773.493C9.98489 773.503 9.99427 773.507 9.99427 773.517H5.9703C5.9703 773.517 5.95623 773.503 5.95623 773.493C2.54195 768.322 0 762.03 0 752.804Z' fill='%236156A0'/%3E%3Cpath d='M0 718.277C0 710.98 1.58989 705.518 3.94424 700.99C4.568 699.789 5.24336 698.653 5.96092 697.574C7.88848 694.655 10.0881 692.089 12.2642 689.555C14.8108 686.584 17.2918 683.694 19.2944 680.301C19.9369 679.217 20.5232 678.086 21.0485 676.885C22.6899 673.131 23.717 668.706 23.717 663.038H27C27 670.32 25.4148 675.778 23.0604 680.297C22.4414 681.498 21.766 682.633 21.0485 683.713C19.1209 686.645 16.9166 689.217 14.7358 691.755C12.1939 694.712 9.71287 697.602 7.71496 700.99C7.07712 702.074 6.48619 703.21 5.96092 704.411C4.31475 708.17 3.28296 712.604 3.28296 718.277C3.28296 723.95 4.31006 728.366 5.95154 732.115C6.47212 733.321 7.06305 734.457 7.70558 735.536C9.70349 738.933 12.1892 741.829 14.7358 744.799C16.9119 747.337 19.1162 749.9 21.0391 752.823C21.752 753.902 22.4273 755.038 23.0511 756.234C25.4054 760.758 27 766.22 27 773.517H23.717C23.717 767.834 22.6853 763.4 21.0391 759.641C20.5091 758.435 19.9182 757.309 19.2804 756.23C17.2824 752.846 14.8061 749.956 12.2642 746.995C10.0834 744.456 7.8791 741.89 5.95154 738.961C5.23398 737.878 4.55393 736.737 3.93486 735.536C1.5852 731.022 0 725.56 0 718.277Z' fill='%23919649'/%3E%3Cpath d='M0 683.708C0 674.497 2.53726 668.209 5.93747 663.038C5.94216 663.028 5.95154 663.019 5.95623 663.014C5.95623 663.024 5.96561 663.033 5.9703 663.038H9.96144C9.2814 663.967 8.63418 664.915 8.02449 665.91C5.2246 670.48 3.28296 675.923 3.28296 683.708C3.28296 689.386 4.31475 693.815 5.96092 697.574C6.48619 698.78 7.07712 699.911 7.71496 700.99C9.71287 704.378 12.1939 707.264 14.7358 710.225C16.1662 711.891 17.606 713.571 18.9755 715.359C19.6884 716.292 20.3825 717.25 21.0391 718.254C24.4534 723.43 27 729.722 27 738.947H23.717C23.717 731.163 21.7754 725.719 18.9755 721.149C18.3611 720.145 17.7045 719.183 17.0151 718.254C15.5331 716.236 13.9151 714.35 12.2642 712.426C10.0881 709.897 7.88848 707.33 5.96092 704.411C5.24336 703.327 4.568 702.192 3.94424 700.99C1.58989 696.462 0 691 0 683.708Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 663.038H9.96184C9.96184 663.038 9.97591 663.024 9.9806 663.014C9.98529 663.024 9.99467 663.028 9.99467 663.038C11.4767 665.046 13.0947 666.928 14.7362 668.842C16.917 671.381 19.126 673.952 21.0489 676.885C21.7664 677.969 22.4418 679.1 23.0609 680.297C25.4105 684.82 27.0004 690.277 27.0004 697.565H23.7174C23.7174 691.896 22.6903 687.471 21.0489 683.717C20.5236 682.511 19.9327 681.381 19.2948 680.301C17.2922 676.899 14.8112 674.009 12.2646 671.043C10.8342 669.377 9.38967 667.697 8.0249 665.91C7.31203 664.985 6.6273 664.033 5.9707 663.038Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 884.019C5.94238 884.019 5.95176 884 5.95645 883.996C6.61773 882.991 7.31185 882.029 8.02472 881.1C9.39418 879.313 10.834 877.637 12.2644 875.972C14.8064 873.011 17.2827 870.12 19.2806 866.732C19.9231 865.653 20.5093 864.522 21.0393 863.325C22.6855 859.567 23.7173 855.132 23.7173 849.45H27.0002C27.0002 856.747 25.4056 862.209 23.0513 866.737C22.4275 867.933 21.7522 869.064 21.0393 870.143C19.1164 873.067 16.9122 875.634 14.736 878.168C13.0899 880.087 11.4671 881.978 9.98042 883.996C9.97573 883.996 9.97104 884.01 9.96635 884.019H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 808.067H27C27 822.506 20.7671 829.765 14.7358 836.79C8.84523 843.65 3.28296 850.126 3.28296 863.307H0C0 848.868 6.23293 841.609 12.2642 834.584C18.1548 827.724 23.717 821.248 23.717 808.067Z' fill='%236156A0'/%3E%3Cpath d='M0 863.307H3.28296C3.28296 871.092 5.2246 876.535 8.02449 881.1C8.63887 882.105 9.29547 883.067 9.9802 883.996C9.98489 884.005 9.99427 884.01 9.99427 884.019H5.9703C5.9703 884.019 5.95623 884.005 5.95623 883.996C2.54195 878.825 0 872.532 0 863.307Z' fill='%236156A0'/%3E%3Cpath d='M0 828.779C0 821.483 1.58989 816.021 3.94424 811.493C4.568 810.291 5.24336 809.156 5.96092 808.076C7.88848 805.158 10.0881 802.591 12.2642 800.057C14.8108 797.087 17.2918 794.196 19.2944 790.804C19.9369 789.72 20.5232 788.589 21.0485 787.387C22.6899 783.633 23.717 779.209 23.717 773.54H27C27 780.823 25.4148 786.28 23.0604 790.799C22.4414 792 21.766 793.136 21.0485 794.215C19.1209 797.148 16.9166 799.719 14.7358 802.258C12.1939 805.214 9.71287 808.105 7.71496 811.493C7.07712 812.576 6.48619 813.712 5.96092 814.913C4.31475 818.672 3.28296 823.106 3.28296 828.779C3.28296 834.453 4.31006 838.868 5.95154 842.617C6.47212 843.823 7.06305 844.959 7.70558 846.038C9.70349 849.436 12.1892 852.331 14.7358 855.301C16.9119 857.84 19.1162 860.402 21.0391 863.325C21.752 864.405 22.4273 865.54 23.0511 866.737C25.4054 871.255 27 876.722 27 884.019H23.717C23.717 878.336 22.6853 873.902 21.0391 870.143C20.5091 868.937 19.9182 867.811 19.2804 866.732C17.2824 863.349 14.8061 860.458 12.2642 857.497C10.0834 854.959 7.8791 852.392 5.95154 849.464C5.23398 848.38 4.55393 847.24 3.93486 846.038C1.5852 841.519 0 836.062 0 828.779Z' fill='%23919649'/%3E%3Cpath d='M0 794.215C0 785.004 2.53726 778.716 5.93747 773.545C5.94216 773.535 5.95154 773.526 5.95623 773.521C5.95623 773.531 5.96561 773.54 5.9703 773.545H9.96144C9.2814 774.474 8.63418 775.422 8.02449 776.416C5.2246 780.987 3.28296 786.43 3.28296 794.215C3.28296 799.893 4.31475 804.322 5.96092 808.081C6.48619 809.287 7.07712 810.418 7.71496 811.497C9.71287 814.885 12.1939 817.771 14.7358 820.732C16.1662 822.398 17.606 824.078 18.9755 825.865C19.6884 826.799 20.3825 827.756 21.0391 828.761C24.4534 833.936 27 840.229 27 849.454H23.717C23.717 841.67 21.7754 836.226 18.9755 831.656C18.3611 830.652 17.7045 829.69 17.0151 828.761C15.5331 826.743 13.9151 824.856 12.2642 822.933C10.0881 820.403 7.88848 817.837 5.96092 814.918C5.24336 813.834 4.568 812.698 3.94424 811.497C1.58989 806.969 0 801.507 0 794.215Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 773.54H9.96184C9.96184 773.54 9.97591 773.526 9.9806 773.517C9.98529 773.526 9.99467 773.531 9.99467 773.54C11.4767 775.548 13.0947 777.43 14.7362 779.34C16.917 781.878 19.126 784.45 21.0489 787.383C21.7664 788.467 22.4418 789.598 23.0609 790.794C25.4105 795.318 27.0004 800.775 27.0004 808.062H23.7174C23.7174 802.394 22.6903 797.969 21.0489 794.215C20.5236 793.009 19.9327 791.878 19.2948 790.799C17.2922 787.397 14.8112 784.506 12.2646 781.541C10.8342 779.875 9.38967 778.195 8.0249 776.407C7.31203 775.483 6.6273 774.53 5.9707 773.535V773.54Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 994.526C5.94238 994.526 5.95176 994.507 5.95645 994.503C6.61773 993.499 7.31185 992.537 8.02472 991.607C9.39418 989.82 10.834 988.144 12.2644 986.479C14.8064 983.518 17.2827 980.627 19.2806 977.239C19.9231 976.16 20.5093 975.029 21.0393 973.832C22.6855 970.074 23.7173 965.639 23.7173 959.957H27.0002C27.0002 967.254 25.4056 972.716 23.0513 977.244C22.4275 978.44 21.7522 979.571 21.0393 980.651C19.1164 983.574 16.9122 986.141 14.736 988.675C13.0899 990.599 11.4671 992.485 9.98042 994.503C9.97573 994.503 9.97104 994.517 9.96635 994.526H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 918.569H27C27 933.008 20.7671 940.267 14.7358 947.292C8.84523 954.152 3.28296 960.628 3.28296 973.809H0C0 959.37 6.23293 952.111 12.2642 945.086C18.1548 938.226 23.717 931.751 23.717 918.569Z' fill='%236156A0'/%3E%3Cpath d='M0 973.809H3.28296C3.28296 981.594 5.2246 987.037 8.02449 991.603C8.63887 992.607 9.29547 993.569 9.9802 994.498C9.98489 994.507 9.99427 994.512 9.99427 994.521H5.9703C5.9703 994.521 5.95623 994.507 5.95623 994.498C2.54195 989.327 0 983.034 0 973.809Z' fill='%236156A0'/%3E%3Cpath d='M0 939.287C0 931.99 1.58989 926.528 3.94424 922C4.568 920.798 5.24336 919.663 5.96092 918.584C7.88848 915.665 10.0881 913.098 12.2642 910.564C14.8108 907.599 17.2918 904.703 19.2944 901.311C19.9369 900.227 20.5232 899.096 21.0485 897.895C22.6899 894.141 23.717 889.716 23.717 884.047H27C27 891.33 25.4148 896.787 23.0604 901.306C22.4414 902.507 21.766 903.643 21.0485 904.722C19.1209 907.655 16.9166 910.226 14.7358 912.765C12.1939 915.721 9.71287 918.612 7.71496 922C7.07712 923.084 6.48619 924.219 5.96092 925.421C4.31475 929.179 3.28296 933.614 3.28296 939.287C3.28296 944.96 4.31006 949.375 5.95154 953.125C6.47212 954.331 7.06305 955.466 7.70558 956.546C9.70349 959.943 12.1892 962.838 14.7358 965.808C16.9119 968.347 19.1162 970.909 21.0391 973.833C21.752 974.912 22.4273 976.047 23.0511 977.244C25.4054 981.767 27 987.229 27 994.526H23.717C23.717 988.844 22.6853 984.409 21.0391 980.651C20.5091 979.445 19.9182 978.318 19.2804 977.239C17.2824 973.856 14.8061 970.965 12.2642 968.004C10.0834 965.466 7.8791 962.899 5.95154 959.971C5.23398 958.887 4.55393 957.747 3.93486 956.546C1.5852 952.031 0 946.569 0 939.287Z' fill='%23919649'/%3E%3Cpath d='M0 904.718C0 895.506 2.53726 889.219 5.93747 884.047C5.94216 884.038 5.95154 884.029 5.95623 884.024C5.95623 884.033 5.96561 884.043 5.9703 884.047H9.96144C9.2814 884.977 8.63418 885.924 8.02449 886.919C5.2246 891.49 3.28296 896.933 3.28296 904.718C3.28296 910.396 4.31475 914.825 5.96092 918.584C6.48619 919.79 7.07712 920.921 7.71496 922C9.71287 925.388 12.1939 928.274 14.7358 931.235C16.1662 932.905 17.606 934.58 18.9755 936.368C19.6884 937.302 20.3825 938.259 21.0391 939.263C24.4534 944.439 27 950.732 27 959.957H23.717C23.717 952.172 21.7754 946.729 18.9755 942.159C18.3611 941.155 17.7045 940.193 17.0151 939.263C15.5331 937.246 13.9151 935.359 12.2642 933.435C10.0881 930.906 7.88848 928.339 5.96092 925.421C5.24336 924.337 4.568 923.201 3.94424 922C1.58989 917.472 0 912.01 0 904.718Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 884.047H9.96184C9.96184 884.047 9.97591 884.033 9.9806 884.024C9.98529 884.033 9.99467 884.038 9.99467 884.047C11.4767 886.056 13.0947 887.937 14.7362 889.847C16.917 892.386 19.126 894.957 21.0489 897.89C21.7664 898.974 22.4418 900.105 23.0609 901.301C25.4105 905.825 27.0004 911.282 27.0004 918.57H23.7174C23.7174 912.901 22.6903 908.476 21.0489 904.722C20.5236 903.516 19.9327 902.385 19.2948 901.306C17.2922 897.904 14.8112 895.013 12.2646 892.048C10.8342 890.382 9.38967 888.702 8.0249 886.914C7.31203 885.99 6.6273 885.037 5.9707 884.043V884.047Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 1105.03C5.94238 1105.03 5.95176 1105.01 5.95645 1105.01C6.61773 1104 7.31185 1103.04 8.02472 1102.11C9.39418 1100.32 10.834 1098.65 12.2644 1096.98C14.8064 1094.02 17.2827 1091.13 19.2806 1087.74C19.9231 1086.66 20.5093 1085.53 21.0393 1084.33C22.6855 1080.58 23.7173 1076.14 23.7173 1070.46H27.0002C27.0002 1077.76 25.4056 1083.22 23.0513 1087.75C22.4275 1088.94 21.7522 1090.07 21.0393 1091.15C19.1164 1094.08 16.9122 1096.64 14.736 1099.18C13.0899 1101.1 11.4671 1102.99 9.98042 1105.01C9.97573 1105.01 9.97104 1105.02 9.96635 1105.03H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 1029.07H27C27 1043.51 20.7671 1050.77 14.7358 1057.79C8.84523 1064.65 3.28296 1071.13 3.28296 1084.31H0C0 1069.87 6.23293 1062.61 12.2642 1055.59C18.1548 1048.73 23.717 1042.25 23.717 1029.07Z' fill='%236156A0'/%3E%3Cpath d='M0 1084.31H3.28296C3.28296 1092.1 5.2246 1097.54 8.02449 1102.11C8.63887 1103.11 9.29547 1104.07 9.9802 1105C9.98489 1105.01 9.99427 1105.01 9.99427 1105.02H5.9703C5.9703 1105.02 5.95623 1105.01 5.95623 1105C2.54195 1099.83 0 1093.54 0 1084.31Z' fill='%236156A0'/%3E%3Cpath d='M0 1049.79C0 1042.49 1.58989 1037.03 3.94424 1032.5C4.568 1031.3 5.24336 1030.17 5.96092 1029.09C7.88848 1026.17 10.0881 1023.6 12.2642 1021.07C14.8108 1018.1 17.2918 1015.21 19.2944 1011.81C19.9369 1010.73 20.5232 1009.6 21.0485 1008.4C22.6899 1004.64 23.717 1000.22 23.717 994.549H27C27 1001.83 25.4148 1007.29 23.0604 1011.81C22.4414 1013.01 21.766 1014.15 21.0485 1015.22C19.1209 1018.16 16.9166 1020.73 14.7358 1023.27C12.1939 1026.22 9.71287 1029.11 7.71496 1032.5C7.07712 1033.59 6.48619 1034.72 5.96092 1035.92C4.31475 1039.68 3.28296 1044.12 3.28296 1049.79C3.28296 1055.46 4.31006 1059.88 5.95154 1063.63C6.47212 1064.83 7.06305 1065.97 7.70558 1067.05C9.70349 1070.45 12.1892 1073.34 14.7358 1076.31C16.9119 1078.85 19.1162 1081.41 21.0391 1084.33C21.752 1085.41 22.4273 1086.55 23.0511 1087.75C25.4054 1092.27 27 1097.73 27 1105.03H23.717C23.717 1099.35 22.6853 1094.91 21.0391 1091.15C20.5091 1089.95 19.9182 1088.82 19.2804 1087.74C17.2824 1084.36 14.8061 1081.47 12.2642 1078.51C10.0834 1075.97 7.8791 1073.4 5.95154 1070.47C5.23398 1069.39 4.55393 1068.25 3.93486 1067.05C1.5852 1062.53 0 1057.07 0 1049.79Z' fill='%23919649'/%3E%3Cpath d='M0 1015.22C0 1006.01 2.53726 999.721 5.93747 994.549C5.94216 994.54 5.95154 994.531 5.95623 994.526C5.95623 994.535 5.96561 994.545 5.9703 994.549H9.96144C9.2814 995.479 8.63418 996.427 8.02449 997.421C5.2246 1001.99 3.28296 1007.43 3.28296 1015.22C3.28296 1020.9 4.31475 1025.33 5.96092 1029.09C6.48619 1030.29 7.07712 1031.42 7.71496 1032.5C9.71287 1035.89 12.1939 1038.78 14.7358 1041.74C16.1662 1043.4 17.606 1045.08 18.9755 1046.87C19.6884 1047.8 20.3825 1048.76 21.0391 1049.77C24.4534 1054.94 27 1061.23 27 1070.46H23.717C23.717 1062.67 21.7754 1057.23 18.9755 1052.66C18.3611 1051.66 17.7045 1050.69 17.0151 1049.77C15.5331 1047.75 13.9151 1045.86 12.2642 1043.94C10.0881 1041.41 7.88848 1038.84 5.96092 1035.92C5.24336 1034.84 4.568 1033.7 3.94424 1032.5C1.58989 1027.97 0 1022.51 0 1015.22Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 994.549H9.96184C9.96184 994.549 9.97591 994.535 9.9806 994.526C9.98529 994.535 9.99467 994.54 9.99467 994.549C11.4767 996.558 13.0947 998.44 14.7362 1000.35C16.917 1002.89 19.126 1005.46 21.0489 1008.4C21.7664 1009.48 22.4418 1010.61 23.0609 1011.81C25.4105 1016.33 27.0004 1021.79 27.0004 1029.08H23.7174C23.7174 1023.41 22.6903 1018.98 21.0489 1015.23C20.5236 1014.02 19.9327 1012.89 19.2948 1011.81C17.2922 1008.41 14.8112 1005.52 12.2646 1002.55C10.8342 1000.89 9.38967 999.209 8.0249 997.421C7.31203 996.497 6.6273 995.544 5.9707 994.549Z' fill='%236156A0'/%3E%3Cpath d='M5.94238 1215.53C5.94238 1215.53 5.95176 1215.51 5.95645 1215.51C6.61773 1214.5 7.31185 1213.54 8.02472 1212.61C9.39418 1210.82 10.834 1209.15 12.2644 1207.48C14.8064 1204.52 17.2827 1201.63 19.2806 1198.24C19.9231 1197.16 20.5093 1196.03 21.0393 1194.84C22.6855 1191.08 23.7173 1186.64 23.7173 1180.96H27.0002C27.0002 1188.26 25.4056 1193.72 23.0513 1198.25C22.4275 1199.45 21.7522 1200.58 21.0393 1201.66C19.1164 1204.58 16.9122 1207.15 14.736 1209.68C13.0899 1211.6 11.4671 1213.49 9.98042 1215.51C9.97573 1215.51 9.97104 1215.52 9.96635 1215.53H5.94238Z' fill='%23CE6574'/%3E%3Cpath d='M23.717 1139.57H27C27 1154.01 20.7671 1161.27 14.7358 1168.3C8.84523 1175.16 3.28296 1181.63 3.28296 1194.81H0C0 1180.37 6.23293 1173.12 12.2642 1166.09C18.1548 1159.23 23.717 1152.76 23.717 1139.57Z' fill='%236156A0'/%3E%3Cpath d='M0 1194.81H3.28296C3.28296 1202.6 5.2246 1208.04 8.02449 1212.61C8.63887 1213.61 9.29547 1214.57 9.9802 1215.5C9.98489 1215.51 9.99427 1215.52 9.99427 1215.53H5.9703C5.9703 1215.53 5.95623 1215.51 5.95623 1215.5C2.54195 1210.33 0 1204.04 0 1194.81Z' fill='%236156A0'/%3E%3Cpath d='M0 1160.29C0 1152.99 1.58989 1147.53 3.94424 1143C4.568 1141.8 5.24336 1140.67 5.96092 1139.59C7.88848 1136.67 10.0881 1134.1 12.2642 1131.57C14.8108 1128.6 17.2918 1125.71 19.2944 1122.32C19.9369 1121.23 20.5232 1120.1 21.0485 1118.9C22.6899 1115.15 23.717 1110.72 23.717 1105.05H27C27 1112.33 25.4148 1117.79 23.0604 1122.31C22.4414 1123.51 21.766 1124.65 21.0485 1125.73C19.1209 1128.66 16.9166 1131.23 14.7358 1133.77C12.1939 1136.73 9.71287 1139.62 7.71496 1143C7.07712 1144.09 6.48619 1145.22 5.96092 1146.42C4.31475 1150.18 3.28296 1154.62 3.28296 1160.29C3.28296 1165.96 4.31006 1170.38 5.95154 1174.13C6.47212 1175.34 7.06305 1176.47 7.70558 1177.55C9.70349 1180.95 12.1892 1183.84 14.7358 1186.81C16.9119 1189.35 19.1162 1191.91 21.0391 1194.84C21.752 1195.92 22.4273 1197.05 23.0511 1198.25C25.4054 1202.77 27 1208.23 27 1215.53H23.717C23.717 1209.85 22.6853 1205.41 21.0391 1201.66C20.5091 1200.45 19.9182 1199.32 19.2804 1198.24C17.2824 1194.86 14.8061 1191.97 12.2642 1189.01C10.0834 1186.47 7.8791 1183.9 5.95154 1180.98C5.23398 1179.89 4.55393 1178.75 3.93486 1177.55C1.5852 1173.03 0 1167.57 0 1160.29Z' fill='%23919649'/%3E%3Cpath d='M0 1125.72C0 1116.51 2.53726 1110.22 5.93747 1105.05C5.94216 1105.04 5.95154 1105.03 5.95623 1105.03C5.95623 1105.04 5.96561 1105.05 5.9703 1105.05H9.96144C9.2814 1105.98 8.63418 1106.93 8.02449 1107.92C5.2246 1112.49 3.28296 1117.94 3.28296 1125.72C3.28296 1131.4 4.31475 1135.83 5.96092 1139.59C6.48619 1140.79 7.07712 1141.92 7.71496 1143C9.71287 1146.39 12.1939 1149.28 14.7358 1152.24C16.1662 1153.9 17.606 1155.58 18.9755 1157.37C19.6884 1158.31 20.3825 1159.26 21.0391 1160.27C24.4534 1165.44 27 1171.74 27 1180.96H23.717C23.717 1173.18 21.7754 1167.73 18.9755 1163.16C18.3611 1162.16 17.7045 1161.2 17.0151 1160.27C15.5331 1158.25 13.9151 1156.36 12.2642 1154.44C10.0881 1151.91 7.88848 1149.34 5.96092 1146.42C5.24336 1145.34 4.568 1144.21 3.94424 1143C1.58989 1138.48 0 1133.01 0 1125.72Z' fill='%23CE6574'/%3E%3Cpath d='M5.9707 1105.05H9.96184C9.96184 1105.05 9.97591 1105.04 9.9806 1105.03C9.98529 1105.04 9.99467 1105.04 9.99467 1105.05C11.4767 1107.06 13.0947 1108.94 14.7362 1110.85C16.917 1113.39 19.126 1115.96 21.0489 1118.89C21.7664 1119.98 22.4418 1121.11 23.0609 1122.31C25.4105 1126.83 27.0004 1132.29 27.0004 1139.57H23.7174C23.7174 1133.91 22.6903 1129.48 21.0489 1125.73C20.5236 1124.52 19.9327 1123.39 19.2948 1122.31C17.2922 1118.91 14.8112 1116.02 12.2646 1113.05C10.8342 1111.39 9.38967 1109.71 8.0249 1107.92C7.31203 1106.99 6.6273 1106.04 5.9707 1105.05V1105.05Z' fill='%236156A0'/%3E%3C/svg%3E%0A");
}
.single-cells_nerves .timeline-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  height: 150px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  width: 50px;
}
.single-cells_nerves .timeline-line::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -3px;
  width: 41px;
  height: 41px;
  background: url(/wp-content/themes/giba/img/infographic/timeline-cell-end.svg) no-repeat center;
}
@media screen and (max-width: 769px) {
  .single-cells_nerves .timeline-line::after {
    left: -8px;
  }
}
.single-cells_nerves .timeline-item {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.single-cells_nerves .timeline-item.left {
  padding-right: 80px;
}
.single-cells_nerves .timeline-item.right {
  margin-left: 50%;
  padding-left: 80px;
}
.single-cells_nerves .timeline-card {
  padding: 30px 30px 30px 100px;
}
@media (max-width: 1340px) {
  .single-cells_nerves .timeline-card {
    padding: 30px;
  }
}
.single-cells_nerves .timeline-card p {
  margin-bottom: 0;
}
.single-cells_nerves .timeline-center-image {
  position: absolute;
  left: 0%;
  top: 40px;
  transform: translateX(-50%);
  z-index: 10;
}
.single-cells_nerves .timeline-center-image img {
  width: 120px;
}
@media (max-width: 1340px) {
  .single-cells_nerves .timeline-center-image img {
    width: 80px;
  }
}
@media (max-width: 1340px) {
  .single-cells_nerves .timeline-line,
.single-cells_nerves .timeline-line-reveal {
    left: 30px;
    transform: none;
  }
  .single-cells_nerves .timeline-center-image {
    left: 42px;
    transform: translateX(-50%);
    top: 25px;
  }
  .single-cells_nerves .timeline-center-image img {
    width: 60px;
  }
  .single-cells_nerves .timeline-item,
.single-cells_nerves .timeline-item.left,
.single-cells_nerves .timeline-item.right {
    width: calc(100% - 60px);
    margin-left: 60px;
    padding: 0;
    margin-bottom: 0;
  }
}
.single-cells_nerves ul {
  margin: 0;
}
.single-cells_nerves ul li {
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.36px;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
}

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