/*HIDES GOOGLE STUFF:*/
/* push the Google Translate UI off-screen */
#google_translate_element {
    position: absolute !important;
    left: -9999px !important;
    visibility: hidden;
}

/* hide the “Translated by Google” top bar */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0 !important; /* reset the page position */
}

/* make your language buttons larger */
.language-switcher .btn {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

/* 1. Remove the banner iframe and its container */
.skiptranslate,
.goog-te-banner-frame {
    display: none !important;
}

/* 2. Also hide the small Google icon if it appears */
.goog-te-gadget-icon {
    display: none !important;
}

/* 3. Reset any top offset that the hidden frame may have pushed down */
html, body {
    top: 0 !important;
}



.client-logo-img {
    width: 220px;
    height: 220px;
    object-fit: contain; /* use cover for crop effect */
    background: #fff; /* optional: gives a white background behind logos */
    border-radius: 12px; /* optional: rounded corners */
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.04); /* optional: subtle shadow */
    padding: 12px; /* optional: space around logos inside the box */
    display: block;
    margin: 0 auto;
}


@media (max-width: 767.98px) {
    .hero-content-wrapper h1 {
        font-size: 2.4rem; /* size of first big banner text when its on mobile */
    }
}


html {
    scroll-padding-top: 40px; /* Adjust to your header height, this is the padding after a button click */
}

/* Mobile: adjust hero-content-wrapper padding */
@media (max-width: 575.98px) { /* Bootstrap xs */
    .hero-section.hero-style-5 .hero-content-wrapper {
        padding-top: 70px;
        padding-bottom: 0;
    }
}

@media (max-width: 575.98px) { /* Bootstrap xs */
    .titleForMobile {
        margin-bottom: 10px;
    }
}