/* Layout CSS */

div#main-div {
    max-width: 100%;
    padding: 0;
}


/*  Common Style Start */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul,
ol {
    padding: 0 !important;
}

html,
body {
    scroll-behavior: smooth;
    background: #fff !important;
}
body {
    overflow-x: hidden;
}
/* =======================
   Lato
======================= */
@font-face {
    font-family: "Font Awesome 6 pro";
    src: url("pro-fa-solid-900.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Regular 400 */
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap !important;
    src: url("/GovBuilt.Resource/css/webfonts/fa-regular-400.woff2") format("woff2");
}

/* Light 300 */
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: swap !important;
    src: url("/GovBuilt.Resource/css/webfonts/fa-light-300.woff2") format("woff2");
}

/* Solid 900 */
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: swap !important;
    src: url("/GovBuilt.Resource/css/webfonts/fa-solid-900.woff2") format("woff2");
}

/* Brands 400 */
@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap !important;
    src: url("/GovBuilt.Resource/css/webfonts/fa-brands-400.woff2") format("woff2");
}

:root {
    --primary-color: #732d27; /* Blue */
    --description-color: #6b6b6b; /* Green */
    --text-color: #222222; /* Dark Gray */
    --footer-link-color: #929292;
}


body {
    font-size: 16px !important;
    font-family: "Lato", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--text-color);
    transition: 0.3s ease-in-out;
    background-color: #f4f4f4;
}

.modal-open, .menu-open {
    overflow: hidden;
}

.medium {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.f-14 {
    font-size: 14px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-26 {
    font-size: 26px;
}

.primary-color {
    color: var(--primary-color);
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.description-color {
    color: var(--description-color);
}

.text-color {
    color: var(--text-color);
}

.section-heading {
    text-transform: capitalize;
    font-size: clamp(28px, 5vw, 36px) !important;
    font-family: "Lato";
    font-weight: 700;
}

.section-heading-divider {
    width: 48px;
    height: 3px;
    background: var(--text-color);
    margin: 10px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
}

.gap-20 {
    gap: 20px;
}

.custom-btn {
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    width: fit-content;
}

.btn-border {
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    margin: 1px 0 0;
    display: block;
}

.website-btn {
    width: fit-content;
    display: block;
}

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

img {
    object-fit: cover;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.container-size {
    max-width: 1740px;
    padding: 0 70px;
}

.tabs-container-size {
    max-width: 1150px;
    padding: 0 70px;
    position: relative;
    z-index: 1;
}

.back-to-top {
    width: 49px;
    display: inline-block;
    height: 49px;
    background-color: var(--primary-color);
    text-align: center;
    line-height: 49px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 4;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

    .back-to-top:hover {
        background-color: #fff;
        color: var(--primary-color);
    }

.p120 {
    padding: 180px 0;
}

.section-divider {
    width: 1px;
    height: 90px;
    background-color: rgb(0 0 0 / 15%);
    margin: 20px 0;
}

    .section-divider.bg-white {
        background-color: rgb(255 255 255 / 30%) !important;
    }
/*  Common Style End */
/*  Navbar Start */
nav.navbar {
    border-bottom: 1px solid #ddd !important;
}
.navbar-actions {
    gap: 15px;
}

.header-searchbox input {
    color: var(--text-color);
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    padding: 14px 45px;
    background: #fff;
    box-shadow: 0 0 0;
    outline: 0;
    border: 0;
    background-color: #fff;
    height: 54px !important;
    line-height: 54px;
}

.header-searchbox input::placeholder {
    color: var(--text-color) !important;
}

.header-searchbox input:focus {
    color: var(--text-color);
    background-color: #ffffff;
    border: 0;
    outline: 0;
    box-shadow: 0 0 0 !important;
}

.header-searchbox input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-searchbox input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.header-searchbox input[type="search"]::-webkit-search-clear-button {
    display: none;
}

.header-searchbox input[type="search"]::-ms-clear {
    display: none;
}
.header-searchbox.searchbar-form {
    position: relative;
    width: 100%;
    font-size: 16px;
}
.remove-input-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto !important;
    color: #000;
    background: transparent;
    border: 0;
    font-size: 20px;
}
.search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    color: #000;
    margin: auto !important;
    height: fit-content;
    width: 16px;
}
#searchModal .modal-dialog {
    max-width: 600px;
    margin-top: 110px;
}
.dropdown-submenu > a {
    font-weight: 600;
    color: var(--primary-color) !important;
}
.login-dropdown .dropdown-menu {
    right: 0 !important;
    left: auto;
}
.dropdown-toggle-none::after {
    display: none;
}
.navbar .dropdown .dropdown-menu {
    background-color: #fff;
    border: 0;
    padding: 0px 25px !important;
    border-radius: 0;
    box-shadow: 0 10px 20px #0000002b;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
    max-width: 100%;
    min-width: 100%;
}
.navbar .dropdown .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    z-index: 1000;
}
li.nav-item.dropdown {
    position: unset;
}

.navbar .container-size {
    position: relative;
}
.nav-item.dropdown .dropdown-menu > li {
    min-width: 235px;
}

.dropdown-submenu .dropdown-toggle::after,
.navbar .dropdown .dropdown-item::after {
    display: none;
}


.navbar .dropdown .dropdown-menu {
    padding: 9px 20px 20px !important;
    box-shadow: 0 18px 20px #00000012;
}

    .navbar .dropdown .dropdown-menu.show {
        display: flex;
    }
.navbar .dropdown .dropdown-item {
    position: relative;
    padding: 11px 0px 0 !important;
    color: #000;
    transition: color 0.15s ease-in-out;
    border-bottom: 0px solid rgb(0 0 0 / 20%);
}

.navbar .dropdown .dropdown-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0%;
    background-color: var(--primary-color);
    transition: width 0.3s ease-in-out;
}

.navbar .dropdown .dropdown-item:hover {
    background: transparent;
    color: var(--primary-color) !important;
}

.navbar .dropdown .dropdown-item:hover::after {
    width: 100%; /* Animate from left to right */
}

.navbar .dropdown ul li:last-child .dropdown-item,
.navbar .dropdown ul li:last-child .dropdown-item:hover,
.navbar .dropdown ul li:last-child .dropdown-item:hover::after,
.navbar .dropdown ul li:last-child .dropdown-item::after {
    border: 0;
}

    .navbar .dropdown ul li:last-child .dropdown-item::after {
        height: 0;
    }

.website-logo {
    width: 87px;
    max-width: 87px;
    height: 86px;
}

.navbar-nav li .nav-link {
    padding: 30px 27px !important;
}

.navbar-nav li.nav-item.dropdown .fa-chevron-down {
    font-size: 12px;
}

.navbar-nav li:hover .nav-link,
.navbar-nav li.active .nav-link {
    color: var(--primary-color) !important;
}

.navbar-nav:hover li:hover a.nav-link {
    color: var(--primary-color) !important;
}

.navbar-nav:hover li a.nav-link {
    color: #959595 !important;
}

nav.navbar {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #fff;
    padding: 6px 0;
}

    nav.navbar .nav-link,
    nav.navbar .search-btn {
        color: var(--text-color) !important;
    }

