* {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Montserrat-Regular;
    font-size: 20px;
    background-color: #fff;
    height: 100%;
}
    /*.Loop {
    position: relative;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}*/
/*
    .Loop::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none;
    }*/

section.header {
    position: relative;
    scroll-snap-align: top !important;
}

section {
    position: relative;
    scroll-snap-align: center;
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../../fonts/Montserrat-Medium.ttf);
}

.mb {
    font-family: Montserrat-Bold;
}

.mm {
    font-family: Montserrat-Medium;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

ul {
    padding: 0;
    margin: 0;
}

    ul li a {
        text-decoration: none;
    }

p {
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 0px;
}

button:focus {
    border: 0;
    outline: 0;
}

.form-control:focus {
    border-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%);
}

/*--------------------navbar-CSS------------------------*/

section.header {
    background-image: url("../../Images/video-banner.png"); /* The image used */
    background-position: top; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    position: relative;
}

nav.navbar {
    padding: 0em 0 0.5em !important;
    margin: 0 0 6em;
    z-index: 11 !important;
}

nav.sticky {
    padding: 0 !important;
}

.overlay-opacitybox {
    top: 0;
    width: 100%;
    height: 100%;
    background: #061d378a;
    position: absolute;
    filter: brightness(50%);
    z-index: 1;
}

a.navbar-brand {
    margin: 0 2.15em -2.2em 0;
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 0.8em;
    line-height: 1.25em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 5em 0.8125rem 1em;
    transition: ease-in-out 0.2s;
    border-top: 10px solid transparent;
}

.navbar-expand-lg .navbar-nav li:hover {
    background-color: #003b78;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    background-color: #003b78;
    border-top: 10px solid #008349;
}

form.header-searchbox {
    position: relative;
    width: 14.25em;
    height: 1.8em;
}

    form.header-searchbox input {
        position: absolute;
        font-size: 0.7em;
        line-height: 108.7%;
        color: #5c5c5c;
        border-radius: 50px;
        width: 100%;
        height: 100%;
    }

    form.header-searchbox button.btn {
        position: absolute;
        background: #003b78;
        border: 0;
        border-radius: 50px;
        right: 3px;
        top: 3px;
        font-size: 0.6em;
        width: 2.5em;
        height: 2.5em;
        text-align: center;
        padding: 0;
        line-height: 2.5em;
        color: #fff;
    }

.header-followmore {
    text-align: right;
    position: relative;
    bottom: -12px;
}

    .header-followmore a.btn {
        font-size: 0.7em;
        width: 2.285em;
        height: 2.285em;
        background: red;
        padding: 0;
        margin: 0 0.3em 1em;
        line-height: 2.285em;
        border-radius: 50px;
        color: #fff;
    }

    .header-followmore a.fb {
        background-color: #4e71a8;
    }

    .header-followmore a.tw {
        background-color: #1cb7eb;
    }

    .header-followmore a.youtube {
        background-color: #ca3737;
    }

    .header-followmore a.li {
        background-color: #1686b0;
    }

    .header-followmore a:hover {
        color: #fff;
    }

nav.navbar {
    position: relative;
    z-index: 2;
    width: 100%;
    background: linear-gradient(110.85deg, #008349 0%, #003b78 32.39%);
    padding: 0px 0 1em;
}

button.back-btn {
    display: none;
}

.collapsing {
    transition-duration: 0s;
}

/*--------------------navbar-CSS------------------------*/

/*--------------------banner-CSS------------------------*/
.banner {
    color: #ffffff;
    padding: 19em 0 19.85em;
    position: relative;
}

.main h5 {
    font-size: 1.2em;
    line-height: 1.33em;
}

.myModal .staff-img {
    position: relative;
    width: 100%;
    height: 100%;
}

    .myModal .staff-img img {
        box-shadow: 0px 0 0;
    }

.myModal .modal-content {
    padding: 0;
    overflow: hidden;
}

.main h1 {
    font-size: 5em;
    line-height: 1.28em;
}

button.get-value, .get-value {
    background: rgba(2, 2, 2, 0.3);
    border: 0.878981px solid #757575;
    border-radius: 50px;
    color: #fff;
    font-size: 0.7rem;
    margin: 0.9em 0.785em 0 0;
    padding: 0.55em 1.5em 0.6em;
    transition: ease-in-out 0.3s;
    white-space: nowrap;
    display: inline-block;
}

    button.get-value:hover, .get-value:hover {
        background: #003b78;
        border-color: #003b78;
    }

.banner-taglines {
    margin: 1em 0 0;
}

article.Topic-section {
    margin: -11.5em 0 5.3em;
    position: relative;
    color: #fff;
    z-index: 1;
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
}

#myBtn {
    font-size: 18px;
    padding: 1px 5px;
    border: none;
    background: #00000063;
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    bottom: 2em;
    border-radius: 4px;
    right: 3em;
    text-align: center;
}

/*--------------------banner-CSS------------------------*/

/*--------------------counter-CSS------------------------*/

.counter-section {
    background-image: url("../../Images/counter-section-img.png"); /* The image used */
    background-position: top; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    position: relative;
    padding: 6em 0 18.75em;
    color: #fff;
}

.count-area {
    position: relative;
}

.space-area {
    height: 850px;
    background: #009a11;
    padding: 100px 0;
    position: relative;
}

    .space-area h1 {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #fff;
    }

.count-area-content {
    margin-top: 4.5em;
}

.count-area i {
    font-size: 48px;
}

.count-digit {
    font-size: 5em;
    letter-spacing: -0.02em;
    color: #ffffff;
    line-height: 1.22em;
}

.count-title {
    font-size: 0.8em;
    line-height: 1.875em;
    max-width: 20em;
    margin: auto;
}

.fa-add:after,
.fa-plus:after {
    content: "\2b";
}

.fa-add:before,
.fa-plus:before {
    display: none;
}

.position-relative {
    position: relative;
}

p.counter-section-subheading {
    letter-spacing: 0.03em;
    font-size: 0.8em;
    line-height: 1.125em;
}

h2.counter-section-heading {
    letter-spacing: 0.03em;
    font-size: 1.6em;
    line-height: 0.91em;
    padding: 0.2em 0 0;
    text-transform: uppercase;
}

p.counter-section-content {
    font-size: 0.8em;
    line-height: 1.875em;
    padding: 0.9em 0 0;
    max-width: 50em;
    margin: auto;
}

.counter-section .overlay-opacitybox {
    background: #061d3799;
}
/*--------------------counter-CSS------------------------*/

/*--------------------service-CSS------------------------*/

.service-heading-wrap p.counter-section-content {
    max-width: 100%;
}

.service-wrapbox {
    cursor: pointer;
    transition: ease-in-out 0.15s;
}

    .service-wrapbox:hover {
        box-shadow: 0px 0px 16px 3px rgb(0 0 0 / 10%);
    }

.service-heading-wrap div {
    width: 19%;
    margin: 0 0 1%;
    transition: ease-in-out 0.15s;
}

.service-wrapbox img,
.service-wrapbox h5 {
    transition: ease-in-out 0.15s;
}

.dropdown-links {
    margin: 0 0 1em;
}

.service-wrapbox:hover img,
.service-wrapbox:hover h5 {
    transform: scale(1.05);
}

.service-heading-wrap {
    gap: 1%;
    flex-wrap: wrap;
}

.service-wrapbox i {
    color: #008349;
    font-size: 4rem;
    background: linear-gradient(180deg, #008349 0%, #003B78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-wrapbox {
    background: #ffffff;
    box-shadow: 0px 0px 16px 3px rgb(0 0 0 / 7%);
    border-radius: 3px;
    padding: 3.6em 0 3em;
    text-align: center;
}

    .service-wrapbox h5 {
        text-transform: uppercase;
        color: #003b78;
        font-size: 0.7em;
        padding: 3.214em 1rem 0;
    }

    .service-wrapbox p {
        height: 69px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.service-heading-wrap .counter-section-subheading {
    color: #008349;
}

.service-heading-wrap .counter-section-heading {
    color: #003b78;
}

.service-heading-wrap .counter-section-content {
    color: #767676;
}
/*--------------------service-CSS------------------------*/
/*--------------------media-CSS------------------------*/
#yottie_1 .yottie-widget-feed-section-arrow {
    display: none;
}

#yottie_1 .yottie-widget-inner > a {
    clip-path: circle(0);
}

.view-morebtn.media-btn {
    margin: 1em 0 0;
    text-align: right;
    position: relative;
    z-index: 1;
}

.media-section .news-heading-wrap {
    margin-bottom: 1.5em;
}

#yottie_1 .yottie-widget-feed {
    background: rgb(69 45 45 / 0%) !important;
}

#yottie_1 .yottie-widget-video-info-title {
    color: rgb(255 255 255) !important;
}

