body {
    padding-top: 80px;
    background-color: #f5f5f5;
}

.navbar {
    background-color: #185729; /* schimbarea culorii de fundal a meniului */
}

.navbar.fixed-top {
    background-color: #185729;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    border-color: white; /* culoarea chenarului pentru meniul mobil */
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
border-color: white;
} 
.navbar-brand img {
    height: auto;
}

.nav-link {
    color: #ffffff; /* culoarea textului din meniu */
}

.nav-link:hover {
background-color: #185729; /* schimbarea culorii de fundal la hover */
}

.rounded-circle {
width: 100px;
height: 100px;
object-fit: fill;
}

.btn-custom {
background-color: #185729;
color: white;
border-radius: 25px;
padding: 10px 20px;
font-size: 16px;
border: none;
transition: color 0.3s; /* adăugare tranziție pentru culoarea textului */
}

.btn-custom:hover {
color: #ffffff; /* schimbarea culorii textului la hover */
}

.navbar-toggler-icon {
background-image: none;
border: none;
}

.navbar-toggler-custom {
background-color: white;
}

.navbar-brand img.logo {
width: auto; /* Setăm lățimea la auto pentru a menține proporțiile */
}

.navbar-nav {
display: flex; /* Setăm meniul să folosească flexbox */
align-items: center; /* Aliniem elementele pe axa verticală */
margin-left: auto; /* Meniul să fie aliniat la dreapta */
}

.nav-link {
color: #ffffff !important;
}

.nav-link:hover {
background-color: #185729;
}


.btn-custom {
background-color: #185729;
color: white;
border-radius: 25px;
padding: 10px 20px;
font-size: 16px;
border: none;
transition: background-color 0.3s;
}

.btn-custom:hover {
background-color: #185729;
}

html {
scroll-behavior: smooth;
}

@media (max-width: 992px) {
.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-toggler {
    border: none;
}

.navbar-brand img {
    margin-right: auto; /* Centrat în spațiul disponibil */
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.navbar .container-fluid {
    justify-content: space-between;
}


}

.card {
border: 2px solid #00a84e; /* culoarea verde pentru toate dimensiunile ecranului */
}
input[type="text"]:focus, 
input[type="email"]:focus,
input[type="tel"]:focus,
.textarea:focus,
.textarea,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    background-color: #00a84e;
    border-color: #00a84e;
    color: black;
}
input[type="text"], 
input[type="email"],
input[type="tel"], /* Adăugăm stiluri pentru câmpurile de tip telefon */
.textarea, /* Adăugăm stiluri pentru câmpurile textarea */
input[type="checkbox"], /* Adăugăm stiluri pentru checkbox */
input[type="radio"] { /* Adăugăm stiluri pentru radio */
background-color: #b6d7a8; /* verde deschis */
border-color: #00a84e; /* verde inchis */
color: black; /* text alb */
}
.textarea:focus {
    background-color: #00a84e;
    border-color: #00a84e;
    color: black;
}
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-nav .nav-link {
color: white !important;
}

    @media only screen and (max-width: 992px) {

        .navbar-brand img.logo {
            width: 100px;
        }
        .card-body {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .chenar, .chenar-text {
            flex: 1 1 auto; /* Permite elementelor să se extindă și să ocupe spațiul disponibil */
            text-align: center;
            padding: 0 5px; /* Adaugă un spațiu mic între elemente */
        }
        .chenar img {
            width: 100px; /* Micșorează imaginea pentru a se potrivi mai bine pe ecrane mici */
            height: 150px;
            margin-bottom: 10px; 
        }
    }
    @media only screen and (min-width: 992px) {

        .navbar-brand img.logo {
            width: 120px;
        }
        .card-body {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
        .card-body img {
            width: 300px;
            height: 300px;
            border-radius: 50%;
        }
        .chenar img {
            width: 250px;
            height: 350px;
            border-radius: 50%;
        }
        .chenar a {
            color: #00a84e; /* verde inchis */
        }
        .text {
            font-weight: normal;
            text-align: center;
        }
    }

    .card-top { /* Stil pentru cardul cu logo-ul */
        border: 2px solid #00a84e;
        border-bottom: none; /* Eliminăm bordura de jos */
        border-radius: 0; /* Eliminăm orice colțuri rotunjite */
    }

    .card-bottom { /* Stil pentru cardul cu detaliile lui Bogdan */
        border: 2px solid #00a84e;
        border-top: none; /* Eliminăm bordura de sus */
        border-radius: 0; /* Eliminăm orice colțuri rotunjite */
    }
    /* Stilurile pentru bara verde */
    .green-bar {
        background-color: #185729; /* culoarea verde a meniului */
        padding: 20px 0; /* adăugare spațiu între text și marginea bara */
        color: white; /* culoarea textului pe bara verde */
        text-align: center; /* alinierea textului în centru */
    }
    .green-bar a {
        color: white; /* culoarea textului linkurilor */
        text-decoration: none; /* eliminarea sublinierii */
        margin: 0 10px; /* adăugare spațiu între linkuri */
    }

    /* Stil pentru linkurile la hover */
    .green-bar a:hover {
        text-decoration: underline; /* adăugare subliniere la hover */
    }