.nav-link.dropdown-toggle .fa-chevron-down {
    transition: all 0.3s ease-in-out;
}

.nav-link.dropdown-toggle.show .fa-chevron-down {
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}

.navbar .login-btn.dropdown .dropdown-menu {
    right: 0;
    left: auto;
    display: block !important;
    min-width: 180px !important;
    padding: 9px 20px !important;
}
/* Navbar End */
/* Banner Css Start */
.banner-content {
    max-width: 100%;
}

.banner {
    height: calc(100vh - 240px);
    min-height: 500px;
    position: relative;
    transition: transform 0.3s ease-out;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
}

    .banner .carousel-fade .carousel-item::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 80%;
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        left: 0;
        bottom: 0;
        z-index: 2;
    }

    .banner .carousel-fade .carousel-item .container-size,
    .baner .carousel-indicators {
        position: relative;
        z-index: 2;
    }

.banner-content .website-btn {
    margin-top: 25px;
}

.banner-content h1 {
    font-size: clamp(36px, 5vw, 66px) !important;
    font-weight: 900;
}

.banner-content .website-btn a {
    background-color: #fff;
    color: var(--secondary-color);
    box-shadow: 0 0 0;
}

    .banner-content .website-btn a .btn-arrow {
        background-color: var(--primary-color);
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

    .banner-content .website-btn a:hover {
        background-color: var(--secondary-color);
        color: #fff;
    }

        .banner-content .website-btn a:hover .btn-arrow {
            background-color: #fff;
            color: var(--primary-color);
        }

.banner-carousel-img {
    position: absolute !important;
    object-position: center 35%;
    width: 100%;
    height: 100%;
}

section .carouselbanner-indicator {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50px !important;
    border: 0 !important;
    opacity: 1 !important;
}

    section .carouselbanner-indicator.active {
        width: 17px !important;
        height: 17px !important;
        border-radius: 50px !important;
        outline: 1px solid #fff !important;
        background-color: transparent;
        position: relative;
    }

        section .carouselbanner-indicator.active::before {
            position: absolute;
            content: "";
            background-color: #fff;
            width: 9px;
            height: 9px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: 50px !important;
        }

.carousel-indicators.container-size {
    bottom: 80px;
}
/* Banner Css End */
/* Service Css Start */
.service-section {
    margin: 0 0 0;
    padding: 0;
    position: relative;
}

.service-row {
    margin: -45px 0 0 0;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0;
}

.service-box {
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background: var(--text-color);
    height: 175px !important;
    overflow: hidden;
    text-decoration: none;
    display: inline-block !important;
    border: 6px solid #fff;
    padding: 0;
}

    .service-box .service-heading .service-content {
        position: relative;
        display: inline-block;
        transition: transform 0.3s ease;
    }

    /* Animate P tag on hover */
    .service-box:hover .service-heading .service-content {
        transform: translateY(-5px);
    }

    /* Underline effect */
    .service-box .service-heading .service-content::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 0;
        height: 2px;
        background-color: #fff; /* Change line color if needed */
        transition: width 0.3s ease;
    }

    /* Expand line on hover */
    .service-box:hover .service-heading .service-content::after {
        width: 100%;
    }

.service-row .slick-track {
    gap: 0;
    display: block;
    margin: 0;
}

.service-row .slick-prev:before,
.service-row .slick-next:before {
    font-size: 22px;
    opacity: 1;
    color: var(--primary-color);
}

.service-box p {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0px;
    padding: 20px;
    margin: 0;
    font-size: 18px !important;
}

.service-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.service-img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    width: 100%;
    margin: auto;
    border-radius: initial;
}

/* Service Css End */

/* News Css Start */

.news-slider .news-slides a {
    transition: background 0.3s ease;
    position: relative;
}

.news-slider .news-slides:hover a {
    background: #eeeeee;
}

.section-sub-heading {
    max-width: 351px;
}

.news-slider .news-slides {
    margin-left: 20px;
}

.custom-btn .fa-arrow-right-long {
    transform: rotate(-25deg);
    margin: 3px 0 0;
    transition: transform 0.2s ease-in-out;
}

.website-btn:hover .custom-btn .fa-arrow-right-long {
    transform: rotate(0deg);
}

.news-slides-wrapper {
    background: #f8f8f8;
    padding: 20px 25px 80px;
    display: block;
    min-height: 290px;
    height: 100%;
}

button.news-slides-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid var(--text-color);
    background: transparent;
    border-radius: 50px;
    color: var(--text-color);
    transform: rotate(-25deg);
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
    position: absolute;
    bottom: 20px;
}

.news-slides:hover button.news-slides-arrow {
    background: var(--primary-color);
    color: #fff;
    transform: rotate(0deg);
}

.news-slider .slick-prev:before,
.news-slider .slick-next:before,
.staff-section .slick-prev:before,
.staff-section .slick-next:before,
.services-section .slick-prev:before,
.services-section .slick-next:before {
    display: none;
}

.news-slider .slick-prev,
.news-slider .slick-next,
.staff-section .slick-prev,
.staff-section .slick-next,
.services-section .slick-prev,
.services-section .slick-next {
    font-size: 16px;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50px;
    margin: 0;
    line-height: 50px;
    text-align: center;
    top: auto;
    bottom: 0;
    transform: translate(0, 0%);
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
    color: var(--primary-color);
    background: rgb(218 218 218);
    z-index: 1;
}
.services-section .slick-prev,
.services-section .slick-next {
    bottom: calc(50% - 25px);
}
/* Base backgrounds */
.news-slider .slick-prev {
    left: 12px;
}

.news-slider .slick-next {
    right: auto;
    left: 72px;
}

    /* Hover/focus styles */
    .news-slider .slick-prev:hover,
    .news-slider .slick-next:hover,
    .news-slider .slick-prev:focus,
    .news-slider .slick-next:focus,
    .staff-section .slick-prev:hover,
    .staff-section .slick-next:hover,
    .staff-section .slick-prev:focus,
    .staff-section .slick-next:focus,
    .services-section .slick-prev:hover,
    .services-section .slick-next:hover,
    .services-section .slick-prev:focus,
    .services-section .slick-next:focus {
        background: var(--primary-color);
        color: #fff;
    }
.news-slides-heading.f-20 {
    font-size: 20px !important;
}
.news-section .section-sub-heading {
    margin: 0 0 60px;
}
.news-section .section-sub-heading:hover{
    color: var(--description-color) !important;
}
.news-section {
    padding: 1px 0;
}
.news-section .slick-track {
    margin-left: 0;
    margin-right: 0;
}
.news-slider,
.news-slider .slick-list,
.news-slider .slick-track {
    position: unset !important;
}

.news-section .row {
    position: relative;
}

.news-column .website-btn {
    position: absolute;
    bottom: 13px;
    right: 40px;
}
/* News Css End */
/* Footer Css Start */
.footer-iframe-data {
    z-index: 1;
}
.footer-iframe-wrapper {
    max-width: max-content;
}

footer .container-size {
    position: relative;
    z-index: 1;
}

.footer-section {
    background-color: var(--text-color);
}