#yottie_1 .yottie-widget-video-info-passed-time {
    color: rgb(255 255 255 / 70%) !important;
}

.yottie-widget-feed-section-pagination,
div.yottie-widget-video-info-properties {
    display: none !important;
}

#yottie_1 .yottie-widget-feed-section-slide {
    padding: 0 !important;
    margin: 0em 0 0;
}

.yottie-widget-feed-section-slide .yottie-widget-video:first-child {
    width: 70% !important;
}

.yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2),
.yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) {
    width: 28.2% !important;
    height: fit-content !important;
    margin: 0 !important;
}

    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2) .yottie-widget-video-preview-thumbnail,
    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) .yottie-widget-video-preview-thumbnail {
        width: 100% !important;
        height: 100% !important;
    }

        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2) .yottie-widget-video-preview-thumbnail img,
        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) .yottie-widget-video-preview-thumbnail img {
            transform: translateY(0%);
            height: 222px !important;
            object-fit: cover;
        }

#yottie_1 div.yottie-widget-video-info-caption {
    margin-top: 0px !important;
    display: none !important;
}

#yottie_1 .yottie-widget-video-info-passed-time {
    position: absolute;
    top: 10px;
}

#yottie_1 a.yottie-widget-video-info-title {
    position: absolute;
    top: 35px;
}

.yottie-widget-video-info {
    height: 70px;
}
/*--------------------media-CSS------------------------*/
/*--------------------calendar-CSS------------------------*/
.calendar-section,
.media-section {
    background: linear-gradient(110.85deg, #008349 0%, #003b78 32.39%);
    position: relative;
}
    /* .service-section::before, 
.service-section:before{
    position: absolute;
    top: -0%;
    bottom: 0;
    right: -0%;
    z-index: 0;
    content: " ";
    background-image: url(../../Images/Vector.png);
    background-position: bottom right;
    /* background-repeat: no-repeat; 
    background-size: contain;
    width: 100%;
    height: 100px;      
} */
    .media-section::before,
    .media-section:before,
    .calendar-section::before,
    .calendar-section:before {
        position: absolute;
        top: 0%;
        bottom: 0;
        right: -0%;
        z-index: 0;
        content: " ";
        background-image: url(../../Images/banner-shaps.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
    }

.view-morebtn.cal-btn a:hover,
.view-morebtn.media-btn a:hover {
    background-color: #fff;
    color: #003b78 !important;
    border-color: #fff;
}

.cal-tabview .nav-tabs button.active {
    border: 0;
    background: transparent;
    color: #fff;
    font-family: "Montserrat-Bold";
    border-bottom: 5px solid #fff;
}

    .cal-tabview .nav-tabs button.active:hover {
        border-bottom: 5px solid #fff;
    }

.cal-tabview .nav-tabs button {
    color: #fff;
    font-size: 1.05em;
    border: 0;
    border-bottom: 5px solid transparent;
    padding: 0.5em 2em;
}

    .cal-tabview .nav-tabs button:hover {
        border-width: 0;
        border-bottom: 5px solid transparent;
        outline: 0;
    }

.cal-tabview {
    margin: 2em 0 0;
}

.view-morebtn.cal-btn {
    margin: 0em 0 0;
}

/* slider css */
.week-date {
    background: #ffffff;
    border-radius: 3px;
    padding: 0.45em 0.75em 0.6em;
    height: 100%;
}

.week-slider .slick-track {
    gap: 0.3em;
    display: flex;
}

.week-date ul {
    padding: 0.625em 0 0.2em 1.15em;
    font-size: 0.8em;
    color: #767676;
    line-height: 21px;
}

.week-date h5 {
    letter-spacing: -0.02em;
    color: #003b78;
    font-size: 0.75em;
}

.week-date ul li {
    margin-bottom: 0.6em;
    cursor: pointer;
}

.view-more-dates {
    color: #008349;
    font-size: 0.7em;
    padding: 0 0 0 1.1em;
}

.week-date ul li::marker {
    color: #008349;
}

select.select-cal {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #3b4045;
    font-size: 0.7em;
    line-height: 1.571em;
    height: 32px;
    padding: 0 0.657em;
    width: 112px;
    margin-left: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

:focus-visible {
    outline: 0px;
}

.slider-for {
    width: 10em;
    margin: 0 0 0 1.3em;
    color: #fff;
}

    .slider-for .slick-slide {
        text-align: center;
        letter-spacing: -0.02em;
        font-size: 0.95em;
    }

.week-slider {
    margin: 0.85em 0 2.65em;
}

.month-slider {
    margin: 0em 0 0em;
}

.slider-for .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 18px;
}

.slider-for .slick-prev:before {
    content: "\f053";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 18px;
}

.week-slider .slick-next:before {
    content: "\f178";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 20px;
    color: #003b78;
}

.week-slider .slick-prev:before {
    content: "\f177";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 20px;
    color: #003b78;
}

.week-slider .slick-prev {
    background: rgba(255, 255, 255, 0.65);
    width: 37px;
    height: 37px;
    border-radius: 50px;
    left: -45px;
}

.week-slider .slick-next {
    background: rgba(255, 255, 255, 0.65);
    width: 37px;
    height: 37px;
    border-radius: 50px;
    right: -45px;
}

.week-slider .slick-prev:hover,
.week-slider .slick-prev:focus {
    background: rgba(255, 255, 255, 0.65) !important;
}

.week-slider .slick-next:hover,
.week-slider .slick-next:focus {
    background: rgba(255, 255, 255, 0.65) !important;
}

.media-content {
    padding: 2em 0 0;
}

.month-slider {
    height: 0;
    overflow: hidden;
}

    .month-slider .fc .fc-button-primary:focus,
    div#event .fc .fc-button-primary:focus,
    div#meeting .fc .fc-button-primary:focus {
        box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%) !important;
    }

    .month-slider .fc-header-toolbar.fc-toolbar,
    div#event .fc-header-toolbar.fc-toolbar,
    div#meeting .fc-header-toolbar.fc-toolbar {
        position: relative;
    }

    .month-slider .fc-toolbar-chunk,
    div#event .fc-toolbar-chunk,
    div#meeting .fc-toolbar-chunk {
        position: absolute;
        width: 18em;
    }

    .month-slider .fc-button-group,
    div#event .fc-button-group,
    div#meeting .fc-button-group {
        width: 100%;
        position: relative;
        margin: 0 !important;
        top: -19px;
    }

    .month-slider button.fc-prev-button.fc-button.fc-button-primary,
    div#event button.fc-prev-button.fc-button.fc-button-primary,
    div#meeting button.fc-prev-button.fc-button.fc-button-primary {
        left: 0;
    }

    .month-slider button.fc-next-button.fc-button.fc-button-primary,
    div#event button.fc-next-button.fc-button.fc-button-primary,
    div#meeting button.fc-next-button.fc-button.fc-button-primary {
        right: 0;
    }

    .month-slider .fc-toolbar-chunk,
    div#event .fc-toolbar-chunk,
    div#meeting .fc-toolbar-chunk {
        text-align: center;
        letter-spacing: -0.02em;
        font-size: 1.1em;
    }

    .month-slider .fc .fc-toolbar.fc-header-toolbar,
    div#event .fc .fc-toolbar.fc-header-toolbar,
    div#meeting .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 2.2em !important;
    }

#calendar,
div#event,
#meeting {
    margin: 0 0 1.5em;
}

    .month-slider .fc-button-group button,
    div#event .fc-button-group button,
    div#meeting .fc-button-group button {
        background: transparent !important;
        border: 0 !important;
        color: #fff !important;
        position: absolute !important;
        padding: 0 !important;
        font-size: 18px !important;
    }
    /* calendar-css */
    .month-slider button.fc-today-button.fc-button.fc-button-primary,
    div#event button.fc-today-button.fc-button.fc-button-primary,
    div#meeting button.fc-today-button.fc-button.fc-button-primary {
        display: none;
    }
    /* .month-slider .fc-header-toolbar.fc-toolbar, div#event button.fc-today-button.fc-button.fc-button-primary {
    display: none;
} */
    .month-slider table,
    .month-slider table tr td,
    .month-slider table tr th,
    div#event table,
    div#event table tr td,
    div#event table tr th,
    div#meeting table,
    div#meeting table tr td,
    div#meeting table tr th {
        border: 0 !important;
    }

        .month-slider table thead tr th .fc-scrollgrid-sync-inner,
        div#event table thead tr th .fc-scrollgrid-sync-inner,
        div#meeting table thead tr th .fc-scrollgrid-sync-inner {
            background: rgba(0, 0, 0, 0.15);
            border-radius: 3px 3px 0px 0px;
            font-family: "Montserrat-Bold";
            padding: 0.2em 0;
            margin: 0 3px;
        }

        .month-slider table tbody,
        div#event table tbody,
        div#meeting table tbody {
            position: relative;
            top: 2px;
        }

