* {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
ul,
li {
    margin: 0px;
    padding: 0px;
}





a {
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease-in;
}

li,
p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 10px;
}

li {
    list-style: none;
    padding: 0px;
}

img {
    height: auto;
    max-width: 100%
}


input,
select,
textarea {
    width: 100%
}

input[type=checkbox] {
    height: auto;
    width: auto
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 0
}


:root {
    --fs-40: 40px;
    --lh-44px: 44px;
    --fs-25: 25px;
    --lh-32: 32px;
    --fs--17: 17px;
    --fs--18: 18px;
    --fs--22: 22px;
    --lh-30: 30px;
    --color-white: #fff;
    --color-black: #000;
    --color-blue: #0C3579;
    --color-light-blue: #3160AD;
    --color-333: #333;
    --color-skyblue: #36B7F0;
    --color-golden: #E4C072;
    --color-green: #37B552;
    --color-red: #C2292E;
    --color-f2f2f2: #f2f2f2;
}

.top-header {
    background: var(--Blue, var(--color-blue));
    display: grid;
    align-items: center;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.header-items p a {
    color: var(--color-white);
}

.header-flex p,
.left-sidedata p {
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: var(--color-white);
    font-size: var(--fs--16);
    line-height: calc(var(--fs--16) + 6px);
}

.header-items {
    display: flex;
    gap: 26px;
    align-items: center;
}

.login-button {
    display: flex;
    column-gap: 20px;
}

.login-button a {
    color: var(--color-white);
    text-decoration: none;
    font-weight: 400;
    font-size: var(--fs--16);
    line-height: calc(var(--fs--16) + 6px);
}

.header-items .input-group-text {
    background-color: var(--color-skyblue);
    border-radius: 0;
    border: none;
}

.header-items input {
    border-radius: 0;
}

.header-items input:focus {
    box-shadow: none;
}

.custome-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.header-logo {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 13px;
}

.header-menu ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}

.header-menu ul li a.menu-nav {
    padding: 25px;
    color: var(--color-white);
    font-size: var(--fs--17);
    font-style: normal;
    font-weight: 500;
    line-height: calc(var(--fs--17) + 5px);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    display: block;
    transition: all 0.3s;
}

.header-menu ul li:hover a.menu-nav {
    border-bottom: 2px solid var(--color-green);
    background-color: var(--color-blue);
    transition: all 0.3s;
}

.header-menu {
    max-width: 1007px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.mega-menu {
    width: 100%;
    position: absolute;
    border-bottom: 2px solid var(--color-green);
    background: var(--color-light-blue);
    padding: 18px 21px;
    left: 0;
    top: 100%;
}

.mega-menu a {
    color: var(--color-white);
    font-size: var(--fs--19);
    font-weight: 500;
    line-height: calc(var(--fs--19) + 5px);
    text-decoration: none;
    transition: all 0.3s;
}

.mega-menu a:hover {
    text-decoration: underline;
}

i {
    font-style: italic;
}


header.ModalHeader {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.login-button.after-login a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 120% */
}

.account-list a:hover {
    background: #53C1F2;
    color: var(--color-blue);
}

.acrdean-data {
    background: #53C1F2;
    display: none;
}

.account-list a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 10px;
    /* 120% */
}

.account-list a:hover {
    background: #2db7f1;
}

.acrdean-data a {
    padding: 8px 18px;
}

header.custome-header.login-header div#no-login {
    display: none;
}

header.custome-header div#no-login {
    display: flex;
}

div#login-datass {
    display: none;
}

header.custome-header.login-header div#login-datass {
    display: flex;
}

header.custome-header.login-header div#login-datass {
    position: relative;
}

.account-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-holder {
    position: absolute;
    top: 38px;
    max-width: 249px;
    width: 234px;
    z-index: 1;
    background: #7ACDF3;
    color: var(--color-black);
    display: none;
}

.profile-holder a::before {
    display: none;
}



.one-seven {
    color: var(--color-black);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.grid-imagee {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.profile-imagee {
    height: 50px;
    max-width: 50px;
    width: 100%;
    overflow: hidden;
}

.profile-imagee img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.profile-details {
    max-width: fit-content;
    width: 100%;
}

.profile-holder a {
    color: var(--color-black);
}

.profile-details a {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}








.login-button a {
    position: relative;
}

.login-button a:first-child::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--color-white);
    position: absolute;
    left: auto;
    right: -10px;
}