.footer-bg-logo {
    height: 100%;
    right: 0;
    width: min-content;
    left: auto;
    opacity: 0.06;
}

.footer-iframe {
    width: 100%;
    height: 390px;
}

.footer-content-column {
    padding: 40px 0 !important;
}

.footer-section a,
.link-divider,
.footer-links-color {
    color: var(--footer-link-color);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.footer-links-color {
    border-top: 1px solid rgb(90 96 105 / 30%);
    margin-top: 60px;
    padding: 30px 0 0px;
    gap: 10px;
}

.footer-section a:hover {
    color: #fff;
}

.footer-section p {
    margin: 0;
}

.footer-links {
    padding: 12px 0 0;
    max-width: 200px;
}

.footer-links-wrapper {
    border-left: 1px solid rgb(90 96 105 / 30%);
    padding: 0 0 0 20px;
    height: fit-content;
    flex-basis: 180px;
    flex-grow: 1;
    max-width: 180px;
    word-break: break-all;
}

.footer-links a {
    display: flex;
    gap: 12px;
}

    .footer-links a i,
    .footer-links a svg {
        margin: 3px 0 0 0;
        color: #fff;
    }

.footer-flex-wrapper {
    gap: 30px 10px;
}

/* Footer Css End */

/*  Calendar CSS Start */
.website-events-column {
    height: 100%;
}
.fr-view .calendar-section table th {
    background: transparent;
}
.calendar-section {
    background-color: #f4f4f4;
    padding: 1px 0 !important;
}

    .calendar-section #calendar-control {
        margin: 0 auto 10px;
        max-width: 91%;
    }

.calendar-section-month-arrows,
.website-calendar table a,
.website-calendar td a,
.website-calendar th a {
    color: var(--text-color) !important;
    text-decoration: none;
    padding: 0 !important;
}
.website-calendar td, .website-calendar th, .website-calendar table {
    padding: 0;
}
.calendar-section-month-arrows {
    gap: 35px;
}

    .calendar-section-month-arrows span {
        cursor: pointer;
    }

.website-calendar {
    padding: 30px 0 20px 10px;
}

    .website-calendar td,
    .website-calendar th,
    .website-calendar table {
        border: 0 !important;
    }

.calendar-section-month-arrows i,
.calendar-section-month-arrows svg {
    color: #979797;
}

.calendar-section .website-events ul {
    margin: 0px 0 0;
    align-items: center;
    flex-wrap: wrap;
}

.calendar-section .website-calendar td .fc-daygrid-day-events {
    display: none;
}

.calendar-section .website-calendar td .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    height: 64px;
    line-height: 64px;
}

.calendar-section .website-calendar .fc .fc-daygrid-day.fc-day-today a {
    color: #fff !important;
}

.calendar-section .website-calendar .fc .fc-daygrid-day.fc-day-today {
    background: var(--primary-color);
}

.calendar-section .website-calendar .fc-scrollgrid-sync-table tr td:hover {
    background-color: rgba(226, 226, 226, 0.7529);
}

.calendar-events-row a * {
    transition: color 0.3s ease;
}

.calendar-section .website-events {
    overflow: auto;
    padding: 39px 0;
    max-height: 523px;
    position: relative;
}

.website-events-column::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgb(255 255 255 / 30%) !important;
    left: 120px;
    top: 0px;
    bottom: 0;
}

.calendar-section .list-inline .list-inline-item {
    font-size: 14px;
    padding: 0;
    font-weight: 300;
    gap: 5px;
    display: inline-flex;
    margin: 0 10px 0px 0px;
}

    .calendar-section .list-inline .list-inline-item .fa-location-dot,
    .calendar-section .list-inline .list-inline-item .fa-clock {
        margin: 4px 0 0 0;
    }

.calendar-section .col-10 .text-uppercase {
    font-size: 20px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
    word-break: break-word;
    margin: 0;
    text-transform: capitalize !important;
    font-weight: 400 !important;
    font-family: "Lato";
}

.calendar-events-row > a + a {
    margin: 40px 0 0 !important;
    display: block;
}

.calendar-section .col-10 .text-uppercase strong {
    font-weight: 400 !important;
    font-family: "Lato";
}

.calendar-section .calendar-events-row a .col-2 h1 .badge.bg-secondary {
    font-size: 40px;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: bold;
}

.calendar-section .calendar-events-row a .col-2 h1 {
    margin: 0;
    height: auto;
    line-height: 1;
    font-size: 40px !important;
}

.calendar-section .calendar-events-row a .col-2 h2 {
    margin: 0 0 5px;
    line-height: 1;
    font-size: 26px;
    color: #fff !important;
    text-transform: uppercase;
}

.calendar-section .calendar-events-row a .col-2 {
    width: 120px;
    min-width: 120px;
    height: auto !important;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.calendar-section .calendar-events-row a .row.row-striped {
    margin: auto;
    align-items: flex-start;
}

.calendar-section .calendar-events-row a .col-10 {
    flex-basis: calc(100% - 120px);
    flex-grow: 1;
    flex-direction: column-reverse;
    display: flex;
    color: #fff;
    gap: 8px;
}

.calendar-section .website-events::-webkit-scrollbar {
    width: 7px;
    border-radius: 50px;
}

.calendar-section .website-events::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #fff;
}

.calendar-section .website-events::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color: var(--primary-color);
}

/*  Calendar CSS End */
/*  FAQ CSS Start */
.faq-section .accordion-item {
    border: 0 !important;
    background-color: #fff !important;
    overflow: hidden;
    box-shadow: 0 6px 20px #00000017;
}

    .faq-section .accordion-item + .accordion-item {
        margin: 15px 0 0;
    }

.gap-15 {
    gap: 15px;
}

.collapsed .faq-content {
    color: var(--text-color);
}

.faq-content {
    padding: 0 0 0 0px;
    color: var(--primary-color);
}

.faq-dots {
    font-size: 16px;
    display: inline-block; /* zaroori hai transform ke liye */
    transition: transform 0.3s ease; /* smooth rotation */
}

.faq-section .collapsed .faq-dots {
    transform: rotate(0deg);
}

.faq-section .accordion-button:not(.collapsed) .faq-dots {
    transform: rotate(90deg);
    color: var(--primary-color);
}

.faq-section .accordion-button,
.faq-section .accordion-button:not(.collapsed),
.faq-section .accordion-button:focus {
    background: transparent;
    box-shadow: 0 0 0;
    color: #2e3c3a !important;
    font-weight: 500;
}

    .faq-section .accordion-button::after {
        display: none;
    }

.faq-section .accordion-body {
    padding-top: 0 !important;
    padding: 22px;
    color: var(--text-color);
}