.tab-content > .tab-pane.active {
    display: block;
    height: auto;
    overflow: visible;
}

.tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

div#calendar,
div#event,
#meeting {
    padding: 1em 0 0;
}

div#calendar,
div#event,
div#meeting {
    font-size: 0.7em;
    height: 500px;
}

    div#calendar .fc-scroller.fc-scroller-liquid-absolute,
    div#event .fc-scroller.fc-scroller-liquid-absolute,
    div#meeting .fc-scroller.fc-scroller-liquid-absolute {
        overflow: initial !important;
    }

    div#calendar td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame,
    div#event td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame,
    div#meeting td.fc-daygrid-day.fc-day-other .fc-daygrid-day-frame {
        background: rgba(0, 0, 0, 0.15) !important;
        border-top: 2px solid rgba(255, 255, 255, 0.25) !important;
        border-bottom: 0px solid #ededed;
    }

.fc .fc-daygrid-day-frame {
    margin: 0 3px;
    border-top: 2px solid rgba(255, 255, 255, 0.25) !important;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}

.month-slider table table,
div#event table table,
div#meeting table table {
    border: 0px !important;
}

div#calendar,
div#calendar a,
div#event,
div#event a,
div#meeting,
div#meeting a {
    color: #fff;
}

    /*div#calendar .fc-daygrid-day-events,
    div#event .fc-daygrid-day-events,
    div#meeting .fc-daygrid-day-events {
        display: none;
    }*/

    div#calendar td.fc-daygrid-day.fc-day-other a,
    div#event td.fc-daygrid-day.fc-day-other a,
    div#meeting td.fc-daygrid-day.fc-day-other a {
        color: #fff;
    }

    div#calendar .fc-daygrid-day,
    div#event .fc-daygrid-day,
    div#meeting .fc-daygrid-day {
        border-top: 2px solid #fff;
    }

        div#calendar .fc-daygrid-day a,
        div#event .fc-daygrid-day a,
        div#meeting .fc-daygrid-day a {
            color: #4d4d4f;
            display: flex !important;
        }

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 1 !important;
}

div#calendar h2.fc-toolbar-title,
div#event h2.fc-toolbar-title,
div#meeting h2.fc-toolbar-title {
    font-size: 1.2em;
    margin: 0;
    font-family: "Montserrat-Bold";
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    background-color: #eef6ff !important;
}
/* slider css */
/*--------------------calendar-CSS------------------------*/
/*---------Footer-css----------------*/
.site-footer {
    position: relative;
}

.googletranslater {
    position: absolute !important;
    bottom: 12%;
}

.footer {
    padding: 6em 0 5.1em;
}

.Footer-links a:hover {
    color: #003b78;
}

.Footer-links a {
    font-size: 0.7em;
    line-height: 2.2em;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #31363a;
    transition: 0.3s ease-in-out;
    display: block;
}

.Footer-links h3 {
    font-size: 0.7em;
    line-height: 2.2em;
    letter-spacing: 0.03em;
    color: #003b78;
}

.Footer-more-links {
    background: #737373;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 116.8%;
    width: 100%;
    height: 19.3em;
    margin-left: auto;
    color: #ffffff;
}

.header-followmore span {
    line-height: 110.7%;
    letter-spacing: 0.03em;
    color: #003b78;
    font-size: 0.7em;
}

.sitemap-links a {
    font-size: 0.6em;
    margin: 0 25px 0 0;
    line-height: 110.7%;
    letter-spacing: 0.03em;
    color: #31363a;
}

.extra-working-links {
    margin: 5em 0 0;
}

div#google_translate_element {
    margin: 1.4em 0 0;
}

.header-followmore.text-start {
    justify-content: space-between;
    padding: 1.35em 0 0;
    flex-wrap: wrap;
}

    .header-followmore.text-start a {
        margin: 0 0em 0;
    }

        .header-followmore.text-start a:hover {
            color: #fff;
        }

.mobile-footerview {
    display: none;
}

.sitemap-links .mb {
    position: relative;
    left: -10px;
}
/*---------Footer-css----------------*/

/*--------------------news--section-CSS----------------------------------------------------*/

.news-section .item-content span.news-one {
    font-size: 0.7em;
    color: #008349;
    padding: 0 0 3px 0;
}

.news-section .item-content h2 {
    font-size: 1.05em;
    color: #003b78;
}

#slickslider-news .card {
    border: 0;
}
.news-section .slick-track {
    margin: 0 !important;
}
    #slickslider-news .card .card-img img {
        width: 100%;
    }

.news-section .news-heading-wrap .counter-section-subheading {
    color: #008349;
}

.news-section .news-heading-wrap .counter-section-heading {
    color: #003b78;
}

.news-section .news-heading-wrap p.counter-section-content {
    max-width: 28em;
    float: left;
    padding: 0.5em 0 1.4em;
}

.view-morebtn {
    margin: 3.5em 0 0;
}

    .view-morebtn a {
        border: 1px solid #b8b8b8;
        border-radius: 50px;
        font-size: 0.7em;
        line-height: 110.7%;
        letter-spacing: 0.03em;
        color: #003b78;
        height: 3.714em;
        display: inline-block;
        line-height: 3.714em;
        transition: ease-in-out 0.2s;
        padding: 0 2.6em;
        font-family: "Montserrat-Bold";
    }

        .view-morebtn a:hover {
            background-color: #003b78;
            color: #fff;
            box-shadow: 0 0.85em 2.7em rgb(0 0 0 / 17%);
            border: 1px solid #003b78;
        }

#slickslider-news .slick-prev:before,
#slickslider-news .slick-next:before {
    font-family: "Montserrat-Regular";
    font-size: 33px;
    background-color: #003b78;
    opacity: 1;
    width: 37px;
    height: 37px;
    display: inline-block;
    border-radius: 50px;
    line-height: 30px;
}

#slickslider-news .slick-prev {
    left: -20px;
}

#slickslider-news .slick-next {
    right: -20px;
}

#slickslider-news .slick-arrow {
    width: 37px;
    height: 100%;
    background: #fff;
    z-index: 1;
    top: 41%;
}

.news-card {
    margin: 0 1em;
}

/* small and extra-small screens */
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }

    .card-img-container img {
        max-width: 100%;
    }
}

/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

    .card-img-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .card-img-container img {
            display: inline-block;
            max-height: 100%;
            margin: 0 -50%;
        }

    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }

    .carousel-inner .carousel-item-end,
    .carousel-inner .carousel-item-start {
        transform: translateX(0);
    }
}
/*--------------------news--section-CSS----------------------------------------------------*/

/*--------------------sticky-header-CSS-start----------------------------------------------------*/
nav.sticky .container {
    max-width: 100%;
    padding: 0 1.5em !important;
}

nav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 51;
    padding: 12px 2.5em 12px 2em;
    box-shadow: 0 24px 25px #00000012;
}

nav.navbar.navbar-expand-lg.sticky .nav-link {
    color: #003b78;
    padding: 1.75em 0.8125rem;
    border: 0;
}

    nav.navbar.navbar-expand-lg.sticky .nav-link:hover {
        color: #fff;
        border: 0;
    }

nav.navbar.navbar-expand-lg.sticky li:hover .nav-link {
    color: #fff;
}

.logo-sticky {
    display: none;
}

nav.sticky .logo-sticky {
    display: block;
}

nav.sticky .logo-front {
    display: none;
}

nav.sticky a.navbar-brand.brand {
    width: 112px;
    padding: 0;
}

nav.sticky .navbar-expand-lg .navbar-nav .nav-link {
    color: #003b78;
}

nav.sticky a.navbar-brand {
    margin: 0 1em 0em 0;
}

nav.sticky ul.navbar-nav {
    bottom: 0em;
}

nav.sticky .header-followmore {
    width: 23.65em;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    bottom: 0;
}

    nav.sticky .header-followmore a.btn {
        margin: 0 0.3em 0em;
    }

nav.sticky form.header-searchbox {
    position: relative;
    width: 14.25em;
    height: 1.8em;
    margin: 0 0 0 1.25em;
}

.popular-links-section .dropdown-sub-links a.dropdown-item {
    line-height: 2.4em;
}
/*--------------------sticky-header-CSS-and----------------------------------------------------*/

/*--------------------sticky-verticl-nav-CSS----------------------------------------------------*/

#main {
    height: 100%;
}

