footer {
    padding: 40px 0;
    text-align: center;
    opacity: 0.9;
}

.footer-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    opacity: 0.9;
}

.contact, .location, .social-media {
    flex: 1 1 30%;
    margin-bottom: 20px;
    text-align: center;
    transform: scale(0.9); /* უმჯობესია გამოიყენოთ transform: scale(0.9) პირდაპირ scale-ის მაგივრად */
}

/* ჰედერების დიზაინი */
.contact h3, .location h3, .social-media h3 {
    margin-bottom: 15px;
}

.social-icons {
    margin-bottom: 15px;
    font-size: 2rem; /* ზუსტი ფონტის ზომა */
}

.social-icons a {
    margin: 0 10px;
    display: inline-block;
}

.social-icons a i {
    transition: color 0.3s ease;
}

.subscribe textarea {
    width: 100%;
    padding: 10px 0;
    padding-left: 10px;
    margin: 5px 0;
    border-radius: 7px;
    resize: none;
    font-size: large;
}

.subscribe input[type="email"] {
    width: 100%;
    padding: 10px 0;
    padding-left: 10px;
    margin: 10px 0;
    border-radius: 5px;
    font-size: medium;
}

.subscribe button {
    padding: 15px 20px;
    border: none;
    border-radius: 5px;
    font-size: larger;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    transition: background-color 0.3s ease, transform 0.3s ease;
    width: 102%; /* Changed to 100% for uniformity */
}

.subscribe button:hover {
    transform: translateY(-2px); /* Subtle hover effect */
}

.location p.address {
    font-size: 16px;
    margin-top: 10px;
}

.location .map img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.footer-text {
    margin-top: 40px;
    font-size: small;
}

.sendmessage-image{
    position: absolute;
    width: 100%;
    height: 0%;
    background-position: center;
    background-image: url(/image/message.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.8s;
    bottom: 30%;
}
.location .map > iframe{
    max-height: 80%;
}
/* Mobile responsiveness */
@media only screen and (max-width: 767px) {
    .footer-container {
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

    .contact, .location, .social-media {
        flex: 1 1 100%;
        margin-bottom: 30px;
        transform: scale(1); /* Scale back to 1 for mobile */
    }

    .subscribe button {
        width: 100%; /* Ensure buttons are full width on mobile */
    }

    .subscribe textarea{
        width: calc(100% - 10px);
        padding: 10px 0;
        padding-left: 10px;

    }
    .subscribe input[type="email"]{
        padding: 10px 0;
        padding-left: 10px;
        width: calc(100% - 10px);
    }
    .location .map{
        position: relative;
        min-height: 200px;
    }
    .location .map > iframe{
        max-height: 100%;
    }
}