.faq-section .accordion-button {
    padding: 22px !important;
    text-transform: capitalize;
    gap: 10px;
}
/*  FAQ CSS End */
/*  Tabs CSS Start */
.tabs-body-content > div {
    flex-basis: 33.33%;
    flex-grow: 1;
}
.tabs-section {
    padding: 120px 0;
    background: var(--text-color);
    position: relative;
    overflow: hidden;
}

    .tabs-section::before {
        position: absolute;
        width: 131px;
        height: 500px;
        background: linear-gradient( to bottom, var(--primary-color) 0%, var(--text-color) 70% );
        transform: rotate(35deg);
        opacity: 0.8;
        content: "";
        top: -85px;
        bottom: auto;
        left: 10px;
        right: auto;
    }

    .tabs-section::after {
        position: absolute;
        width: 131px;
        height: 500px;
        background: linear-gradient( to bottom, var(--primary-color) 0%, var(--text-color) 70% );
        transform: rotate(-145deg);
        opacity: 0.8;
        content: "";
        top: auto;
        bottom: -85px;
        left: auto;
        right: 10px;
    }

    .tabs-section .section-heading-divider {
        margin: 10px auto;
    }

.mt-50 {
    margin: 40px 0 0;
}

.nav-tabs {
    flex-direction: column;
}

.navtabs-btn {
    min-width: 150px;
    padding: 13.5px 20px;
    border: 0 !important;
    border-right: 12px solid var(--text-color) !important;
    outline: 0;
    background: var(--primary-color) !important;
    color: #fff !important;
    border-radius: 0 !important;
    line-height: normal;
}

    .navtabs-btn.active {
        background: #fff !important;
        color: var(--primary-color) !important;
        border-right: 12px solid #ffffff !important;
    }

    .navtabs-btn i {
        text-align: center;
        width: 29px;
        font-size: 23px;
    }

.tabs-nav {
    min-width: 265px;
    max-width: 265px;
}

.tab-content {
    background: #fff;
    min-width: 265px;
    width: 710px;
    max-width: 710px;
}

.tabs-body-content {
    gap: 15px;
}

    .tabs-body-content a {
        padding: 6px 0;
    }

        .tabs-body-content a:hover {
            color: var(--primary-color);
        }
/*  Tabs CSS End */
/* Interior Section CSS Start */
.interior-page-section {
    padding: 35px 0 0 !important;
}

.breadcrumbs {
    padding: 0px 0 0px;
    color: var(--primary-color);
}
#breadcrumb-container {
    flex-wrap: wrap;
}
.breadcrumbs a {
  color: #fff !important;
  text-decoration: none;
}

.breadcrumbs a:hover {
    color: #fff !important;
}

.breadcrumbs .active-breadcrumb {
   font-weight: 600;
}

.interior-page-section h1 {
    font-size: clamp(36px, 5vw, 60px) !important;
    padding: 0 0 30px;
}

.interior-page-section h2 {
    font-size: 36px;
}

.interior-page-section h3 {
    font-size: 32px;
}

.interior-page-section h4 {
    font-size: 30px;
}

.interior-page-section h5 {
    font-size: 28px;
}

.interior-page-section h6 {
    font-size: 26px;
}

.interior-page-section h1,
.interior-page-section h2,
.interior-page-section h3,
.interior-page-section h4,
.interior-page-section h5,
.interior-page-section h6 {
    font-weight: bold;
    font-family: "Lato";
}

.interior-page-section img {
    border-radius: 0;
    min-height: 300px;
    object-fit: cover;
    max-width: 100%;
}
section.calendar-section.social-media-section {
    background: #fff;
}
.interior-page-section .services-section .container-size {
    padding: 0px !important;
}
.service-box p, .staff-title {
    color: #fff !important;
}
.interior-page-section .tabs-section,
.interior-page-section .news-section,
.interior-page-section .calendar-section,
.interior-page-section .staff-section,
.interior-page-section .social-media-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.interior-body-section table td {
    min-width: 150px;
}
.interior-body-section p,
.interior-body-section ul,
.interior-body-section ol,
.interior-body-section table td {
    color: var(--description-color);
}
/*--------------Social-Media-Start---------------------*/
.social-media-iframe {
    flex-basis: calc(25% - 15px);
    height: 450px;
    border: 1px solid #ddd;
    overflow: hidden;
}

    .social-media-iframe img {
        width: 100%;
        height: 100%;
    }
/*--------------Social-Media-End---------------------*/
/*--------------Staff-Section-Start---------------------*/
.staff-section-container {
    position: relative;
}

.staff-slider .slick-track {
    margin: 0 !important;
}

.staff-section-container .slick-slider {
    position: unset;
}

.staff-section .slick-prev,
.staff-section .slick-next {
    top: 16px;
    bottom: auto;
    right: 0px !important;
    left: auto;
}

.staff-section {
    overflow: hidden;
}

    .staff-section .slick-prev {
        right: 60px !important;
    }

.staff-slides-content {
    position: absolute;
    z-index: 1;
    padding: 25px;
    bottom: 0;
}

.staff-name {
    font-weight: 700;
    font-size: 20px !important;
}

.staff-data {
    margin-right: 20px;
    background-color: var(--text-color);
}

    .staff-data::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        left: 0;
        bottom: 0;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

.staff-row {
    margin-right: calc(-50vw + 50%);
}

.staff-section .section-heading {
    padding: 0 107px 0 0;
}

.staff-img {
    width: 100%;
    height: 383px;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.staff-data .staff-img {
    transition: all 0.3s ease;
}

    .staff-data .staff-img img {
        transition: transform 0.3s ease;
    }

.staff-data:hover .staff-img img {
    transform: scale(1.05);
}

.staff-data .staff-img img {
    width: 100%;
    height: 100%;
    object-position: top;
}

.staff-data {
    cursor: pointer;
}

/*--------------------Modal-CSS------------------------*/

.modal-staff {
    position: relative;
    padding: 0 1em;
    margin: 0 auto;
    height: max-content;
}
/* The Modal (background) */
.mySlides {
    overflow: hidden;
    border-radius: var(--radius);
}

.staff-modal-wrapper {
    display: none;
    position: fixed;
    z-index: 52;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 85%);
}
    /* Modal Content */
    .staff-modal-wrapper .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 725px;
        border-radius: 0;
        border: 0;
    }

.myStaffSlides .myStaffSlides-row {
    align-items: flex-start;
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}

/* The Close Button */
.staff-modal-wrapper .close {
    color: #fff;
    position: fixed;
    top: 14px;
    right: 16px;
    font-size: 40px;
    font-weight: 100;
}

.cursor {
    cursor: pointer;
}

.staff-modal-wrapper .prev,
.staff-modal-wrapper .next {
    cursor: pointer;
    position: absolute;
    top: 30px;
    width: 50px;
    height: 50px;
    color: var(--primary-color) !important;
    border-radius: 50px;
    -webkit-user-select: none;
    text-align: center;
    line-height: 50px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
    color: var(--primary-color);
    background: rgb(34 34 34 / 12%);
}

    .staff-modal-wrapper .prev i,
    .staff-modal-wrapper .next i {
        transition: 0.6s ease;
    }

    .staff-modal-wrapper .prev:hover,
    .staff-modal-wrapper .next:hover {
        background-color: var(--primary-color) !important;
        color: #fff !important;
    }

        .staff-modal-wrapper .prev:hover i,
        .staff-modal-wrapper .next:hover i,
        .staff-modal-wrapper .prev:hover svg,
        .staff-modal-wrapper .next:hover svg {
            color: #fff !important;
        }