#dot-nav {
    right: 1em;
    z-index: 999;
    position: fixed;
    top: 50%; /* Position the top edge at 50% of the viewport height */
    transform: translateY(-50%); /* Move up by 50% of the element's height to center it */
    margin: auto;
}

    #dot-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #dot-nav li {
        position: relative;
        background-color: #fff;
        border-radius: 50px;
        cursor: pointer;
        height: 1.7em;
        margin: 0 0 10px;
        width: 1.7em;
        text-align: center;
        line-height: 1.7em;
        overflow: hidden;
    }

        #dot-nav li i {
            color: #767676;
            top: -2px;
            position: relative;
        }

        #dot-nav li.active i {
            color: #fff;
        }

        #dot-nav li.active a {
            background-color: #008349;
        }

    #dot-nav a {
        position: absolute;
        left: 0;
        top: 0px;
        bottom: 0;
        right: 0;
        font-size: 0.8em;
        color: #fff;
        z-index: 1;
        border-radius: 50px;
        border: 2px solid #b8b8b8;
        background-color: #fff;
    }

.awesome-tooltip + .tooltip > .tooltip-inner {
    /*background-color: #8e44ad;*/
    color: #f5f5f5;
    border: 1px solid #8e44ad;
}

.awesome-tooltip + .tooltip.left > .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #8e44ad;
}

.awesome-tooltip span {
    top: 0px;
    position: absolute;
    right: 0px;
    transition: 0.3s;
    padding: 0;
    height: auto;
    text-decoration: none;
    color: #000;
    border-radius: 50px;
    font-size: 0.75em;
    background: #fff;
    z-index: 0;
    border: 1px solid #ddd;
    line-height: 32px;
    white-space: nowrap;
}

#dot-nav li:hover {
    overflow: visible;
}

    #dot-nav li:hover span {
        right: 0px;
        padding: 0em 3em 0em 1em;
    }
/*--------------------sticky-verticl-nav-CSS----------------------------------------------------*/

/*---------Collapse-icon-css----------------*/
.container1 {
    display: inline-block;
    cursor: pointer;
}

.bar1,
.bar2,
.bar3 {
    width: 28px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 7.8px);
    transform: rotate(-45deg) translate(-10px, 7px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -4px);
    transform: rotate(45deg) translate(-5px, -3px);
}

.container1 {
    display: none;
}
/*---------Collapse-icon-css----------------*/

/*mega menu*/

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    margin-top: 0;
}

.dropdown-hover {
    float: left;
    overflow: hidden;
}

.dropdown-hover-content {
    display: none;
    position: absolute;
    margin-top: 0;
    color: #c6def5;
    background-color: #003b78;
    left: 0;
    right: 0;
    padding: 4.3em 0;
    z-index: 4;
}

    .dropdown-hover-content .row {
        width: 100%;
    }

    .dropdown-hover-content a.dropdown-item {
        font-size: 14px;
        white-space: normal;
    }

.dropdown-hover:hover .dropdown-hover-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.dropdown-hover .row-flex {
    justify-content: space-between;
    flex-wrap: wrap;
}

.nav-border {
    border-left: 2px solid rgba(255, 255, 255, 0.34);
    margin: 0 0 0 20%;
    padding: 0 0 0 20%;
}

.dropdown-hover h5 {
    line-height: 116.8%;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 1.05em;
    padding: 0 0 0.7em;
}

.dropdown-hover a.dropdown-item {
    padding: 0;
    line-height: 1.8em;
    color: #c6def5;
    font-family: "Montserrat-Regular";
    transition: ease-in-out 0.1s;
    font-size: 0.8em;
}

    .dropdown-hover a.dropdown-item:hover {
        color: #fff;
    }

.dropdown-hover-content {
    background-image: url(../../Images/banner-shaps.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 25em;
}

    .dropdown-hover-content::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #2c84b7;
    }

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

    .dropdown-hover-content::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #fff;
    }

/*end of mega menu*/

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

/*--------------------Department-CSS------------------------*/

.department-banner .banner-description {
    font-size: 0.8em;
    line-height: 144.7%;
    margin: 0.2em 0 0;
}

.department-banner .main h1 {
    font-size: 3.6em;
    line-height: 1.097em;
}

.banner.department-banner {
    padding: 16em 0 17.85em;
}
/* service */
.service-provided {
    margin: 1em 0 0;
}

