body{
    font: 20px Montserrat, sans-serif;
    line-height: 1.8;
    color: #F0F2F5;
    }
    h1{
      color:#fff;
    }
    .lead{
      color:#aaa;
    }
    
    .wrapper{margin:10vh}

    
  p {
    font-size: 16px;
  }
  .margin {
    margin-bottom: 45px;
  }
  .bg-1 {
    background-color: #991E1B; /* Green */
    color: #ffffff;
  }
  .bg-2 {
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
  }
  .bg-3 {
    background-color: #ffffff; /* White */
    color: #555555;
  }
  .bg-4 {
    background-color: #2f2f2f; /* Black Gray */
    color: #fff;
  }
  .container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
  }

.carousel-control-prev-icon {
  outline: black;
  background-size: 50%, 50%;
  border-radius: 20%;
  border: 2px solid black;
  position: absolute;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  outline: black;
  background-size: 50%, 50%;
  border-radius: 20%;
  border: 2px solid black;
  position: absolute;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-inner{
  border-radius: 40px 40px 40px 40px;
  overflow: hidden;
}

  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 5px;
    display: block;
  }
  .h2 {
    color: #991E1B;
  }
  .navbar-nav li a:hover {
    color: #991E1B !important;
  }
  .fancy {
    font-family: "Raleway", sans-serif;
    font-weight: 100;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: 
      url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 110% auto;
    background-position: center;
    -webkit-text-stroke: 0.1px #991E1B;
    color: #991E1B;
    
}
  .h4 {
font-size: 8vw;
text-transform: uppercase;
text-align: center;
line-height: 1;
width: 100%;
text-align:center;
}

    .card{
      border: none;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      overflow:hidden;
      border-radius:16px;
      min-height:450px;
      background-size: cover;
      background-position: center;
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    
     @media (max-width: 768px) {
      min-height:350px;
    }
    
    @media (max-width: 420px) {
      min-height:300px;
    }
    
     &.card-has-bg{
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      background-size:120%;
      background-repeat:no-repeat;
      background-position: center center;
      &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        -webkit-filter: grayscale(1);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);}

.card-img-overlay {
          transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
          background: #991E1B;
         background: linear-gradient(0deg, #1d0606ab 20%, #991d1bcc 100%);
         }
      }
    }
     .card-footer{
      background: none;
       border-top: none;
        .media{
         img{
           border:solid 3px rgba(255,255,255,0.3);
         }
       }
     }
      .card-title{
        font-weight:100;

      }


    .text-center {
      text-align: center !important;
    }

    .card-footer{
      background: none;
       border-top: none;
        .media{
         img{
           border:solid 3px rgba(255,255,255,0.3);
         }
       }
     }
      .card-title{
        font-weight:100;

      }

    .card-img-overlay {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
      border-radius: 16px;
      padding: 20px;
    }

   .card-meta{
      color:rgba(0,0,0,0.3);
      text-transform:uppercase;
      font-weight:500;
      letter-spacing:2px;
  }

   .card-body{ 
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
     flex: 1 1 auto;
      padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
      color: var(--bs-card-color);
    }

    .card-img-overlay {
      transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
     background: #991E1B;
    background: linear-gradient(0deg, #1d06069d 40%, #991d1bc6 100%);
    }

    .contact-section {
      padding-top: 5rem;
    }
    .text-bg-black {
      color: #fff !important;
      background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important;
    }
    .contact-section .card {
      border: 0;
      border-bottom: 0.25rem solid #991E1B;
    }
    
.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.carousel {
  max-width: 800px;
  margin: auto;
}

.carousel-inner img {
  border-radius: 20px;
  max-height: 500px;
  object-fit: cover;
}

.carousel-bottom-controls {
  margin-top: 20px;
}

.carousel-control-custom {
  background-color: #e0e0e0;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.carousel-control-custom:hover {
  background-color: #ccc;
}

.card img {
  border-radius: 12px;
}

.card {
  border: none;
  border-radius: 1.5rem; /* sau 24px, în funcție de ce vrei vizual */
  overflow: hidden; /* important ca să aplice și la imagini de fundal */
}


h4, h5 {
  font-family: 'Montserrat', sans-serif;
}

.rounded-4 {
  border-radius: 1.5rem;
}

.team-description {
  font-size: 1.25rem;
  line-height: 1.8;
  max-width: 650px;
  color: #333;
}