.staff-modal-wrapper {
    padding: 170px 0 0;
}
    /* Position the "next button" to the right */
    .staff-modal-wrapper .next {
        right: 30px;
    }

    .staff-modal-wrapper .prev {
        right: auto;
        left: 30px;
    }

.team-members-image {
    width: 242px;
    position: relative;
    height: 242px;
    flex-basis: 242px;
    margin: -111px auto 0;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #fff;
    background-color: #fff;
}

    .team-members-image img {
        width: 100%;
        height: 100%;
        min-height: 260px;
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        object-position: top;
    }

.mySlides-name {
    font-weight: 700;
    font-size: 24px !important;
    line-height: 36px;
}

.about-mySlides-content {
    font-weight: 400;
    line-height: 18px;
}

.mySlides-content {
    position: relative;
    padding: 10px 30px 30px;
    text-align: center;
}

.staff-about-content {
    font-weight: 400;
    margin: 20px 0px 0 0;
    height: 100%;
    overflow: auto;
    padding: 0 20px 0 0;
    max-height: 400px;
    min-height: auto;
    text-align: left;
    color: var(--description-color);
    word-wrap: break-word;
}

    .staff-about-content::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #f0f0f0;
    }

    .staff-about-content::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: transparent;
        border-radius: 50px;
    }

    .staff-about-content::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: var(--primary-color);
    }

.follow-more.text-right.footer-icons {
    padding: 0 25px 0 0px;
}
/*--------------------Modal-CSS------------------------*/
/*--------------Staff-Section-End---------------------*/
/* Interior Section CSS End */
/* Additional CSS Start */
div#main-div {
    padding: 60px 70px;
    max-width: 1740px !important;
    margin: 0 auto !important;
    min-height: calc(100vh - 488px);
}
#searchModal .modal-dialog {
    padding: 0 12px;
}
.staffdirectoryFEClass-wrapper .table {
    margin-top: 0;
}
.advanced-panel .panel-default > .panel-heading,
.advanced-form .card-header,
.commentsRow .panel-default > .panel-heading,
.commentsRow .comment-edit-button,
.staffdirectoryFEClass-wrapper #results .table_header,
.panel.panel-default > .panel-heading {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

#calendarTitle,
#calendar-container h1,
#mobileCalendarTitle,
.news-article-page h1,
.faqFEClass h1,
.profileRow h4.page-heading,
.profileRow h2,
.profileRow .d-flex h3,
.staffdirectoryFEClass-wrapper h1,
.advancedformFEClass h1,
.commentsRow h3,
.commentsRow h4,
.form-horizontal h4,
h1.page-heading,
.auth-form.no-multisubmit h1,
h4.page-sub-heading,
.row.profileRow.pb-2.pt-5 h4,
.showDetailsModalFE #headingDetails,
.profileRow .pull-left h3,
.news-wrapper h3 {
    font-size: 28px !important;
    color: var(--heading-color) !important;
    font-family: "Lato";
    text-transform: capitalize;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color) !important;
    font-weight: bold;
}

.news-wrapper h1 a {
    font-size: 16px;
}

.faq-pagesection-heading h4.page-sub-heading.faq-category-item,
.faq-pagesection-heading h4.page-sub-heading {
    font-size: 20px !important;
    font-family: "Lato", sans-serif !important;
}

nav section {
    padding: 0px 0 0px 0 !important;
}

.commentsRow h4 a {
    font-family: "Lato", sans-serif !important;
}

.dropdown.Calendar-view button {
    color: #fff !important;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
}

.card-body a {
    text-decoration: none;
}

.faq-pagesection-heading .panel-heading,
.forms_panel .panel-heading,
.item-form .form_content:hover {
    border-color: var(--primary-color) !important;
}

.item-form .form_content .yellow-head {
    background-color: var(--primary-color) !important;
}

.faq-pagesection-panel .panel-heading h4 a {
    color: var(--heading-color) !important;
}

.faq-pagesection-panel .item-answer ul {
    margin: 0 0 0 18px;
}

.field-name-news-image img {
    max-width: 100%;
}
.website-events-column.hideSidebar::before {
    width: 0 !important;
}
/* Additional CSS End */
/* Media Query Start */
@media screen and (max-width: 1400px) {
    /* Banner Start */
    .banner-content h1,
    .interior-page-section h1 {
        font-size: clamp(36px, 5vw, 46px) !important;
    }

    .banner-content {
        max-width: 540px;
    }
    /* Banner End */
    .section-divider {
        height: 80px;
    }
    /* News Start */
    .news-column .website-btn {
        right: 0px;
    }
    /* News End */
}

@media screen and (max-width: 1280px) {
    .tabs-body-content {
        gap: 38px;
    }

    .tab-content {
        width: 666px;
        max-width: 666px;
    }

    .back-to-top {
        width: 43px;
        height: 43px;
        line-height: 43px;
    }
    /* News Start */
    .news-column .website-btn {
        right: -20px;
    }
    /* News End */
    /* Banner Start */

    /* Banner End */
    /* social media Start */
    .social-media-iframe {
        height: 350px;
        min-width: 300px;
    }
    /* social media End */

    /* Footer Start */
    footer .container-size {
        padding: 0 12px;
    }
    /* Footer End */
}

@media screen and (max-width: 1200px) {
    /* Additional CSS Start */
    div#main-div {
        padding: 60px 30px;
    }
    /* Additional CSS End */
    .faq-section .container-size {
        padding: 0 0 !important;
    }
    .container-size,
    .tabs-container-size {
        padding: 0 30px !important;
    }

    .section-divider {
        margin: 15px 0;
        height: 60px;
    }
}

