@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Work+Sans&display=swap");

:root {
    --dark: #333;
    --light: #f0f6f8;
    --white: #fffbfa;
    --primary: #0039c1;
    --primary-2: #02744c;
    --secondary: #666666;
    --ff-headings: "Work Sans", sans-serif;
    --ff-body: "Inter", sans-serif;
}

body {
    font-family: var(--ff-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-3,
.table thead th {
    font-family: var(--ff-headings);
}

.ProductPatentHeader {
    display: none !important;
}

.commscope-header {
    display: none !important;
}

.breadcrumb {
    display: none !important;
}

.hero-blue-dark {
    background-color: var(--primary-2);
    background-image: -webkit-linear-gradient(90deg, #00a66c, #00a9b4);
    background-image: -o-linear-gradient(90deg, #00a66c, #00a9b4);
    background-image: -moz-linear-gradient(90deg, #00a66c, #00a9b4);
    background-image: linear-gradient(90deg, #00a66c, #00a9b4);
}

.dl-menuwrapper {
    background-color: var(--primary-2);
}

    .dl-menuwrapper .dl-menu.dl-menuopen {
        border: 1px solid var(--primary-2);
    }

    .dl-menuwrapper li a {
        color: var(--primary-2);
    }

.dl-back {
    background-color: var(--primary-2);
}

    .dl-back:hover {
        background-color: var(--primary-2);
    }

    .dl-back a {
        background-color: var(--primary-2);
    }

        .dl-back a:hover {
            background-color: var(--primary-2);
        }

.dl-submenu li a:focus {
    color: var(--primary-2) !important;
}

#btnGetMoreProductPatents {
    background-color: var(--primary-2) !important;
}

    #btnGetMoreProductPatents:hover {
        background-color: var(--primary-2) !important;
        opacity: 0.9;
    }

.scroll-top-wrapper .btn.btn-light:hover {
    background-color: var(--primary-2) !important;
    border-color: var(--primary-2) !important;
}

.form-control:focus {
    border-color: var(--primary-2) !important;
}

.loader {
    border-top: 4px solid var(--primary-2);
}