:root {
  --card-radius: .25em;
  --card-padding: 1em;
  --card-gap: 1.5em;
}
p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.flyout-button {
  background: #fff !important;
}
.btn--secondario a {
  text-align: center;
}
.oxy-sticky-header-active .btn--secondario {
  background: #fff;
}
.servizi-content p {
  margin-block-end: 0.8em;
  margin-block-start: 0.3em;
  font-size: 1.35rem;
}
.servizi-content h2 {
  font-size: var(--h3);
}
.box-overlay {
  background-image: linear-gradient(var(--black-trans-80) 10%, var(--black-trans-10));
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: -1;
}
.box-background__overlay {
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: -1;
}
/*BUTTON var*/
/*---primario----btn---------*/
.btn--primario {
  padding: var(--btn-pad-y) var(--btn-pad-x);
  font-size: var(--text-m);
  color: var(--black);
  border: 1px solid var(--black);
  border-color: var(--black) !important;
  font-weight: 600;
}
.btn--primario:hover {
  color: var(--black);
  border: 1px solid rgba(5, 28, 44, 0.2) !important;
}
/*---secondario----btn--------*/
.btn--secondario {
  padding: var(--btn-pad-y) var(--btn-pad-x);
  font-size: var(--text-m);
  color: var(--white);
  border: 1px solid var(--white);
  font-weight: 600;
}
.btn--secondario:hover {
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/*---special----btn---------*/
.btn--special {
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-radius: var(--btn-radius);
  font-size: var(--text-m);
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: var(--btn-border-size);
  border-color: rgba(255, 255, 255, 0.15) !important;
  font-weight: 600;
}
.btn--special:hover {
  background-color: var(--white-hover) !important;
  color: var(--white) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  cursor: pointer;
}
/* ! BTN Footer ---------------*/
.btn--footer {
  background: var(--action-light);
  padding: 0.5em 0.9em;
  color: var(--black);
}
.btn--footer:hover {
  background: var(--white);
  color: var(--black);
}
.btn--contacts {
  background: var(--action-light);
  padding: 0.5em 0.9em;
  color: var(--black);
  border-radius: 12px;
}
.btn--contacts:hover {
  background: var(--white);
  color: var(--black);
}
.btn--contacts__minimal {
  padding: 0.5em 0.9em;
  color: var(--black);
  background: var(--white);
  border-radius: 12px;
  font-size: var(--text-s);
}
.btn--contacts__minimal:hover {
  background: var(--action-light);
}
/* ! Team card ---------------*/
.team-card {
  position: relative;
}
.team-card p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.team-card__headshot {
  aspect-ratio: 1;
  width: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}
.team-card__media-wrapper {
  order: -1;
}
.team-card:focus-within {
  box-shadow: 0 0 0 1.5px var(--primary);
}
.team-card:focus-within .team-card__body-wrapper a:focus {
  outline: none;
}
/*----------clickable parent----absolute link----------------*/
.clickable-parent::after {
  content: '';
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.box-contact {
  position: relative;
}
.box-contact p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.box-contact:focus-within {
  box-shadow: 0 0 0 1.5px var(--primary);
}
.box-contact:focus-within .box-contact__footer-wrapper a:focus {
  outline: none;
}
/* ! Grid columns per gutemberg --- */
.oxy-stock-content-styles {
  -webkit-columns: 40px 2;
  /* Chrome, Safari, Opera */
  -moz-columns: 60px 2;
  /* Firefox */
  columns: 60px 2;
  gap: var(--space-l);
}
/*----------------------------CSS FLICKITY --------------------------------*/
/* external css: flickity.css */
.main-carousel {
  height: 650px;
}
/* position dots up a bit */
.flickity-page-dots {
  bottom: -22px !important;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 2px !important;
  width: 35px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.flickity-button {
  display: none;
}
.slider-img {
  margin-right: var(--space-m);
  max-width: 430px;
  height: 100%;
}
.carousel-cell img {
  object-fit: cover;
  width: 100%;
  min-width: 430px;
  display: block;
  height: 100%;
}
#-carousel-builder-93-119 .flickity-page-dots .dot {
  background: var(--white) !important;
}
/*end flickity---------------*/
/*-----global arrow motion---------------------*/
a.left-arrow-link .container-link {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
a .arrows__text {
  font-size: var(--text-m);
  color: var(--black);
}
a.left-arrow-link .arrows {
  overflow: hidden;
  position: relative;
  width: 4.7rem;
  display: inline-block;
  margin-top: -2px;
}
a.left-arrow-link .arrows::before {
  position: absolute;
  left: -0.57143rem;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
a.left-arrow-link .arrows::after {
  position: absolute;
  left: 0;
}
a.left-arrow-link .arrows::before, a.left-arrow-link .arrows::after {
  content: url(/asset/images/arrow-long.svg);
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
}
a.left-arrow-link:hover .arrows::after {
  -webkit-transform: translateX(calc(100% + 8px));
  -ms-transform: translateX(calc(100% + 8px));
  transform: translateX(calc(100% + 8px));
}
a.left-arrow-link:hover .arrows::before {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}
a.left-arrow-link:hover .arrows::before, a.left-arrow-link:hover .arrows::after {
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
}
a.left-arrow-link:hover .arrows::before, a.left-arrow-link:hover .arrows::after {
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
}
.arrow-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 1300ms;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
/* ! oxy-stock-content-styles old da cancellare
span#span-118-74.ct-span.oxy-stock-content-style {
    display: grid!important;
    grid-template-columns: repeat(2, minmax(1px, 1fr))!important;
} */
/*reviews color widghter */
.ti-rating-text strong.ti-rating, .ti-rating-text span.nowrap, .ti-rating-text span.nowrap strong, .ti-rating-text span.nowrap strong a {
  color: var(--white) !important;
}
/* ! Pro accordin */
.oxy-pro-accordion_inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}
.pro-accordin__faq .oxy-pro-accordion_header {
  align-items: stretch;
}
/* ! Amelia css integrated */
/* dispaly off contacts email in footer form --- */
div.am-cat__sidemenu .am-cat__sidemenu-footer, div.am-fs-sb__footer .am-fs-sb__support {
  display: none !important;
}
div.am-fcl {
  background: var(--base-ultra-dark) !important;
}
div.am-cat__wrapper.am-fcil {
  background: var(--white) !important;
}
/*.amelia-v2-booking #amelia-container .am-button {
    padding: 1.4em 1em!important;
}*/
.wh-section {
  padding: clamp(4.8rem, calc(4.375vw + 3.4rem), 9rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}