@media screen and (max-width: 991px) {
    .link-text-center .website-btn {
        margin: auto;
    }
    .news-section .slick-track {
        margin-left: auto;
        margin-right: auto;
    }
    section .section-heading {
        text-align: center;
    }
    .services-section {
        padding-bottom: 40px;
    }

        .services-section .slick-prev, .services-section .slick-next {
            top: auto;
            bottom: -50px;
            right: 0;
            margin: auto !important;
            left: 0;
            width: 45px;
            height: 45px;
            line-height: 45px;
        }

        .services-section .slick-prev {
            right: 50px !important;
        }

        .services-section .slick-next {
            right: -50px !important;
        }

    .nav-item-divider.removeonsearch {
        display: none;
    }
    li.nav-item.dropdown {
        position: relative;
    }

    .navbar .dropdown .dropdown-menu {
        max-height: 350px;
        overflow: auto;
    }
    .interior-body-section p,
    .interior-body-section ul,
    .interior-body-section ol,
    .interior-body-section table td {
        font-size: 14px;
    }

    .mt-50 {
        margin: 30px 0 0;
    }

    .back-to-top {
        font-size: 14px;
    }

    .news-slider .slick-prev,
    .news-slider .slick-next,
    button.news-slides-arrow {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    /* Tabs Start */
    .tabs-flex-row {
        flex-wrap: wrap;
    }

    .navtabs-btn,
    .navtabs-btn.active {
        border: 0 !important;
    }

    .tab-content {
        width: 668px;
        max-width: 670px;
    }

    .tabs-nav {
        min-width: unset;
        max-width: 668px;
        margin: 0 0 10px;
    }

    .navtabs-btn {
        min-width: unset;
        max-width: 2680px;
        width: 161px;
    }

    .nav-tabs {
        flex-direction: row;
    }

    /* Tabs End */
    /* calendar Start */
    .calendar-section .website-calendar td .fc-daygrid-day-top {
        font-size: 14px;
    }

    .calendar-section .section-heading,
    .news-section .section-heading,
    .news-section .section-sub-heading,
    .staff-section .section-heading {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .section-heading-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .calendar-section .section-heading-divider {
        margin: 10px auto;
    }

    .calendar-row > div {
        padding: 0;
    }

    .website-calendar {
        padding: 20px 15px;
    }

    .calendar-section #calendar-control {
        max-width: 100%;
    }

    .calendar-section-month-arrows {
        gap: 20px;
    }

    .calendar-section .website-calendar td .fc-daygrid-day-top {
        height: 55px;
        line-height: 55px;
    }

    .calendar-section #calendar-control {
        margin: 0 auto 0px;
    }

    .f-26,
    .calendar-section .calendar-events-row a .col-2 h2 {
        font-size: 16px;
    }
    .calendar-section .calendar-events-row a .col-2 h2 {
        margin: 0 0 0px;
    }
        .calendar-section .calendar-events-row a .col-2 {
        width: 80px;
        min-width: 80px;
    }

        .calendar-section .calendar-events-row a .col-2 h1 .badge.bg-secondary {
            font-size: 32px !important;
        }

    .website-events-column::before {
        left: 80px;
    }

    .calendar-section .calendar-events-row a .col-10 {
        flex-basis: calc(100% - 80px);
        padding: 0 20px !important;
    }

    .calendar-section .col-10 h3.text-uppercase {
        font-size: 20px;
    }
    /* calendar End */

    /* Navbar Start */
    .navbar-actions .ps-1 {
        display: none;
    }

    .collapse-menu {
        display: flex;
        gap: 3px;
    }

    nav.navbar {
        padding: 5px 0 !important;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        width: 100%;
        left: -100%;
        display: block;
        padding: 15px 15px;
        height: 100%;
        z-index: 5;
        background-color: rgb(0 0 0 / 70%);
        backdrop-filter: blur(7px);
        max-height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    ul.navbar-nav {
        overflow-y: auto;
        height: calc(100vh - 75px);
        margin: 0 !important;
    }

        ul.navbar-nav ::-webkit-scrollbar {
            width: 7px;
            border-radius: 50px;
        }

        ul.navbar-nav ::-webkit-scrollbar-thumb {
            border-radius: 0px;
            background-color: var(--primary-color);
        }

        ul.navbar-nav ::-webkit-scrollbar-track {
            border-radius: 0px;
            background-color: #fff;
        }

    .navbar-collapse.show {
        left: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .navbar-nav li .nav-link,
    .navbar-nav li.active .nav-link,
    .navbar-nav li:hover .nav-link {
        clip-path: unset;
    }

    .navbar-nav li:hover .nav-link,
    .navbar-nav li.active .nav-link {
        background-color: transparent !important;
        color: #fff !important;
        font-size: 18px;
    }

    .navbar-nav li .nav-link {
        font-size: 18px;
        padding: 13px 0px !important;
        color: #fff !important;
    }

    .close-menu button {
        font-size: 28px;
    }

    .close-menu {
        top: 0;
        z-index: 5;
    }

    .navbar-nav:hover li:hover a.nav-link {
        color: #fff !important;
    }

    .navbar-nav:hover li a.nav-link {
        color: #fff !important;
    }

    .navbar-nav .nav-item .dropdown-menu {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100%;
    }
    /* Navbar End */
    /* Banner Start */
    .banner {
        min-height: 450px;
    }

    .breadcrumbs {
        font-size: 16px;
    }
    /* Banner End */

    /* News Start */

    .news-section .section-sub-heading {
        margin-bottom: 0px;
    }

    .news-column .website-btn {
        position: unset;
        margin-left: 0 !important;
    }

    .news-slider .slick-next {
        left: auto;
        right: 0;
    }

    .news-slider .slick-prev,
    .news-slider .slick-next {
        bottom: -60px;
        top: auto;
    }

    .news-slider .slick-prev {
        right: 50px;
        left: auto;
    }

    .news-slider {
        position: relative !important;
    }

        .news-slider .news-slides {
            margin-left: 0;
            margin-right: 0px;
            border: 2px solid #fff;
        }

    .news-slider {
        margin: 20px 0 0;
    }
    /* News End */
    /* Footer Start */
    .footer-content-column {
        padding: 40px 0px 80px !important;
    }

    .footer-iframe {
        height: auto;
    }

    .footer-row {
        align-items: flex-start !important;
    }

    .footer-links-wrapper {
        flex-basis: 174px;
        max-width: 174px;
    }

    .footer-links-color {
        margin-top: 30px;
    }
    /* Footer End */

    /* Interior Start */
    .interior-page-section h2 {
        font-size: 32px;
    }

    .interior-page-section h3 {
        font-size: 28px;
    }

    .interior-page-section h4 {
        font-size: 24px;
    }

    .interior-page-section h5 {
        font-size: 20px;
    }

    .team-members-image {
        width: 200px;
        height: 200px;
        flex-basis: 200px;
        margin: -100px auto 0;
        border: 7px solid #fff;
    }

    .staff-modal-wrapper .next {
        right: 15px;
    }

    .staff-modal-wrapper .prev {
        left: 15px;
    }

    .staff-about-content {
        height: calc(100vh - 370px);
        min-height: 150px;
    }

    .mySlides-content {
        padding: 10px 15px 15px;
    }

    .staff-data {
        margin: 0 12px 0 0;
    }

    .staff-section .slick-next {
        right: -50px !important;
    }

    .staff-section .slick-prev {
        right: 50px !important;
    }

    .staff-data {
        margin: 0 0 0 0;
    }

    .staff-title {
        font-size: 14px;
    }

    .staff-section .slick-prev,
    .staff-section .slick-next {
        width: 45px;
        height: 45px;
        line-height: 45px;
        bottom: 5px;
        top: auto;
        right: 0;
        margin: auto !important;
        left: 0;
    }

    .staff-img {
        height: 300px;
    }

    .staff-section .section-heading {
        padding: 0;
    }

    .social-media-row {
        justify-content: center;
    }
    /* Interior End */
    .section-divider {
        background-color: rgb(255 255 255 / 0%);
    }
}

@media screen and (max-width: 767px) {
    /* Additional CSS Start */
    div#main-div {
        padding: 60px 12px;
    }
    /* Additional CSS End */
    .navbar .dropdown .dropdown-menu {
        max-width: 200px;
        min-width: 200px;
    }

    .staff-section .slick-prev,
    .staff-section .slick-next {
        bottom: 20px;
    }

    .gap-20 {
        gap: 12px;
    }

    .mt-50 {
        margin: 20px 0 0;
    }

    .navbar .container-size,
    .tabs-container-size,
    .calendar-section .container-size,
    .news-section .container-size,
    .interior-page-section .container-size,
    .staff-section .container-size {
        padding: 0 12px;
    }

    .staff-section .section-divider {
        height: 60px;
    }

    .section-divider {
        height: 40px;
    }
    /* Tabs Start */
    .tabs-section {
        padding: 80px 0;
    }
    /* Tabs End */
    /* Banner Start */
    .carousel-indicators.container-size {
        bottom: 70px;
    }
    /* Banner End */
    /* Footer Start */
    .footer-links-wrapper {
        flex-basis: 180px;
        max-width: 180px;
    }

    .footer-iframe-wrapper a {
        text-align: center;
    }

    .footer-iframe {
        height: 300px;
    }

    .footer-iframe-wrapper {
        margin: auto;
    }

    .footer-iframe-data {
        font-size: 16px;
    }

    .footer-bg-logo {
        right: 0;
        left: 0;
        margin: auto;
    }
    /* Footer End */
}

@media screen and (max-width: 600px) {
    /* Footer Start */
    .footer-links-wrapper {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
        border: 0;
        padding: 0;
    }

    .footer-links {
        max-width: 100%;
        text-align: center;
    }

        .footer-links a {
            justify-content: center;
        }

    .footer-links-color > div {
        flex-basis: 100%;
        text-align: center;
    }
    /* Footer End */
}

@media screen and (max-width: 575px) {
    .nav-item.dropdown .dropdown-menu > li {
        min-width: 100%;
    }
    .news-slider .news-slides {
        border: 0px solid #fff;
    }

    .news-slider .news-slides {
        margin-right: 0px;
    }

    .social-media-iframe {
        min-width: unset;
        max-width: 300px;
        flex-basis: 300px;
    }
    /* Tabs Start */
    .tabs-body-content {
        gap: 0px 30px;
        flex-wrap: wrap;
    }

        .tabs-body-content > div {
            flex-basis: 100%;
            text-align: center;
        }

        .tabs-body-content a {
            margin: auto;
        }
    /* Tabs End */
    .calendar-section .website-calendar td .fc-daygrid-day-top {
        height: 45px;
        line-height: 45px;
    }
}

/* Media Query End */
.gap-1 {
    gap: .25rem !important;
}
.gap-2 {
    gap: .5rem !important;
}
.panel.panel-default .row {
    align-items: center;
}
    .panel.panel-default .row button.btn-link {
        color: #fff;
    }
.advancedforms-row{
    margin-top:20px;
}
iframe {
    max-width: 100%;
}
.default-button-actions .dropdown-menu, .default-button-actions .dropdown-menu.show {
    z-index: 1;
}
#tmg-widget-iframe {
    z-index: 3 !important;
}
.inner-item .flexBox h3 {
    float: unset !important;
    margin: 0;
}
h4.page-sub-heading {
    font-size: 20px !important;
}
.inner-item .flexBox > .pb-2 {
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#calendarTitle, #calendar-container h1, #mobileCalendarTitle, .news-article-page h1, .faqFEClass h1, .profileRow h4.page-heading, .profileRow h2, .profileRow .d-flex h3, .staffdirectoryFEClass-wrapper h1, .advancedformFEClass h1, .commentsRow h3, .commentsRow h4, .form-horizontal h4, h1.page-heading, .auth-form.no-multisubmit h1, h4.page-sub-heading, .row.profileRow.pb-2.pt-5 h4, .showDetailsModalFE #headingDetails, .profileRow .pull-left h3, .news-wrapper h3 {
    color: var(--text-color) !important;
}

