:root {
  --florinvest-blue: #021f59;
  --florinvest-blue-dark: #011640;
  --florinvest-green: #f25c05;
  --florinvest-orange: #f25c05;
  --florinvest-light: #f4f6f7;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #1f2933;
  padding-bottom: 4.75rem;
}

@media (min-width: 992px) {
  body {
    padding-bottom: 0;
  }
}

.card {
  border-radius: 1.25rem;
}

.btn {
  border-radius: 999px;
  padding: .75rem 1.35rem;
}

.btn-lg {
  padding: .95rem 1.65rem;
}

.form-control,
.form-select {
  border-radius: .9rem;
}

.btn-brand {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--florinvest-blue);
  --bs-btn-border-color: var(--florinvest-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--florinvest-blue-dark);
  --bs-btn-hover-border-color: var(--florinvest-blue-dark);
  --bs-btn-focus-shadow-rgb: 2, 31, 89;
}

.btn-outline-brand {
  --bs-btn-color: var(--florinvest-blue);
  --bs-btn-border-color: var(--florinvest-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--florinvest-blue);
  --bs-btn-hover-border-color: var(--florinvest-blue);
}

.btn-whatsapp {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--florinvest-orange);
  --bs-btn-border-color: var(--florinvest-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d84f04;
  --bs-btn-hover-border-color: #d84f04;
  --bs-btn-focus-shadow-rgb: 242, 92, 5;
}

.text-brand {
  color: var(--florinvest-orange);
}

.bg-brand {
  background-color: var(--florinvest-blue);
}

.border-brand {
  border-color: var(--florinvest-orange) !important;
}

.border-brand-subtle {
  border-color: rgba(242, 92, 5, .35) !important;
}

.text-white-75 {
  color: rgba(255, 255, 255, .78);
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--florinvest-orange);
  font-size: 1.35rem;
}

.service-summary-card {
  display: block;
  background-color: #fff;
  border: 1px solid #d9dee7;
  border-radius: 1.5rem;
  box-shadow: 0 1.25rem 3rem rgba(2, 31, 89, .14);
}

.service-summary-link {
  color: #1f2933;
  transition: border-color .2s ease, transform .2s ease;
}

.service-summary-link:hover {
  border-color: rgba(242, 92, 5, .7);
  color: #1f2933;
  transform: translateY(-2px);
}

.hero-service-cards {
  position: relative;
  z-index: 2;
  margin-bottom: -5.5rem;
}

.service-summary-icon {
  display: inline-flex;
  width: 2.75rem;
  flex: 0 0 2.75rem;
  align-items: center;
  justify-content: center;
  color: var(--florinvest-orange);
  font-size: 2.25rem;
  line-height: 1;
}

.contact-intro {
  max-width: 760px;
}

.contact-form-card {
  border: 1px solid #d9dee7;
  border-radius: 2rem;
  box-shadow: none;
}

.contact-form-card .card-body {
  border-radius: inherit;
}

.form-section {
  border-radius: 1.5rem;
}

.form-section-contacts {
  background-color: #f5f7fb;
}

.form-section-details {
  background-color: #fff7f2;
}

.hero-section {
  position: relative;
  background:
    linear-gradient(90deg, rgba(2, 31, 89, .94) 0%, rgba(2, 31, 89, .78) 44%, rgba(2, 31, 89, .18) 100%),
    url("../img/hero-florinvest.jpg") center right / cover no-repeat;
}

.chi-siamo-section {
  background-color: #fff;
  padding-top: 8.5rem !important;
}

.deposits-hero-section {
  background:
    linear-gradient(90deg, rgba(2, 31, 89, .95) 0%, rgba(2, 31, 89, .76) 52%, rgba(2, 31, 89, .24) 100%),
    url("../img/deposito-via-mariti.jpg") center right / cover no-repeat;
}

.moving-hero-section {
  background:
    linear-gradient(90deg, rgba(2, 31, 89, .95) 0%, rgba(2, 31, 89, .78) 52%, rgba(2, 31, 89, .24) 100%),
    url("../img/hero-florinvest.jpg") center right / cover no-repeat;
}

.min-vh-75 {
  min-height: 75vh;
}

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

.deposit-preview-img {
  height: 320px;
}

.deposit-carousel-img {
  height: 460px;
  background-color: #111827;
}

.carousel-rounded {
  border-radius: 1.5rem;
  overflow: hidden;
}

.map-frame {
  border: 0;
}

.breadcrumb-dark .breadcrumb-item,
.breadcrumb-dark .breadcrumb-item.active,
.breadcrumb-dark .breadcrumb-item a {
  color: rgba(255, 255, 255, .82);
}

.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, .55);
}

.mobile-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  padding: .75rem 0;
  background: rgba(2, 31, 89, .98);
  box-shadow: 0 -.5rem 1.5rem rgba(0, 0, 0, .18);
}

@media (min-width: 768px) {
  .hero-section {
    padding-bottom: 5.75rem;
  }

  .hero-service-cards {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 720px;
    padding-right: .75rem;
    padding-left: .75rem;
    transform: translate(-50%, 50%);
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .hero-service-cards {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .hero-service-cards {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .hero-service-cards {
    max-width: 1320px;
  }
}

@media (max-width: 575.98px) {
  .display-5 {
    font-size: 2.35rem;
  }

  .display-6 {
    font-size: 2rem;
  }

  .hero-section {
    background:
      linear-gradient(180deg, rgba(2, 31, 89, .96) 0%, rgba(2, 31, 89, .82) 62%, rgba(2, 31, 89, .62) 100%),
      url("../img/hero-florinvest.jpg") center / cover no-repeat;
  }

  .hero-service-cards {
    margin-bottom: -3.5rem;
  }

  .chi-siamo-section {
    padding-top: 6.5rem !important;
  }

  .deposits-hero-section {
    background:
      linear-gradient(180deg, rgba(2, 31, 89, .96) 0%, rgba(2, 31, 89, .82) 62%, rgba(2, 31, 89, .62) 100%),
      url("../img/deposito-via-mariti.jpg") center / cover no-repeat;
  }

  .moving-hero-section {
    background:
      linear-gradient(180deg, rgba(2, 31, 89, .96) 0%, rgba(2, 31, 89, .82) 62%, rgba(2, 31, 89, .62) 100%),
      url("../img/hero-florinvest.jpg") center / cover no-repeat;
  }

  .deposit-preview-img,
  .deposit-carousel-img {
    height: 260px;
  }
}