@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap');

html,
body {
    height: 100vh;
    margin: 0;
}

body {
    font-size: 1.1rem;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.5px;
    background: #F5F7FA !important;
    font-family: 'Open Sans', 'Roboto', Arial, sans-serif;

}

.service {
    text-align: center;
    border: 1px solid #ebebeb;
    padding: 10% !important;
    transition: all ease-in-out 0.3s;
    background: #fff;
    height: 320px;
}

.service h4 {
    font-family: "Poppins", sans-serif;

}

.service:hover {
    scale: 1.05;
    cursor: pointer;
}

.icon {
    font-size: 3rem;
}

.top-hero {
    background-image: url("https://images.pexels.com/photos/2653362/pexels-photo-2653362.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar,
#footer {
    background-color: #000000f3 !important;
}

#top-hero-content {}

.top-hero-banner {
    filter: invert(100%) sepia(0%) saturate(2878%) hue-rotate(346deg) brightness(100%) contrast(100%);
}

.section-title h3 {
    font-family: "Poppins", sans-serif;
}

.border-bot {
    width: 80%;
    border-bottom: gray 1px solid !important;
    margin-left: auto;
    margin-right: auto;
}

#navbarNav {
    margin-left: -9rem !important;
}

@media (max-width: 991px) {

    #navbarNav {
        margin-left: 0rem !important;
    }
}

body {
    top: 0 !important;
}



#google_translate_element.skiptranslate {
    display: block !important;
    margin-top: .25rem !important;
}

.goog-logo-link,
.goog-te-gadget span {
    display: none !important;
}


iframe {
 visibility: hidden !important;
}