.flow-paragraph img, .page-summary img {
    display: inline-block;
}

.text-color {
    color: var(--text-color) !important;
}

#formio .card-header {
    background-color: var(--primary-color) !important;
}
.field-name-page-summary {
    display: none;
}
#myInputautocomplete-list {
    right: 0;
    z-index: 6;
    position: absolute;
    background: #fff;
    top: 55px;
    box-shadow: 0 7px 20px rgba(0,0,0,.1803921569);
    overflow: auto;
    max-height: calc(100vh - 190px);
    min-height: auto;
    left: 0;
    font-size: 16px;
    width: 100%
}

div#myInputautocomplete-list > div {
    padding: 15px
}

    div#myInputautocomplete-list > div .hint p {
        margin: 0
    }

    div#myInputautocomplete-list > div + div {
        border-top: 1px solid #ddd
    }

    div#myInputautocomplete-list > div:last-child {
        position: sticky;
        bottom: 0;
        background-color: #fff
    }

#myInputautocomplete-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

#myInputautocomplete-list::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

#myInputautocomplete-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--primary-color)
}

#myInputautocomplete-list .hint h1, #myInputautocomplete-list .hint h2, #myInputautocomplete-list .hint h3, #myInputautocomplete-list .hint h4, #myInputautocomplete-list .hint h5, #myInputautocomplete-list .hint h6 {
    font-family: Roboto,sans-serif !important
}

#myInputautocomplete-list h1 {
    color: var(--primary-color);
    padding: 0;
    font-size: 34px
}

#divResultLoader {
    padding: 0;
    border: 0;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.searchResultMoreBtn {
    font-weight: 700;
    padding: 8px 26px;
    align-items: center;
    gap: 12px;
    display: inline-flex;
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    color: var(--primary-color);
    text-decoration: none;
    transition: ease-in-out .2s;
    font-size: 14px;
    background: #fff;
    justify-content: center
}

    .searchResultMoreBtn:hover {
        background-color: var(--primary-color);
        color: #fff;
        border: 2px solid var(--primary-color)
    }

.autocomplete a.search-btn {
    border-radius: 0;
    background: var(--primary-color);
    border-color: var(--primary-color)
}

    .autocomplete a.search-btn:hover {
        transform: translateY(0)
    }

