body {
    background-color: #f5f5f5; /* ნეიტრალური ფონი */
    color: #333; /* მუქი ტექსტი */
}

header {
    background-color: rgba(255, 255, 255, 0.9); /* მსუბუქი გამჭვირვალე ფონი */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* რბილი ჩრდილი */
}

header > div:hover > p{
    color: #5ca2a8; /* ჰოვერის ფერი */
}

header > div:last-child > div{
    border: 0.5px solid black;
    background-color: #666;
}

header > div > div .theme{
    background-color: #fff;
}

header > div  > div  > select{
    border: 0.5px solid #5ca2a8;
}

footer {
    background-color: #f5f5f5;
    color: #333;
    border-top: 1px solid #e0e0e0;
}

.contact h3, .location h3, .social-media h3{
    color: #5ca2a8;
}

.social-icons{
    color: #5ca2a8;
}

.social-icons a i{
    color: #5ca2a8;
}

.social-icons a i:hover {
    color: #5ca2a8;
}

.subscribe textarea {
    border: 1px solid #ccc;
    outline-color: #5ca2a8;
}

.subscribe input[type="email"]{
    border: 1px solid #ccc;
    outline-color: #5ca2a8;
}

.subscribe button {
    background-color: #5ca2a8;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.subscribe button:hover{
    background-color: #5ca2a8;
}

.location p.address{
    color: #666;
}

.location .map img{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.footer-text{
    color: #999;
}

.project-year,
.product-price{
    color: #777;
}

.project-card,
.project-card-add,
.product-card{
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.details-button{
    background-color: #5ca2a8;
    color: #fff;
}

.details-button:hover{
    background-color: #5aa5a3;
}

.project-detail-card {
    background-color: #f5f5f5;
}


/*******************/
.projects-filter-area {
    background-color: #f9f9f9; /* ფონის ფერი */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ჩრდილი */
}

.projects-filter-area select,
.projects-filter-area input,
.projects-filter-area button {
    border: 1px solid #ddd; /* საზღვარი */
    outline-color: #5ca2a8;
    background-color: white;
}

.projects-filter-area button{
    background-color: #5ca2a8; 
    color: white; /* თეთრი ტექსტი */
}

/*******************/

.project-detail-header h3{
    color: #333;
}

#overlay{
    background-color: rgba(0, 0, 0, 0.8);
}
.close{
    color: #fff;
}

.project-detail-full-description{
    color: #666;
}

.caption {
    color: #888;
}

.project-detail-year{
    color: #555;
}
.footer-icons i {
    color: #5ca2a8;
}

.footer-icons i:hover {
    color: #5aa5a3;
}

.service_item,
.control-item{
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.service_item a,
.control-item a{
    color: #5ca2a8;
}

.control-item button{
    background-color: #5ca2a8;
}

.title-section{
    background-color: #888;
}

.title-section > h1{
    color: #5ca2a8;
}

.carusel_image_frame{
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.stat{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.stat p{
    color: #666;
}
.stat i{
    color: #5ca2a8;
}
.banner-control{
    background-color: #5ca2a8;
}
.service{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}
.service p{
    color: #666;
}
.service i{
    color: #5ca2a8;
}

.partner_item{
    background-color: #fff;
}

form {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

form > .login-icon i {
    color: #5ca2a8; /* ხატულის ფერი */
}

form > label{
    background-color: #fff;
}

form > input{
    border: 1px solid #5ca2a8;
}

form > input::placeholder {
    color: #bbb; /* Placeholder ფერი */
}


form > input:focus {
    border-color: #5ca2a8; /* ფოკუსის ფერი */
}

form > input[type=submit]{
    background-color: #5ca2a8;
    color: #fff;
}


form > input[type=submit]:hover {
    background-color: #5ca2a8;
}

form a,
form i {
    color: #5ca2a8;
}

form p {
    color: red;
}

#mobile-menu-button{
    color: #5ca2a8;
    background-color: #f8f8f8;
}

#mobile-menu {
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: #444;

}

#mobile-menu ul li{
    border-bottom: 1px solid #555;
}

#mobile-menu ul li a{
    color: #333;
}

.section-grid{
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.section-grid > div{
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
}

.section-grid > div i{
    color: #5aa5a3;
}