:root {
	  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
	--swiper-wrapper-transition-timing-function: linear !important;
}

html {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  scroll-behavior: smooth;
  background: #111;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #FFF;
  font-family: 'town-text-book';
	font-size:1.1vw;
}
body, html {
  overflow-x: hidden;
}

img.background-img.contact-us-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.failed {
    background:indianred;
    color: #333;
    padding: 20px;
    margin: 1rem 0;
}

.panel-image-column.map-contain img {
    height: 100% !important;
}

.success {
    background: lightgreen;
    color: #333;
    padding: 20px;
    margin: 1rem 0;
}

@font-face {
  font-family: 'town-text-book';
  src: url('../fonts/town-text-book.eot');
  src: url('../fonts/town-text-book.eot?#iefix') format('embedded-opentype'), url('../fonts/town-text-book.woff2') format('woff2'), url('../fonts/town-text-book.woff') format('woff'), url('../fonts/town-text-book.svg#town-text-book') format('svg');
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: 'town-text-light';
  src: url('../fonts/town-text-light.eot');
  src: url('../fonts/town-text-light.eot?#iefix') format('embedded-opentype'), url('../fonts/town-text-light.woff2') format('woff2'), url('../fonts/town-text-light.woff') format('woff'), url('../fonts/town-text-light.svg#town-text-light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: 'town-text-medium';
  src: url('../fonts/town-text-medium.eot');
  src: url('../fonts/town-text-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/town-text-medium.woff2') format('woff2'), url('../fonts/town-text-medium.woff') format('woff'), url('../fonts/town-text-medium.svg#town-text-medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: 'town-text-bold';
  src: url('../fonts/town-text-bold.eot');
  src: url('../fonts/town-text-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/town-text-bold.woff2') format('woff2'), url('../fonts/town-text-bold.woff') format('woff'), url('../fonts/town-text-bold.svg#town-text-bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
/* HEADER */
.site-header {
  position:static;
  top: 0;
  left: 0;
  right: 0;
}
.site-logo {
  margin: 2rem 0 0 2rem;
	position: fixed;
	top:0; left:0;
	z-index: 10;
}
.site-link {
  display: block;
  background: url(../images/signature-dining-logo.svg) top left no-repeat;
  background-size: contain;
  text-indent: -9999px;
  width: 15rem;
}
.site-link:after {
  content: "";
  display: block;
  padding-bottom: 25%;
}
.nav-link {
    display: block;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.25vw;
}
/* Nav Menu */
.menu {
    clear: both;
    margin: 0;
    list-style-type: none;
    width: 85%;
}
.nav-menu {
  position:fixed;
  z-index: 5;
  right: -35%;
  transition: all 0.5s ease-in-out;
  width: 35%;
  top: 0;
  bottom: 0;
  background: #A39161;
}
.hamburger-menu {
  position: relative;
  z-index: 7;
}
strong {
	font-family: 'town-text-bold';
}
.fl-col {
	flex-direction: column;
}
.active {
  right: 0;
}
.list-items {
    list-style-type: none;
    margin: 1rem 0 0 0;
    padding: 0;
    columns: 2;
}
.list-items li {
    margin: 1rem 0;
}
.list-items li:first-child {
    margin: 0 0 1rem 0;
}
.list-items li:last-child {
    margin: 1rem 0 0 0;
}
.list-title {
	font-family: 'town-text-medium';
	display: block;
	margin:0 0 0.5rem 0;
}
.quote {
	font-family: 'town-text-medium';
}

.quote {
    font-family: 'town-text-medium';
    font-size: 1.5rem;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 1rem 0;
    margin: 2rem 0;
}

.text-content a {
    color: inherit;
}

/* Menu Icon */
.menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 2.5rem 2rem;
  position: fixed;
	right:0;
	top:0;
  user-select: none;
	z-index: 10;
}
.menu-icon .navicon {
  background: #FFF;
  display: block;
  height: 1px;
  width: 25px;
  position: relative;
  transition: background .2s ease-out;
}
.menu-icon .navicon:before, .menu-icon .navicon:after {
  background: #FFF;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
.menu-icon .navicon:before {
  top: 5px;
}
.menu-icon .navicon:after {
  top: -5px;
}
/* Menu Button */
.menu-btn {
  display: none;
}
.menu-btn:checked ~ .menu {
  max-height: 240px;
}
.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
.sub-menu {
	display: none;
}
.wht-bkgd {
	background:#FFF;
	color:black;
}
.full-social-item {
	width:100%;
}
/* CONTENT */
.flex {
  display: flex;
}
.fl-justify-center {
  justify-content: center;
}
.fl-justify-between {
  justify-content: space-between;
}
.fl-justify-end {
  justify-content:flex-end;
}
.fl-align-center {
  align-items: center;
}
.content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-title {
    font-family: 'town-text-light';
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 2.5vw;
    position: relative;
    z-index: 1;
    animation: fadeIn 7s;
}
.bert-image {
	animation: fadeIn 7s;
}
.home-title {
	margin-right:10%;
}
.signature-stamp {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 0.1;
}
.signature-stamp:after {
    content: "";
    display: block;
    padding-bottom: 25%;
}
.signature-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
	animation: fadeIn 7s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* SWIPER STYLES */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size:1.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-slide {
	justify-content: flex-end;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-disabled {
	opacity: 0 !important;
}
.swiper-v {
  background:none;
}
.h-button-prev {
    position: fixed;
	display: flex;
    top:50%;
    left: 13%;
	width: 2rem;
    height: 2rem;
    transform: translate(0, -50%);
	background: url("../images/h-scroll-prev-gold.svg") center center no-repeat;
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.h-button-prev:hover {
	opacity:1;
}
.h-button-next {
    position: fixed;
	display: flex;
    top:50%;
    right: 13%;
	width: 2rem;
    height: 2rem;
    transform: translate(0, -50%);
	background: url("../images/h-scroll-next-gold.svg") center center no-repeat;
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.h-button-next:hover {
	opacity:1;
}
.ch-button-prev {
    position: fixed;
	display: flex;
    top:50%;
    left:1rem;
	width: 3rem;
    height: 3rem;
    transform: translate(0, -50%);
	background: url("../images/ch-scroll-prev-gold.svg") center center no-repeat;
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.ch-button-prev:hover {
	opacity:1;
}
.ch-button-next {
    position: fixed;
	display: flex;
    top:50%;
    right:1rem;
	width: 3rem;
    height: 3rem;
    transform: translate(0, -50%);
	background: url("../images/ch-scroll-next-gold.svg") center center no-repeat;
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.ch-button-next:hover {
	opacity:1;
}
.v-button-prev {
    position: fixed;
	display: flex;
    top: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.v-button-prev:hover {
	opacity: 1;
}
.v-button-prev:after {
    content: "";
    position: relative;
    display: block;
    background: url(../images/scroll-prev.svg) center center no-repeat;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}
.v-button-next {
    position: fixed;
	display: flex;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
	opacity: 0.7;
	text-transform: uppercase;
}
.v-button-next:hover {
	opacity: 1;
}
.v-button-next:after {
	content:"";
	position: relative;
    display: block;
    background: url(../images/scroll-next.svg) center center no-repeat;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.card-blocks {
	width:70%;
	margin:0 auto;
    display: flex;
    flex-wrap: wrap;
	position: relative;
    z-index: 1;
}

.block {
	width:33.333%;
	position: relative;
}

.contact-image {
    width: 50%;
    position: relative;
}

figcaption {
    position: absolute;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    padding: 1rem 2rem;
    bottom: 0;
    left: 0;
}

.panel {
    padding: 4rem;
	height:100%;
	overflow-y: auto;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-field {
    border: none;
    padding: 1rem;
	font-family: 'town-text-book';
}

.services-panel {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.services-panel p {
    margin: 0.5rem 0;
}

.services-nav {
    position: absolute;
}

.h-button-next.services-nav {
    right:2rem;
}

.h-button-prev.services-nav {
    left:2rem;
}

.content-panel.center {
    width: 60%;
    text-align: center;
}

.about-us-panel {
    width: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.content-block {
    width: 70%;
    margin: 0 auto;
    display: flex;
	position: relative;
	z-index: 1;
}

.point-list {
    list-style-type: none;
    margin:1rem 0 0 0;
    padding: 0;
    text-align: left;
}

.point-list li strong {
	font-family: 'town-text-medium';
	font-weight: normal;
}

.point-list li {
	margin:1rem 0;
}

.content-column {
    width: 50%;
    text-align: left;
	align-items: center;
	display: flex;
}

.content-column-full {
    width: 100%;
    text-align: left;
}

.full-width-column {
    width: 100%;
	text-align: center;
}

.sub-menu {
    display:none;
    position: absolute;
    background:#222F4C;
    width: 70%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* left: 0; */
}

.link-item:hover > .sub-menu {
	display: block;
}

.sub-menu .nav-link {
	padding:1rem;
}

.flip .page-title {
    width: 90%;
    display: block;
}

.services-content {
    display: flex;
    flex-direction:row;
    height: 100%;
	width:100%;
}

.services-carousel-images {
    height: 100%;
	position: relative;
	width:60%;
}

.services-carousel {
    height: 100%;
}

.service-item-content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    z-index: 1;
    background: rgba(34, 47, 76, 0.8);
    padding: 1rem 2rem;
    width: 50%;
    text-align: left;
}

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

.carousel-text {
	background: rgb(34, 47, 76);
	background: linear-gradient(0deg, rgba(34, 47, 76,0) 0%, rgba(34, 47, 76,0.6) 100%);
    position: absolute;
	top:0; right:0; left:0;
    padding-top: 4rem;
    padding-bottom: 3rem;
    padding-left: 4rem;
	font-size:1.5rem;
    z-index: 10;
	margin:0;
	font-family: 'town-text-medium';
}

.what-we-do-service {
    width: 70%;
    margin: 0 auto;
    height: 80%;
	position:relative;
	z-index: 1;
	background:#A39161;
	overflow: hidden;
}

button {
    display: inline-block;
    width: fit-content;
    padding: 1rem 2rem;
    border: none;
	font-family: 'town-text-medium';
	background:#222F4C;
	color:#FFF;
}

.contact-column .panel a {
	color:inherit;
	text-decoration: none;
}

.panel-image {
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.panel-image-column {
	width:50%;
    height: 80%;
}

.image-contain {
	height: auto !important;
	object-fit: contain !important;
}

.panel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map-background {
	background:#4c4c58;
}

.fl-d-row {
    flex-direction: row-reverse;
}

.panel-overlay {
    background:#222F4C;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
	opacity: 0.5;
}

.trans {
	opacity: 0.5;
}

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

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

.home-slider .h-button-next {
    right: 2rem;
}

.home-slider .h-button-prev {
    left: 2rem;
}

.page-title-large {
    text-transform: uppercase;
    font-size: 6vw;
    text-align: left;
	font-family: 'town-text-bold';
	font-weight: normal;
}

.intro-title {
    font-size: 2vw;
    margin: 0 0 1rem 0;
}

p {
    margin: 0.5rem 0;
}

.card {
	position: relative;
}

.card:after {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.ribbon-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-title {
    position: relative;
    z-index: 1;
    font-weight: normal;
	margin: 0 0 1rem 0;
}

.dignity-title {
	font-size: 2.5rem;
}

.food-slider {
    height: 70%;
}

.food-column {
    align-items: self-start;
    display: flex;
    overflow-y: auto;
}
.sub-title {
	font-size:1.75rem;
	display: block;
}

.hydration-logo {
	width:auto !important;
	height:130px !important;
	margin: 0 auto 0 0;
}

.wow-image {
	position: relative;
	z-index: 1;
}

.people-top {
    object-position: center 25%;
}

.nostalgic-logo {
	width:auto !important;
	height:130px !important;
}

.block-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	opacity: 0.7;
    mix-blend-mode: multiply;
}

.blend-blue {
	background:#222F4C;
}

.blend-gold {
	background:#A39161;
}

.card-link {
	color:inherit;
	text-decoration: none;
}

.image-contain img {
	object-fit: contain !important;
}

.flip {
  display: grid;
  perspective: 60em;
  transform-style: preserve-3d; /* Utile pour les éléments enfants */
  outline: none;

  & > * {
    grid-area: 1/-1; /* Évite un position absolute, les 2 éléments enfants de .flip s'adaptent donc l'un à l'autre, selon le contenu le plus conséquent des 2. */
    backface-visibility: hidden;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: var(--flip-transition-duration, 3s);
    transition-property: transform, opacity;
    cursor: pointer;
  }

  & > :last-child {
    transform: rotateY(-180deg);
  }

  &:focus-within,
  &:active,
  &.active {
    & > * {
      --flip-transition-duration: 1s;
    }

    & > :first-child {
      transform: rotateY(180deg);
    }

    & > :last-child {
      transform: rotateY(0deg);
    }
  }
}

.legal-content-template {
    width: 80%;
    max-height: 80%;
	z-index: 1;
}

.strong-overlay {
    opacity: 0.8;
}

a.sitemap-nav-link {
    color: white;
    text-decoration: none;
}

.awards-content {
    width: 65%;
}

.award-image {
	width:100%;
	height: 100%;
	position:relative;
}

.award-image:after {
	content:"";
	display: block;
	padding-bottom: 75%;
}

.award-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.awards-title {
    font-size: 7vw;
	font-family: 'town-text-light';
	color:#A29061;
    font-weight: normal;
    text-transform: uppercase;
	margin:0;
}

.awards-text {
    font-size: 2.2vw;
    margin: 1rem 0 3rem 0;
}

.carousel-title {
    font-size: 2vw;
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.awards-carousel {
    margin-top:0;
}

/* Element styles */
.marquee img {
    display: grid;
    place-items: center;
    width: auto;
    height: 15vh;
    aspect-ratio: auto;
    padding: 0;
    border-radius: 0;
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100%;
}

@keyframes fade {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
body.contact .site-footer {
	display: flex;
}
.site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    justify-content: space-between;
    padding: 0 2rem 2rem 2rem;
	align-items: flex-end;
}

.site-footer p {
	margin:0;
}

.site-footer a {
	color:inherit;
	text-decoration: none;
}

.what-we-do {
    width: 60%;
    height: 100%;
	position: relative;
}
.people {
    width: 60%;
    height: 100%;
    position: relative;
    margin: 0 10% 0 auto;
}
.text-content {
	height:100%;
    padding:2rem 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	    overflow-y: auto;
}
.top-content {
	justify-content: flex-start;
}
.text-content p {
	margin:0.5rem 0;
}
.skills {
    margin:1rem 0;
    padding: 0;
    list-style-type: none;
    columns: 2;
}
.skills li {
    margin: 1rem 0;
    padding: 1rem;
    background: #222;
    border-radius: 5px;
    /* min-height: 2vh; */
    display: flex;
    align-items: center;
}
.skills li:first-child {
    margin: 0 0 1rem 0;
}
.skills li:last-child {
    margin: 1rem 0 0 0;
}
.people-title {
    font-size: 3vw;
    margin: 0;
    text-transform: uppercase;
	font-family: 'town-text-light';
}
.people-card-blocks {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
}
.people-block {
    width: 50%;
}
.people-image {
	width:100%;
	height:50%;
	background:#CCC;
	position:relative;
}
.chef-image {
	height:35%;
}
.title-overlay {
    z-index: 1;
}
.rot-title-panel {
    position: absolute;
    left: 0;
    bottom: 0;
	z-index: 5;
	width:0;
}
.rot-title {
    transform: rotate(-90deg) translate(0, -50%);
    font-size: 5vw;
    text-transform: uppercase;
    /* left: 0; */
    position: relative;
    /* bottom: 0; */
    margin: 0;
    /* height: 100%; */
    width: 100%;
    text-wrap-mode: nowrap;
}
.slide-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
}

.people-content {
    background: rgba(163, 145, 96, 0.8);
	width:100%; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.people-content .text-content {
	height:50%;
}

.people-content .talent-content {
	height:100%;
}

.award-logo {
    width: auto !important;
    height: 250px !important;
    margin: 1rem auto 0 auto;
}

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

.pos-bottom {
    object-position: bottom;
}

.mySwiper6 {
    position: absolute;
}

.our-food {
    position: relative;
    z-index: 10;
    width: 70%;
    margin: 0 auto;
}

.content-panel {
    width: 30%;
    position: relative;
    z-index: 1;
    background:rgba(34,47,76,0.8);
    padding: 5rem 3rem;
    text-align: left;
}

.content-panel.full-panel {
    width: 70%;
}

.gold {
    background:rgba(163,145,96,0.8);
}

.left-side {
	 margin: 0 auto 0 10%;
}

.right-side {
	 margin: 0 10% 0 auto;
}

.mySwiper4 .v-button-prev {
	position: absolute;
}

.mySwiper4 .v-button-next {
	position: absolute;
}

.our-future {
    position: relative;
    z-index: 1;
    width: 40%;
    margin: 0 auto 0 7%;
}

.future-panel {
    padding: 4rem;
	background:rgba(163,145,96,0.8);
}

.h-button-next.ppl {
    position: absolute;
	right:2rem;
	filter: brightness(100);
}

.scrollable {
	overflow-y: auto;
	height: 100%;
	box-sizing: border-box;
}

.socials.inline {
    flex-direction: row;
}

.socials {
	list-style-type:none;
	margin:0;
	padding:0;
	display: flex;
	gap:1rem;
	flex-wrap: wrap;
}

.social-item-link {
	width:2rem;
	height: 2rem;
	display: block;
	text-indent:-9999px;
	background:#FFF;
}

.full-col {
	width:100%
}

.fb {
	background:url("../images/facebook-icon-wht.svg") center center no-repeat;
	background-size:contain;
}

.x {
	background:url("../images/x-icon-wht.svg") center center no-repeat;
	background-size:contain;
}

.ins {
	background:url("../images/instagram-icon-wht.svg") center center no-repeat;
	background-size:contain;
}

.ln {
	background:url("../images/linkedin-icon-wht.svg") center center no-repeat;
	background-size:contain;
}

.tk {
	background:url("../images/tiktok-icon-wht.svg") center center no-repeat;
	background-size:contain;
}

.col-panel {
    display: flex;
    justify-content: space-between;
}

.h-button-prev.ppl {
    position: absolute;
	left:2rem;
    filter: brightness(100);
}

.chart {
	height: 250px;
	width:auto;
}

.contact {
    position: relative;
    z-index: 1;
    width: 80%;
	height:100%;
    max-height: 75%;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
}

.content-box {
	margin:0;
}

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

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

.contact-column {
    width: 50%;
    display: flex;
    align-items: center;
}

.contact-image {
	width:50%;
}

.content-column-image {
    width: 50%;
    position: relative;
	display: flex;
}

.column-image {
	width:100%;
	height:100%;
	object-fit: cover;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
}

.paul {
    object-position: 0 -5rem;
}