.flow-paragraph table, .page-summary table {
    margin: 10px 0;
}
.interior-body-section p, .interior-body-section ul, .interior-body-section ol, .interior-body-section table td {
    color: unset;
}
.fr-view p img {
    margin-right: 20px !important;
}
.panel-group.advanced-panel ul, .panel-group.advanced-panel ol {
    padding: 0 0 0 20px !important;
}
.flow-paragraph table, .page-summary table, .widget-liquid-widget table {
    margin: 0 0 20px 0;
}
.alertbar-content-wrapper p {
    font-size: 14px;
    padding: .3em 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

.alertbar-close-wrapper {
    cursor: pointer;
    font-size: 20px;
    position: relative;
    top: 3px;
    display: flex;
}

.alertbar-content-wrapper h2 {
    font-weight: 700;
    letter-spacing: .04em;
    font-size: 16px;
    margin: 0
}

.alertbar-content-wrapper {
    padding: 0 10px;
    text-decoration: none;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal
}

.alertbar-icon-wrapper {
    font-size: 20px;
    position: relative;
    top: 3px;
    display: flex;
}

.d-flex.alertbar-flex-wrapper {
    position: relative
}

.alertbar-wrapper {
    background: #ae0606;
    position: relative;
    z-index: 2 !important;
    color: #fff;
    padding: 12px 0;
    display: block;
    width: 100%
}

.alertbar-view-btn {
    white-space: nowrap;
    margin-left: auto;
    margin: 0 8px 0 auto;
    color: #fff;
    text-decoration: underline;
    font-size: 16px
}

    .alertbar-view-btn:hover {
        color: #fff
    }

.flow-paragraph {
    padding: 20px 20px 10px 0 !important;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
}

    .flow-paragraph img, .page-summary img {
        margin: 5px 5px 5px 0;
        vertical-align: top;
    }

    .flow-paragraph ul, .flow-paragraph ol, .page-summary ul, .page-summary ol, .faq-section ul, .faq-section ol, .news-article-content ul, .news-article-content ol,
    .jobpostsdetails ul, .jobpostsdetails ol, .faq-pagesection-panel .item-answer ul, .faq-pagesection-panel .item-answer ol {
        padding: 0 0 0 25px !important;
    }

.news-article-content iframe {
    max-width: 100%;
}
.website-calendar tr {
    border: 0 !important;
}
/*Calendar Css*/
.list-inline-item svg.fa-calendar {
    display: none !important; /* Hide calendar icon if needed */
}

    .list-inline-item svg.fa-calendar + span {
        display: none !important; /* Hide the span containing the day */
    }

.list-inline-item .fa-calendar-days {
    display: none !important;
}

li.list-inline-item:has(svg.fa-calendar-days) {
    display: none !important;
}
/*calendar Css end*/

.events-detail-modal ul, .events-detail-modal ol {
    list-style-type: none;
}

.events-detail-modal p, .events-detail-modal ul, .events-detail-modal ol {
    margin: 0;
}

.icon-size {
    width: 20px;
}

.calendar-events-row > a {
    cursor: pointer;
}

.hidesidebar .website-events-column::before {
    display: none;
}

.website-calendar td {
    position: relative;
}

.hasEvent::before {
    position: absolute;
    content: '';
    width: 7px;
    height: 6px;
    left: 0;
    background: var(--primary-color) !important;
    z-index: 5000000;
    right: 0;
    bottom: 3px;
    margin: auto;
    border-radius: 50px;
}

td.activeEventDate::before {
    background: #fff !important;
}

.calendar-section .list-inline-item svg.fa-calendar, .calendar-section .list-inline-item svg.fa-calendar + span, body .calendar-section .list-inline .list-inline-item:first-child {
    display: inline-flex !important;
}

.calendar-section .list-inline .list-inline-item i,
.calendar-section .list-inline .list-inline-item svg {
    margin: 3px 0 0 0;
}


.modal-backdrop.show {
    opacity: 0.85;
}


.social-media-section .website-btn, .calendar-section .calendar-events-row a .col-10 > p {
    display: none !important;
}

.calendar-events-row:hover a * {
    color: #fff !important;
}

.login-btn .fa-chevron-down {
    font-size: 12px;
    top: -1px;
    position: relative;
}

.login-btn .dropdown-toggle.show .fa-chevron-down {
    top: 0;
}

.login-btn .dropdown-toggle::after {
    display: none;
}

#calendarTitle, #calendar-container h1, #mobileCalendarTitle, .news-article-page h1, .faqFEClass h1, .profileRow h4.page-heading, .profileRow h2, .profileRow .d-flex h3, .staffdirectoryFEClass-wrapper h1, .advancedformFEClass h1, .commentsRow h3, .commentsRow h4, .form-horizontal h4, h1.page-heading, .auth-form.no-multisubmit h1, h4.page-sub-heading, .row.profileRow.pb-2.pt-5 h4, .showDetailsModalFE #headingDetails, .profileRow .pull-left h3, .news-wrapper h3 {
    text-transform: capitalize !important;
}

div#main-div .news-article-page {
    max-width: 100%;
}



.interior-page-section h1 {
    font-size: clamp(36px, 5vw, 66px) !important;
    padding: 0 0 0px;
}

.calendar-events-row .alert {
    width: max-content;
    margin: auto;
}

.calendar-events-row {
    height: 100%;
    position: relative;
}

    .calendar-events-row .alert {
        width: max-content;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: max-content;
    }

.breadcrumbs .breadcrumbItem:last-child {
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .calendar-events-row .alert {
        position: static;
    }

    .calendar-events-row > a + a {
        margin: 30px 0 0 !important;
    }

    .calendar-section .website-events {
        padding: 20px 0;
    }

    .staff-about-content {
        max-height: calc(100vh - 370px);
        height: auto;
    }

    .navbar-collapse {
        background-color: rgb(0 0 0 / 85%);
    }

    .staff-slider .slick-track {
        margin: auto !important;
    }

    .website-calendar #calendarTitle {
        font-size: 20px !important;
    }
    .flow-paragraph {
        width: 100% !important;
        padding: 20px 0 10px 0 !important;
    }

    .navtabs-btn {
        font-size: 16px;
        padding: 8px 15px;
    }

    .section-divider {
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .fr-view p img {
        display: block !important;
        float: unset !important;
    }
    .banner .container-size, .services-section .container-size, .navbar .container-size, .tabs-container-size, .calendar-section .container-size, .news-section .container-size, .interior-page-section .container-size, .staff-section .container-size {
        padding: 0 12px !important;
    }

    div#main-div {
        padding: 40px 12px;
    }

    .staff-data .staff-img img {
        object-position: center 20%;
    }

    .staff-section .slick-prev, .staff-section .slick-next {
        bottom: 20px;
    }

    .staff-section .staff-section-container .section-divider {
        height: 60px !important;
    }

    .section-divider {
        height: 25px !important;
        margin: 15px 0 !important;
    }

    .banner-content {
        max-width: 420px;
    }

    .alert .container-size {
        padding: 0 12px !important;
    }
}

@media screen and (max-width: 575px) {
    .tabs-body-content {
        gap: 0px;
    }

        .tabs-body-content > div {
            flex-basis: 100%;
        }

    .team-members-image {
        width: 180px;
        height: 180px;
        flex-basis: 180px;
    }
}

/*A Tag colour set for full site*/

.back-to-top, .navtabs-btn:hover {
    color: #fff !important;
}

.back-to-top:hover, .navtabs-btn.active:hover {
    color: var(--primary-color) !important;
}

.description-color {
    color: var(--description-color) !important;
}

.description-color:hover {
   color: var(--primary-color) !important;
}

.news-slides .description-color:hover {
    color: var(--description-color) !important;
}

a {
    color: var(--site-link-colour);
}

a:hover {
    color: var(--site-link-colour-hover);
}


#gotoPath, #CurrentPath .selectedView {
    color: var(--site-link-colour) !important;
}

#gotoPath:hover, #CurrentPath .selectedView:hover {
    color: var(--site-link-colour-hover) !important;
}


ul.pager li.active a {
    background-color: var(--site-link-colour) !important;
}


.navbar .dropdown .dropdown-item {
    color: var(--Menu-Link-Color) !important;
}

.text-center > a {
    color: var(--site-link-colour) !important;
}

.text-center > a:hover {
   color: var(--site-link-colour-hover) !important;
}

.footer-section a,
.link-divider,
.footer-links-color {
    color: var(--footer-link-color) !important;
}

.footer-section a:hover {
    color: var(--footer-link-color-hover) !important;
}

.navbar .dropdown .dropdown-submenu > a {
    color: var(--primary-color) !important;
}