.mission-section {
    background: url(../../Images/departments-shaps.png), linear-gradient(110.85deg, #008349 0%, #003b78 32.39%);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}

.mission-section .mission-content {
    margin: 0 0 0em;
}

.mission-content p {
    letter-spacing: 0.03em;
    font-size: 0.8em;
    line-height: 1.875em;
}

.mission-content {
    margin: 0em 0 1em;
}

    .mission-content h4 {
        font-size: 2.4em;
        line-height: 1.52em;
        padding: 0 0 0.8em;
        max-width: 21em;
    }
/* service */

section.description-section {
    padding: 6em 0 0;
}

.description-flex {
    justify-content: space-between;
}

    .description-flex div {
        flex-basis: calc(50% - 5rem);
    }

    .description-flex b {
        font-family: 'Montserrat-Bold';
        color: #505151;
    }

    .description-flex .mission-content p {
        color: #767676;
    }
/*--------------------Department-CSS------------------------*/
/*--------------------Interior-Template-CSS------------------------*/
section.header.interior-wrap {
    background-image: url(../../Images/Interior-Template.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 28.6em;
}

.row.interior-section-row {
    margin: -11.8em 0 0;
    background: #fff;
    border-radius: 3px 3px 0px 0px;
    padding: 3em;
}

.breadcrumb-banner-links {
    color: #949495;
    font-size: 0.7em;
    line-height: 1.571em;
}

    .breadcrumb-banner-links a {
        color: #949495;
    }

.interior-banner h1 {
    letter-spacing: 0.03em;
    color: #003b78;
    font-size: 3.2em;
    padding: 0.625em 0 0.2em;
}

.interior-banner p {
    font-size: 0.8em;
    color: #505151;
    line-height: 1.875em;
}

.breadcrumb-banner-links a.active-breadcrumb {
    color: #008349;
    font-family: "Montserrat-Bold";
}

.interior-banner {
    margin: 0 0 4em;
}

.interior-section .service-heading-wrap .heading-wrap {
    padding: 0 2em 0 0;
}

.interior-section .service-heading-wrap div {
    width: 31%;
}

.interior-aboutus-section h2 {
    line-height: 110.7%;
    letter-spacing: 0.03em;
    color: #003b78;
    font-size: 1.6em;
}

.interior-aboutus-section p {
    color: #505151;
    font-size: 0.8em;
    line-height: 1.875em;
    padding: 0.6em 0;
}

.interior-aboutus-section ul {
    color: #767676;
    font-size: 0.8em;
    line-height: 1.875em;
    padding: 0 0 0 2.2em;
}

    .interior-aboutus-section ul.num-list {
        list-style: auto;
    }

.interior-section .service-heading-wrap {
    margin: 0em 0 4em;
}

.interior-aboutus-section-second h3,
.interior-aboutus-section-third h3 {
    line-height: 110.7%;
    letter-spacing: 0.03em;
    color: #003b78;
    font-size: 1.05em;
}

.interior-aboutus-section-second p {
    color: #767676;
    font-size: 0.8em;
    line-height: 1.875em;
    padding: 0.6em 0;
}

    .interior-aboutus-section-second p a {
        color: #008349;
        text-decoration: underline;
    }

.interior-aboutus-section-second span {
    color: #767676;
    font-size: 0.6em;
    line-height: 1.875em;
}

.aboutus-interiorimg {
    padding: 1em 0 1.5em;
}

.interior-aboutus-section-second .view-morebtn {
    margin: 1.5em 0 0;
}

.interior-aboutus-section,
.interior-aboutus-section-second {
    margin: 0em 0 3.5em;
}

.interior-aboutus-section-third span {
    color: #767676;
    font-size: 0.8em;
    line-height: 1.875em;
}

.interior-aboutus-section-third img {
    width: 14.7em;
    float: left;
    margin: 0 1.5em 0.5em 0;
    height: 182px;
    object-fit: cover;
}

.interior-aboutus-section-third .aboutus-interiorimg a {
    color: #008349;
    text-decoration: underline;
}

.interior-aboutus-section-third {
    margin: 0 0 2.5em;
}

.staff-tabview .nav-tabs button.active {
    border: 0;
    background: transparent;
    color: #003b78;
    font-family: "Montserrat-Bold";
    border-bottom: 5px solid #008349;
}

    .staff-tabview .nav-tabs button.active:hover {
        border-bottom: 5px solid #008349;
    }

.staff-tabview .nav-tabs button {
    color: #767676;
    font-size: 1.05em;
    border: 0;
    border-bottom: 5px solid transparent;
    padding: 0.5em 2em;
}

    .staff-tabview .nav-tabs button:hover {
        border-width: 0;
        border-bottom: 5px solid transparent;
        outline: 0;
    }

.staff-tabview .counter-section-subheading {
    color: #008349;
}

.staff-tabview h2.counter-section-heading {
    color: #003b7a;
}

.staff-tabview p.counter-section-content {
    margin: initial;
    color: #767676;
}

.staff-tab-content {
    margin: 6em 0 0;
}

.all-staff {
    gap: 1.95em;
    margin: 2em 0 0;
}

.staff-data {
    width: 21%;
}
.StaffModal{
    cursor:pointer;
}
.staff-data h5 {
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: #003b78;
    font-size: 0.8em;
    padding: 1.2em 0 0;
}

    .staff-data.text-center div {
        color: #767676;
        font-size: 0.7em;
        letter-spacing: 0.08em;
    }

section.interior-section {
    border-bottom: 1px solid #dadada;
}

.interior-section-followmore .header-followmore {
    text-align: left;
    position: relative;
    bottom: 0;
    padding: 1.8em 0 2.8em;
}

    .interior-section-followmore .header-followmore a.btn {
        background: #3d3d3d;
        margin: 0 0.1em 1em;
    }

.header-followmore a.btn:active {
    color: #fff;
}

.interior-section .header-followmore h5 {
    color: #3d3d3d;
    font-size: 1.05em;
    padding: 0 0 0.7em;
}

.interior-left-content {
    padding: 0 3em 0 0;
}
/*--------------------Interior-contact-CSS------------------------*/
.interior-contactus-card {
    background: #003b78;
    box-shadow: 0px 0px 19px 6px rgb(0 0 0 / 15%);
    border-radius: 3px;
    color: #fff;
    padding: 1.3em;
    margin: 0 0 1.15em;
}

    .interior-contactus-card h5 {
        letter-spacing: 0.03em;
        font-size: 1.2em;
    }

    .interior-contactus-card .contactus-description {
        color: #c9d8e8;
        font-size: 0.8em;
        line-height: 1.875em;
    }

    .interior-contactus-card .contactus-heading.mb {
        font-size: 0.8em;
        line-height: 1.875em;
        padding: 1em 0 0;
    }

    .interior-contactus-card a.contactus-btn {
        border: 1px solid #46719d;
        border-radius: 50px;
        font-size: 0.7em;
        color: #fff;
        line-height: 39px;
        letter-spacing: 0.03em;
        display: inline-block;
        transition: ease-in-out 0.2s;
        padding: 0 1.6em;
        height: 39px;
        margin: 0.9em 0 0;
    }

        .interior-contactus-card a.contactus-btn:hover {
            border-color: #fff;
            background-color: #fff;
            color: #003b78;
        }

.interior-contactus-btn {
    padding: 0.6em 0 0;
}

.interior-contactus-calldetail {
    gap: 1.2em;
}

.external-links a {
    color: #c9d8e8;
    font-size: 0.8em;
    line-height: 1.875em;
    display: block;
    text-decoration: underline;
}

.external-links {
    margin: 0.6em 0 0.5em;
}

.download-doc a {
    color: #c9d8e8;
    font-size: 0.8em;
    line-height: 1.875em;
    display: block;
    text-decoration: underline;
}

    .download-doc a i {
        color: #fff;
        padding: 0 10px 0 0;
    }

.interior-contactus-card a:hover {
    color: #fff;
}

.interior-contactus-section .header-followmore {
    text-align: left;
    position: unset;
    margin: 0.8em 0 0 0;
}

    .interior-contactus-section .header-followmore a {
        margin-bottom: 0;
    }

.follow-more a.mail {
    background-color: #003b78;
}

.panelview-mobile {
    display: none;
}
/*--------------------Interior-contact-CSS------------------------*/
/*--------------------Interior-Template-CSS------------------------*/

/*--------------------Modal-CSS------------------------*/
.body {
    overflow: hidden;
}

.container .row.inactive {
    position: unset;
}

.modal-staff {
    position: relative;
}
/* The Modal (background) */
.myModal {
    display: none;
    position: fixed;
    z-index: 52;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    box-shadow: 7px 14px 42px 26px rgb(0 0 0 / 9%);
    background: #002a55;
}

    /* Modal Content */
    .myModal .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        width: 90%;
        max-width: 1349px;
        border-radius: 11px;
    }

    /* The Close Button */
    .myModal .close {
        color: white;
        position: absolute;
        top: -8px;
        right: 35px;
        font-size: 90px;
        font-weight: 100;
    }

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.cursor {
    cursor: pointer;
}

.myModal .prev,
.myModal .next {
    cursor: pointer;
    position: absolute;
    top: 42%;
    width: auto;
    padding: 16px;
    margin-top: 0;
    color: white !important;
    font-weight: bold;
    font-size: 39px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    opacity: 0.6;
}

    .myModal .prev:hover,
    .myModal .next:hover {
        opacity: 1;
    }
/* Position the "next button" to the right */
.myModal .next {
    right: 9%;
}

.myModal a.prev {
    left: 9%;
}

.mySlides img {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
    height: 100%;
    object-fit: cover;
}

h2.mySlides-name {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #003b78;
}

p.about-mySlides-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #7e7e7e;
}

.mySlides-content {
    padding: 45px 25px 40px 0;
    position: relative;
}

.about-content {
    font-size: 16px;
    color: #7e7e7e;
    line-height: 25px;
    font-weight: 400;
    margin: 30px 0px 0 0;
    height: 100%;
    overflow: auto;
    padding: 0 36px 0 0;
    max-height: 32em;
}

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

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

    .about-content::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #6d6d6d;
    }

.opacity-img {
    position: absolute;
    bottom: 20px;
}

.footer-icons a {
    margin: 0 6px 0 0 !important;
}

.follow-more.text-right.footer-icons {
    padding: 0 25px 0 0px;
}

.staff-img img {
    box-shadow: 0px 15px 23px 7px rgb(0 0 0 / 8%);
    border-radius: 100px;
}

.staff-sublinks ul li a {
    font-size: 16px;
    color: #7e7e7e;
}

.about-staff-row h5 {
    padding: 0 0 5px;
}

.staff-sublinks {
    padding: 10px 0 0 20px;
    line-height: 25px;
}

.follow-more.share-icons h3 {
    font-weight: 700;
    font-size: 21px;
    margin: 0 0 15px;
    color: #3d3d3d;
}

.follow-more.share-icons a {
    background: #3d3d3d;
}

footer.footer.staff-footer .row:first-child {
    border-top: 1px solid #ededed;
    padding: 90px 0 0;
}

footer.staff-footer {
    padding: 0px 0 125px;
}

.follow-more.share-icons {
    margin: 45px 0 40px;
}

.follow-more a {
    width: 32px;
    background: #006098;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 50px;
    margin: 0 8px 0 0;
    font-size: 18px;
}

    .follow-more a i {
        color: #fff;
    }
/*--------------------Modal-CSS------------------------*/
/*--------------------Modal-event-css------------------------*/
.eventmodal .modal-body {
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}

.eventmodal button.btn-close {
    position: absolute;
    right: 10px;
    font-size: 15px;
    top: 10px;
}

.events-img {
    width: 100%;
    height: 100%;
    position: relative;
}

    .events-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
    }

.events-content {
    padding: 2.5em 2em 1em;
}

.events-sub-heading {
    font-size: 0.8em;
    color: #505151;
}

.events-title {
    font-size: 1.2em;
    color: #003B78;
}

.events-card {
    padding: 2.2em 0 0;
}

.slider-large {
    cursor: pointer;
}

p.events-desc {
    font-size: 0.7em;
    line-height: 1.875em;
    color: #767676;
    padding: 0.5em 0 0;
}

.events-time {
    font-size: 0.7em;
    margin: 3em 0 0;
    color: #505151;
}

.modal-backdrop.show {
    opacity: 1;
    background: #002A55;
}

