body {
  background-color: #E9DCC9;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.2em;
  margin: 0;
  padding-top: 0px;
}

.navbar {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}

.navbar h1,
.navbar h2 {
  margin-top: 0.6rem;  
  margin-bottom: 0.05rem;
  font-size: 2rem;
  line-height: 1;
  display: inline-block; 
}


.row {
  margin-top: 4rem;   
}

.row {
  margin-left: 3rem;  
  margin-right: 3rem; 
}


.carousel {
  width: 100%;
  max-width: 1000px;
  aspect-ratio: 5 / 3; 
  margin: 50px auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.carousel-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.carousel-item {
  height: 100%;
}

.carousel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.carousel,
.carousel-inner,
.carousel-img {
  border-radius: 20px !important;
}

.card {
  margin-bottom: 100px;
}

.column {
  padding-left: 25px;
  padding-right: 25px;
}

.card {
  margin-bottom: 75px;
  min-height: 150px; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card .txt {
  background: transparent;
  padding: 1rem;
}

.column {
  padding-left: 25px;
  padding-right: 25px;
}

.column:hover {
  padding-left: 0;
}

.column:hover .card .txt {
  margin-left: 1rem;
}

.column:hover .card .txt h1,
.column:hover .card .txt p {
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}

.column:hover a {
  color: rgba(255, 255, 255, 1);
}

.column:hover a::after {
  width: 10%;
}

.column:hover,
.column:hover .card .txt,
.column:hover a {
  transition: all 0.6s ease;
}


a:not(.btn) {
    z-index: 3;
    font-size: 1.2rem;
    color: white;
    margin-left: 1rem;
    position: relative;
    bottom: 0.5rem;
    text-transform: uppercase;
}

a:not(.btn)::after {
    content: "";
    display: inline-block;
    height: 1.2em;
    width: 0;
    margin-right: -100%;
    margin-left: 10px;
}

.card.gr1 {
  background: linear-gradient(170deg, #56ab2f 0%, #a8e063 100%) !important;
  color: white;
}

.card.gr2 {
  background: linear-gradient(170deg, #ff6a00 0%, #ee0979 100%) !important;
  color: white;
}

.card.gr3 {
  background: linear-gradient(170deg, #43cea2 0%, #185a9d 100%) !important;
  color: white;
}

.card.gr4 {
  background: linear-gradient(170deg, #f7971e 0%, #ffd200 100%) !important;
  color: white;
}

.card.gr5 {
  background: linear-gradient(170deg, #00c3ff 0%, #ffff1c 100%) !important;
  color: white;
}

.card.gr6 {
  background: linear-gradient(170deg, #fbc2eb 0%, #a6c1ee 100%) !important;
  color: white;
}

.card.gr7 {
  background: linear-gradient(170deg, #e96443 0%, #904e95 100%) !important;
  color: white;
}

.card.gr8 {
  background: linear-gradient(170deg, #ff9a9e 0%, #fecfef 100%) !important;
  color: white;
}

.card.gr9 {
  background: linear-gradient(170deg, #00f2fe 0%, #4facfe 100%) !important;
  color: white;
}

.card.gr10 {
  background: linear-gradient(170deg, #c2e59c 0%, #64b3f4 100%) !important;
  color: white;
}

.card.gr11 {
  background: linear-gradient(170deg, #fc00ff 0%, #00dbde 100%) !important;
  color: white;
}

.card.gr12 {
  background: linear-gradient(170deg, #ff512f 0%, #dd2476 100%) !important;
  color: white;
}

.card.gr13 {
  background: linear-gradient(170deg, #a2836e 0%, #5c4b3b 100%);
  color: white;
}

.card.gr14 {
  background: linear-gradient(170deg, #d299c2 0%, #fef9d7 100%) !important;
  color: white;
}

.card.gr15 {
  background: linear-gradient(170deg, #8360c3 0%, #2ebf91 100%) !important;
  color: white;
}

.card.gr16 {
  background: linear-gradient(170deg, #bdc3c7 0%, #2c3e50 100%) !important;
  color: white;
}

.hero-image {
  margin-top: 5rem; 
  display: flex; 
  justify-content: center; 
}

.hero-image img {
  width: 50%;           
  height: auto;  
}