/*#region [rgba(255, 255, 255, 0.1)] GeneralClasses*/
@font-face { font-family: "Metrosant-Regular"; src: url("Metrosant-Regular.ttf"); }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
:root { --green-button-bgcolor: rgb(6, 24, 82); --green-hover: #ce1b1bbd; --main-font-family: 'Poppins', sans-serif; --cta-color: #10B981; --cta-hover-color: #059669; }
.bg-lightgrey { background-color: rgb(236, 237, 246); width:100%; }
.bg-darkblue { background-color: rgb(6, 24, 82); color: white; }
.section { padding-left:5px; padding-right:5px; margin-left:auto; margin-right:auto; }
.container1920 { max-width:1920px; margin-left:auto; margin-right:auto; }
.container-int { width: 92%; margin: 0 auto;}
	@media (min-width: 768px) { .container-int { width: calc(80% - 10px); max-width: 1700px; } }
.telmail { padding-left: 0px; padding-right: 0px; max-height:19px; vertical-align:top; }
.paragraphs { padding: 10px 0; margin: 0 auto; color: rgb(20, 11, 59); font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.7; max-width: 1600px; text-align: center; }
.paragraph-int { max-width:440px; }
.title-of-pages { text-align: center; color: black; font-family: 'Metrosant-Regular', sans-serif; font-size: 8vw; padding-top: 24px; padding-bottom: 24px; }
	@media (min-width: 768px) { .title-of-pages { font-size: 49px; line-height: 47px; padding-top: 90px; padding-bottom: 50px; } }
/*#endregion GeneralClasses*/

/*#region [rgba(0, 205, 30, 0.25)] header*/
.telemail { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 35px; white-space: nowrap; padding: 0 15px; }
	@media (min-width: 768px) { .telemail { justify-content: flex-end; padding: 15px 50px 15px 0px; } }
	@media (min-width: 1400px) { .telemail { padding: 15px 208px 15px 0px; } }
.header-tel-only, .header-email-only { padding-left: 5px; font-size: 14px; }
	@media (min-width: 577px) { .header-tel-only, .header-email-only { padding-left: 20px; } }
.icons-telemail { padding-left: 2px; padding-right: 2px; text-align: left; }
.header-icons-text { padding: 0 4px; font-family: 'Poppins', sans-serif; font-size: 3vw; }
	@media (min-width: 460px) { .header-icons-text { font-size: 14px; } }
.header-email-icon { padding-left: 15px; vertical-align: super; }
/*#endregion header*/

/*#region [rgba(0, 100, 115, 0.3)] heroA*/
.gradient { width: 100%; background: linear-gradient(to top left, rgb(3, 17, 63) 1%, rgb(13, 29, 56) 100%); color: white; padding-bottom: 60px;}
.hero-row-a { display: flex; justify-content: space-between; align-items: center; padding: clamp(5px, 2.5vw, 15px) 15px; }
	@media (min-width: 768px) { .hero-row-a { padding: 20px 60px; }}
	@media (max-width: 375px) { .hero-row-a { padding: 5px 2px; } }
.hero-logo { width: 75px; height: auto; filter: brightness(0) invert(1); display: block; }
a { text-decoration: none; }
li { list-style: none; }
.nav-links a { color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; padding-bottom: 7px; border-bottom: 3px solid transparent; }
.hamburger { display: inline-block; font-size: 35px; user-select: none; cursor: pointer; }
	@media (min-width: 1200px) { .hamburger { display: none; } }
.menu { display: none; position: absolute; top: 100px; left: 50%; right: 0; z-index: 99; background: rgba(10, 25, 50, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 0 0 0 12px; padding: 20px 30px; text-align: right; }
	@media (min-width: 1200px) { .menu { display: flex; position: static; gap: 1.5em; background: none; padding: 0; } }
	@media (min-width: 1200px) { .menu a:hover { border-bottom: 3px solid var(--cta-color); transition: 0.3s ease; } }
.menu li { margin-top: 20px; }
	@media (min-width: 1200px) { .menu li { margin-top: 0; padding: 5px 0px 0px 14px; } }
input[type=checkbox] { display: none; }
input[type=checkbox]:checked ~ .menu { display: block; }

/* Stiluri pentru submeniu */

/* Containerul principal al submeniului trebuie sa fie relativ
   pentru ca submeniul sa se pozitioneze corect fata de el */
.dropdown {
    position: relative;
}

/* Submeniul - ascuns initial */
.submenu {
    display: none;
    position: absolute;
    top: 100%; /* Apare imediat sub elementul parinte */
    left: 0;
    background: rgba(10, 25, 50, 0.95); /* Un fundal putin mai opac */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 10px 0;
    min-width: 160px; /* Latime minima pentru submeniu */
    z-index: 100;
}

/* Afiseaza submeniul la hover pe desktop */
@media (min-width: 1200px) {
    .dropdown:hover .submenu {
        display: block;
    }
}

/* Stiluri pentru elementele din submeniu */
.submenu li {
    margin-top: 0;
    padding: 5px 15px;
}

.submenu li a {
    font-size: 15px; /* Text putin mai mic */
    border-bottom: none !important; /* Scoatem linia de subliniere de la hover */
    display: block; /* Ocupa toata latimea */
    width: 100%;
}

.submenu li a:hover {
    color: var(--cta-color); /* Poti defini o culoare pentru hover sau folosi una existenta */
}

/* Pe mobil, submeniul va fi afisat ca o lista normala, indentata */
@media (max-width: 1199px) {
    .submenu {
        display: block; /* Il facem vizibil in meniul mobil */
        position: static; /* Scoatem pozitionarea absoluta */
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding-left: 20px; /* Adaugam o indentare pentru a arata ca e submeniu */
        border-radius: 0;
    }
    .submenu li {
        padding: 0;
    }
}

/*#endregion heroA*/

/*#region [rgba(80, 44, 215, 0.3)] heroB*/
.hero-row-b { display: block; padding: 0 15px; overflow: auto; }
	@media (min-width: 768px) { .hero-row-b { padding: 0 30px; } }
	@media (min-width: 951px) { .hero-row-b { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 60px; gap: 50px; } }
	@media (max-width: 375px) { .hero-row-b { padding-left: 2px; padding-right: 2px; } }
.hero-row-b-int-b { width: 50%; float: left; margin-right: 20px; margin-bottom: 15px; }
	@media (min-width: 951px) { .hero-row-b-int-b { width: 50%; float: none; margin-right: 0; } }
	@media (max-width: 375px) { .hero-row-b-int-b { width: 45%; margin-right: 15px; margin-bottom: 10px; } }
.hero-row-b-int-a { width: auto; }
	@media (min-width: 951px) { .hero-row-b-int-a { width: 50%; float: none; margin-right: 0; } }
.presentation { display: block; padding: 0; }
	@media (min-width: 768px) { .presentation { padding: 30px 0; } }
	@media (min-width: 951px) { .presentation { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0; } }
.hero-h3 { font-family: 'Metrosant-Regular', sans-serif; font-size: 24px; line-height: 1.5; padding-bottom: 15px; }
	@media (max-width: 375px) { .hero-h3 { font-size: 20px; padding-bottom: 10px; } }
	@media (min-width: 951px) { .hero-h3 { font-size: clamp(30px, 4vw, 50px); line-height: 1.2; padding-top: 0; padding-bottom: 20px; } }
.hero-p { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.8; padding-bottom: 20px; }
	@media (min-width: 951px) { .hero-p { font-size: clamp(16px, 1.8vw, 22px); line-height: 1.6; padding-bottom: 20px; } }
	@media (max-width: 375px) { .hero-p { font-size: 14px; line-height: 1.6; padding-bottom: 15px; } }
.presentation .hero-p:first-child { }
	@media (min-width: 951px) { .presentation .hero-p:first-child { padding-bottom: 20px; } }
.hero-laptop { width: 100%; max-width: 750px; height: auto; display: block; margin: 0 auto; }
.button { display: inline-flex; align-self: flex-start; align-items: center; height: 60px; width: auto; padding: 0 15px; border-radius: 40px; margin-top: 20px; background: var(--cta-color); border: none; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; cursor: pointer; overflow: hidden; }
	@media (min-width: 768px) { .button { height: 74px; font-size: 22px; } }
	@media (min-width: 951px) { .button { margin-top: 20px; } }
	@media (max-width: 375px) { .button { margin-top: 10px; height: 50px; font-size: 16px; } }
.button:hover { background-color: var(--cta-hover-color); box-shadow: 0 0 15px rgba(16, 185, 129, 0.6); }
.button__text { padding: 0 15px; }
	@media (min-width: 768px) { .button__text { padding: 0 29px; } }
.button__icon { font-size: 30px; display: inline-flex; align-items: center; }
.hero-row-b-ems-video { display: flex; flex-direction: column; gap: 30px; padding: 0 15px; }
	@media (min-width: 951px) { .hero-row-b-ems-video { flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 0 60px; } }
	@media (min-width: 1400px) { .hero-row-b-ems-video { justify-content: space-between; } }
.video-item { display: flex; flex-direction: column; }
	@media (min-width: 951px) { .video-item { width: 48%; flex-direction: row; gap: 30px; } }
	@media (min-width: 1400px) { .video-item { width: 45%; } }
.video-item01 { display: flex; flex-direction: column; }
	/* @media (min-width: 951px) { .video-item { width: 48%; flex-direction: row; gap: 30px; } } */
	/* @media (min-width: 1400px) { .video-item { width: 45%; } } */
.video-container { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
	@media (min-width: 951px) { .video-container { width: 50%; padding-bottom: 28.125%; } }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; }
.video-description { padding-top: 20px; }
	@media (min-width: 951px) { .video-description { width: 50%; display: flex; flex-direction: column; justify-content: center; padding-top: 0; } }
.video-title { font-family: 'Metrosant-Regular', sans-serif; font-size: 24px; line-height: 1.5; padding-bottom: 10px; color: white; }
.video-text { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.8; color: #ccc; }
/*#endregion heroB*/

/*#region [rgba(79, 44, 115, 0.2)] literatura */
.page-title { text-align: center; color: white; font-family: 'Metrosant-Regular', sans-serif; font-size: clamp(32px, 5vw, 60px); padding: 60px 20px 40px; font-weight: 500; }
.hero-b-literatura { display: flex; flex-direction: column; gap: 40px; padding: 0 20px; }
	@media (min-width: 951px) { .hero-b-literatura { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 50px; } }
.literature-item { display: flex; flex-direction: column; align-items: center; text-align: center; }
	@media (min-width: 951px) { .literature-item { width: 45%; flex-direction: row; align-items: flex-start; text-align: left; } }
.literature-img-container { width: 100%; max-width: 300px; }
	@media (min-width: 951px) { .literature-img-container { width: 40%; max-width: none; } }
.literature-img { width: 100%; height: auto; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.literature-img:hover { transform: scale(1.03); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); }
.literature-description { padding-top: 20px; }
	@media (min-width: 951px) { .literature-description { width: 60%; padding-top: 0; padding-left: 20px; } }
.literature-title { font-family: 'Metrosant-Regular', sans-serif; font-size: 24px; line-height: 1.5; padding-bottom: 10px; color: white; }
	@media (min-width: 951px) { .literature-title { font-size: 28px; } }
.literature-text { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.8; color: #ccc; max-width: 450px; }
/*#endregion literatura */

/*#region [rgba(0, 205, 30, 0.1)] Contact*/
.row-for-col-contact { display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 50px 0; }
	@media (min-width: 951px) { .row-for-col-contact { flex-direction: row; justify-content: space-around; align-items: center; } }
.portfolio-project2 .finished-project { width: 100%; max-width: 450px; height: auto; display: block; margin: 0 auto; }
.row-for-col-child { width: 90%; }
	@media (min-width: 951px) { .row-for-col-child { width: 45%; } }
.contact-person { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
	@media (min-width: 951px) { .contact-person { text-align: left; justify-content: flex-start; } }
.ceo-picture { height: 200px; width: 200px; margin-bottom: 25px; border-radius: 50%; }
.contact-name { color: var(--green-button-bgcolor); font-size: 30px; font-family: var(--main-font-family); font-weight: bolder; margin-bottom: 20px; }
.contact-telemailweb { display: flex; flex-direction: column; gap: 15px; }
.data-of-contact { display: flex; align-items: center; justify-content: flex-start; font-family: 'Poppins-Regular', sans-serif; font-size: 16px;}
	@media (min-width: 951px) { .data-of-contact { text-align: left; justify-content: flex-start; } }
.contact-icons { width: 25px; height: 25px; margin-right: 15px; }
/*#endregion Contact*/

/*#region [rgba(79, 44, 115, 0.2)] Footer*/
.footer-centered { display: flex; flex-direction: column; align-items: center; padding: 5px 5px; gap: 10px; font-family: 'Poppins', sans-serif; text-align: center; }
.footer-logo { width: 200px; margin-bottom: 30px; }
.impresum { line-height: 1.8; }
.footer-div { font-size: 18px; }
/*#endregion Footer*/

/*#region Unused Code from other pages */
#project-page-title { margin: 30 auto; font-size:clamp(1rem, 4vw); }
/*#endregion Unused Code from other pages */