span.team-block-overlay {
    background: linear-gradient(0.07deg, #000000 -38.94%, rgb(0 0 0 / 61%) 27.51%, rgb(255 255 255 / 0%) 80.33%);
    position: absolute;
    z-index: 5;
    display: block;
    bottom: 0;
    height: 8em;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0.95;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5;
}

.follow-events {
    z-index: 20;
    position: absolute;
    bottom: -40px;
    right: 23px;
    transition: ease-in-out 0.3s;
}

    .follow-events a {
        margin: 0 8px 0 0 !important;
    }

.slider-large:hover .follow-events {
    bottom: 14px;
}
/*--------------------Modal-event-css------------------------*/
/*.parallax-section {
    padding: 0 !important;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
section.service-section,
.calendar-section, .media-section,
section.news-section, .mission-section {
    padding: 6em 0;
}
.socialmedia-section {
    padding: 6em 0 0;
}

section.header {
    height: 100vh;
    min-height: 700px;
}
/* MEDIA */
@media (min-width: 1365px) {
    .container {
        max-width: 63em;
    }

        .container.news-container {
            max-width: 64.9em;
        }
}

@media (min-width: 1540px) {
    .container {
        max-width: 74.5em;
    }

        .container.news-container {
            max-width: 76.6em;
        }
}

@media (max-width: 1680px) {
    .myModal a.prev {
        left: 2em;
    }

    .myModal a.next {
        right: 2em;
    }
}

@media (max-width: 1600px) {
    .myModal a.prev {
        left: 0;
    }

    .myModal a.next {
        right: 0;
    }

    .myModal .prev,
    .myModal .next {
        padding: 8px;
    }

    .googletranslater {
        bottom: 10%;
    }
}

@media (max-width: 1536px) {
    /*--------------------Department-CSS------------------------*/
    .description-flex div {
        flex-basis: calc(50% - 1rem);
    }
    /*--------------------Department-CSS------------------------*/

    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2),
    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) {
        width: 24% !important;
    }

        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2) .yottie-widget-video-preview-thumbnail img,
        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) .yottie-widget-video-preview-thumbnail img {
            height: auto !important;
        }
    /*--------------------Interior-Template-CSS------------------------*/
    .interior-contactus-calldetail {
        gap: 0.5em;
    }

    .interior-contactus-card a.contactus-btn {
        font-size: 0.6em;
        padding: 0 1em;
    }

    .interior-contactus-card {
        padding: 1em;
    }
    /*--------------------Interior-Template-CSS------------------------*/
}

@media (max-width: 1366px) {
    /*--------------------calendar-CSS------------------------*/
    .calendar-section,
    .media-section {
        background: url(../../Images/departments-shaps.png), linear-gradient(110.85deg, #008349 0%, #003b78 32.39%);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
    }

        .media-section::before,
        .media-section:before,
        .calendar-section::before,
        .calendar-section:before {
            display: none;
        }
    /*--------------------calendar-CSS------------------------*/

    /*--footer--*/
    .Footer-links a {
        font-size: 0.6em;
    }


    .extra-working-links {
        margin: 4em 0 0;
    }

  
    /*--footer--*/
    /*--navbar--*/
    .navbar a.navbar-brand,
    .sticky a.navbar-brand {
        margin: 0 1em -2em 0;
    }

    nav.sticky form.header-searchbox {
        margin: 0 0 0 0.25em;
    }

    nav.sticky form.header-searchbox {
        width: 10.25em;
    }

    nav.sticky .header-followmore {
        width: auto;
    }
    /*--navbar--*/

}

@media (max-width: 1280px) {
    section.service-section, .calendar-section, .media-section, section.news-section, .mission-section {
        padding: 4em 0;
    }
    .socialmedia-section {
        padding: 4em 0 0;
    }
    section.description-section {
        padding: 4em 0 0;
    }
    .footer {
        padding: 4em 0 5.1em;
    }
    /*--------------------Department-CSS------------------------*/
    .description-flex div {
        flex-basis: calc(50% - 1rem);
    }

    .mission-content p {
        font-size: 0.7em;
    }
    /*--------------------Department-CSS------------------------*/
    /*--------------------media-CSS------------------------*/
    .view-morebtn.media-btn {
        text-align: left;
    }
    /*--------------------media-CSS------------------------*/
    /*--------------------Interior-Template-CSS------------------------*/
    .interior-contactus-calldetail {
        gap: 0em;
    }

    .row.interior-section-row {
        padding: 2em;
    }

    .interior-contactus-calldetail div {
        width: 100%;
    }

    .interior-contactus-card {
        padding: 0.8em;
    }

        .interior-contactus-card h5 {
            font-size: 1.1em;
        }

    .staff-data {
        width: 29%;
    }
    /*--------------------Interior-Template-CSS------------------------*/
    /*--article--*/
    article.Topic-section {
        margin: -11em 0 3em;
    }
    /*--article--*/
    /*--navbar--*/
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 0.7em;
    }

    nav.navbar.navbar-expand-lg.sticky .nav-link {
        padding: 2.3em 0.8125rem;
    }

    form.header-searchbox,
    .sticky form.header-searchbox {
        width: 10.25em;
    }

    .sticky .header-followmore {
        width: auto;
    }

    .sticky nav.navbar {
        padding: 0.5em 1em;
    }

    .sticky a.navbar-brand {
        margin: 0 1em 0em 0;
    }
    /*--navbar--*/

    /*--footer--*/
    .header-followmore span {
        padding: 0 0 0.5em;
    }

    .Footer-more-links {
        height: 17.3em;
    }

    .extra-working-links {
        margin: 2em 0 0;
    }
    /*--footer--*/
}

@media (max-width: 1200px) {
    /*--------------------Department-CSS------------------------*/
    .mission-content h4 {
        font-size: 2em;
    }
    /*--------------------Department-CSS------------------------*/
    /*--------------------Interior-Template-CSS------------------------*/
    section.interior-section .container {
        max-width: 100%;
    }

    .row.interior-section-row {
        padding: 1.5em;
    }

    .interior-banner h1 {
        font-size: 2.2em;
    }

    .interior-contactus-card a.contactus-btn {
        font-size: 0.5em;
    }

    .interior-left-content {
        padding: 0 1em 0 0;
    }
    /*--------------------Interior-Template-CSS------------------------*/

    .navbar .container {
        max-width: 95%;
    }

    /*--navbar--*/
    nav.sticky .container {
        padding: 0 0.5em !important;
    }

    .main h1 {
        font-size: 4em;
    }

    a.navbar-brand {
        margin: 0 1em -2em 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 0.6em;
        padding: 6em 0.8125rem 1em;
    }

    nav.sticky form.header-searchbox {
        width: 8.25em;
        margin: 0 0 0 0.5em;
    }

    nav.sticky .header-followmore a.btn {
        margin: 0 0.15em 0em;
    }

    .navbar a.navbar-brand,
    .sticky a.navbar-brand {
        margin: 0 1em -2.3em 0;
    }
    /*--navbar--*/
    /*--banner--*/

    /*--banner--*/
    /*--services--*/
    .service-wrapbox p {
        padding: 0em 2.5em 0;
    }

    .service-wrapbox h5 {
        padding: 2.5em 0 0;
    }

    .service-wrapbox {
        padding: 2em 15px 2em;
    }
    /*--services--*/
    /*--news--*/
    .news-card {
        margin: 0 0.5em;
    }

    #slickslider-news .slick-arrow {
        background: transparent;
    }

    #slickslider-news .slick-prev {
        left: 3px;
        top: 40%;
    }

    #slickslider-news .slick-next {
        right: 3px;
    }

    .view-morebtn {
        margin: 2em 0 0;
    }
    /*--news--*/
    /*--counter--*/
    .count-digit {
        font-size: 3em;
    }

    .counter-section {
        padding: 9.2em 0 15em;
    }
    /*--counter--*/
    /*--footer--*/
    .extra-working-links {
        margin: 3em 0 0;
    }

  
    /*--footer--*/
}