.input-group input.search-input {
    width: 250px;
    height: 36px;
    border: none;
}

.input-group input.search-input::placeholder {
    color: #757575;
    font-size: var(--fs--16);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--fs--16) + 6px);
}

section.video-banner {
    overflow: hidden;
    width: 100%;
    height: 1054px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.svg-image {
    max-width: fit-content;
    margin: 0 auto;
    width: 100%;
}

.video-banner video {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    object-fit: cover;
}

.grid-template ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 15px;
    column-gap: 43px;
}

.grid-template {
    padding-top: 16px;
}

.grid-template .menu-items {
    display: inline-block;
    padding-bottom: 11px;
}

.grid-template .menu-items {
    font-size: var(--fs--18);
    line-height: calc(var(--fs--18) + 7px);
}

.mega-menu {
    display: none;
}



ul.mega-menu-ul {
    display: block;
    padding-bottom: 10px;
}

ul.mega-menu-ul li a {
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: calc(var(--fs--16) + 10px);
}

.items-flex {
    display: flex;
    column-gap: 95px;
    justify-content: space-between;
}

.agendas-section {
    display: grid;
    align-items: end;
    padding-bottom: 40px;
    padding-top: 40px;
    background-color: #f5f5f5;
}

.agendas-section .fs-22 {
    color: var(--Black, #000);
    text-align: center;
    font-family: Poppins;
    font-size: var(--fs--22);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--fs--22) + 2px);
}

.items-img {
    display: block;
    width: 86px;
    height: 86px;
    display: grid;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: transparent;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 18px;
    position: relative;
}

.items-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--color-blue);
    transform: scale(0);
    border-radius: 50%;
    transition: all 0.3s;
}

.agendas-items:hover .items-img::before {
    transform: scale(1);
}

.items-img img {
    transform: scale(1);
    transition: all 0.3s;
}

.agendas-items:hover .fs-22 {
    color: var(--color-blue);
}

.agendas-items:hover img {
    filter: contrast(0) brightness(5);
    transform: scale(0.8);
}

.bg-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 0px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
}

.agendas-items {
    text-decoration: none;
}

header.ModalHeader .header-grid {
    display: flex;
    gap: 20px;
}

header.ModalHeader .header-logo img {
    max-width: 258px;
    width: 100%;
}

.header-logo img {
    max-width: 480px;
    transition: all 0.5s;
}

header.ModalHeader .main-header {
    background-color: var(--color-white);
    /* padding: 10px; */
}

header.ModalHeader ul {
    margin-bottom: 0;
}

header.ModalHeader .header-menu {
    display: grid;
    align-items: center;
}

header.ModalHeader .header-logo {
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    align-items: center;
    /* padding: 10px 0px; */
}

header.ModalHeader .header-menu {
    margin-left: auto;
    margin-right: 0;
}

header.ModalHeader .header-menu ul li a.menu-nav {
    color: var(--color-blue);
}



.small-logo {
    display: none;
}

.ModalHeader .big-logo {
    display: none;
}

.ModalHeader .small-logo {
    display: block;
}

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

footer ul {
    list-style: none;
    padding-left: 0;
}

footer ul li a {
    text-decoration: none;
    color: var(--Black);
}

footer.custome-footer {
    padding-top: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sub-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 30px;
}

.sub-footer p {
    margin-bottom: 0;
    padding: 0px;
}

footer .d-flex {
    align-items: center;
    gap: 14px;
}

footer .d-flex p {
    font-weight: 600;
}

.sub-footer a {
    text-decoration: none;
    color: unset;
    transition: all 0.3s;
}

.sub-footer a:hover {
    font-weight: 600;
}

.heading-18 {
    font-size: var(--fs--18);
    font-style: normal;
    font-weight: 600;
    line-height: calc(var(--fs--18) + 8);
}

footer .heading-18 {
    color: var(--color-blue);
    margin-bottom: 15px;
}

.inner_footer {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    max-width: 1070px;
    width: 100%;
}

.inner_footer>div {
    max-width: 200px;
    width: 100%;
}

footer ul li a {
    color: var(--Black);
    font-size: var(--fs--16);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--fs--16) + 11px);
}

