@font-face {
    font-family: "Poppins";
    src: url("/fonts/Poppins-Regular.ttf");
}

.hg-medic {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
}
.hg-medic h1 {
    font-size: 40px;
    font-weight: 400;
    color: #085d82;
    padding-bottom: 20px;
}
.hg-medic h2 {
    font-size: 18px;
    font-weight: 700;
    color: #085d82;
}
.hg-medic a {
    text-decoration: none;
}
.hg-medic .small-text {
    font-size: 12px;
}
.hg-medic .dark-blue-button {
    background-color: #085d82;
    color: white;
    border-radius: 25px;
    border: 0px;
    padding: 10px 40px;
    box-shadow: rgb(0 0 0 / 40%) 5px 5px 5px;
}
.hg-medic .logo {
    height: 45px;
    margin: 20px 0px;
}
.hg-medic .top-nav {
    background-color: #242d36;
    padding-bottom: 20px;
}
.hg-medic .whatsapp,
.hg-medic .location {
    height: 40px;
    margin: 20px 20px 20px 0px;
}
.hg-medic .top-nav label {
    margin-right: 20px;
}
.hg-medic .text-right {
    text-align: right;
}
.hg-medic .text-left {
    text-align: left;
}
.hg-medic .text-white {
    color: white;
}
.hg-medic .main-menu-wrapper {
    background: #085d82;
    border-radius: 10px;
    overflow: hidden;
    margin-top: -25px;
}
.hg-medic .hg-nav {
    padding: 15px 0px;
    color: white;
}
.hg-medic .light-blue {
    background: #00c8cb;
}
.hg-medic .main-menu-section {
    position: absolute;
    width: 100%;
    z-index: 99;
}
.hg-medic .main-menu-wrapper .col:hover {
    animation: navHover 2s 1;
}

@keyframes navHover {
    0% {
        background: #12af90;
    }
    25% {
        background: #085d82;
    }
    50% {
        background: #07c4b4;
    }
    75% {
        background: #085d82;
    }
    100% {
        background: #00c8cb;
    }
}

.hg-medic .banner-section {
    background-image: url(/hgmedic/img/banner-1.png);
    height: 400px;
    background-size: 100% auto;
    background-position: center center;
}
.hg-medic .who-we-are-section {
    padding: 80px 0px;
    background-image: url(/hgmedic/img/top-shadow-bg.png);
    background-size: auto 100%;
}
.hg-medic .why-choose-us-img {
    width: 100%;
    box-shadow: rgb(0 200 203 / 10%) -30px 30px 0px;
}
.hg-medic .customer-connection-img,
.quality-products-img {
    width: 80%;
}
.hg-medic .our-trusted-partners-section {
    padding: 80px 0px;
    background-image: url(/hgmedic/img/btm-bg.png);
    background-position: bottom;
    background-size: 100% 100%;
}
.hg-medic .get-in-touch-with-us-section {
    background: #f1f1f1;
}
.hg-medic .get-in-touch-with-us-bg {
    background-image: url(/hgmedic/img/get-in-touch-with-us.png);
}
.hg-medic .contact-us-wrapper {
    padding: 40px;
}
.hg-medic .contact-us-wrapper input,
.contact-us-wrapper textarea {
    margin-bottom: 15px;
}
.hg-medic .footer {
    background-color: #242d36;
    color: white;
    padding-bottom: 40px;
}
.hg-medic .footer-logo {
    width: 200px;
    margin: 40px 0px 20px;
}
.hg-medic .social-media-icon {
    margin-bottom: 20px;
    margin-right: 20px;
}
.hg-medic .footer-subheader {
    margin-top: 50px;
}

@media only screen and (max-width: 1050px) {
    .hg-medic .top-nav label {
        display: none;
    }
    .hg-medic .whatsapp,
    .hg-medic .location {
        margin: 20px 0px 20px 0px;
    }
    .hg-medic .main-menu-section {
        overflow: scroll;
        margin-top: -25px;
    }
    .hg-medic .main-menu-wrapper {
        margin-top: 0px;
        min-width: 600px;
        width: 100%;
    }
    .hg-medic .banner-section {
        padding-top: 45%;
        height: 0px;
        background-size: auto 100%;
        background-position: right center;
    }
    .hg-medic .why-choose-us-h1 {
        text-align: center;
        margin-top: 20px;
    }

    .hg-medic .our-trusted-partners-section {
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .hg-medic .get-in-touch-with-us-bg {
        background-size: auto 100%;
    }
}