@media (max-width: 991px) {
    #dot-nav{
        display:none;
    }
    .media-section iframe {
        height: 300px !important;
    }
    button.get-value, .get-value {
        white-space: normal;
    }
    /*--------------------Department-CSS------------------------*/


    .description-flex div {
        flex-basis: 100%;
    }

    section.description-section.section {
        padding: 5em 0 0 !important;
        border-bottom: 1px solid #e6e6e6;
    }

    .mission-content h4 {
        font-size: 1.8em;
    }
    /*--------------------Department-CSS------------------------*/
    .googletranslater {
        position: absolute !important;
        bottom: 2%;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
        margin: auto;
    }


    /*--cal--*/

    .week-slider {
        width: 95%;
        margin: 0.85em auto 1.65em;
    }
    /*--cal--*/
    /*--------------------Inner-page-CSS-start----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
    .mq-none {
        display: none;
    }

    .follow-more.text-end.footer-icons {
        margin: 1em 0 0;
        text-align: left !important;
    }

    .mySlides img {
        border-radius: 5px;
    }

    .myModal .modal-content {
        padding: 40px;
    }

    .mySlides-content {
        padding: 0px 0px 0px 0;
    }

    .opacity-img {
        bottom: 0;
    }

    .myModal a.prev {
        top: 0.6em;
        left: 1em;
    }

    .myModal a.next {
        top: 0.6em;
        left: 2.5em;
        right: auto;
    }

    .about-staff {
        padding: 38px 38px;
    }

    h1.staff-heading {
        font-size: 33px;
        padding: 5px 0;
    }

    h3.staff-sub-heading {
        font-size: 26px;
    }

    .d-flex.profile-picture {
        flex-wrap: wrap;
    }

    .staff-profile-picture {
        width: 100%;
    }

    .interior-aboutus-section-third {
        margin: 0 0 0.5em;
    }
    /*-
    -------------------Inner-page-CSS-and----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
    /*--------------------Interior-Template-CSS------------------------*/

    .interior-contactus-card {
        padding: 1.2em;
    }

        .interior-contactus-card a.contactus-btn {
            font-size: 0.6em;
            padding: 0 2em;
        }

    .row.interior-section-row {
        padding: 1.5em 0.5em;
        margin: 0;
    }

    section.header.interior-wrap {
        height: 45vh;
    }

    .interior-left-content {
        padding: 0 0 0 0;
    }
    /*--------------------Interior-Template-CSS------------------------*/

    /*  collpase-bar css */

    .dropdown-hover-content {
        background-image: url(../../);
    }

    .header-followmore .active {
        margin: 4.9em 0 0;
    }

    .navbar-expand-lg .navbar-nav li.active {
        position: absolute;
        width: 100%;
        overflow: visible;
        background: #003b78;
    }

    .body .navbar-expand-lg .navbar-nav li.active a {
        font-size: 0.7em;
    }

    .navbar-expand-lg .navbar-nav li.active .dropdown-hover-content {
        display: block;
    }

    button.back-btn {
        display: block;
        visibility: hidden;
    }

    .body button.back-btn.active {
        visibility: visible;
        position: absolute;
        top: 2px;
        left: 2.5em;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 1.25em;
    }

    .dv-none {
        display: block;
    }

    .Popular-links {
        border-top: 4px solid #174f89;
        margin: 2.3em 0 0;
        padding: 2.5em 0 1.2em;
    }

        .Popular-links h5 {
            line-height: 116.8%;
            text-transform: capitalize;
            color: #ffffff;
            font-size: 0.9em;
            padding: 0 0 0.7em;
        }

        .Popular-links a.dropdown-item {
            padding: 0;
            line-height: 2.4em;
            color: #c6def5;
            font-family: "Montserrat-Regular";
            transition: ease-in-out 0.1s;
            font-size: 0.8em;
        }

    .sticky .bar1,
    .sticky .bar2,
    .sticky .bar3 {
        background-color: #00162e;
    }

    .sticky .change .bar1,
    .sticky .change .bar2,
    .sticky .change .bar3 {
        background-color: #fff;
    }

    .dropdown-hover .col-lg-4 {
        display: none;
    }

    .dropdown-hover .dropdown-hover-content {
        margin: 0.6em 0;
        height: 12em;
        overflow: auto;
        padding: 0;
    }

    .dropdown-hover .container {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .body .navbar-expand-lg .navbar-nav .nav-link:hover {
        border-top: 0px solid transparent;
    }

    .body nav.navbar {
        position: fixed;
        z-index: 3;
        width: 100%;
        background: #003b78;
        height: 100vh;
        display: flex;
        align-items: baseline;
        overflow: auto;
        background-image: url(../../Images/mobile-nav-shaps.png);
        background-position: bottom 20% right;
        background-repeat: no-repeat;
        background-size: 20%;
    }

    nav.navbar.navbar-expand-lg.sticky .nav-link,
    .body .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 0.8em;
        padding: 0;
        line-height: 3em;
        color: #fff;
        border: 0;
    }

    .navbar a.navbar-brand,
    .sticky a.navbar-brand {
        margin: 0 1em 0em 0;
    }

    nav.sticky .header-followmore {
        text-align: left;
        display: block;
        position: unset;
    }

    .body .navbar a.navbar-brand {
        display: none;
    }

    .body .navbar-collapse {
        position: relative;
        margin: 1.2em 0 0;
    }

    nav.sticky form.header-searchbox,
    .body form.header-searchbox {
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0;
    }

    .body ul.navbar-nav {
        padding: 2.5em 0 0;
    }

    .body .header-followmore a {
        margin: 0 0.2em;
    }

    .body .header-followmore {
        position: unset;
        text-align: left;
    }

    .body .dropdown-hover h5 {
        font-size: 0.8em;
    }

    .body .dropdown-hover a.dropdown-item {
        line-height: 1.9em;
    }
    /*  collpase-bar css */
    .container1 {
        display: block;
    }
    /*--article--*/
    article.Topic-section {
        margin: -12em 0 2em;
    }

    /*--article--*/

    #dot-nav {
        display: none;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 95%;
    }
    /*--navbar--*/
    .sticky .logo-sticky {
        width: 50px;
        position: relative;
    }

    .navbar .container {
        position: relative;
    }

    nav.sticky .container {
        padding: 0 0em !important;
        max-width: 95%;
    }

    nav.navbar,
    .body nav.sticky {
        padding: 1.5em 1em 0 !important;
    }

    a.navbar-brand {
        margin: 0 0em 0em 0;
    }

    .main h1 {
        font-size: 4em;
    }

    nav.sticky {
        padding: 0.5em 1em !important;
    }

    .banner.department-banner {
        padding: 12em 0 17.85em;
    }
    /*--navbar--*/
    /*--services--*/


    .service-wrapbox p {
        width: 55px;
        padding: 0 0;
        margin: auto;
    }

    .service-wrapbox h5 {
        padding: 1.5em 0 0;
    }

    p.counter-section-content {
        font-size: 0.7em;
        line-height: 2em;
    }

    .service-heading-wrap div {
        width: 24%;
    }
    /*--services--*/
    /*--news--*/
    #slickslider-news .slick-prev:before,
    #slickslider-news .slick-next:before {
        line-height: 25px;
        border: 3px solid #fff;
    }
    /*--news--*/

    /*--counter--*/

    /*--counter--*/
    /*--footer--*/
    .Footer-more-links {
        margin: 2.2em 0 0;
    }

    .mobile-footerview .accordion-item, .panelview-mobile .accordion-item {
        border: 0;
        border-bottom: 1px solid #cfcfcf;
    }

        .mobile-footerview .accordion-item button {
            font-size: 0.9em;
            line-height: 110.7%;
            letter-spacing: 0.03em;
            color: #003b78;
            padding: 1em 0;
        }

        .panelview-mobile .accordion-item button.accordion-button {
            color: #003b78;
            font-family: 'Montserrat-Bold';
        }

            .panelview-mobile .accordion-item button.accordion-button.collapsed {
                color: #767676;
                font-family: 'Montserrat-Regular';
            }

        .panelview-mobile .accordion-item button {
            font-size: 0.9em;
            line-height: 110.7%;
            letter-spacing: 0.03em;
            padding: 1em 0;
        }

        .mobile-footerview .accordion-item h2, .panelview-mobile .accordion-item h2 {
            font-size: 1em;
        }

    .mobile-footerview .accordion-button:focus, .panelview-mobile .accordion-button:focus {
        z-index: 0;
        border-color: transparent;
        outline: 0;
        box-shadow: 0 0 0;
        background-color: transparent;
    }

    .mobile-footerview .accordion-button:not(.collapsed), .panelview-mobile .accordion-button:not(.collapsed) {
        background-color: transparent;
        box-shadow: 0 0 0;
    }

    .accordion-button:not(.collapsed)::after {
        filter: brightness(0.5) sepia(0) hue-rotate(-70deg) saturate(5);
    }

    .mobile-footerview .accordion-body {
        padding: 0 0 1em;
    }

    .panelview-mobile .accordion-body {
        padding: 2em 0 1em;
    }

    .mobile-footerview .accordion-body .Footer-links a {
        font-size: 0.7em;
    }

    .header-followmore.text-start {
        margin: 0 0 1em;
    }

    .desktop-footerview {
        display: none;
    }

    .mobile-footerview {
        display: block;
        background: #fff;
        position: relative;
    }

    .sitemap-links a {
        padding: 0 0 0.9em 0;
        display: block;
        text-align: center;
        font-size: 0.7em;
        margin: 0;
    }
    /*--footer--*/
}