.social-icons {
    display: flex;
    gap: 10px;
    padding-top: 40px;
    justify-content: center;
}

.menu-buton {
    width: 20px;
    height: 20px;
    display: block;
}

button.menu-buton {
    width: auto;
    height: auto;
    border: none;
    background-color: transparent;
}

.menu-buton img {
    max-width: 55px;
    width: 55px;
}

.menu-buton {
    display: none;
}



.council-links {
    max-width: 290px;
    min-height: 237px;
    background: var(--color-light-blue);
    color: var(--color-white);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.max-row {
    max-width: 1490px;
    width: 100%;
    margin: 0 auto;
}

.council-links::after {
    position: absolute;
    border: 1px solid var(--color-white);
    content: "";
    inset: -10px;
    transition: 0.3s ease-in-out;
}

.council-links:hover::after {
    inset: 10px;
}


.two-two {
    font-size: var(--fs--22);
    font-style: normal;
    font-weight: 600;
    line-height: var(--lh-30);
}

.grid-council .two-two {
    color: var(--color-white);
}

.councilvideomain {
    display: block;
    display: flex;
    flex-direction: column;
    gap: 40px;
    color: var(--color-white);
}

.grid-council {
    display: grid;
    gap: 55px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

section.councilvideo-sec {
    padding: 130px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.mayor-container {
    text-align: center;
    max-width: 785px;
    margin: 0 auto;
    width: 100%;
}

.four-zero {
    font-size: var(--fs-40);
    font-style: normal;
    font-weight: 500;
    line-height: var(--lh-44px);
    padding-bottom: 25px;
}

.mayor-container .four-zero {
    color: var(--color-blue);
}

section.mayormessage-sec {
    padding: 80px 0px;
    position: relative;
}

.grid-image .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.grid-image .container img {
    max-width: 235px;
    width: 100%;
}

.grid-image {
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: -1;
}


.mayor-container video {
    max-width: fit-content;
    width: 100%;
    object-fit: cover;
}

section.mayormessage-sec p {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.video-holder {
    padding-top: 35px;
}

.town-link {
    display: block;
    height: 100%;
    max-width: 390px;
    width: 100%;
}

.town-holder {
    max-width: 380px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-white);
    background: #00000059;
    background-blend-mode: overlay;
    position: relative;
    padding: 10px;
}

.town-holder::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 0%;
    width: 100%;
    transition: 0.3s ease-in;
    background: rgb(0 0 0 / 54%);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(3.5px);
}

.town-holder:hover::after {
    height: 100%;
}

.town-holder .two-two {
    position: relative;
    z-index: 1;
}

.town-holder .two-two::before {
    position: absolute;
    content: "";
    background: var(--color-golden);
    height: 3px;
    width: 0px;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, -50%);
    transition: 0.3s ease-in;
}

.town-holder:hover ::before {
    width: 50px;
}

.grid-towncouncil {
    max-width: 380px;
    width: 100%;
}

.grid-towncouncil {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.grid-towncouncildata {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: fit-content;
    margin: 0 auto;
    width: 100%;
}

section.towncouncil-sec {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0px;
}

.flash-container {
    background-repeat: no-repeat;
    background-position: right bottom;
}

.flashinside-grid {
    max-width: 419px;
    width: 100%;
    padding: 25px 35px;
    background: var(--color-white);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

section.newflash-sec {
    padding: 80px 0px;
    background: var(--color-blue);
    color: var(--color-white);
}

.flash-container {
    color: var(--color-black);
}

.flash-container .two-two {
    padding: 10px 0px;
    color: var(--color-blue);
}

a.read-more {
    color: var(--color-light-blue);
    text-decoration: underline;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.198px;
}

.flash-container p {
    color: #50555C;
}

.grid-flash {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    justify-content: center;
}

.newflash-holder {
    max-width: fit-content;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}

.universal-anchor a {
    color: var(--color-white);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.187px;
    padding: 11px 61px;
    border: 1px solid var(--color-white);
}

section.newflash-sec .universal-anchor {
    max-width: fit-content;
    margin: 0 auto;
    padding-top: 85px;
}

.universal-anchor.white a:hover {
    background: var(--color-white);
    color: var(--color-blue);
}

.about-image {
    max-width: 624px;
    width: 100%;
}

.universal-anchor.blue a {
    background: var(--color-blue);
    color: var(--color-white);
    border-color: var(--color-blue);
}

.about-data .universal-anchor {
    padding-top: 30px;
}

.about-data .two-two {
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px;
}

.about-data .four-zero {
    color: var(--color-blue);
    padding: 15px 0px;
}

section.about-sec {
    padding: 100px 0px;
}

.universal-anchor.blue a:hover {
    background: var(--color-light-blue);
    border-color: var(--color-light-blue);
}

.about-row {
    max-width: 1415px;
    width: 100%;
    margin: 0 auto;
}

.cumunity-data .four-zero {
    font-weight: 500;
    color: var(--color-blue);
    padding-bottom: 0px;
}

.calender-container .day.today span::after {
    display: none;
}

/* CALENDER CSS  */


.calender-container {
    max-width: 515px;
    width: 100%;
    border: 3px solid var(--color-333);
    margin: 0 auto;
    margin-top: -76px;
}

.calender-container button.next-button {
    order: -2;
}

.calender-container button.prev-button,
.calender-container button.next-button {
    font-size: 0px;
    position: relative;
}

.calender-container button.next-button::after,
.calender-container button.prev-button::after {
    position: absolute;
    height: 25px;
    width: 25px;
    content: "";
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: 25px;
}

.calender-container .buttons-container {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 45px;
    padding: 16px 20px;
    background: var(--color-blue);
    color: var(--color-white);
    margin: 0px;
}

.calender-container span.label-container.month-container {
    text-align: initial;
    display: flex;
    align-items: center;
    gap: 10px;
}




.calender-container span.month-label,
.calender-container span.year-label {
    text-align: start;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40.691px;
    letter-spacing: -0.349px;
}



.calender-container .prev-button,
.calender-container .next-button {
    color: var(--color-white);
}

.row.top-row {
    background: #7ACDF3;
    padding: 0px 30px;
}



.datae-appointment {
    background: var(--color-f2f2f2);
    padding: 25px 20px;
    max-width: 335px;
    width: 100%;
    transition: 0.3s ease-in;
}

.datae-appointment:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.day-name {
    color: var(--Black);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 1px solid #000;
    padding-bottom: 9px;
}

.vetrens-day {
    color: var(--Black);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    padding-top: 9px;
}

.grid-oppoinment {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}

.calnder-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 12px 0px;
}



.calnder-link a {
    color: var(--color-blue);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.22px;
    text-transform: uppercase;
    padding: 10px 57px;
    display: block;
    background: var(--color-white);
    border: 1px solid var(--color-blue);
}

.calnder-link a:hover {
    background: var(--color-green);
    color: var(--color-white);
    border-color: var(--color-green);
}

.view-all a {
    color: var(--color-white);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.187px;
    padding: 10px 32px;
    background: var(--color-blue);
}

.view-all a:hover {
    background: var(--color-light-blue);
}

.cumunity-data {
    max-width: fit-content;
    width: 100%;
    padding-bottom: 50px;
    padding-left: 100px;
}

.calender-container .day span {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 40.691px;
    letter-spacing: -0.349px;
}

.calender-container .day {
    border-right: 3px solid #D9D9D9;
    border-top: 3px solid #D9D9D9;
    padding: 20px 0px;
}

.calender-container .week {
    margin: 0px;
}

.calender-container .special-buttons {
    display: none;
}


section.calender-sec {
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 80px 0px;
    background-size: 291px
}

.calender-container .week .day.header {
    border-top: none;
}




/* CALENDER CSS END */


.title-here .two-five {
    color: var(--color-blue);
}

.grid-pdf a {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    width: 100%;


}

.grid-pdf a span {
    color: var(--color-333);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


.grid-pdf a span {
    transition: 0.3s ease-in;
    display: block;
}

.grid-pdf a:hover span {
    text-decoration: underline;
}

.grid-pdf {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.council-title .two-five {
    font-weight: 400;
    color: var(--color-white) !important;
}

.left-sidedata .council-title {
    background: var(--color-light-blue);
    padding: 20px 40px;
    color: var(--color-white);
}

ul.grid-datalists {
    display: grid;
    gap: 50px;
    row-gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: var(--color-f2f2f2);
    padding: 20px 40px;
}

.gridfaq-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.gridfaq-data .universal-anchor a {
    padding: 10px 32px;
}

.two-five.red {
    font-weight: 500;
    color: var(--color-red) !important;
}

.vertical {
    border-left: 5px solid black;
    height: 200px;
}

.conact-side .two-five {
    padding-bottom: 20px;
}

.lines-data {
    position: relative;
    height: 100%;
}

.lines-data::after {
    position: absolute;
    height: 100%;
    content: "";
    width: 1px;
    top: 0;
    background: #909090;
    right: -40px;
}

ul.list-link li a {
    color: var(--color-333);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

ul.list-link li a:hover {
    color: var(--color-blue);
    text-decoration: underline;
}

ul.list-link {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 20px;
    border-top: 1px solid var(--color-light-blue);
}

ul.list-link li {
    list-style: disc;
}

section.goverment-sec .row {
    max-width: 1510px;
    margin: 0 auto;
    width: 100%;
}

.title-here.borders {
    border-bottom: 1px solid var(--color-light-blue);
}

.grid-goverment-right .grid-pdf {
    padding-top: 10px;
}

.back-top a {
    color: var(--color-black);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.back-top {
    max-width: fit-content;
    margin-left: auto;
    padding-bottom: 45px;
}



.inner_footer a,
footer p {
    color: var(--color-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0px;
}

.inner_footer a,
footer p {
    color: var(--color-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0px;
}

.inner_footer a {
    margin-bottom: 0px !important;
}

.quick-linkholder ul li {
    margin-bottom: 5px;
}

.mobile-app {
    display: flex;
    align-items: center;
    gap: 10px;
}

.doenload-title {
    max-width: fit-content;
    width: 100%;
}

.image-book {
    max-width: fit-content;
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.footer-logo {
    max-width: 237px;
    width: 100%;
    margin: 0 auto;
}

.quick-linkholder {
    max-width: fit-content;
    width: 100%;
}

.calender-container button.prev-button {
    order: -2;
}

.left-sidedata p {
    padding-bottom: 10px;
}

section.goverment-sec .row.quick-row {
    max-width: 1250px;
    width: 100%;
}

.row.quick-row .conact-side {
    max-width: fit-content;
    margin: 0 auto;
}

.left-sidedata .grid-tablinks .title-here p a {
    text-decoration: none !important;
}

.tab-grid {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    width: 100%;
    gap: 60px;
    margin: 0 auto;
}

.tab-grid .left-sidedata {
    max-width: 1025px;
    width: 100%;
}

.tablistss {
    max-width: fit-content;
    width: 100%;
}

.tablistss ul li a {
    color: var(--color-333);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 0px;
}

.tablistss ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 25px;
}

.tab-grid .grid-goverment-right {
    gap: 40px;
}

.grid-tablinks {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.data-insideholder {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.tab-grid .lines-data::after {
    right: -60px;
}

.tablistss ul li {
    padding: 0px;
}

.univers-input input,
.univers-input select {
    height: 50px;
    background: var(--color-f2f2f2);
    border: none;
    padding: 0px 20px;
}

.grid-serach {
    display: flex;
    align-items: center;
    gap: 20px;
}

.univers-input,
.button-data {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
}

.univers-input input,
.univers-input select,
.univers-input input::-webkit-input-placeholder {
    color: var(--color-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.button-data button {
    border: none;
    background-color: transparent;
}

.button-data {
    max-width: 70px;
    background: var(--color-blue);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    max-width: 60px;
    width: 100%;
    justify-content: center;
}

.bg-holder {
    margin-top: 10px;
    background: var(--color-f2f2f2);
    padding: 5px 20px;
}

.bg-holder p {
    padding: 0px;
}

section.goverment-sec.grid-secs .title-here {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
}

section.goverment-sec.grid-secs .grid-tablinks {
    padding-top: 60px;
}

.form-dataholder {
    padding-top: 30px;
}

section.goverment-sec.grid-secs .title-here.borders {
    display: block;
}

.left-sidedata .bg-holder p a {
    text-decoration: none;
}

.left-sidedata .bg-holder p a:hover {
    text-decoration: underline;
    color: var(--color-blue);
}

.title-here .two-two {
    color: var(--color-blue);
    padding-bottom: 15px;
}

.grid-twomain {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.grid-goverment-right.gaping-data {
    gap: 30px;
}

.grid-goverment-right.gaping-data .conact-side .two-five {
    padding-bottom: 0px;
}

.grid-goverment-right.gaping-data .two-zero {
    font-weight: 500;
}

.title-here p strong {
    /* font-size: initial; */
    font-weight: 500;
}

section.goverment-sec.no-lineanchor .left-sidedata p a {
    text-decoration: none;
}


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

.univers-input.grid-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0px;
}

.univers-input label {
    color: var(--color-black);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 5px;
}


ul.week-listdata {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--color-f2f2f2);
    padding: 5px 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 0px;
}

ul.week-listdata li.active,
ul.week-listdata li.active a {
    background: var(--color-blue);
    color: var(--color-white);
}

ul.week-listdata li,
ul.week-listdata li a {
    text-align: center;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 80px;
    padding: 5px;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

.calender-container.mini-calender {
    margin-top: 0px;
}

.calender-container.mini-calender .day {
    padding: 5px;
    font-size: 18px;
}

.calender-container.mini-calender .day span {
    font-size: 18px;
}

.calender-container.mini-calender span.month-label,
.calender-container.mini-calender span.year-label {
    font-size: 18px;
}

.calender-container.mini-calender .buttons-container {
    padding: 10px;
}

.calender-container.mini-calender button.prev-button::after,
.calender-container.mini-calender button.next-button::after {
    background-size: 20px;
}

.calnder-events .two-zero.borders {
    color: var(--color-blue);
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-blue);
}

.grid-calnderevents a {
    color: #3160AD;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.187px;
    text-decoration-line: underline;
}

.event-datas .two-five {
    font-weight: 500;
    color: var(--color-red) !important;
}

.event-datas .two-five,
.event-datas .two-zero {
    padding-bottom: 10px;
}

.event-datas .two-zero {
    font-weight: 600;
}

.event-datas {
    padding-bottom: 20px;
    border-bottom: 1px solid #3160AD;
}

.grid-calnderevents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 25px;
}

.grid-calnderevents .event-datas:last-child {
    border-bottom: none;
}

.calnder-events {
    max-width: 95%;
    margin-left: auto;
    width: 100%;
}

.listweek {
    padding-top: 40px;
}

.form-calender {
    padding-top: 50px;
}

.calnder-datas .two-five {
    padding-bottom: 30px;
}

.univers-input.grid-checkbox label {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.bottom-datasss .two-zero {
    color: var(--color-light-blue);
    padding-bottom: 10px;
}

.bottom-datasss .two-five {
    font-weight: 400;
    padding-bottom: 10px;
}

.grid-moredetails {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 30px;
}

.form-dataa input {
    border: none;
    border-bottom: 1px solid #000;
}

.form-dataa input,
.form-dataa input::-webkit-input-placeholder {
    color: var(--color-333);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 141.176% */
}

.form-dataa button {
    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: 100%;
    padding: 10px 10px;
    background: var(--color-white);
    margin-top: 40px;
    transition: 0.3s ease-in;
}

.form-dataa button:hover {
    background: var(--color-light-blue);
    color: var(--color-white);
    border-color: var(--color-light-blue);
}

.form-dataa {
    max-width: 425px;
    width: 100%;
    padding-top: 35px;
}

.read-data .two-zero {
    color: var(--color-blue);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-blue);
    margin-bottom: 30px;
}

.read-data .two-five.red {
    padding-bottom: 10px;
}

.date.side {
    max-width: 95%;
    width: 100%;
    margin-left: auto;
}

.two-zero.bordernesa {
    border-bottom: 1px solid var(--color-blue);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.date.side .date p strong {
    font-weight: 600;
}

.reda-more {
    color: var(--color-light-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
    display: inline-block;
    margin-bottom: 30px;
}

.account-holder {
    max-width: 915px;
    width: 100%;
    margin: 0 auto;
}

.upload-images p {
    color: #757575;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.grid-profile {
    display: flex;
    align-items: end;
    gap: 20px;
}

.upload-images {
    max-width: 185px;
    width: 100%;
}

.profile-images {
    max-width: 170px;
    height: 198px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.profile-images img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.form-input input {
    height: 35px;
    border: 1px solid #757575;
    padding: 0px 10px;
}

.form-input textarea {
    border: 1px solid #757575;
    padding: 10px;
}

.form-input input,
.form-input textarea,
.form-input input::-webkit-input-placeholder,
.form-input textarea,
.form-input textarea::-webkit-input-placeholder {
    color: #333;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 173.333% */
}




.form-input.checkbox label,
.form-input p {
    color: #757575;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.form-input.checkbox input {
    height: 20px;
    width: 20px;
}

.grid-ceks {
    display: flex;
    align-items: center;
    gap: 10px;
}

input#readUrl {
    color: var(--color-blue);
    font-size: 12.36px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.045px;
}

.form-input {
    margin-bottom: 25px;
}

.shiping-data .two-five {
    color: var(--color-blue);
    padding-bottom: 30px;
}

.holder-shiping {
    border: 1px solid #000;
    padding: 15px;
    margin-top: 20px;
}

.submitbutton button {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    background: var(--color-blue);
    color: var(--color-white);
    border: none;
    padding: 7px 24px;
    transition: 0.3s ease-in;
}

.submitbutton button:hover {
    background: var(--color-light-blue);
}

.cancel-btn {
    color: #0C3579;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration: underline;
}

.submitbutton {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 25px;
}

.profile-data {
    padding-top: 50px;
}

.grid-ceks label {
    color: #757575;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

section.accountsetting-sec {
    padding: 60px 0px;
}

.form-input label {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
}

.grid-ceks label {
    padding-bottom: 0px !important;
}

section.goverment-sec .table-holder .table-data th,
section.goverment-sec .table-holder .table-data td {
    padding: 10px 0px;
    margin: 0px;
    background: transparent;
    color: #000;
    height: auto;
    border-top: 1px solid #000;
}

section.goverment-sec .table-holder .table-data .table-20 {
    color: var(--color-light-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
}

section.goverment-sec .table-holder .table-data td,
section.goverment-sec .table-holder .noraml-link,
section.goverment-sec .table-holder .button-link,
.anchor-data a {
    color: var(--color-333);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 152.941% */
}

section.goverment-sec .table-holder .noraml-link {
    color: var(--color-light-blue);
    text-decoration: underline;
}

section.goverment-sec .table-holder .button-link {
    background: var(--color-blue);
    padding: 9px 16px;
    color: var(--color-white);
}

.title-here.grid-datass {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.anchor-data a {
    border: 1px solid var(--color-blue);
    background: var(--color-white);
    padding: 8px 24px;
}

.anchor-data a:hover {
    background: var(--color-light-blue);
    color: var(--color-white);
}

section.goverment-sec .table-holder .no-border {
    border-top: none !important;
}

.data-insideholder .two-zero.red {
    color: var(--color-red);
    font-weight: 500;
}

/* .icon-data img {
    height: 15px;
    width: 15px;
} */

.left-sidedata .link-underline-dark,
.left-sidedata .grid-tablinks .title-here p .link-underline-dark {
    text-decoration: underline !important;
}

.image-grid {
    max-width: 400px;
    height: 320px;
    overflow: hidden;
    width: 100%;
    border: 4px solid var(--color-blue);
    cursor: pointer;
    margin: 0 auto;
}

.image-grid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.gallerymain-image {
    max-width: fit-content;
    width: 100%;
}


.custome-modal .modal-body {
    padding: 5px;
    background: var(--color-blue);
}

.custome-modal .modal-content {
    background: transparent;
    border: none;
}

.custome-modal .modal-header {
    background: #fff;
    max-width: fit-content;
    margin-left: auto;
    border-radius: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-red);
    padding: 10px;
    border: 1px solid var(--color-red);
    position: relative;
    top: 20px;
    z-index: 1;
    right: -16px;
}

.custome-modal .modal-header .btn-close {
    padding: 0px;
    text-align: center;
    filter: invert(1);
    opacity: 1;
    margin: 0 auto;
}

.single-blogholder {
    max-width: 1200px;
    margin: 0 auto;
}

.single-blogholder .four-zero:first-child{
    padding-top: 0px;
}

.single-blogholder .four-zero {
    color: var(--color-blue);
}
.single-blogholder .four-zero {
    padding-top: 20px;
}