@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --brand-color: #e60000;

    --font-family: 'Roboto', "Helvetica", sans-serif;

    --color-bg: #f5f6f7;

    --gutter: 20px;

    --card-border-radius: 20px;
    --btn-border-radius: 20px;
}


.card {
    border: 1px solid #D8DBE0;
    box-shadow: none;
}

.cc-layout-grid-item {
    border-radius: var(--card-border-radius);
}

.solutions-banner {
    background-image: url('/dep/banner-5-bg.webp');
    background-size: cover;
}

.heading-buttons {
    border: 1px solid #D8DBE0 !important;
    box-shadow: none !important;
}

.btn {
    padding-left: 20px;
    padding-right: 20px;
}
.btn-icon, .cd-table-td .btn-icon {
    padding-left: 0px;
    padding-right: 0px;
}

.username-container {
    border-radius: 20px !important;;
    border: 0; /* border: 0; 1px solid #D8DBE0; */
    background-color: var(--color-bg) !important;
}

.c-pager-button {
    border-radius: 20px;
}