/* CSS START FROM HERE  */

section.goverment-baner {
    min-height: 332px;
    background-repeat: no-repeat;
    background-position: center;
    background: #0000000f;
    background-blend-mode: overlay;
    background-size: cover;
}

.agenda-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    border-bottom: 1px solid #0000;
    transition: 0.3s ease-in;
}

.grid-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 330px;
    width: 100%;
    border-bottom: 1px solid #757575;
    background: #fff;
    /* transition: 0.3s ease-in; */
}

.grid-data:hover {
    background: #7ACDF3;
}

.grid-data:hover .agenda-title {
    color: #0C3579;
    border-color: #0C3579;
}

.data-title {
    padding: 13px 25px;
}

.icon-data {
    padding: 13px 18px;
    background: #0000;
    transition: 0.3s ease-in;
    cursor: pointer;
}

.minus-image {
    display: none;
}

.acredan-data {
    display: none;
}

.breadcramp li.breadcrumb-item a {
    color: #0C3579;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.breadcramp li.breadcrumb-item.active a {
    color: #333;
}

.two-five {
    font-size: var(--fs-25);
    font-style: normal;
    font-weight: 700;
    line-height: var(--lh-32);
}

.left-sidedata .two-five {
    color: #0C3579;
}

.two-zero {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.title-here .two-zero {
    color: #3160AD;
    display: inline-block;
    margin-bottom: 5px;
    border-bottom: 1px solid #0000;
}

.title-here a.two-zero:hover {
    border-color: #3160AD;
}

.left-sidedata p,
.grid-goverment-right p a {
    color: #333;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.left-sidedata p a {
    display: initial;
    color: #333;
    font-weight: 400;
    text-decoration: underline;
}


.grid-goverment-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.goverment-sec {
    padding: 80px 0px;
}

.title-here p:last-child {
    padding-bottom: 0px;
}

.items-flex {
    flex-wrap: wrap;
    gap: 20px;
}

/*Document Center CSS */

.document-center {
    padding: 60px 0 100px;
}

.dc-max {
    max-width: 1476px;
    width: 100%;
    margin: 0 auto;
}

.document-tabs {
    margin: 50px 0 45px;
}

.d-tab-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.d-tab-list li a {
    border: 1px solid var(--color-blue);
    background: var(--color-white);
    display: block;
    padding: 10px 20px;
    text-align: center;
    height: 54px;
    color: var(--color-blue);
    font-size: var(--fs--18);
    line-height: normal;
    font-weight: 400;
}

.d-tab-list li a:hover,
.d-tab-list li.active a {
    background: var(--color-blue);
    color: var(--color-white);
}

.table-cover {
    border: 1px solid #D0D0D0;
    padding: 22px 22px 0;
    max-width: 1328px;
    width: 100%;
    margin: 60px auto;
}

table.table {
    margin: 0;
}

table.table tr th:first-child,
table.table tr td:first-child {
    padding-left: 50px;
}

table.table tr th,
table.table tr td {
    height: 66px;
    vertical-align: middle;
}

table.table tr th {
    background: #3160AD;
    color: var(--color-white);
    font-size: var(--fs--18);
    font-weight: 400;
    line-height: normal;
}

table.table tr th,
table.table tr td {
    height: 66px;
    vertical-align: middle;
    border: none;
}

table.table tr td,
table.table tr td a {
    color: var(--color-black);
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
}

.row-selection select {
    max-width: 44px;
    padding: 0;
    border: none;
}

.table-filter {
    background: #FFF;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.row-selection {
    display: flex;
    align-items: center;
    justify-content: end;
}

.row-per {
    margin-right: 22px;
}

.row-selection select {
    margin-right: 50px;
}

.tb-data {
    margin-right: 48px;
}

.tb-buttons {
    display: flex;
    gap: 40px;
    margin-right: 40px;
}

.tb-buttons button {
    border: none;
    background: none;
}

.row-per,
.row-selection select,
.tb-data span {
    color: #333;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.document-tabs hr {
    border-color: #A8A8A8;
    margin: 50px 0;
    opacity: 1;
    border-width: 2px;
}

.at-name {
    color: var(--color-light-blue);
    font-size: var(--fs-25);
    font-weight: 600;
    line-height: 32px;
}

.dc-flx {
    margin-top: 40px;
    display: flex;
}

.select-dropdown {
    position: relative;
    display: inline-block;
    max-width: 320px;
    width: 100%;
    margin-right: 10px;
}

.select-dropdown .select-dropdown__button {
    width: 100%;
    text-align: left;
    height: 50px;
    border: none;
    padding: 0 10px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.select-dropdown__button.active {
    background: var(--color-light-blue);
}

.select-dropdown__button:focus {
    outline: none;
}

.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
}

.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 10px 15px;
    background-color: var(--color-white);
    cursor: pointer;
    height: 50px;
    color: var(--color-black);
    font-size: var(--fs--18);
    font-weight: 400;
    line-height: normal;
    transition: all ease-in-out 0.3s;
}