@media (max-width: 767px) {
    /*--cal--*/
    select.select-cal,
    div#calendar,
    div#event,
    div#meeting {
        display: none;
    }

    div.cal-slider {
        display: block !important;
    }

    .slider-for {
        width: 10em;
        margin: 0 auto 0em;
    }

    .week-slider {
        width: 90%;
        margin: 0.85em auto 1em;
    }

    .view-morebtn.cal-btn {
        margin: 1em 0 0;
        text-align: center;
    }
    /*--cal--*/
    /*--------------------Inner-page-CSS-start----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
    .follow-more.text-right.footer-icons {
        padding: 0;
    }

    p.about-mySlides-content {
        font-size: 14px;
    }

    section.home-inner-page-header {
        background-image: url("../../Images/Inner-page-banner-img.png") !important; /* The image used */
        background-size: cover !important; /* Resize the background image to cover the entire container */
    }

    .staff-flex-box.d-flex {
        flex-wrap: wrap;
    }

    .staff-content-box {
        margin: 0 0 20px;
        width: 100%;
    }

    .about-staff {
        margin: -3.2em auto 0;
        padding: 30px;
    }

    p.staff-border {
        margin: 0 0 35px;
    }

    footer.footer.staff-footer .row:first-child {
        margin: 0px 0 0 !important;
    }

    .follow-more.share-icons a {
        margin: 6px 4px 0 0;
    }

    footer.footer.staff-footer.dv-none {
        margin: 1em 0 0em !important;
    }

    .tabview-desktop {
        display: none;
    }

    .panelview-mobile {
        display: block;
    }
    /*--------------------Inner-page-CSS-and----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

    /*  collpase-bar css */
    .dropdown-hover .row-flex.d-flex div {
        flex-basis: calc(50% - 0.25rem);
        margin: 0 0 0.5em;
    }

    .dropdown-hover-content .row {
        margin: 0;
    }

    .dropdown-hover .dropdown-hover-content .col-lg-8 {
        padding: 0;
    }
    /*  collpase-bar css */
    /*--article--*/
    article.Topic-section {
        margin: 0;
    }

        article.Topic-section .container {
            max-width: 100%;
            padding: 2em 1.5em;
            background: #00162e;
        }
    /*--article--*/
    /*--navbar--*/
    .main h1 {
        font-size: 3.5em;
    }

    .banner {
        padding: 12.5em 0 11.85em;
    }
    /*--navbar--*/
    /*--services--*/
    .service-heading-wrap div {
        width: 32%;
    }
    /*--services--*/
    /*--news--*/

    /*--news--*/

    /*--counter--*/
    .count-area-content {
        margin-top: 2.5em;
    }

    .count-digit {
        font-size: 2.6em;
    }

    .counter-section {
        padding: 4em 0;
    }
    /*--counter--*/
    /*--footer--*/
    .header-followmore.text-start {
        margin: 0 0 2em;
    }



    /*--footer--*/

    /*--------------------Department-CSS------------------------*/

    .department-banner .main h1 {
        font-size: 2.6em;
    }

    .banner.department-banner {
        padding: 12em 0 9.85em;
    }
    /*--------------------Department-CSS------------------------*/
    /*--------------------media-CSS------------------------*/
    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2),
    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3),
    .yottie-widget-feed-section-slide .yottie-widget-video:first-child {
        width: 100% !important;
    }

    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2),
    .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) {
        height: auto !important;
    }

        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2) .yottie-widget-video-preview-thumbnail,
        .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) .yottie-widget-video-preview-thumbnail,
        .yottie-widget-feed-section-slide .yottie-widget-video .yottie-widget-video-preview-thumbnail {
            width: auto !important;
            height: auto !important;
        }

            .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(2) .yottie-widget-video-preview-thumbnail img,
            .yottie-widget-feed-section-slide .yottie-widget-video:nth-child(3) .yottie-widget-video-preview-thumbnail img,
            .yottie-widget-feed-section-slide .yottie-widget-video .yottie-widget-video-preview-thumbnail img {
                height: 300px !important;
                object-fit: cover;
                transform: translateY(0%);
            }

    #yottie_1 .yottie-widget-video {
        margin: 0 0 1.2em !important;
    }

    div#yottie_1 {
        margin: 2em 0 0;
    }
    /*--------------------media-CSS------------------------*/
}

@media (max-width: 575px) {
    section h2, section h3, article h2, article h3 {
        font-size: 1.2em !important;
    }
    .socialmedia-section {
        padding: 3em 0 0;
    }
    section.service-section, .calendar-section, .media-section, section.news-section, .mission-section {
        padding:3em 0;
    }

    section.description-section {
        padding: 3em 0 0;
    }

    .footer {
        padding: 1.5em 0 5.1em;
    }
 
    /*--cal--*/
    .week-slider .slick-track {
        gap: 0;
    }

    .week-slider {
        width: 80%;
    }
    /*--cal--*/
    /*--------------------Inner-page-CSS-start----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
    h2.mySlides-name {
        padding: 0.5em 0 0;
    }

    .follow-more.text-right.footer-icons {
        text-align: center !important;
    }

    .staff-profile-picture img {
        width: 100%;
    }

    .about-staff-row {
        margin: 32px 0 0;
    }

    h1.staff-heading {
        font-size: 33px;
        padding: 22px 0;
        line-height: 42px;
    }

    .about-staff {
        padding: 25px 20px;
    }

    .faq-content {
        line-height: 22.89px;
    }

    h5.faq-sub-heading {
        line-height: 25px;
    }

    section.home-inner-page-header {
        height: 300px !important;
    }

    .myModal .modal-content {
        padding: 30px;
    }

    .myModal a.prev {
        left: 0.2em;
    }

    .myModal a.next {
        left: 1.5em;
    }

    .about-content {
        margin: 0px 0px 0 0;
        text-align: left;
    }

    .mySlides-content {
        padding: 30px 0px 0px 0;
        text-align: center;
    }

    .myModal .modal-content {
        width: 92%;
    }
    /*--------------------Inner-page-CSS-and----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

    /*--------------------Interior-Template-CSS------------------------*/
    .interior-section-followmore .header-followmore {
        padding: 0.8em 0 1.8em;
    }

    .staff-tab-content {
        margin: 3em 0 0;
    }

    .interior-aboutus-section-third img {
        width: 100%;
        height: auto;
    }

    .staff-data {
        flex-basis: calc(49% - 0.25rem);
        margin: 0 0 1.2em;
    }

    .all-staff {
        gap: 0;
        justify-content: space-between;
    }

    .interior-contactus-card {
        padding: 1em;
    }

        .interior-contactus-card a.contactus-btn {
            font-size: 0.5em;
        }

    .staff-tabview .nav-tabs button {
        padding: 0.5em 0.5em;
        margin: 0 0.8em 0em 0;
        font-size: 0.85em;
    }
    /*--------------------Interior-Template-CSS------------------------*/
    /*--calendar--*/
    .cal-tabview .nav-tabs button {
        padding: 0.5em 0.5em;
        margin: 0 0.3em 0em 0;
        font-size: 0.85em;
    }
    /*--calendar--*/
    /*--navbar--*/
    a.navbar-brand {
        left: 29%;
    }

    .main h1 {
        font-size: 3em;
        line-height: 1.1em;
        margin: 0.2em 0 0;
    }

    a.navbar-brand .logo.logo-front {
        width: 160px;
    }

    /*--navbar--*/
    /*--banner--*/
    .banner {
        padding: 11.5em 0 8.85em;
    }
    /*--banner--*/
    /*--services--*/
    .service-heading-wrap .heading-wrap {
        width: 100%;
        flex-basis: 100%;
        margin: 0 0 1.5em;
    }

    .service-heading-wrap div {
        flex-basis: calc(50% - 1%);
    }
    /*--services--*/

    /*--news--*/

    /*--news--*/

    /*--counter--*/

    /*--counter--*/

    /*--footer--*/

    /*--footer--*/
    /*--------------------Department-CSS------------------------*/

    #dot-nav, #dot-navdep {
        right: 2.3em;
        top: 40%;
        z-index: 999;
        position: fixed;
    }

        #dot-navdep ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #dot-navdep li {
            position: relative;
            background-color: #fff;
            border-radius: 50px;
            cursor: pointer;
            height: 1.7em;
            margin: 0 0 10px;
            width: 1.7em;
            text-align: center;
            line-height: 1.7em;
            overflow: hidden;
        }

            #dot-navdep li i {
                color: #767676;
                top: -2px;
                position: relative;
            }

            #dot-navdep li.active i {
                color: #fff;
            }

            #dot-navdep li.active a {
                background-color: #008349;
            }

        #dot-navdep a {
            position: absolute;
            left: 0;
            top: 0px;
            bottom: 0;
            right: 0;
            font-size: 0.8em;
            color: #fff;
            z-index: 1;
            border-radius: 50px;
            border: 2px solid #b8b8b8;
            background-color: #fff;
        }

        #dot-navdep li:hover {
            overflow: visible;
        }

            #dot-navdep li:hover span {
                right: 0px;
                padding: 0em 3em 0em 1em;
            }


    .department-banner .main h1 {
        font-size: 2em;
        word-break: break-all;
    }

    /* service */
    .mission-content h4 {
        font-size: 1.2em;
        line-height: 1.5em;
    }

    .mission-content p {
        font-size: 0.7em;
    }

    section.description-section.section {
        padding: 3em 0 0 !important;
    }
    /* service */
    /*--------------------Department-CSS------------------------*/
}
@media (max-width:500px) {

    .media-section iframe {
        height: 200px !important;
    }
}

@media (max-width: 414px) {
    /*  collpase-bar css */
    .dropdown-hover .row-flex.d-flex div {
        flex-basis: calc(100% - 0.25rem);
    }
    /*  collpase-bar css */
}

@media (max-width: 360px) {
    .media-section iframe {
        height: 166px !important;
    }
}