@import url("./header.css");
@import url("./footer.css");
@import url("./products/products.css");
@import url("./support/support.css");
@import url("./about/about.css");

:root {
    --primaryColor: #77838f;
    --secondaryColor: #0052ea;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Bold.ttf");
    font-weight: 700;
}

html {
    font-size: 16px;
}

body {
    font-family: "Poppins";
    font-weight: 400;
}

.container {
    max-width: 1350px;
}

.theme-color {
    color: var(--primaryColor);
}

a {
    color: var(--secondaryColor);
    text-decoration: none;
    opacity: 0.8;
}

    a:hover {
        opacity: 1;
    }

.fw-medium {
    font-weight: 600;
}

.text-black {
    color: #000000;
}

.cursor-pointer {
    cursor: pointer;
}

p {
    color: var(--primaryColor);
    line-height: 1.7;
}

input {
    padding-block: 0.7rem !important;
}

table th {
    background-color: #dadada !important;
}

table td {
}

.lang-dropdown li img {
    max-width: 20px;
}

.lang-dropdown button img {
    max-width: 20px;
}

.lang-dropdown button {
    width: 50px;
    padding-block: 0.2rem;
    display: flex;
    justify-content: center;
}

    .lang-dropdown button::after {
        display: none;
    }

    .lang-dropdown button span {
        color: var(--primaryColor);
    }

    .lang-dropdown button:active {
        border-color: var(--secondaryColor) !important;
    }

.lang-dropdown .dropdown-menu {
    min-width: 60px;
}

@media (min-width: 1200px) {
    .overflow-auto {
              overflow: visible !important;
    }
}

.chip-image {
    width: 183px;
    height: 169px;
}