@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "pt_sansbold";
  src: url("./assets/fonts/pt-sans/ptsans-bold-webfont.woff2") format("woff2"), url("./assets/fonts/pt-sans/ptsans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pt_sansbold_italic";
  src: url("./assets/fonts/pt-sans/ptsans-bolditalic-webfont.woff2") format("woff2"), url("./assets/fonts/pt-sans/ptsans-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pt_sansregular";
  src: url("./assets/fonts/pt-sans/ptsans-regular-webfont.woff2") format("woff2"), url("./assets/fonts/pt-sans/ptsans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Stilul pentru întregul scrollbar */
::-webkit-scrollbar {
  width: 12px;
  /* Lățimea scroll bar-ului */
  height: 12px;
  /* Înălțimea scroll bar-ului (pentru scrolling orizontal) */
}

/* Fundalul scrollbar-ului */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Culoarea fundalului */
  border-radius: 10px;
  /* Colțuri rotunjite */
  background-color: rgba(0, 35, 37, 0.8078431373);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* Thumb-ul (bara care se mișcă) */
::-webkit-scrollbar-thumb {
  background: rgba(0, 162, 255, 0.3215686275);
  /* Culoarea thumb-ului */
  border-radius: 10px;
  /* Colțuri rotunjite */
}

/* Thumb-ul când este apăsat sau hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 162, 255, 0.6784313725);
  /* Culoare mai închisă la hover */
}

body {
  min-height: 100vh;
  background-color: aliceblue;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Nunito", sans-serif;
}
body p,
body ul,
body a,
body span,
body strong,
body li {
  font-family: "PT Sans", sans-serif;
}

header {
  position: fixed;
  top: 0;
  z-index: 10;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5vw;
  background-color: #f0f8ff;
  border-bottom: 1px solid aqua;
}
header .logo-container {
  padding: 0.5rem;
}
header .logo {
  width: 50vw;
  height: 6vh;
  background-image: url("./logo-desk.webp");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  header .logo {
    width: 15vw;
  }
}
header .nivel0 {
  width: 50vw;
}
header .nivel0 li {
  padding: 0.5rem 0;
}
header .nivel0 > li > a,
header .nivel0 > li div {
  font-size: 1rem;
  color: #000;
  position: relative;
  text-decoration: none;
}
header .nivel0 > li > a i,
header .nivel0 > li div i {
  margin-left: 0.5rem;
}
header .nivel0 > li > a::before,
header .nivel0 > li div::before {
  background-color: hsl(187, 100%, 70%);
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
header .nivel0 > li > a:hover::before,
header .nivel0 > li div:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
header .nivel0 > li > div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
header ul li {
  width: 100%;
  position: relative;
}
header ul li > * {
  padding: 0.5rem;
}
header ul li a,
header ul li div {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}
header ul li a:hover,
header ul li div:hover {
  color: darkblue;
  font-weight: bold;
}
header .nivel1 {
  position: absolute;
  width: 25vw;
  flex-wrap: wrap;
  visibility: hidden;
  transition: 0.3s;
  transition-delay: 0.3s;
  left: 0;
  top: -600%;
}
header .nivel1 li {
  text-align: left;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(107, 107, 107, 0.2666666667);
}
header .nivel1 li strong {
  font-size: 1.2rem;
}
header .nivel2 {
  position: absolute;
  width: 25vw;
  flex-wrap: wrap;
  display: none;
  visibility: hidden;
  transition: 0.3s;
  transition-delay: 0.5s;
  left: 0;
  top: -600%;
}
header .nivel2 li {
  text-align: left;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(107, 107, 107, 0.2666666667);
}
header .nivel2 li strong {
  font-size: 1.2rem;
}
header .nivel1 {
  background-color: #f0f8ff;
}
header .nivel1 li div {
  display: flex;
  justify-content: space-around;
}
header .nivel2 {
  background-color: rgba(240, 248, 255, 0.7450980392);
  border-bottom: 1px solid aqua;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
header ul li:hover .nivel1 {
  visibility: visible;
  pointer-events: all;
  top: 115%;
}
@media screen and (max-width: 768px) {
  header ul li:hover .nivel1 {
    top: 0;
  }
}
header .nivel2 {
  max-height: 90vh;
  left: 150%;
  width: 100%;
  top: -25%;
  flex-wrap: wrap;
  transition: 0.3s;
  transition-delay: 0.5s;
  display: none;
  visibility: hidden;
  pointer-events: none;
  padding-left: 0.5rem;
  overflow-y: scroll;
}
header .nivel1 > li:hover .nivel2 {
  left: 100%;
  display: block;
  visibility: visible;
  pointer-events: all;
}
header .nivel1 {
  width: 20vw;
}
header .nivel1 li div {
  text-align: left;
}
header .nivel1 li:first-child {
  margin-top: 0.75rem;
}
header .menu-header {
  display: none;
}
header .button-container {
  display: none;
}
@media screen and (min-width: 769px) {
  header .button-container {
    display: block;
  }
}
header .button-container button {
  position: relative;
  padding: 0.25rem 1.2rem;
  background-color: transparent;
  border-radius: 3px;
  border: none;
  border: 3px solid transparent;
  transition: all 0.5s ease-in;
  overflow: hidden;
  border-top: #32323c solid 1px;
  border-bottom: #32323c solid 1px;
}
@media screen and (min-width: 768px) {
  header .button-container button {
    display: block;
  }
  header .button-container button:hover {
    background-color: rgba(0, 0, 63, 0.631372549);
    color: white;
  }
  header .button-container button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s, border 0.3s;
  }
  header .button-container button:hover::before {
    opacity: 0;
  }
  header .button-container button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: #32323c;
    border-color: transparent;
    border-radius: 50%;
    transform: translate(-10px, -70px) scale(0.1);
    opacity: 0;
    z-index: -1;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
  header .button-container button:hover::after {
    opacity: 1;
    transform-origin: 100px 100px;
    transform: scale(1) translate(-10px, -70px);
  }
}
@media screen and (max-width: 768px) {
  header .menu-content {
    display: none;
  }
}

.ham {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .ham {
    display: none;
  }
}

.hamburger-menu {
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamburger-menu .bar {
  width: 1.5rem;
  height: 2px;
  border-radius: 2px;
  background-color: darkblue;
  transition: 0.5s;
  position: relative;
}

.hamburger-menu .bar::before,
.hamburger-menu .bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: inherit;
  height: inherit;
  background-color: darkblue;
  transition: 0.5s;
}

.hamburger-menu .bar::before {
  transform: translateY(-6px);
}

.hamburger-menu .bar::after {
  transform: translateY(6px);
}

.ham.active .bar {
  transform: rotate(360deg);
  background-color: transparent;
}

.ham.active .bar::before {
  transform: translateY(0) rotate(45deg);
}

.ham.active .bar::after {
  transform: translateY(0) rotate(-45deg);
}

.ham.active .main {
  animation: main-animation 0.5s ease;
  cursor: pointer;
  transform: perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(0.5);
}

.pleosc {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  background-color: rgba(0, 255, 255, 0.685);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transform: translateX(-150%);
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .pleosc {
    display: none;
  }
}
.pleosc .fa-xmark {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.25rem;
}
.pleosc .nivel0 {
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 2rem;
  list-style: none;
}
.pleosc .nivel0 li {
  padding-bottom: 0.25rem;
  font-weight: bold;
}
.pleosc .nivel0 li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.pleosc .nivel0 li a {
  text-decoration: none;
  color: black;
}
.pleosc .nivel0 .pleosc-nivel1 {
  width: 80vw;
  margin-top: 1rem;
  list-style: none;
  display: none;
}
.pleosc .nivel0 .pleosc-nivel1 li {
  width: 100%;
  padding-bottom: 0.5rem 0;
  border-top: 1px solid rgba(75, 75, 75, 0.39);
  border-bottom: 1px solid rgba(75, 75, 75, 0.39);
  font-weight: lighter;
}
.pleosc .nivel0 .pleosc-nivel1 li a {
  color: red;
  text-transform: capitalize;
}
.pleosc .nivel0 .pleosc-nivel1 li:not(:last-child) {
  margin-bottom: 1rem;
}
.pleosc .nivel0 .haiNivel1 {
  display: block;
}
.pleosc .haiDrop {
  transform: translateY(0%);
}

.haiPleosc {
  transform: translateX(0%);
}

.verticale {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1000;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.verticale a {
  text-decoration: none;
  color: darkblue;
}
.verticale a i {
  background-color: rgba(0, 255, 255, 0.5568627451);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px 0 0 3px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
@media screen and (min-width: 768px) {
  .verticale {
    display: none;
  }
}

.popup {
  width: 90%;
  min-height: 50%;
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  background-color: rgba(240, 248, 255, 0.7176470588);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 9;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .popup {
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 30vw;
  }
}
.popup .fa-xmark {
  position: absolute;
  top: 10px;
  right: 10px;
  color: rgba(0, 95, 112, 0.699);
  cursor: pointer;
}
.popup div {
  font-family: "Nunito", sans-serif;
  font-size: 7.5vw;
  font-weight: 800;
  color: darkblue;
}
@media screen and (min-width: 768px) {
  .popup div {
    font-size: 2vw;
  }
}
.popup p {
  margin: 0;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .popup p {
    font-size: 1.2rem;
  }
}
.popup strong {
  font-family: "Nunito", sans-serif;
  font-size: 1.2rem;
}
.popup ul {
  list-style-position: inside;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .popup ul {
    font-size: 1rem;
  }
}
.popup form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.popup form input {
  padding: 0.25rem 2rem 0.25rem 0.5rem;
}
.popup form input:last-child {
  background-color: yellow;
  color: darkblue;
  font-weight: 700;
}
.popup p:last-child {
  font-size: 0.75rem;
}

.modal-newsletter {
  width: 90%;
  min-height: 50%;
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  background-color: rgba(240, 248, 255, 0.7176470588);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 9;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .modal-newsletter {
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 30vw;
  }
}
.modal-newsletter .fa-xmark {
  position: absolute;
  top: 10px;
  right: 10px;
  color: rgb(0, 95, 112);
  cursor: pointer;
}
.modal-newsletter div {
  font-family: "Nunito", sans-serif;
  font-size: 7.5vw;
  font-weight: 800;
  color: darkblue;
}
@media screen and (min-width: 768px) {
  .modal-newsletter div {
    font-size: 2vw;
  }
}
.modal-newsletter p {
  margin: 0;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .modal-newsletter p {
    font-size: 1.2rem;
  }
}
.modal-newsletter strong {
  font-family: "Nunito", sans-serif;
  font-size: 1.2rem;
}
.modal-newsletter ul {
  list-style-position: inside;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .modal-newsletter ul {
    font-size: 1rem;
  }
}
.modal-newsletter form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.modal-newsletter form input {
  padding: 0.25rem 2rem 0.25rem 0.5rem;
}
.modal-newsletter form input:last-child {
  background-color: yellow;
  color: darkblue;
  font-weight: 700;
}
.modal-newsletter p:last-child {
  font-size: 0.75rem;
}

.popup-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hero,
.doi,
.trei,
.patru,
.cinci,
.sase,
.sapte {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-content: center;
  padding: 2.5rem 1.2rem;
  color: white;
}
@media screen and (min-width: 768px) {
  .hero,
  .doi,
  .trei,
  .patru,
  .cinci,
  .sase,
  .sapte {
    padding: 5rem 10vw;
    display: flex;
    align-items: center;
  }
  .hero > *,
  .doi > *,
  .trei > *,
  .patru > *,
  .cinci > *,
  .sase > *,
  .sapte > * {
    flex: 1;
    padding: 1.5rem 2vw;
  }
}
.hero .part1 h1,
.doi .part1 h1,
.trei .part1 h1,
.patru .part1 h1,
.cinci .part1 h1,
.sase .part1 h1,
.sapte .part1 h1 {
  font-weight: 900;
  font-size: 1.65rem;
}
.hero .part1 p,
.doi .part1 p,
.trei .part1 p,
.patru .part1 p,
.cinci .part1 p,
.sase .part1 p,
.sapte .part1 p {
  line-height: 1.5;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .hero .part1 h1,
  .hero .part1 h2,
  .doi .part1 h1,
  .doi .part1 h2,
  .trei .part1 h1,
  .trei .part1 h2,
  .patru .part1 h1,
  .patru .part1 h2,
  .cinci .part1 h1,
  .cinci .part1 h2,
  .sase .part1 h1,
  .sase .part1 h2,
  .sapte .part1 h1,
  .sapte .part1 h2 {
    font-size: 3vw;
    color: yellow;
  }
  .hero .part1 p,
  .doi .part1 p,
  .trei .part1 p,
  .patru .part1 p,
  .cinci .part1 p,
  .sase .part1 p,
  .sapte .part1 p {
    font-size: 1.2rem;
  }
}
.hero .part2,
.doi .part2,
.trei .part2,
.patru .part2,
.cinci .part2,
.sase .part2,
.sapte .part2 {
  margin-top: 5vh;
}
@media screen and (min-width: 768px) {
  .hero .part2,
  .doi .part2,
  .trei .part2,
  .patru .part2,
  .cinci .part2,
  .sase .part2,
  .sapte .part2 {
    margin-top: 0;
  }
}
.hero .part2 img,
.doi .part2 img,
.trei .part2 img,
.patru .part2 img,
.cinci .part2 img,
.sase .part2 img,
.sapte .part2 img {
  width: 100%;
}
.hero .part2 p,
.doi .part2 p,
.trei .part2 p,
.patru .part2 p,
.cinci .part2 p,
.sase .part2 p,
.sapte .part2 p {
  font-size: 1.2rem;
}

.hero {
  padding-top: 15vh;
  background-image: url("./assets/img/bg-hero.webp");
  height: 100svh;
}
.hero .part2 {
  margin: 2.5vh auto;
  width: 90%;
  height: 50%;
  background-image: url("./assets/img/hero.webp");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  animation: animate 15s linear infinite;
}
@media screen and (min-width: 768px) {
  .hero .part2 {
    height: 80%;
  }
}

@keyframes animate {
  0%, 100% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }
  25% {
    border-radius: 71% 29% 52% 48%/49% 50% 50% 51%;
  }
  50% {
    border-radius: 58% 42% 74% 26%/67% 74% 26% 33%;
  }
  75% {
    border-radius: 58% 42% 24% 76%/21% 33% 67% 79%;
  }
}
.marquee {
  position: relative;
  z-index: -1;
  background-color: aqua;
  color: darkblue;
  font-weight: 900;
  font-size: 1.5rem;
  padding: 1.2rem 0;
  text-transform: uppercase;
}
.marquee span:not(:first-child) {
  margin-left: 5vh;
}
@media screen and (min-width: 768px) {
  .marquee span:not(:first-child) {
    margin-left: 2.5vw;
  }
}

.doi {
  margin-top: 0;
  background-image: url("./assets/img/bg-2.webp");
  background-position: left center;
}
.doi h2 {
  color: yellow;
}
.doi .part2 img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.trei {
  background-image: none;
  color: black;
  border-bottom: 3px solid aqua;
}
.trei .part1 h2 {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .trei .part1 h2 {
    color: black;
  }
}

.patru {
  background-image: none;
  background-color: rgb(44, 63, 99);
}
.patru .part2 img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.butoane {
  margin-top: 1.2rem;
}
.butoane > :first-child {
  background-color: darkblue;
  border: 1px solid rgba(0, 0, 0, 0.548);
  color: white;
}
.butoane > :nth-child(2) {
  background-color: yellow;
  border: 1px solid rgba(0, 0, 0, 0.548);
}
.butoane button {
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
}

.cinci {
  flex-direction: column;
  align-items: flex-start;
  background-color: aqua;
  color: black;
  border-bottom: 1px solid aqua;
  justify-content: center;
}
.cinci .part1 h2 {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .cinci .part1 h2 {
    color: black;
  }
}
.cinci .part2 .input {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.cinci .part2 .input > * {
  flex: 1;
  padding: 0.1rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .cinci .part2 .input > * {
    padding: 0.5rem 0.5rem;
  }
}
.cinci .part2 .input input {
  width: 35vw;
}
@media screen and (min-width: 768px) {
  .cinci .part2 .input input {
    width: 45vw;
  }
}
.cinci .part2 select,
.cinci .part2 input {
  margin-top: 0.5rem;
  padding: 0.1rem 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cinci .part2 select,
  .cinci .part2 input {
    padding: 0.5rem 0.5rem;
  }
}
.cinci .part2 .submit {
  background-color: darkblue;
  color: white;
}

.sase {
  color: black;
  display: block;
}
.sase h2 {
  font-weight: 900;
  color: darkblue;
}
@media screen and (min-width: 768px) {
  .sase h2 {
    padding: 0 0 5vh;
  }
}
.sase .despre-sase {
  margin-top: 1rem;
  padding: 1rem 0.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.212);
}
.sase .despre-sase > * {
  margin-bottom: 1rem;
}
.sase .despre-sase h3,
.sase .despre-sase h4 {
  text-transform: uppercase;
}
.sase .despre-sase ol {
  list-style-position: inside;
}
.sase .despre-sase ol li {
  padding: 0.25rem 0;
}
.sase .despre-sase h3 {
  color: red;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .sase .despre-sase h3 {
    width: 50%;
    margin-top: 5vh;
  }
}
.sase h4 {
  text-transform: uppercase;
}
.sase > h3,
.sase h4,
.sase p {
  padding: 1.5rem 0;
}
.sase > :nth-child(3), .sase > :nth-child(7) {
  border: 1px solid rgba(0, 0, 0, 0.212);
  margin-top: 1rem;
  padding: 0.25rem 1rem;
}
.sase .faracontur {
  border: none;
}
.sase .titlu {
  display: flex;
  align-items: center;
}
.sase .titlu > * {
  flex-grow: 1;
}
.sase .titlu i {
  text-align: right;
}
.sase .cursuri .titlu-curs {
  border-bottom: 1px solid black;
  padding: 1rem 0;
}
.sase .cursuri .titlu-curs h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.sase .cursuri .titlu-curs button {
  padding: 0.15rem 1rem;
  background-color: rgba(0, 0, 63, 0.631372549);
  color: white;
  margin-bottom: 1rem;
  border: none;
  border: 3px solid transparent;
  transition: all 0.5s ease-in;
  border-top: #32323c solid 1px;
  border-bottom: #32323c solid 1px;
}
.sase .cursuri .titlu-curs button a {
  text-decoration: none;
  color: yellow;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .sase .cursuri .titlu-curs button {
    display: block;
    background-color: transparent;
    margin-bottom: 1rem;
    border: none;
    border: 3px solid transparent;
    transition: all 0.5s ease-in;
    border-top: #32323c solid 1px;
    border-bottom: #32323c solid 1px;
  }
  .sase .cursuri .titlu-curs button a {
    color: initial;
  }
  .sase .cursuri .titlu-curs button:hover {
    background-color: rgba(0, 0, 63, 0.631372549);
  }
  .sase .cursuri .titlu-curs button:hover a {
    color: yellow;
  }
  .sase .cursuri .titlu-curs button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s, border 0.3s;
  }
  .sase .cursuri .titlu-curs button:hover::before {
    opacity: 0;
  }
  .sase .cursuri .titlu-curs button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: #32323c;
    border-color: transparent;
    border-radius: 50%;
    transform: translate(-10px, -70px) scale(0.1);
    opacity: 0;
    z-index: -1;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
  .sase .cursuri .titlu-curs button:hover::after {
    opacity: 1;
    transform-origin: 100px 100px;
    transform: scale(1) translate(-10px, -70px);
  }
}
.sase .cursuri-public {
  display: none;
}
.sase .cursuri-privat {
  display: none;
}
@media screen and (min-width: 768px) {
  .sase {
    padding: 5vh 15vw;
  }
}

.carousel-autorizatii-container,
.carousel-lectori-container {
  background-color: aqua;
  padding-bottom: 2.5vh;
  position: relative;
  z-index: 0 !important;
  pointer-events: all;
}
.carousel-autorizatii-container h2,
.carousel-lectori-container h2 {
  margin-left: 10vw;
  padding: 2.5vh 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.212);
  width: 75%;
}
@media screen and (min-width: 768px) {
  .carousel-autorizatii-container h2,
  .carousel-lectori-container h2 {
    width: 25%;
  }
}
.carousel-autorizatii-container .carousel,
.carousel-lectori-container .carousel {
  width: 80%;
  margin: 0 auto;
}
.carousel-autorizatii-container .slick-prev,
.carousel-autorizatii-container .slick-next,
.carousel-lectori-container .slick-prev,
.carousel-lectori-container .slick-next {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.carousel-autorizatii-container .slick-prev::before,
.carousel-autorizatii-container .slick-next::before,
.carousel-lectori-container .slick-prev::before,
.carousel-lectori-container .slick-next::before {
  color: rgba(0, 0, 0, 0.368627451);
  font-size: 1.5rem;
}
.carousel-autorizatii-container .slick-prev:hover,
.carousel-autorizatii-container .slick-next:hover,
.carousel-lectori-container .slick-prev:hover,
.carousel-lectori-container .slick-next:hover {
  color: darkblue;
}
.carousel-autorizatii-container .slick-dots li button:before,
.carousel-lectori-container .slick-dots li button:before {
  color: #aaa;
}
.carousel-autorizatii-container .carousel .slider,
.carousel-lectori-container .carousel .slider {
  padding: 20px;
  margin: 10px;
  display: flex;
  align-items: center;
  gap: 1.5vw;
}
.carousel-autorizatii-container .carousel .slider .guguloi,
.carousel-lectori-container .carousel .slider .guguloi {
  flex: 1;
  background-image: url("./assets/img/guguloi-lectori.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  width: 7.5vh;
  height: 7.5vh;
}
.carousel-autorizatii-container .carousel .slider .despre-lectori,
.carousel-lectori-container .carousel .slider .despre-lectori {
  flex: 2;
  /* Limitează textul la 5 linii */
}
.carousel-autorizatii-container .carousel .slider .despre-lectori h4,
.carousel-lectori-container .carousel .slider .despre-lectori h4 {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.carousel-autorizatii-container .carousel .slider .despre-lectori .limit-5-lines,
.carousel-lectori-container .carousel .slider .despre-lectori .limit-5-lines {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: max-height 0.3s ease;
  max-height: 120px;
}
.carousel-autorizatii-container .slider-autorizatii,
.carousel-lectori-container .slider-autorizatii {
  height: 50vh;
  aspect-ratio: 2/3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.carousel-autorizatii-container .autorizatie-competente-digitale,
.carousel-lectori-container .autorizatie-competente-digitale {
  background-image: url("./assets/img/autorizatii/autorizatie-competente-digitale.webp");
}
.carousel-autorizatii-container .autorizatie-turism,
.carousel-lectori-container .autorizatie-turism {
  background-image: url("./assets/img/autorizatii/licenta-turism.webp");
}
.carousel-autorizatii-container .autorizatie-achizitii,
.carousel-lectori-container .autorizatie-achizitii {
  background-image: url("./assets/img/autorizatii/autorizatie-expert-achizitii.webp");
}

/* Modal styling */
.modal {
  display: grid;
  align-content: center;
  display: none;
  /* Ascuns initial */
  position: fixed;
  z-index: 100 !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundal semi-transparent */
  padding-top: 60px;
  /* Media Query pentru mobil */
}
.modal .modal-content {
  background-color: aqua;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
  height: auto;
  min-height: 55vh;
  max-height: 80%;
  overflow-y: auto;
  display: grid;
  align-content: center;
  position: relative;
}
.modal .close {
  position: absolute;
  top: 0.5vh;
  right: 1.5vh;
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .modal .modal-content {
    width: 90%;
    max-height: 100vh;
    padding: 1rem;
  }
}

.modal-active {
  display: grid;
}

.sapte {
  color: black;
  display: block;
}
.sapte > *:not(:first-child) {
  margin-top: 1rem;
}
.sapte .recenzii {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sapte .recenzii .recenzie {
  border-bottom: 1px solid black;
}
.sapte .recenzii .recenzie > *:not(:first-child) {
  margin-top: 1rem;
}
.sapte .recenzii .recenzie .stars {
  color: darkgoldenrod;
}
@media screen and (min-width: 768px) {
  .sapte {
    padding: 1.5rem 20vw;
  }
}

footer {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2.5rem 0 0;
  background-color: rgb(0, 6, 24);
  color: white;
}
footer .sus {
  padding: 0 1.2rem 1rem;
}
@media screen and (min-width: 768px) {
  footer .sus {
    padding: 0 10vw 2.5rem;
    display: flex;
    justify-content: space-around;
  }
}
footer .sus .stanga .logo img {
  width: 50%;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  footer .sus .stanga .logo img {
    width: 35%;
  }
}
footer .sus .stanga nav ul {
  list-style: none;
}
footer .sus .stanga nav ul li {
  margin-top: 1rem;
}
footer .sus .stanga nav ul li a {
  text-decoration: none;
  color: white;
  font-weight: 500;
}
footer .sus .stanga nav ul li a:hover {
  color: yellow;
}
@media screen and (min-width: 768px) {
  footer .sus .stanga nav ul {
    display: flex;
    gap: 1rem;
  }
}
footer .sus .dreapta > * {
  margin-top: 1rem;
}
footer .sus .dreapta h5 {
  font-size: 1.5rem;
}
footer .sus .dreapta form input {
  padding: 0.5rem;
}
footer .sus .dreapta form .submit {
  background-color: yellow;
}
footer .sus .dreapta p {
  font-size: 0.5rem;
}
footer .sus .dreapta p a {
  margin-left: 1ch;
  color: white;
}
@media screen and (min-width: 768px) {
  footer .sus .dreapta p {
    font-size: 0.8rem;
  }
}
footer .sus .dreapta .social {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .sus .dreapta .social a {
  text-decoration: none;
  color: white;
}
footer .jos {
  background-color: rgb(59, 62, 65);
  padding: 1.5rem 1.2rem;
  font-size: 0.5rem;
  display: flex;
  justify-content: space-between;
}
footer .jos a {
  text-decoration: none;
  color: antiquewhite;
}
@media screen and (min-width: 768px) {
  footer .jos {
    font-size: 0.8rem;
    padding: 1.5rem 10vw 1.5rem;
  }
}/*# sourceMappingURL=style.css.map */