/* CSS Document */
@charset "UTF-8";

:root {
  --black: #000000;
  --white: #ffffff;
  --white-hvr: #dfdfdf;
  --gray: #4b5563;
  --light-gray: #f9fafb;
  --light: #27929d;
  --azurelight: #c1e2e6;
  --ultralight: #e4f8fb;
  --yellow: #faad00;
  --yellow-hvr: #c18a0e;
  --default: #0e8898;
  --dark: #00525b;
  --testata1: #0c7787;
  --testata2: #12a4ae;

  /* ExpoClima */
  --expo-light: #0062ab;
  --expo-azurelight: #bfdbfe;
  --expo-default: #1162ab;
  --expo-dark: #004c88;
  --expo-yellow: #faad00;
  --expo-yellowlight: #fff1d3;
  --expo-hoverbuttonyellow: #c18a0e;
}

body {
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-weight: 300;
  overflow-x: hidden;
  color: var(--gray);
  font-size: 16px;
  background-color: #f2eeee;
}
/*per modale*/
html {
  overflow-y: scroll;
}
img {
  border: none;
}
a {
  text-decoration: none !important;
  color: inherit;
}
a:hover {
  color: inherit;
}
strong,
b {
  font-weight: 700;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-mb-0 p {
  margin-bottom: 0;
}
.small,
.small p {
  font-size: 0.875em;
}
.x-small p {
  font-size: 0.775em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--black);
  font-weight: inherit;
  font-size: inherit;
  margin-bottom: 0;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
/* BUTTONS */
[class*="btn-"] {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  transition: all 0.3s ease-in-out;
}
.btn-solid-,
.btn-solid-white {
  background-color: var(--white);
  color: var(--dark);
  font-weight: 500;
}
.btn-solid:hover,
.btn-solid:active,
.btn-solid:focus,
.btn-solid:focus-visible,
.btn-solid:focus-within,
.btn-solid-white:hover,
.btn-solid-white:active,
.btn-solid-white:focus,
.btn-solid-white:focus-visible,
.btn-solid-white:focus-within {
  background-color: var(--white-hvr);
  color: var(--dark);
}
.btn-solid-yellow {
  background-color: var(--yellow);
  color: var(--dark);
  font-weight: 500;
}
.btn-solid-yellow:hover,
.btn-solid-yellow:active,
.btn-solid-yellow:focus,
.btn-solid-yellow:focus-visible,
.btn-solid-yellow:focus-within {
  background-color: var(--yellow-hvr);
  color: var(--dark);
}
.btn-solid-default {
  background-color: var(--default);
  border: 1px solid var(--default);
  color: var(--white);
  font-weight: 500;
}
.btn-solid-default:hover,
.btn-solid-default:active,
.btn-solid-default:focus,
.btn-solid-default:focus-visible,
.btn-solid-default:focus-within {
  border: 1px solid var(--default);
  background-color: transparent;
  color: var(--default);
}
/* END BUTTONS */
/*  */
/*  */
/*  */
/* LISTS */
.list-custom ul {
  list-style-type: none;
  padding-left: 0;
}
.list-check li {
  position: relative;
  padding-left: 22px;
}
.list-check li::before {
  content: "";
  color: #16a34a;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/check-circle.svg) center / contain no-repeat;
  position: absolute;
  top: 6px;
  left: 0;
}
/* END LISTS */
/*  */
/*  */
/*  */
/* COLORS */
.text-gray {
  color: var(--gray);
}
.text-default,
span[style*="color: #00ff00"] {
  color: var(--default) !important;
}
.text-light-blu {
  color: var(--light);
}
.text-expo-default {
  color: var(--expo-default);
}
.text-yellow,
span[style*="color: #ffff00"] {
  color: var(--yellow) !important;
}
/* END COLORS */
/*  */
/*  */
/*  */
/* BACKGROUND */
.bg-gradient-default {
  background-image: linear-gradient(
    to bottom right,
    var(--testata1),
    var(--testata2)
  );
}
.bg-gradient-expo-default {
  background-image: linear-gradient(
    to bottom right,
    var(--expo-default),
    var(--expo-dark)
  );
}
.bg-ultralight {
  background-color: var(--ultralight);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-light-gray {
  background-color: var(--light-gray);
}
.bg-light-blu {
  background-color: var(--light);
}
.bg-default {
  background-color: var(--default);
}
/* END BACKGROUND */
/*  */
/*  */
/*  */
.swiper-pagination-bullet-active {
  background: var(--light);
}
/*.check-before::before {
  content: "";
  color: #16a34a;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../img/check-circle.svg) center / contain no-repeat;
  position: absolute;
  top: 22px;
  left: 16px;
}*/
.icon {
  width: 65px;
  height: 65px;
}

.rounded-4 {
        border-radius: 1rem !important;
}