.lang-flag-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-color: white;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: black;
    display: inline;
}

    .lang-flag-btn:hover {
        background-color: var(--main-color-one);
        color: white;
        border-color: var(--secondary);
        transform: scale(1.1);
    }

/* Hide by default */
.form-style {
    display: none;
}


/* Show on desktop (≥992px) inside header */
@media (min-width: 992px) {
    .header__offcanvas-3 .form-style {
        display: inline-block;
    }
}


/* Show on mobile (≤991px) inside offcanvas */
@media (max-width: 991px) {
    .offcanvas__area .form-style {
        display: inline;
        margin-top: 15px; /* optional spacing */
    }

    /* logo for offCanvas */
    .logoMobile
    {
        max-width:150px;
        max-height:50px;
    }
}