html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* elimină scroll-ul orizontal */
}

.header {
    background-color: #333333;
    min-width: 100%;
    display: block;
}

.header-text {
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.header-text i, .header-text span {
    color: #F6C93B;
    font-weight: bold;
    font-size: 12px;
}

.logo {
    max-height: 65px; /* Ajustează după nevoie */
    width: auto;
    display: block; /* Evită problemele de aliniere */
}

.logo-footer {
    max-height: 100px; /* Ajustează după nevoie */
    width: auto;
    display: block; /* Evită problemele de aliniere */
}

.footer-menu a{
    text-decoration: none;
    color: white;
}

.footer-menu a:hover{
    color: #F6C93B;
}

.footer h5{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #F6C93B !important;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.menu {
    background-color: #F8F9FA;
}

.pad20 {
    padding-right: 20px;
}

.nav-link {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

/*.navbar-brand{*/
/*    color: #333333;*/
/*    font-size: 20px;*/
/*    font-weight: bold;*/
/*}*/


.nav-link:hover {
    color: #F6C93B;
}

.nav-link.active {
    color: #F6C93B;
}

.nav-link:focus {
    color: #333333;
}


.nav-item a {
    text-decoration: none;
}

/* Activează dropdown-ul la hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* opțional - elimină spațiul între buton și meniu */
}

/* Asigură-te că dropdown-ul apare corect peste alte elemente */
.dropdown-menu {
    z-index: 1000;
}

.dropdown-item.active {
    color: #F6C93B;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.dropdown-item:focus {
    color: #F6C93B;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

/*prima pagina*/
.content-image {
    position: relative;
    height: 86.5vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical centrat */
    justify-content: center; /* orizontal centrat */
}

.background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.content-overlay {
    position: relative;
    z-index: 3;
    color: white;
    text-align: center;
    max-width: 1140px; /* dimensiune container Bootstrap */
    padding: 0 15px; /* padding pentru margini */
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

h1 {
    font-size: 35px;
    color: #F6C93B;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    color: white;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

.buton {
    width: 150px;
    margin: 20px;
    font-weight: bold;
}

.btn-outline-light {
    padding-top: 10px;
}

.btn-yellow {
    background-color: #F6C93B;
    color: black;
    /*font-size: 16px;*/
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #F6C93B;
}

.btn-yellow:hover {
    background-color: transparent;
    color: #F6C93B;
    border: 1px solid #F6C93B;
}

.content-categorii {
    background-color: #F8F9FA;
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-categorii h4 {
    margin-top: 20px;
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    font-size: 18px;
}


.content-categorii .rand {
    padding-left: 20px;
    padding-right: 20px;
}

.border-left-right {
    border-left: 2px solid #f8f8fa;
    border-right: 2px solid #f8f8fa;
}

h6 {
    margin-top: 20px;
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

h4 {
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    font-size: 25px;
}

.content-oferim {
    padding-top: 40px;
    /*padding-bottom: 60px;*/
}

.content-oferim-categorii {
    padding-bottom: 40px;
}

.content-oferim-categorii .img-proiect {
    width: 370px;
    height: 300px;
    object-fit: cover;
}

.content-oferim-categorii .image {
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}

.content-oferim-categorii .titlu-proiect {
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
}

.index-oferim{
    border: 2px solid #f8f8fa;
    /*border-radius: 10px;*/
    min-height: 590px;
}

.index-oferim:hover{
    border: 2px solid #FFD700;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}

.index-oferim p{
    padding: 10px;
}

.index-oferim h6{
    font-size: 22px !important;
    color: #FFD700;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

hr {
    border: none;
    height: 4px !important;
    width: 7%;
    background-color: #FFD700;
}

.content-detalii {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #333333;
}


.content-detalii h6 {
    color: #FFD700;
    font-size: 25px;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

.content-detalii p {
    color: white;
    font-size: 16px;
    font-family: 'Poppins', ui-sans-serif, system-ui;
    font-weight: bold;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #333333;
}

.footer .logo {
    color: #F6C93B;
    font-size: 30px;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

.footer h5 {
    color: white;
    font-size: 20px;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
}

.footer hr {
    align-items: baseline;
    border: none;
    height: 3px !important;
    width: 10%;
    background-color: #FFD700;
}

.footer span {
    color: white;
    font-size: 15px;
    font-family: 'Poppins', ui-sans-serif, system-ui;
}

.copyright {
    background-color: black;
    color: white;
    padding-top: 10px;
}

/*pagina proiecte*/
.content-proiecte {
    padding-top: 15px;
    padding-bottom: 40px;
}



.content-proiecte .titlu-proiect {
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
}

.image-container {
    position: relative;
    width: 100%;
    margin-bottom: 60px; /* spațiu pentru textul ieșit */
    border: 2px solid #f8f8fa; /* bordură pentru imagine */
    padding: 5px;
}


.image-container:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* efect de umbră la hover */
    border: 2px solid #FFD700; /* schimbă culoarea bordurii la hover */
    transition: 0.3s;
}

.image {
    width: 100%;
    height: 300px; /* înălțimea imaginii */
    object-fit: cover; /* păstrează raportul de aspect al imaginii */
    display: block;
}

.text-overlay {
    position: absolute;
    bottom: -30px; /* iese din imagine */
    left: 5%;
    width: 90%;
    /*background: white;*/
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 2;
    min-height: 110px;
    background-color: #F6C93B;
}

/*pagina detalii-proiect*/
.descriere-proiect {
    margin-top: 40px;
    margin-bottom: 40px;
}

.descriere-proiect h5 {
    color: #333333;
    font-size: 20px;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    padding: 10px;
}

.descriere-proiect h5 span {
    font-size: 16px;
}

.descriere-proiect h5 span {
    font-weight: normal;
}

.descriere-proiect p {
    color: #333333;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    padding: 10px;
    text-align: justify;
}

.descriere-proiect .img-view {
    width: 625px;
    height: 350px;
    object-fit: cover;
}

.descriere-proiect .img-galerie {
    height: 150px;
    object-fit: cover;
}

.galerie-proiect {
    margin-top: 15px;
    margin-bottom: 40px;
}

.galerie-proiect .img-galerie {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.img-galerie:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/*pagina contact*/
.contact {
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: #333333;
}


.contact h4 {
    color: white;
    font-family: 'Poppins', ui-sans-serif, system-ui;
}

.content-contact {
    padding-top: 40px;
    padding-bottom: 40px;
}

.contact-formular {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.contact-info {
    background-color: #333333;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
}

.contact-info h4 {
    color: white;
}

.contact-info p {
    color: white;
    font-family: 'Poppins', ui-sans-serif, system-ui;
}

.contact-formular p {
    font-family: 'Poppins', ui-sans-serif, system-ui;
    font-size: 24px;
    font-weight: bold;
}

.brands {
    text-decoration: none;
    color: white;
}

.brands-padd {
    margin-left: 10px;
}

.brands:hover {
    color: #F6C93B;
}

.contact-mesaj {
    font-size: 20px !important;
    font-weight: normal !important;
}

/*Pagina certificari*/
.content-certificari {
    padding-top: 0px;
    padding-bottom: 40px;
}

.content-certificari .item {
    padding: 20px;
}

/*.content-certificari .item:hover{*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
/*}*/


.icon-certificat {
    background-color: #F6C93B;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    padding: 20px;
}

.content-certificari .descriere {
    padding-left: 25px;
}

.content-certificari .descriere p {
    min-height: 135px;
    text-align: justify;
}

.content-certificari .descriere h5 {
    min-height: 45px;
}

/*pagina servicii*/
.content-servicii {
    padding-top: 0px;
    padding-bottom: 40px;
}

.content-servicii .item {
    padding: 20px;
}

.icon-servicii {
    background-color: #F6C93B;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    padding: 27px;
}

.content-servicii .descriere {
    padding-left: 25px;
}

/*pagina despre noi*/
.content-despre {
    padding-top: 15px;
    padding-bottom: 40px;
}

.titlu-welcome {
    color: #F6C93B !important;
    font-family: 'Dancing Script', Poppins, ui-sans-serif, system-ui;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}

.content-despre h4 {
    text-align: center;
}

.content-despre p {
    text-align: justify;
}

.despre-noi-coloane {
    /*padding-top: 30px;*/
    padding-bottom: 40px;
    /*background-color: #333333;*/
}

.despre-noi-coloana {
    padding: 20px;
    background-color: white;
    min-height: 280px;
    border-radius: 5px;
    border: 2px solid #FFD700;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    text-align: justify;
    cursor: pointer;
}

.despre-noi-coloana:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    background-color: #FFD700;
    color: white;
    font-weight: 500;
    transition: 0.3s;
}

.despre-noi-coloana:hover h4{
    color: white;
}

.despre-noi-coloana:hover hr{
    background-color: white;
}


.border-left{
    border-left: 3px solid #FFD700;
}

.border-right{
    border-right: 3px solid #FFD700;
}

/*Pagina carierea*/

.lista-oferta {
    margin-left:0%;
}

.rand-anunt {
    position: relative;
    border: 2px solid #FFD700;
    border-radius: 10px;
    padding: 20px;
    min-height: 355px;
}

.rand-anunt:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

/*set element a to 10px from border bottom*/

.rand-anunt a{
    position: absolute;
    bottom: 20px;   /* distanța de jos */
    left: 50%;      /* centrare pe orizontală */
    transform: translateX(-50%);
    width: 80%;
}

/*Pagina termeni*/
.content-termeni {
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-termeni h3 {
    color: #333333;
}


/*pagina detalii-job*/
.content-detalii-job{
    padding: 40px;
    margin-top: 20px;
    border: 1px solid #f8f8fa;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content-detalii-job-small{
    padding: 40px;
    margin-top: 20px;
    border: 1px solid #f8f8fa;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #f8f8fa;
}

/*mobile responsive xs resolution*/
@media (max-width: 575.98px) {

    .header{
        display: none;
    }

    .content-image {
        height: 37vh;
    }

    .contact {
        padding-top: 10px;
        padding-bottom: 5px;
        background-color: #333333;
    }
    .index-oferim{
        border: none;
        min-height: 100px;
    }

    .index-oferim:hover{
        border: none;
    }

    .header-text {
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center !important;
    }

    h3 {
        font-size: 16px;
    }

    .border-left-right {
        border-left: none;
        border-right: none;
    }

    .buton {
        width: 170px !important;
        margin: 10px !important;
        font-weight: bold;
    }

    .btn-yellow {
        /*font-size: 14px;*/
        padding: 5px 10px;
    }

    .btn-outline-light {
        padding-top: 5px;
    }

    .rand {
        margin-top: 30px;
    }

    hr{
        width: 50%;
    }

    .content-oferim {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .content-oferim-categorii .img-proiect {
        /*width: 100%;*/
        height: 200px;
        object-fit: cover;
    }

    .content-oferim-categorii .img-categorii {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .content-contact {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact-info {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .contact-formular {
        padding-left: 0px;
        padding-right: 0px;
    }

    .descriere-proiect {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .descriere-proiect p {
        padding-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .descriere-proiect h5 {
        padding-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .galerie-proiect {
        padding-bottom: 20px;
    }

    .content-proiecte {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .content-proiecte .titlu-proiect {
        min-height: 50px;
    }

    .content-proiecte .img-proiect {
        height: 200px;
    }

    .content-certificari .descriere p {
        min-height: auto;
    }

    .content-certificari .descriere h5 {
        min-height: auto;
    }

    .border-left{
        border-left: none;
    }

    .border-right{
        border-right: none;
    }

    #map{
        height: 400px !important;
    }
}

/*mobile responsive sm resolution*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .header-text {
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: center !important;
    }
}