body {
   background: #171717;
   scroll-behavior: smooth;
   color: #ffffff;
   position: relative;
   caret-color: transparent;
}
input,
textarea,
select {
   caret-color: auto;
}
.list-group-item{
   background: transparent !important;
   color: white;
   padding-left: 0px;;
}
.light-effect {
   position: absolute;
   width: 100vw;
   height: 100vh;
   top: -50vh;
   left: -50vw;
   z-index: 0;
   display: block;
   background: radial-gradient(circle, rgba(22, 61, 81, 0.5), transparent 70%);
   pointer-events: none;
}
.overlay {
   position: absolute;
   inset: 0;
   /* background: rgba(22, 61, 81, 0.5); */
   background: rgba(0, 0, 0, 0.6);
   /* albastru #163d51 transparentizat */
   /* backdrop-filter: blur(2px); */
   z-index: 2;
}

.meniu-top.scrolled {
   background: rgba(0, 0, 0, 0.3);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   transition: all 0.3s ease;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.simple-menu-icon {
   width: 24px;
   height: 18px;
   position: relative;
   top:3px;
   display: inline-block;
}

.simple-menu-icon span {
   background-color: rgba(255, 255, 255, 0.65);
   position: absolute;
   height: 3px;
   width: 100%;
   left: 0;
   border-radius: 2px;
}

.simple-menu-icon span:nth-child(1) {
   top: 0;
}

.simple-menu-icon span:nth-child(2) {
   top: 7.5px;
}

.simple-menu-icon span:nth-child(3) {
   top: 15px;
}

/* conținutul .container va fi peste toate */
.carousel .container {
   position: relative;
   z-index: 3;
   color: white;
}
.slider-wrapper {
   position: relative;
   width: 100%;
   min-height: 100vh;
   overflow: hidden;
}

/* fundal imagine */
.slider-background {
   position: relative;
   min-height: 100vh;
   background-size: cover;
   background-position: center;
   display: flex;
   /* align-items: center; */
   
}

.slider-background::before {
   content: "";
   position: absolute;
   inset: 0;
   background-image: inherit;
   background-size: cover;
   background-position: center;
   filter: grayscale(100%);
   z-index: 0;
   opacity: 1;}

.menu-wrapper {
   display: flex;
   justify-content: flex-end;
   padding: 20px 0 20px;
}

.glass-nav {
   display: inline-flex;
   /* aliniere la dreapta */
   gap: 20px;
   list-style: none;
   padding: 10px 25px;
   margin: 0;

   background: rgba(0, 0, 0, 0.4);
   /* fundal negru transparent */
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border-radius: 25px;
   border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-nav li a {
   color: white;
   text-decoration: none;
   font-weight: 500;
   transition: color 0.3s ease;
}

.glass-nav li a:hover {
   color: #ddd;
}

.glass-nav-second {
   display: inline-flex;
   /* aliniere la dreapta */
   gap: 20px;
   list-style: none;
   padding: 10px 25px;
   margin: 0;
   margin-left: 15px;
   background: rgba(22, 61, 81, 0.9);
   /* background: #163d51; */
   /* fundal negru transparent */
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border-radius: 25px;
   border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-nav-second li a {
   color: white;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: 500;
   transition: color 0.3s ease;
}

.glass-nav-second li a:hover {
   color: #ddd;
}
.glass-button {
   background: rgba(0, 0, 0, 0.4);
   color: white;
   border: 1px solid #163d51;
   border-radius: 35px;
   padding: 7px 7px 7px 30px;
   font-size: 1rem;
   line-height: 1;
   font-weight: 500;
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   cursor: pointer;
   transition: background 0.3s ease, color 0.3s ease;
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   gap: 25px;
   
}

.glass-button:hover {
   background: rgba(255, 255, 255, 0.1);
   color: #eee;
}

.arrow-circle {
   width: 40px;
   height: 40px;
   background: #163d51;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: white;
   font-size: 16px;
}

/* doar pentru meniul extins dacă vrei margin rotunjit */
.rounded-white {
   /* background: rgba(255, 255, 255, 0.8); */
   background: #282828;
   /* border: 1px solid rgba(255, 255, 255, 0.25); */
  
   color: #adadad;
   /* backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px); */
   border-radius: 25px;
   padding: 25px;
}

.rounded-top-25 {
   border-top-left-radius: 25px !important;
   border-top-right-radius: 25px !important;
}

.rounded-bottom-25 {
   border-bottom-left-radius: 25px !important;
   border-bottom-right-radius: 25px !important;
}

.nav-pills .nav-item {
   margin: 0 6px;
}

.nav-pills .nav-link {
   background: rgba(22, 61, 81, 0.2);
   /* negru transparent */
   color: #ccc;
   border-radius: 25px;
   padding: 15px 20px;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   transition: all 0.3s ease;
   border: 0px solid rgba(255, 255, 255, 0.2);
}

.nav-pills .nav-link.active {
   background:rgba(22, 61, 81, 0.7);
   color: white;
}

.nav-pills .nav-link:hover:not(.active) {
   background: rgba(255, 255, 255, 0.1);
   color: #ddd;
}

.bg-dark {
   background-color: #000000 !important;
}
.color-dark {
   color: #000000 !important;
}

.text-color{
   color: rgba(22, 61, 81, 1);
}

.alb-negru {
   filter: grayscale(100%);
   transition: filter 0.5s ease;
}

/* Asigură că textul are înălțime completă și este centrat */
.carousel-item .col-md-6 {
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2rem;
}

.custom-carousel-controls .btn {
   border-radius: 50%;
   width: 48px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.logo-slider{
   filter: invert(1);
   opacity: 0.2;
}
.logo-slider-team{
   position: absolute;
   bottom: 15px;
   right:15px;
   filter: invert(1);
   opacity: 0.4;
}
.overlay-on-mobile {
   position: relative;
   z-index: 2;
}
.card{
   border: 0px solid rgba(0, 0, 0, 0.7) !important;
   overflow: hidden;
}
.hover-translate{
   transition: all 0.2s ease;
}

.hover-translate:hover {
   transform: translateY(-10px) !important;
   box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
}

@media (max-width: 991.98px) {
   .overlay-on-mobile {
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 95%;
      text-align: center;
      padding: 1rem;
      background: rgba(0, 0, 0, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(6px);
         -webkit-backdrop-filter: blur(6px);
      /* fundal semi-transparent dacă vrei contrast */
      border-radius: 4px;
   }
}

/* Pentru ecrane mici – eliminăm tăietura diagonală */
@media (max-width: 768px) {
   .custom-carousel-controls {
         bottom: 10px;
         left: 10px; 
   }
   .slider-background {
      background-position: top left; 
   }
}

@media (min-width: 1500px) {
   .container {
      max-width: 1460px !important;
   }
}