.select-dropdown__list-item:hover {
    background-color: #F2F2F2;
}

.select-dropdown .select-dropdown__button span {
    color: var(--color-black);
    font-size: var(--fs--18);
    font-weight: 400;
    line-height: 28px;
}

.select-dropdown .select-dropdown__button img {
    transition: all .4s ease-in-out;
}

.select-dropdown .select-dropdown__button.active span {
    color: var(--color-white);
}

.select-dropdown .select-dropdown__button.active img {
    filter: brightness(5);
    transform: rotate(-180deg);
}

.select-dropdown.years {
    max-width: 150px;
}

.dc-options {
    display: flex;
    gap: 30px;
    margin-left: 40px;
}

.op-flx {
    display: flex;
    align-items: center;
}

.op-flx input[type="radio"] {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    accent-color: var(--color-blue);
}

.op-flx label {
    color: var(--Black, #000);
    font-family: Poppins;
    font-size: var(--fs--18);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.filter-copy {
    margin-top: 50px;
}

.ftopic {
    display: block;
    color: var(--color-light-blue);
    font-size: var(--fs--22);
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.fsubtopic {
    color: #333;
    font-size: var(--fs--22);
    font-weight: 400;
    line-height: normal;
}

.tb-buttons button:disabled {
    opacity: .2;
}

table.table tr td img {
    min-width: 24px;
}



.btn.btn-theme {
    color: var(--color-blue);
    text-align: center;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.187px;
    border: 1px solid var(--color-blue);
    width: fit-content;
    padding: 10px 10px;
    background: var(--color-white);
    transition: 0.3s ease-in;
}

.btn.btn-theme:hover {
    background-color: #3160ad;
    color: var(--color-white);
    border-color: #3160ad;
}

.d-flex-justify {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
}

div.grid-goverment-right.grid-goverment-right-2 .grid-tablinks {
    padding-top: 20px;
}

.para-form input {
    border: 0;
    border-bottom: 1px solid var(--color-black);
    display: inline-block;
}

.w-360 {
    max-width: 360px;
    width: 100%;
    margin-bottom: 10px;
}

.w-250 {
    max-width: 250px;
    width: 100%;
}

.input-type-file {
    position: relative;
}

.input-type-file {
    max-width: 428px;
    width: 100%;
}

.input-type-file input {
    opacity: 0;
}

.input-type-file label {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: var(--Light-Blue, #3160AD);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.form-items {
    display: flex;
    justify-content: space-between;
}

.upload-items {
    position: relative;
}

.upload-items div {
    position: absolute;
    top: 0;
    left: 0;
}

.upload-items input {
    opacity: 0;
}

.upload-items label {
    cursor: pointer;
    color: var(--Light-Blue, #3160AD);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 152.941% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.upload-items.date {
    display: flex;
}

.upload-items.date input {
    border-bottom: 1px solid black;
    opacity: 1;
    margin-left: 10px;
}

.upload-items.date label {
    color: var(--Black);
    text-decoration: none;
}

.form-items {
    display: flex;
    justify-content: space-between;
    max-width: 700px;
}

.form-last-modal input.form-control {
    width: 348px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--Hover-Gray, #F2F2F2);
    border: none;
}

.form-last-modal input.form-control::placeholder {
    color: var(--Black);
}

.form-last-modal input {
    margin-bottom: 12px;
}

p.fs-13 {
    color: #333;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.btn-flex .btn {
    min-width: 129px;
    border-radius: 0px;
    height: 46px;
}

.btn-flex .btn {
    min-width: 129px;
    padding-left: 14px;
    padding-right: 14px;
}

.btn-flex {
    display: flex;
    gap: 20px;
}

.btn.btn-blue {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.btn.btn-theme {
    padding-left: 20px;
    padding-right: 20px;
}

.para-form textarea {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid black;
}

.ml-76 {
    margin-left: 76px;
}

.w-550 {
    max-width: 550px;
}

.form_input {
    max-width: 630px;
    width: 100%;
}

.form_input input {
    border: 0;
    border-bottom: 1px solid hsl(0, 0%, 0%);
    margin-left: 10px;
}

.flex_items_center input {
    margin-left: 0;
}

.flex_items_center {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.flex_items_center div {
    width: 100%;
}

.form_input label {
    color: #333;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
}

.flex_items_center div {
    display: flex;
    align-items: center;
}

.form_input .d-flex {
    margin-bottom: 20px;
}

section.my-account {
    padding-top: 54px;
    padding-bottom: 100px;
}

.left-sidebar {
    background: var(--Light-Blue, #3160AD);
    max-width: 254px;
    padding: 16px 19px;
    width: 100%;
    max-height: 716px;
}

.contact-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 23px;
    margin-bottom: 9px;
}

.fs-17 {
    color: var(--White, #FFF);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.fs-17 span {
    color: var(--Dashboad-Light-Blue, #98AFD6);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.contact-flex p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-flex a.fs-12,
.current-rank-top a {
    color: var(--Sky-Blue, #7ACDF3);
    text-align: right;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.132px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.img-visit {
    display: grid;
    gap: 15px;
}

.img-visit a {
    color: var(--Sky-Blue, #7ACDF3);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.154px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.left-sidebar hr {
    border-color: #98AFD6;
    opacity: 1;
    padding: 0;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.current-rank p {
    padding-bottom: 0;
    color: hsl(0, 0%, 100%);
}

.current-rank .current-rank-top {
    font-size: 12px;
}

.my-application span {
    color: #98AFD6;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}

.current-rank p {
    font-size: 17px;
}

.my-application span svg {
    margin-top: -4px;
}

.my-application ul li a,
.other-pages a {
    color: var(--Sky-Blue, #7ACDF3);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.154px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.other-pages a {
    text-decoration-line: none;
}

.display-grid {
    display: flex;
    column-gap: 34px;
    max-width: 1388px;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
}

.right-body {
    max-width: 100%;
    width: 100%;
}

.tabs-menu {
    background: var(--Hover-Gray, #F2F2F2);
    margin-top: 50px;
}

.my-activity a {
    border-radius: 6px 6px 0px 0px;
    color: #757575;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 5px 20px;
    transition: all 0.3s;
}

.my-activity a:hover {
    background: var(--Blue, #0C3579);
    color: var(--White, #FFF);
}

.my-activity a.active {
    background: var(--Blue, #0C3579);
    color: var(--White, #FFF);
}

.tabs-menu .my-activity {
    padding-top: 5px;
    padding-left: 4px;
}

.tab-menu-content .fs-20 {
    color: var(--Light-Blue, #3160AD);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 18px;
}

.tab-menu-content {
    margin-top: 34px;
}

.tab-menu-content textarea {
    border: 1px solid #909090;
    background: #FFF;
    border-radius: 0;
    margin-bottom: 18px;
}

/* .form-activity{
    display: grid;
    gap: 18px;
} */

.old-chat p {
    color: #333;
    text-align: right;
    font-family: Poppins;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
}

.old-chat {
    border: 1px solid #909090;
    background: #FFF;
    padding: 13px 15px;
}

.last-chat {
    display: grid;
    gap: 10px;
}

.grid-chat {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.grid-items {
    display: flex;
    column-gap: 24px;
}

.grid-items p {
    color: #333;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 0;
}

.chat-date {
    display: grid;
    align-items: end;
}

span.user-name {
    font-weight: 600;
}

.grid-items img {
    width: 58px;
    height: 58px;
    object-fit: cover;
}

.last-message {
    border: 1px solid hsl(0, 0%, 56%);
    background: hsl(0, 0%, 100%);
    width: 92%;
    padding: 11px 91px 11px 20px;
    position: relative;
    margin-bottom: 9px;
}

.last-message::after {
    content: '';
    width: 18px;
    height: 30px;
    position: absolute;
    border: 1px solid #909090;
    left: -1px;
    background-color: white;
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.last-message::before {
    content: '';
    width: 34px;
    height: 27px;
    position: absolute;
    border: 1px solid #909090;
    bottom: -10.5px;
    left: -20px;
    transform: rotate(45deg);
    z-index: 1;
    border-left: none;
    border-bottom: none;
    border-top: none;
}


.grid-last-message {
    display: block;
}

.last-message p {
    text-align: left;
}

.chat-comment {
    text-align: right;
}

.chat-comment {
    text-align: right;
    border: 1px solid #909090;
    padding: 14px 20px;
    margin-top: 20px;
    min-height: 108px;
}

.chat-comment button.btn.btn-theme {
    color: var(--Blue, #0C3579);
    text-align: center;
    font-family: Poppins;
    font-size: 12.36px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.045px;
    width: 83px;
    height: 25px;
    flex-shrink: 0;
    border-radius: 0;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto;
    transition: all 0.3s;
}

.chat-comment button.btn.btn-theme:hover {
    color: hsl(0, 0%, 100%);
}

.message-chat {
    display: none;
}

.message-chat textarea {
    padding: 11px;
    border: 1px solid #000;
    background-color: var(--color-white);
    font-weight: 400;
}

.message-chat .fs-15 {
    text-align: left;
    color: #333;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 19px;
}

.btn-comment {
    width: 83px;
    height: 25px;
    color: var(--Blue, #0C3579);
    text-align: center;
    font-family: Poppins;
    font-size: 12.36px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.045px;
}

.btn.btn-comment.btn-sm {
    border: 0.568px solid var(--Blue, #0C3579);
    background: var(--White, #FFF);
    border-radius: 0;
}

.button-flex {
    text-align: left;
    margin-top: 20px;
}

.pagination {
    display: block;
    border-top: 1px solid hsl(0, 0%, 0%);
    margin-top: 20px;
}

.show-option {
    max-width: 147px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 18px;
}

.show-option span {
    white-space: nowrap;
}

.show-option select {
    width: 47px;
    height: 18px;
    border-radius: 0;
}

.pagination-flex {
    margin-top: 21px;
    display: flex;
    max-width: 529px;
    width: 100%;
    justify-content: space-between;
    margin-left: auto;
    padding-right: 20px;
}

.tab-menu-content .form-activity:nth-child(2) {
    display: none;
}

.cs-modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    background-color: #000000a3;
    height: 100%;
    display: grid;
    justify-content: center;
    
}

.modal-user {
    max-width: 320px;
    height: fit-content;
    background-color: #ffffff;
    width: 100%;
    padding: 15px;
    position: relative;
    padding-bottom: 50px;
}

.modal-user .fs-20 {
    color: var(--Light-Blue, #3160AD);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 26px;
}

.modal-user .fs-14,
.modal-user table {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.modal-user table {
    max-width: 100%;
    width: 100%;
}

.modal-user table tr td {
    color: #333;
    font-weight: 400;
}

.modal-user table tr td {
    padding-bottom: 4px;
    padding-top: 4px;
}

.modal-user table tr td img {
    padding-right: 8px;
}

.close-modal {
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
}

.modal-user-autoload {
    max-width: 926px;
    width: 926px;
    height: fit-content;
    background-color: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-left: 29px;
    padding-right: 29px;
}

.modal-user-autoload .fs-26 {
    color: var(--Light-Blue, #3160AD);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #3160AD;
    margin-top: 42px;
    margin-bottom: 30px;
}

.modal-flex {
    display: flex;
    align-items: center;
    gap: 40px
}

.modal-items p {
    padding-bottom: 19px;
    padding-top: 19px;
    font-weight: 500;
    color: #000000;
}

.cs-modal.signIn {
    width: 100%;
    min-height: 100vh;
    background-color: hsl(0, 0%, 100%);
    overflow-y: scroll;
    z-index: 9999;
    animation:modalopen 0.8s ease-in-out;
}
@keyframes modalopen{
    0%{
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);

    }
    100%{
        opacity: 1;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    }
}

/* width */
.cs-modal.signIn::-webkit-scrollbar {
    width: 0;
}

/* Track */
.cs-modal.signIn::-webkit-scrollbar-track {
    background: #d9d8d8;
}

/* Handle */
.cs-modal.signIn::-webkit-scrollbar-thumb {
    background: #a6a6a6;
}

/* Handle on hover */
.cs-modal.signIn::-webkit-scrollbar-thumb:hover {
    background: #555;
}



.cs-modal.signIn {
    display: block;
}

.modal-1411 {
    max-width: 1411px;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.form-login {
    max-width: 1273px;
    margin-left: auto;
    margin-top: 54px;
}

.form-login .fs-35 {
    color: var(--Maroon, #C2292E);
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 72px;
}

.fs-15 {
    font-size: 15px;
    line-height: 20px;
}

.form-login a {
    color: var(--Light-Blue, #3160AD);
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    transition: all 0.3s;
}

.form-login a img {
    transition: all 0.3s;
}

.form-login a:hover img {
    box-shadow: 0px 2px 3px 2px #c0c0c078;
}

.form-login .fs-15 {
    padding-bottom: 30px;
}

.form-flex {
    display: flex;
    justify-content: space-between;
}

.form-flex form {
    max-width: 526px;
    width: 100%;

}

.form-flex form .form-group {
    margin-bottom: 24px;
}

.form-flex .form-control {
    border-radius: 5px;
    border: 1px solid #333;
    background: #FFF;
    padding: 10px;
}

.form-flex input[type="checkbox"] {
    width: 26.721px;
    height: 27.711px;
}

.form-flex label {
    color: var(--Green, #37B552);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.input-group.form-control {
    padding: 0px;
}

.input-group.form-control .form-control {
    border: none;
}

.input-group.form-control .input-group-text {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.forgot-password {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.forgot-password a {
    color: var(--Light-Blue, #3160AD);
    font-size: 15px;
    font-weight: 400;
}

.login-box {
    margin-bottom: 24px;
}

.login-box p {
    color: #333;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
}

.login-box a {
    font-size: 13px;
    line-height: 18px;
}

.btn.btn-blue {
    color: hsl(0, 0%, 100%);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.34px;
    background: var(--Blue, #0C3579);
    padding: 10px 34px;
    border-radius: 0;
    font-weight: 500;
    transition: all 0.3s;
}

.btn.btn-blue:hover {
    background-color: var(--Blue, #0a2b60);
}

.login-with-g img {
    margin-bottom: 8px;
}

.form-or-content {
    max-width: 82px;
    width: 100%;
    margin-top: 53px;
}

.form-or-content p {
    color: rgba(51, 51, 51, 0.82);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.login-with-g {
    text-align: right;
    max-width: 526px;
    width: 100%;
}

.modal-footer {
    position: static;
    width: 100%;
    bottom: -1px;
    width: 100%;
    bottom: -1px;
    background: var(--Blue, #0C3579);
    margin-top: 100px;
}

.grid-modal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
}

.social-icons-modal .social-icons {
    justify-content: flex-start;
}

.social-icons-modal p {
    margin-top: 28px;
    color: #D9D9D9;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 20px;
}

.social-icons-modal {
    padding-left: 165px;
}

.social-icons-modal a {
    color: #D9D9D9;
    font-weight: 400;
}

.form-login .fs-20 {
    color: var(--Blue, #0C3579);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 27px;
    text-align: left;
}

.not-robot {
    margin-bottom: 16px;
}

.already-have {
    padding: 0;
    margin-top: 17px;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.form-singup .form-or-content {
    display: grid;
    align-items: center;
    text-transform: uppercase;
}

.content-list p {
    color: var(--Black, #000);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 23px;
    padding: 0;
}

.content-list ul {
    list-style: circle;
    margin-bottom: 24px;
}

.content-list ul li {
    position: relative;
    padding-left: 15px;
}

.content-list ul li::before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #D9D9D9;
    top: 8px;
    left: 0;
    border-radius: 50%;
}

.content-list ul li {
    font-size: 15px;
    line-height: normal;
}
.googleTranlate{
    position: fixed;
    width: 300px;
    height: 50px;
    bottom: 20px;
    left: auto;
    right: 20px;
    background-color: hsl(0, 0%, 100%);
    padding: 10px;
    border-radius: 20px;
}
.googleTranlate select{
    padding: 5px;
    border-radius: 10px;
}
.cs-table .table-cover{
    margin-top: 0;
}
.bb-1px{
    border: 1px solid #c0c0c0a6;
    padding-top: 20px;
}
.form-group a{
    display: block;
}
.cs-table table-caption{
    display: block;
    width: 100%;
    background-color: hsl(217, 56%, 44%);
    color: hsl(0, 0%, 100%);
    padding-left: 15px;
    padding-top: 15px;
    text-align: left;
}
.sitemap{
    padding-top: 70px;
    padding-bottom: 70px;
}
.sitemap a.main-menu-heading{
    background-color: hsl(0deg 0% 100%);
    margin-bottom: 10px;
    padding: 8px 25px;
    border-radius: 5px;
    color: hsl(0, 0%, 0%);
    font-size: 16px;
    text-transform: uppercase;
    line-height: 25px;
    transition: all 0.3s;
    border: 1px solid black;
    border-radius: 0;
}
.menu-heading-inner li a{
    background-color: hsl(0, 0%, 75%);
    margin-bottom: 10px;
    padding: 8px 25px;
    border-radius: 5px;
    color: hsl(0, 0%, 0%);
    font-size: 16px;
    text-transform: uppercase;
    line-height: 25px;
    transition: all 0.3s;
}
ul.menu-heading-inner {
    margin-left: 50px;
    margin-bottom: 20px;
}
.mega-menu-inner {
    margin-bottom: 40px;
    background-color: #3160ad;
    padding: 15px 15px;
}
.mega-menu-inner a.menu-items,
.mega-menu-inner a.main-ancher {
    color: hsl(0, 0%, 100%);
}








@media(max-width:1600px) {
    section.goverment-sec {
        padding: 60px 0px;
    }

    .agendas-section .fs-22 {
        font-size: 18px;
    }

    .form-login {
        margin-top: 30px;
    }

    .form-login .fs-35 {
        margin-bottom: 40px;
    }

    .form-login .fs-15 {
        padding-bottom: 20px;
    }

    .form-or-content p {
        font-size: 15px;
    }
}

@media(max-width: 1599px) {
    .social-icons-modal {
        padding-left: 0;
    }

    .modal-footer>* {
        margin: auto;
    }
}

@media(max-width:1400px) {
    /* :root {
        --fs-25: 19px;
        --lh-32: 25px;
    } */

    .grid-goverment-right {
        gap: 10px;
    }

    .two-zero {
        font-size: 16px;
    }

    .agenda-title {
        font-size: 16px;
        line-height: normal;
    }

    .data-title {
        padding: 10px;
    }

    .document-tabs {
        margin: 30px 0;
    }

    .d-tab-list li a {
        line-height: 2;
    }

    .document-tabs hr {
        margin: 40px 0;
    }

    .dc-flx {
        margin-top: 30px;
    }

    .filter-copy {
        margin-top: 30px;
    }

    .tab-menu-content .fs-20 {
        font-size: 18px;
        line-height: 20px;
    }

    .contact-flex {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .fs-17 {
        font-size: 14px;
    }

    .my-activity a {
        font-size: 14px;
        line-height: 20px;
    }

    .tabs-menu {
        margin-top: 30px;
    }
}

@media(max-width: 1399px) {

    .form-flex form,
    .login-with-g {
        max-width: 430px;
        width: 100%;
    }
}

@media(max-width:1199px) {
    .agendas-section .fs-22 {
        font-size: 16px;
    }

    .items-flex {
        justify-content: center;
        gap: 30px;
    }

    .agendas-items {
        max-width: 200px;
        width: 100%;
    }

    .d-tab-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }

    .dc-flx,
    .filter-copy {
        margin-top: 20px;
    }

    .table-cover {
        margin: 40px auto 0;
    }

    table.table tr th:first-child,
    table.table tr td:first-child {
        padding-left: 20px;
    }

    .grid-items p {
        text-align: left;
        font-size: 14px;
    }

    .form-login .fs-35 {
        font-size: 30px;
    }

    .form-flex form,
    .login-with-g {
        max-width: 390px;
        width: 100%;
    }

    .fs-15,
    .forgot-password a {
        font-size: 12px;
        line-height: 16px;
    }

    .form-login .fs-20 {
        font-size: 16px;
    }
}

@media(max-width:991px) {
    .grid-data {
        max-width: 100%;
    }

    .agenda-minutes {
        padding-bottom: 30px;
    }

    section.goverment-sec {
        padding: 40px 0px;
    }

    .d-tab-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .document-center {
        padding: 40px 0;
    }

    .table-cover {
        padding: 10px;
    }

    .form_input .d-flex {
        display: block !important;
    }

    .form_input input {
        margin-left: 0;
    }

    .flex_items_center div {
        display: grid;
        align-items: center;
    }

    .flex_items_center {
        margin-bottom: 30px;
    }

    .para-form textarea {
        margin-bottom: 20px;
    }

    .form-items {
        display: grid;
        gap: 10px;
    }

    .univers-input.grid-checkbox {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .input-type-file label {
        font-size: 16px;
    }

    .grid-chat {
        display: grid;
        gap: 5px;
        justify-content: space-between;
    }

    .last-message {
        padding: 11px 11px 11px 20px;
        margin-bottom: 25px;
    }

    .chat-comment {
        margin-top: 10px;
    }

    section.my-account {
        padding-bottom: 50px;
    }

    .current-rank p {
        font-size: 15px;
        line-height: 25px;
    }

    .my-application ul li a,
    .other-pages a {
        font-size: 12px;
        line-height: 15px;
    }

    .modal-user .fs-20 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .modal-user .fs-14,
    .modal-user table {
        font-size: 13px;
        line-height: 18px;
    }

    .modal-user-autoload {
        max-width: 700px;
        width: max-content;
    }

    .modal-user-autoload .fs-26 {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .modal-items .items-img2 img {
        max-width: 135px;
    }

    .modal-items p {
        padding-bottom: 12px;
        padding-top: 12px;
        font-weight: 500;
        font-size: 16px;
        line-height: 27px;
    }

    .close-modal {
        width: 30px;
    }

    .form-flex {
        display: grid;
        margin-bottom: 0px;
    }

    .form-flex form,
    .login-with-g {
        max-width: 100%;
    }

    .modal-footer {
        position: static;
    }

    .cs-modal {
        overflow: scroll;
    }

    .form-flex form,
    .login-with-g {
        text-align: left;
    }

    .form-or-content {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .form-or-content p {
        text-align: left;
    }

    .forgot-password {
        margin-bottom: 20px;
    }

    .form-flex input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    .form-login .fs-35 {
        margin-bottom: 20px;
    }

    .form-or-content p {
        text-align: left;
        font-weight: 600;
        color: hsl(0, 0%, 0%);
    }

    .form-login a {
        font-size: 12px;
        line-height: 15px;
    }

    .modal-footer {
        margin-top: 60px;
    }

    .form-login .fs-35 {
        font-size: 20px;
        line-height: 30px;
    }
    .mega-menu-inner .grid-template ul {
        display: grid;
        grid-template-columns: 1fr;
    }
    .mega-menu-inner a.menu-items {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
    }
}

@media (max-width: 767px) {
    .d-tab-list {
        grid-template-columns: 1fr 1fr;
    }

    .document-tabs hr {
        margin: 30px 0;
    }

    .dc-flx {
        flex-direction: column;
        gap: 10px;
    }

    .select-dropdown,
    .select-dropdown.years {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .dc-options {
        margin: 0;
    }

    .table-cover {
        margin: 30px 0;
    }

    table.table tr td,
    table.table tr td a,
    .row-per,
    .row-selection select,
    .tb-data span {
        font-size: 14px;
    }

    .tf-wrap {
        width: 100%;
    }

    .univers-input input[type="checkbox"] {
        height: 18px;
        width: 18px;
    }

    .display-grid {
        display: grid;
        row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .left-sidebar {
        max-width: 100%;
    }

    .pagination-flex {
        max-width: 60%;
    }

    .modal-user-autoload {
        max-width: 540px;
        width: max-content;
    }

    .modal-flex {
        display: grid;
        align-items: center;
        gap: 40px;
    }

    .modal-flex .modal-items:first-child {
        order: 1;
    }

    .modal-items {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .d-tab-list {
        grid-template-columns: 1fr;
    }

    .row-selection select,
    .tb-data {
        margin-right: 10px;
    }

    .tb-buttons {
        gap: 10px;
        margin-right: 0;
    }

    .d-flex-justify {
        display: grid;
        gap: 15px;
    }

    .flex_items_center {
        display: grid;
        gap: 30px;
    }

    .flex_items_center {
        display: block;
    }

    .flex_items_center div {
        margin-bottom: 20px;
    }

    .form_input label {
        font-size: 15px;
        line-height: 20px;
    }

    .left-sidebar {
        max-width: 100%;
        max-height: 100%;
    }

    .pagination-flex {
        max-width: 60%;
    }

    .modal-user-autoload {
        max-width: 380px;
        width: max-content;
    }
}

@media (max-width: 428px) {

    table.table tr th,
    table.table tr td {
        white-space: nowrap;
    }

    .row-selection {
        flex-wrap: wrap;
    }

    .w-250 {
        margin-bottom: 8px;
    }

    footer .d-flex {
        margin-top: 10px;
    }

    .last-chat .old-chat p {
        font-size: 14px;
        line-height: 18px;
    }
}