@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins/Poppins-Thin.woff2') format('woff2'), url('../fonts/poppins/Poppins-Thin.woff') format('woff'), url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/poppins/Poppins-ExtraLight.woff') format('woff'), url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.woff2') format('woff2'), url('../fonts/poppins/Poppins-Light.woff') format('woff'), url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'), url('../fonts/poppins/Poppins-Regular.woff') format('woff'), url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins/Poppins-Medium.woff') format('woff'), url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'), url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'), url('../fonts/poppins/Poppins-Bold.woff') format('woff'), url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/poppins/Poppins-ExtraBold.woff') format('woff'), url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Black.woff2') format('woff2'), url('../fonts/poppins/Poppins-Black.woff') format('woff'), url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/POPPINS-REGULAR.TTF') format('ttf'), url('../fonts/poppins/poppins-regular-webfont.woff') format('woff'), url('../fonts/poppins/poppins-regular-webfont.woff2') format('truetype');
}

body {
    font-family: 'Poppins', sans-serif !important;
    overflow-x: hidden;
}

.danger-dark {
    background: #FF0101;
    padding: 11px 20px;
    margin: 0;
    border: none;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.alert img {
    margin-right: 5px;
}

.alert strong {
    margin-right: 10px;
}

marquee {
    /* width: 90%; */
    font-weight: 600;
}

.alert-close {
    background: rgb(255, 1, 1);
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    z-index: 3;
}

.border-radius-none {
    border-radius: 0px !important;
}

.announcement-icon {
    width: 30px;
    /* filter: grayscale(50%) brightness(90%) sepia(200%) hue-rotate(0deg) saturate(500%) contrast(2); */
}

.alert-dismissible .btn-close {
    /* padding: 11px 15px !important; */
    color: #fff !important;
    font-weight: 800;
    box-shadow: none;
    filter: invert(1) grayscale(100%) brightness(200%);
}

.top-area {
    background: #009C39;
    margin: 0;
    position: relative;
    overflow: hidden;
    padding: 4px 15px;
    display: none;
}

.lang-user-sec {
    display: flex;
    padding: 10px;
}

.top-menu-1 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0px;
    list-style: none;
}

    .top-menu-1 ul li {
        padding: 6px 15px;
        color: #fff;
        font-size: 14px;
        border-right: 1px solid #6CBB89;
    }

        .top-menu-1 ul li:last-child {
            border: none;
        }

        .top-menu-1 ul li a {
            color: #fff;
            text-decoration: none;
        }


button.aone,
button.atwo,
button.athree {
    font-weight: 600;
    border: none;
    background: none;
    color: #fff;
    cursor: pointer !important;
    padding: 3px;
    margin: 0px 6px;
}

button.aone {
    font-size: 14px;
}

button.atwo {
    font-size: 16px;
}

button.athree {
    font-size: 18px;
}

@media (max-width: 768px) {
    .justify-content-xs-center {
        justify-content: center !important;
    }

    .top-menu-1 ul li {
        padding: 6px 10px;
    }
}



/* Most Req Section CSS start */

.container {
    max-width: 95%;
}

.pad-btwn {
    /*padding: 30px 0px;*/
    padding: 20px 0px;
}

.section-title::after {
    content: '';
    background: #009C39;
    width: 60px;
    height: 5px;
    display: block;
    border-radius: 20px;
    margin-top: 10px;
}

.section-title {
    color: #004990;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
}

.lite-green-bg {
    background: #E9F1EC;
}

.imp-service-box {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 30px;
    position: relative;
    height: 200px;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
    margin: 5px;
}

.imp-service-title {
    position: relative;
    margin-top: 90px;
    color: #004990;
    font-size: 22px;
    font-weight: 600;
}



.circle-sec {
    position: absolute;
    left: 0;
    right: 0px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 15px solid #E9F1EC;
    top: -50px;
    margin: auto;
    transition: 0.3s;
    z-index: 2;
}

.flip-card-inner:hover .circle-sec {
    transform: translate(0, -10px);
    background-color: #004990;
}

    .flip-card-inner:hover .circle-sec img {
        filter: brightness(0) invert(1);
    }

.flip-card-inner:hover .imp-service-title {
    color: #004990;
}

.flip-card-inner:hover .imp-service-box {
    background-color: #004990;
}

    .flip-card-inner:hover .imp-service-box .imp-service-title {
        color: #fff;
    }


.flip-card-inner:hover .circle-sec-hover-border-outer {
    transform: translate(0, -10px);
}

.circle-sec-hover-border {
    position: absolute;
    left: 0;
    right: 0px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -35px;
    margin: auto;
    z-index: 4;
    transition: 0.3s;
}

.circle-sec-hover-border-outer {
    position: absolute;
    left: 0;
    right: 0px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 8px solid #E9F1EC;
    top: -35px;
    margin: auto;
    z-index: 3;
    transition: 0.3s;
}

.circle-sec-outer {
    position: absolute;
    left: 0;
    right: 0px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 15px solid #E9F1EC;
    top: -50px;
    margin: auto;
    z-index: 1;
}


.circle-sec-hover-border::before {
    border: 2px solid transparent;
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    top: -10px;
}

.circle-sec-hover-border::after {
    border: 2px solid transparent;
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    top: -10px;
}

.flip-card-inner:hover .circle-sec-hover-border::before {
    border-top-color: #009C39;
    border-right-color: #009C39;
    border-bottom-color: #009C39;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.flip-card-inner:hover .circle-sec-hover-border::after {
    border-top: 2px solid #009C39;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}


.imp-service-img {
    padding: 10px;
    height: 80px;
    width: auto !important;
}

/*.flip-card-back .imp-service-box {
  background-color: #004990;
}

.flip-card-back .imp-service-box .circle-sec {
  background-color: #004990;
}

.flip-card-back .imp-service-box .imp-service-title {
  color: #fff;
}

.flip-card-back .imp-service-box .imp-service-img {
  filter: brightness(0) invert(1);
}*/




.details-box {
    /* display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, 1fr); */
}

.flip-card {
    height: 200px;
    margin-top: 60px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.flip-card:focus {
    outline: 0;
}

    .flip-card:hover .flip-card-inner,
    .flip-card:focus .flip-card-inner {
        /* transform: rotateY(180deg); */
    }

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flip-card-front {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.flip-card-back {
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}*/


/* Most Req Section CSS end */


/* Menubar CSS Start */

.search-box {
    display: flex;
    align-items: center;
    background: #fff;
    /* padding: 5px 10px 5px 20px; */
    padding: 18px 20px;
    border-radius: 0px;
    /*clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);*/
    border-radius: 50px 0% 0% 50px;
    width: 250px;
}

    .search-box input {
        border: 0px;
        width: 100%;
        outline: none;
    }

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

.v-center {
    align-items: center;
    /* justify-content: space-between; */
    display: flex;
    flex-wrap: wrap;
}

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

a {
    text-decoration: none;
}

/* header */
.header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
    /* padding:15px; */
    background-color: #004990;
    margin: 0;
}

    .header .item-left {
        /* flex: 0 0 8%; */
        width: 200px;
    }

    .header .container-fluid {
        padding: 0;
    }

.logo {
    background-color: #fff;
    text-align: center;
    /* padding: 20px; */
    position: absolute;
    top: 0;
    border-bottom-right-radius: 10px;
    box-shadow: 7px 0px 17px -9px #000;
    z-index: 99999;
}

    .logo img {
        width: 100%;
    }

.header .logo a {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    padding: 15px;
}

.header .item-center {
    /* flex: 0 0 40%; */
    /* margin-left: auto; */
}

.header .item-right {
    /* flex: 0 0 20%; */
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    /* margin-right: 30px; */
    align-items: center;
}

.phone-sec span {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .phone-sec span .fas.fa-phone {
        color: #004990;
    }

.phone-sec p {
    margin-bottom: 0px;
    color: #fff;
    margin-left: 10px;
}

.header .item-right a {
    text-decoration: none;
    font-size: 16px;
    color: #004990;
    display: inline-block;
    margin-right: 10px;
    transition: color 0.3s ease;
    filter: brightness(0) invert(1);
    cursor: pointer;
}

.header .menu > ul > li {
    display: inline-block;
    /* line-height: 50px; */
    line-height: 2;
    /* margin-left: 25px; */
}

.menu-item-has-children a {
    /* padding: 20px 10px; */
    padding: 6px 0px;
    display: block;
    line-height: 1.5;
}

.menu-item-has-children {
    padding: 20px 10px;
}

    .menu-item-has-children:hover {
        background-color: #fff;
        cursor: pointer;
    }

.menu-main {
    margin-left: 25px;
}

.phone-sec {
    display: flex;
    align-items: center;
}

    .phone-sec img {
        height: 15px;
        width: auto;
    }

.list-box {
    margin-top: 20px;
}

.header .menu > ul > li > a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
}

.header .menu > ul > li > span {
    /*font-size: 18px;*/
    font-weight: 500;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
}

.header .menu > ul > li .sub-menu {
    position: absolute;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    transition: all 0.5s ease;
    /* margin-top:25px; */
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
}

@media(min-width: 992px) {
    /*.header .menu>ul>li.menu-item-has-children:hover .sub-menu {*/
    /* margin-top: 0; */

    /*visibility: visible;
    opacity: 1;
  }*/

    .header .menu > ul > li.menu-item-has-children.active .sub-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
}

.header .menu > ul > li .sub-menu > ul > li {
    line-height: 1;
}

    .header .menu > ul > li .sub-menu > ul > li > a {
        display: inline-block;
        padding: 10px 0;
        font-size: 15px;
        color: #555555;
        transition: color 0.3s ease;
        text-decoration: none;
        text-transform: capitalize;
    }

.header .menu > ul > li .single-column-menu {
    min-width: 280px;
    max-width: 350px;
}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {
    line-height: 1;
    display: block;
}

    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
        padding: 10px 0;
        display: inline-block;
        font-size: 15px;
        color: #555555;
        transition: color 0.3s ease;
    }

.header .menu > ul > li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 {
    /* max-width: 1100px; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
}

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        /* flex:0 0 25%; */
        padding: 0 15px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

        .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
            font-size: 16px;
            color: #004990;
            font-weight: 700;
            line-height: 1.5;
            padding: 0px 0 0px 10px;
            border-left: 3px solid #009C39;
        }

.list-item ul {
    padding-left: 13px;
}

.list-box ul li a {
    color: #000;
    font-size: 15px;
}

    .list-box ul li a:hover {
        color: #009c39;
    }

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
    text-align: center;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
    height: 300px;
    object-fit: cover;
}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a, .header .menu > ul > li:hover > span {
    color: #00488f;
}

/* banner section */
.banner-section {
    background-image: url('../img/banner.jpg');
    background-size: cover;
    background-position: center;
    height: 700px;
    width: 100%;
    display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
    display: none;
}

/*responsive*/
@media(max-width: 991px) {

    .header .item-center {
        order: 2;
        /* flex:0 0 100%; */
        /* margin: 10px; */
        margin: 0px 10px;
    }

    .header .item-left,
    .header .item-right {
        flex: 0 0 auto;
    }

    .v-center {
        justify-content: space-between;
    }

    .header .mobile-menu-trigger {
        display: flex;
        height: 30px;
        width: 30px;
        /* margin-left: 15px; */
        cursor: pointer;
        align-items: center;
        justify-content: center;
        margin: 0px 5px;
    }

        .header .mobile-menu-trigger span {
            display: block;
            height: 2px;
            /* background-color: #333333; */
            background-color: #fff;
            width: 24px;
            position: relative;
        }

            .header .mobile-menu-trigger span:before,
            .header .mobile-menu-trigger span:after {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                /* background-color: #333333; */
                background-color: #fff;
            }

            .header .mobile-menu-trigger span:before {
                top: -6px;
            }

            .header .mobile-menu-trigger span:after {
                top: 6px;
            }

    .header .item-right {
        align-items: center;
        margin: 10px;
    }

    .header .menu {
        position: fixed;
        width: 320px;
        background-color: #ffffff;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        /* z-index: 1099; */
        z-index: 999999;
    }

        .header .menu.active {
            transform: translate(0%);
        }

        .header .menu > ul > li {
            /* line-height: 1; */
            margin: 0;
            display: block;
            padding: 10px;
        }

            .header .menu > ul > li > a {
                line-height: 50px;
                height: 50px;
                padding: 0 50px 0 15px;
                display: block;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                color: #000;
            }

                .header .menu > ul > li > a i {
                    position: absolute;
                    height: 50px;
                    width: 50px;
                    top: 0;
                    right: 0;
                    text-align: center;
                    line-height: 50px;
                    transform: rotate(-90deg);
                }

        .header .menu .mobile-menu-head {
            display: flex;
            height: 50px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 501;
            position: sticky;
            background-color: #ffffff;
            top: 0;
            z-index: 999999;
        }

            .header .menu .mobile-menu-head .go-back {
                height: 50px;
                width: 50px;
                border-right: 1px solid rgba(0, 0, 0, 0.1);
                cursor: pointer;
                line-height: 50px;
                text-align: center;
                color: #000000;
                font-size: 16px;
                display: none;
            }

            .header .menu .mobile-menu-head.active .go-back {
                display: block;
            }

            .header .menu .mobile-menu-head .current-menu-title {
                font-size: 15px;
                font-weight: 500;
                color: #000000;
            }

            .header .menu .mobile-menu-head .mobile-menu-close {
                height: 50px;
                width: 50px;
                border-left: 1px solid rgba(0, 0, 0, 0.1);
                cursor: pointer;
                line-height: 50px;
                text-align: center;
                color: #000000;
                font-size: 25px;
            }

        .header .menu .menu-main {
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            margin-left: 0px;
        }

        .header .menu > ul > li .sub-menu.mega-menu,
        .header .menu > ul > li .sub-menu {
            visibility: visible;
            opacity: 1;
            position: absolute;
            box-shadow: none;
            margin: 0;
            padding: 15px;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding-top: 65px;
            max-width: none;
            min-width: auto;
            display: none;
            transform: translateX(0%);
            overflow-y: auto;
        }

            .header .menu > ul > li .sub-menu.active {
                display: block;
            }

    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            transform: translateX(0%);
        }
    }

    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0%);
        }

        100% {
            opacity: 0;
            transform: translateX(100%);
        }
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
        margin-top: 0;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
        margin-bottom: 20px;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {
        margin-bottom: 0px;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        flex: 0 0 100%;
        padding: 0px;
    }

    .header .menu > ul > li .sub-menu > ul > li > a,
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
        display: block;
    }

    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
        margin-bottom: 15px;
    }

    .menu-overlay {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

        .menu-overlay.active {
            visibility: visible;
            opacity: 1;
        }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        flex: 0 0 25%;
        padding: 0 15px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .header .menu > ul > li > span {
        line-height: 50px;
        height: 50px;
        display: block;
        color: rgb(0, 0, 0);
        padding: 0px 50px 0px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
    }

        .header .menu > ul > li > span i {
            position: absolute;
            height: 50px;
            width: 50px;
            top: 0;
            right: 0;
            text-align: center;
            line-height: 50px;
            transform: rotate(-90deg);
        }
}



@media (min-width:1201px) and (max-width:1478px) {
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:575px) {
    .footer-column {
        flex: inherit;
        min-width: 250px;
        margin-bottom: 20px;
    }

    .header .mobile-menu-trigger {
        margin: 0px 16px !important;
    }
}

/* Menubar CSS End */


/* Hero Banner Css Start */

.slider {
    position: relative;
    width: 100%;
    height: 640px;
    overflow: hidden;
    background: #ccc;
}

.slides {
    display: flex;
    width: 100%;
    transition: transform 1s ease-in-out;
}

.slide {
    width: 100%;
    height: 640px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-size: cover;
}

.hero-content {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    max-width: 400px;
    border-radius: 10px;
    /* text-align: center; */
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .hero-content h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .hero-content p {
        font-size: 16px;
        margin-bottom: 15px;
    }

.btn {
    display: inline-block;
    background: #28a745;
    color: #fff !important;
    padding: 10px 20px;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: normal;
}

    .btn:hover {
        background: #004990;
        color: #fff;
    }

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* background: rgba(255, 255, 255, 0.6); */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    filter: brightness(0) invert(1);
}

    .nav-arrow.left {
        left: 25px;
    }

    .nav-arrow.right {
        right: 25px;
    }

.dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.dot {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    cursor: pointer;
}

    .dot.active {
        background: #28a745;
    }

@media (max-width: 767px) {
    .slider {
        height: 400px;
    }

    .slide {
        height: 400px;
    }

    .hero-content h1 {
        font-size: 18px;
    }

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

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

    .nav-arrow {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .hero-content {
        padding: 20px;
        max-width: 80%;
        left: 35vw;
        transform: translate(-50%, -50%);
        width: 50vw;
    }
}


/* Hero Banner Css End */


/* Latest News CSS start */

.sec-title-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-all {
    color: #004990;
    text-decoration: none;
    font-size: 16px;
}

    .view-all:hover {
        color: #009c39;
        text-decoration: underline;
    }

.news-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.main-news {
    flex: 1;
    border-radius: 10px;
    width: 100%;
    position: relative;
}

    .main-news img {
        width: 100%;
        border-radius: 10px;
    }

.news-date {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #009C39;
    color: white;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    .news-date b {
        font-size: 30px;
    }

    .news-date span {
        font-size: 20px;
        font-weight: normal;
    }

.latest-news-image-blk {
    position: relative;
}

.main-news h2 {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.5;
}

.side-news {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.side-news-item {
    display: flex;
    /* align-items: center; */
    gap: 10px;
    /* background: #f8f8f8; */
    padding: 10px;
    border-radius: 10px;
    justify-content: space-between;
}

.side-news-content {
    width: 75%;
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.side-news-item img {
    width: 200px;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
}

.side-news-item h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 500;
}

.read-more {
    color: #004990 !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: normal !important;
}

    .read-more:hover {
        color: #009c39;
        text-decoration: underline;
    }

.white-bg {
    background-color: #fff;
}

@media (max-width: 991px) {
    .news-container {
        flex-direction: column;
    }

    .main-news,
    .side-news {
        width: 100%;
    }

    .combined-sec.dept-home .dept-home-news.side-news, .dept-home .events {
        width: 100% !important;
    }

    .side-news-item {
        align-items: flex-start;
        padding: 0px;
        margin-top: 20px;
    }

    .dept-home .side-news-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        margin-top: 20px;
    }

    .side-news-item img {
        width: 100%;
        height: auto;
    }

    .main-news {
        /* display: flex; */
    }
}

/* Latest News CSS end*/







/* SGTV CSS Start*/

.combined-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sgtv,
.events {
    flex: 1;
    /* min-width: 300px; */
    padding: 30px 46px;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
}

.sgtv {
    background-color: #013A75;
}

.events {
    background-color: #E9F1EC;
}

.event {
    /* background: white; */
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
    display: flex;
}

.event-date {
    font-weight: normal;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    width: 100px;
    margin-right: 10px;
    box-shadow: 1px 1px 4px #ddd;
    display: flex;
    flex-direction: column;
    height: 100px;
    font-size: 20px;
}

.event-content {
    width: 75%;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sgtv .buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    .sgtv .buttons a {
        background: #009c39;
        color: #fff;
        padding: 10px;
        text-decoration: none;
        border-radius: 5px;
    }

        .sgtv .buttons a:hover {
            background: #05b305;
        }

.white-text {
    color: #fff;
}

.image-content-sec {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .image-content-sec strong {
        font-weight: 500;
    }

    .image-content-sec img {
        padding: 20px;
    }

.small-heading {
    margin: 15px auto;
}

.event-date b {
    font-size: 30px;
    color: #013a75;
}

.event-content h4 {
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .combined-sec {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width:480px) {
    .image-content-sec {
        flex-wrap: wrap;
    }
}

/* SGTV CSS End*/


/* Quick Links Slider Section Start  */

.swiper-button-next {
    right: -5px !important;
}

.swiper-button-prev {
    left: -5px !important;
}

.slider-container {
    width: 100%;
    margin: auto;
    /* padding: 20px 0; */
}

.swiper {
    overflow: hidden;
}

.link-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    /* margin:20px 0; */
    margin: 20px;
}


.link-box {
    text-align: center;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    /* padding: 20px; */
    padding: 30px 20px;
    color: #000;
    font-weight: 600;
}

    .link-box:hover {
        color: #fff;
        background: #004990;
    }

        .link-box:hover img {
            filter: brightness(0) invert(1);
        }

    .link-box p {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 18px;
    }

    .link-box img {
        height: 45px;
        width: auto !important;
        margin: auto;
    }

.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: swiper-icons;
    font-size: 20px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: #3e3e3e;
}


.swiper-button-next,
.swiper-button-prev {
    background-color: transparent;
    width: 40px !important;
    height: 40px !important;
    /* border: 1px solid #3e3e3e; */
    border-radius: 50%;
}

.swiper-button-prev {
    left: 10px !important;
}

.swiper-button-next {
    right: 10px !important;
}


    .swiper-button-next::after {
        content: url('../images/slider-right-arrow.png') !important;
    }


.swiper-button-prev::after {
    content: url('../images/slider-left-arrow.png') !important;
}
/* Quick Links Slider Section End */


/* Footer Section Start  */

.footer {
    color: #fff;
    padding: 40px 20px;
    /* background-color: rgba(1, 58, 117,0.9); */
}

.footer-sec {
    /* background-color: #004990; */
    background-image: url("../images/footer-bg.jpg");
    /* background-blend-mode: soft-light; */
    background-size: cover;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* max-width: 1200px; */
    margin: auto;
}

.footer-column {
    flex: 1;
    min-width: 250px;
    margin-bottom: 20px;
    padding: 0px 10px;
}

    .footer-column h4 {
        /* border-bottom: 2px solid #39FF14;
          padding-bottom: 5px;
          margin-bottom: 10px; */
        margin-bottom: 20px;
    }

        .footer-column h4::after {
            content: '';
            background: #009C39;
            width: 40px;
            height: 5px;
            display: block;
            border-radius: 20px;
            margin-top: 10px;
        }

    .footer-column ul {
        list-style: none;
    }

        .footer-column ul li {
            margin-bottom: 8px;
        }

            .footer-column ul li a, .footer-column a {
                color: #fff;
                text-decoration: none;
            }

                .footer-column ul li a:hover, .footer-column a:hover {
                    /* text-decoration: underline; */
                    color: #6ecdeb;
                }

.subscribe {
    display: flex;
    margin-top: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

    .subscribe input {
        padding: 10px;
        flex: 1;
        border-radius: 5px;
        border: none;
        width: 50%;
        outline: none;
    }

    .subscribe button {
        padding: 10px 15px;
        background: #009C39;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

.footer-bottom {
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
    display: flex;
    border-top: 1px solid #126DC5;
    padding-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.footer-left p {
    margin-bottom: 10px;
}

.footer-company-links {
    display: flex;
}

    .footer-company-links a {
        color: #fff;
        margin: 0px 10px;
    }

        .footer-company-links a:first-child {
            margin-left: 0px !important;
        }

        .footer-company-links a:hover {
            color: #6ecdeb;
            /* text-decoration: underline; */
        }

.footer-right a {
    margin-right: 10px;
}

.footer-column span {
    display: flex;
    align-items: flex-start;
}

    .footer-column span img {
        width: 25px;
        height: auto;
        margin-right: 10px;
        padding: 2px;
    }

.footer-right a:hover {
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}

@media (max-width:575px) {
    .footer-column {
        flex: inherit;
        margin-bottom: 20px;
        width: 100%;
        --bs-gutter-x: none;
    }

    .subscribe {
        flex-wrap: wrap;
    }
}

/* Footer Section End */


/* Language Dropdown start */
.dropdown {
    position: relative;
    display: inline-block;
}

    .dropdown select {
        padding: 4px 10px 4px 0px;
        font-size: 16px;
        border-bottom: 1px solid #ccc !important;
        border-radius: 0px;
        /* background-color: transparent; */
        /* background-color: #fff0; */
        cursor: pointer;
        border: 0px;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        color: #fff;
        outline: none;
    }

    .dropdown label {
        color: #fff;
    }

#language {
    background: transparent;
}

/* Language Dropdown end */

.mobile-search-text {
    display: none;
}


/* Media Query Start */




@media (min-width:768px) and (max-width:991px) {

    .details-box {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (min-width:992px) and (max-width:1200px) {

    .details-box {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width:1201px) {

    .details-box {
        grid-template-columns: repeat(6, 1fr);
    }
}


@media (min-width:1201px) and (max-width:1478px) {
    .section-title {
        font-size: 26px;
    }

    .hero-content h1 {
        font-size: 26px;
    }

    .imp-service-title {
        font-size: 20px;
    }

    .news-date b {
        font-size: 28px;
    }

    .news-date span {
        font-size: 18px;
    }

    .link-box p {
        font-size: 18px;
    }

    .footer-column h4 {
        font-size: 22px;
    }

    .menu-item-has-children a {
        /* padding: 10px 8px; */
    }

    .search-box {
        width: 200px;
    }

        .search-box input {
            /* width: 150px; */
            background: transparent;
        }

    .header .menu > ul > li > a {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 24px;
    }

    .footer-column ul li a,
    .footer-column p {
        font-size: 15px;
    }

    .subscribe {
        padding: 5px;
    }

        .subscribe button {
            padding: 5px 8px;
            font-size: 14px;
        }

        .subscribe input {
            font-size: 14px;
        }
}



@media (min-width:1025px) and (max-width:1200px) {
    .section-title {
        font-size: 24px;
    }

    .hero-content h1 {
        font-size: 24px;
    }

    .imp-service-title {
        font-size: 18px;
    }

    .news-date b {
        font-size: 24px;
    }

    .news-date span {
        font-size: 16px;
    }

    .link-box p {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 20px;
    }

    .menu-item-has-children {
        /* padding: 5px 5px; */
    }

    #search-sec {
        padding: 20px 15px;
    }

    .search-box {
        width: 180px;
    }

        .search-box input {
            /* width: 130px; */
            background: transparent;
        }

    .header .menu > ul > li > a {
        font-size: 15px;
    }

    .footer-column h4 {
        font-size: 22px;
    }

    .footer-column ul li a,
    .footer-column p {
        font-size: 15px;
    }

    .subscribe {
        padding: 5px;
    }

        .subscribe button {
            padding: 5px 12px;
            font-size: 14px;
        }

        .subscribe input {
            font-size: 14px;
        }

    .menu-main {
        /* margin-left: 5px; */
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
        line-height: 1.25;
    }

    .logo,
    .header .item-left {
        /* width: 150px; */
    }

    .top-menu-1 ul li {
        padding: 6px 10px;
    }

    .header .item-right {
        padding-right: 0px;
        margin-right: 0px;
    }

    .header .menu > ul > li .sub-menu {
        margin-top: 20px;
    }

    .main-news h2,
    .side-news-item h3,
    .event-content h4 {
        font-size: 18px;
    }

    .sgtv,
    .events {
        padding: 30px 30px;
    }

        .sgtv .buttons a {
            font-size: 14px;
        }

    .footer-container {
        max-width: 100%;
    }

    .footer-column {
        min-width: auto;
    }

    .menu-item-has-children a {
        /* padding: 0px 0px; */
    }

    .list-box ul li a {
        padding: 4px 0px;
    }

    .lang-user-sec {
        display: flex;
        /* padding: 5px; */
    }
}



@media (min-width:768px) and (max-width:1024px) {
    .section-title {
        font-size: 24px;
    }

    .hero-content h1 {
        font-size: 24px;
    }

    .imp-service-title {
        font-size: 18px;
    }

    .news-date b {
        font-size: 24px;
    }

    .news-date span {
        font-size: 16px;
    }

    .link-box p {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 20px;
    }

    .menu-item-has-children {
        /* padding: 3px 5px; */
    }

    #search-sec {
        /* padding: 20px 6px !important; */
    }

    .menu-item-has-children a {
        /* padding: 0px 0px; */
    }

    .list-box ul li a {
        padding: 4px 0px;
    }

    .search-box {
        width: 130px;
        padding: 5px 10px 5px 12px;
    }

        .search-box input {
            /* width: 130px; */
            background: transparent;
        }

    .header .menu > ul > li > a {
        font-size: 15px;
    }

    .phone-sec span {
        width: 30px;
        height: 30px;
    }

    .footer-column h4 {
        font-size: 20px;
    }

    .list-box ul li a {
        color: #000;
        font-size: 14px;
    }

    .phone-sec p {
        font-size: 15px;
    }

    .footer-column ul li a,
    .footer-column p {
        font-size: 15px;
    }

    .subscribe {
        padding: 5px;
    }

        .subscribe button {
            padding: 5px 12px;
            font-size: 14px;
        }

        .subscribe input {
            font-size: 14px;
        }

    .menu-main {
        /* margin-left: 10px; */
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
        line-height: 1.25;
    }

    .logo,
    .header .item-left {
        /* width: 150px; */
    }

    .top-menu-1 ul li {
        padding: 6px 10px;
    }

    .header .item-right {
        padding-right: 0px;
        margin-right: 0px;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 0px;
    }

    .lang-user-sec {
        /* padding: 3px; */
    }

    .side-news-content {
        width: 100%;
    }

    .read-more {
        margin: 20px 0;
    }

    .header .menu > ul > li .sub-menu {
        margin-top: 20px;
    }

    .main-news h2,
    .side-news-item h3,
    .event-content h4 {
        font-size: 18px;
    }

    .sgtv,
    .events {
        padding: 30px 30px;
        width: 100%;
    }

    .event {
        padding: 0px 0px 20px 0px;
        margin: 20px 0px;
        margin-bottom: 20px;
        border-bottom: 1px solid #cee1d6;
        align-items: center;
        border-radius: 0px;
    }

        .event:last-child {
            margin-bottom: 0px;
            border-bottom: 0px solid #cee1d6;
            padding: 0px;
        }

    .sgtv .buttons a {
        font-size: 14px;
    }

    .footer-container {
        max-width: 100%;
    }

    .footer-column {
        min-width: 50%;
    }

        .footer-column ul li {
            margin-bottom: 4px;
        }

    .danger-dark {
        /* font-size: 13px; */
    }

    .dropdown label {
        font-size: 14px;
    }

    .footer-bottom {
        margin-top: 0px;
    }
}


@media (min-width:576px) and (max-width:767px) {

    .section-title {
        font-size: 24px;
    }

    .details-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-title {
        font-size: 24px;
    }

    .hero-content h1 {
        font-size: 22px;
    }

    .imp-service-title {
        font-size: 18px;
    }

    .news-date b {
        font-size: 24px;
    }

    .news-date span {
        font-size: 16px;
    }

    .link-box p {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 20px;
    }

    .menu-item-has-children {
        padding: 20px 5px;
    }

    #search-sec {
        padding: 20px 6px !important;
    }

    .search-box {
        width: 300px;
        /*clip-path: polygon(0% 100%, 5% 0%, 80% 0%, 75% 100%);*/
        border-radius: 0;
    }

        .search-box input {
            /* width: 130px; */
            background: transparent;
        }

    .header .menu > ul > li > a {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 22px;
    }

    .footer-column ul li a,
    .footer-column p {
        font-size: 15px;
    }

    .subscribe {
        padding: 5px;
    }

        .subscribe button {
            padding: 5px 12px;
            font-size: 14px;
        }

        .subscribe input {
            font-size: 14px;
        }

    .menu-main {
        margin-left: 10px;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
        line-height: 1.25;
    }

    .logo {
        /* width: 150px; */
    }

    .top-menu-1 ul li {
        padding: 6px 10px;
    }

    .header .item-right {
        /* padding-right: 10px; */
        margin-right: 0px;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .side-news-content {
        width: 100%;
    }

    .read-more {
        margin: 20px 0;
    }

    .header .menu > ul > li .sub-menu {
        margin-top: 18px;
    }

    .main-news h2,
    .side-news-item h3,
    .event-content h4 {
        font-size: 18px;
    }

    .sgtv,
    .events {
        padding: 30px 30px;
        width: 100%;
    }

    .event {
        padding: 0px;
    }

    .sgtv .buttons a {
        font-size: 14px;
    }

    .footer-container {
        max-width: 100%;
    }

    .footer-column {
        min-width: 50%;
    }

        .footer-column ul li {
            margin-bottom: 4px;
        }

    .danger-dark {
        /* font-size: 13px; */
    }

    .dropdown label {
        font-size: 14px;
    }

    .footer-bottom {
        margin-top: 0px;
    }

    .phone-sec p {
        font-size: 15px;
    }

    .phone-sec span {
        width: 30px;
        height: 30px;
    }


    .alert-dismissible .btn-close {
        color: #fff !important;
        filter: invert(1) grayscale(100%) brightness(200%);
        position: absolute;
        padding: 16px 18px;
    }

    .alert-close {
        background: rgba(123, 3, 3, 0.8);
        position: absolute;
        /* width: 40px; */
        width: 50px;
        height: 100%;
        top: 0;
        right: 0;
    }

    .lang-user-sec {
        /* display: none; */
    }

    .list-box ul li a {
        padding: 4px 0px;
    }
}




@media (max-width:575px) {

    .list-box ul li a {
        padding: 4px 0px;
    }

    .section-title {
        font-size: 18px;
    }

    .view-all {
        font-size: 14px;
    }

    .hero-content h1 {
        font-size: 20px;
    }

    .imp-service-title {
        font-size: 16px;
        margin-top: 0px;
    }

    .news-date b {
        font-size: 24px;
    }

    .news-date span {
        font-size: 16px;
    }

    .link-box p {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 18px;
    }

    .menu-item-has-children {
        padding: 20px 5px;
    }

    .search-box {
        /*width: fit-content;
    margin: 0px;
    border-radius: 50%;
    background: transparent;*/
        border-radius: 7px;
        padding: 5px;
    }

        .search-box img {
            padding: 8px;
        }

        .search-box input {
            width: 100%;
            background: transparent;
            /*display: none;*/
        }

    .mobile-search-text {
        /*display: block;*/
        color: #fff;
        margin-bottom: 0px;
        font-size: 16px;
    }

    .header .item-right a {
        /* background: #fff; */
        /* width: 30px;
    height: 30px; */
        border-radius: 50%;
        margin-right: 0px;
    }

    .search-box i {
        padding: 10px;
    }

    .header .menu > ul > li > a {
        font-size: 16px;
    }

    .footer-column h4 {
        font-size: 18px;
    }

    .footer-column ul li a,
    .footer-column p {
        font-size: 15px;
    }

    .subscribe {
        padding: 5px;
    }

        .subscribe button {
            padding: 5px 12px;
            font-size: 14px;
        }

        .subscribe input {
            font-size: 14px;
        }

    .menu-main {
        margin-left: 10px;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
        line-height: 1.25;
    }

    .logo {
        width: 200px;
        position: relative;
        box-shadow: 0px 0px 0px 0px #000;
        border-bottom-right-radius: 0px;
    }

    .top-menu-1 ul li {
        padding: 6px 10px;
    }

    .header .item-right {
        padding: 10px;
        margin: 0px;
        width: 100%;
        order: 2;
        background-color: #004990;
        justify-content: space-between;
    }

    .header .mobile-menu-trigger span {
        background-color: #000;
    }

        .header .mobile-menu-trigger span::before,
        .header .mobile-menu-trigger span::after {
            background-color: #000;
        }

    .header {
        background-color: #fff;
    }

    .side-news-content {
        width: 100%;
    }

    .read-more {
        margin: 10px 0;
        font-size: 14px;
    }

    .header .menu > ul > li .sub-menu {
        margin-top: 18px;
    }

    .main-news h2,
    .side-news-item h3,
    .event-content h4 {
        font-size: 16px;
    }

    .sgtv,
    .events {
        padding: 30px 30px;
        width: 100%;
    }

    .event {
        padding: 0px;
    }

    .sgtv .buttons a {
        font-size: 14px;
        /* width: 100%; */
    }

    .footer-container {
        max-width: 100%;
        padding: 0px;
    }

    .footer-column {
        min-width: 50%;
        padding: 0px;
    }

        .footer-column ul li {
            margin-bottom: 4px;
        }

    .danger-dark {
        font-size: 15px;
        /* width: 1000px; */
        padding: 5px 10px;
    }

    .alert strong {
        display: none;
    }

    .alert-dismissible .btn-close {
        color: #fff !important;
        filter: invert(1) grayscale(100%) brightness(200%);
        position: absolute;
        /* padding: 10px; */
        padding: 12px 18px;
    }

    .alert-close {
        background: rgba(123, 3, 3, 0.8);
        position: absolute;
        /* width: 40px; */
        width: 50px;
        height: 100%;
        top: 0;
        right: 0;
    }

    .dropdown label {
        font-size: 14px;
    }

    .footer-bottom {
        margin: 0px;
        max-width: 100%;
        padding: 20px 0px 0px 0px;
    }



    .phone-sec p {
        font-size: 15px;
    }

    .phone-sec span {
        width: 30px;
        height: 30px;
    }

    .phone-sec p {
        margin-bottom: 0px;
        color: #fff;
        margin-left: 10px;
        font-size: 16px;
    }

    .details-box {
        display: none;
    }

    .header-item.item-left {
        width: fit-content;
        order: 2;
    }

    .logo {
        /* margin: 10px auto;
    width: 90%;
    border-radius: 8px; */
    }

    .phone-sec {
        width: 100%;
    }

    .hero-content {
        transform: translate(-50%, -50%);
        padding: 20px;
        max-width: 80%;
        left: 50vw;
        width: 70vw;
    }

    .footer-left p {
        margin-bottom: 20px;
    }

    .footer-company-links {
        display: flex;
        flex-wrap: wrap;
    }

    .top-area {
        padding: 4px 5px;
        display: none;
    }

    .logo img {
        /* width: 150px; */
        margin: auto;
    }

    .link-box p {
        font-size: 16px;
    }

    .sec-title-header {
        align-items: baseline;
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
        padding: 0 0px;
    }

    .header .menu > ul > li .sub-menu.mega-menu,
    .header .menu > ul > li .sub-menu {
        padding-bottom: 100px;
    }

    .latest-news-sec img,
    .news-date {
        display: none;
    }

    .main-news,
    .side-news-item {
        padding: 10px;
        background: #fff;
        box-shadow: 1px 1px 7px #e6e6e6;
        margin-top: 0px;
    }

    .circle-sec {
        position: relative;
        width: 70px;
        height: 70px;
        top: 0px;
        margin: 0px;
        border: 0px solid transparent;
    }

    .imp-service-img {
        padding: 5px;
        width: auto;
        height: 45px;
    }

    .imp-service-box {
        background-color: #fff;
        padding: 10px;
        text-align: center;
        border-radius: 80px;
        position: relative;
        height: auto;
        cursor: pointer;
        transition: 0.3s;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .flip-card {
        height: auto;
        margin-top: 60px;
    }

    .req-sec {
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 50px;
        padding: 10px;
        margin-bottom: 15px;
    }


    .mob-quick-links-sec {
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 50px;
        padding: 10px;
        margin-bottom: 15px;
        flex-direction: column;
    }

    .imp-service-title {
        margin-bottom: 0px;
        margin-left: 10px;
    }

    .req-arrow {
        height: 30px;
        margin-left: auto;
    }

        .req-arrow:hover {
            -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
            filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
        }

    .img-icon-sec {
        width: 45px;
        height: 45px;
        text-align: center;
    }

    .main-quick-links-sec {
        background-color: #fff;
        box-shadow: 1px 1px 6px #ddd;
        width: 100%;
        border-radius: 10px;
        display: flex;
        align-items: center;
        padding: 10px;
        margin-bottom: 20px;
    }

    .slider-container {
        display: none;
    }

    .quick-link-img-icon-sec {
        width: 45px;
    }

    .small-heading {
        margin: 15px auto;
        font-size: 18px;
    }

    .user-way.me-2 {
        /* display: none;*/
    }
}


@media(min-width:576px) {

    .mob-request-sec,
    .mob-quick-links-sec {
        display: none;
    }
}

@media (max-width:1200px) {
    .subscribe .fa.fa-angle-right {
        display: block;
    }

    .subscribe button span {
        display: none;
    }
}

@media (min-width:1201px) {
    .subscribe .fa.fa-angle-right {
        display: none;
    }

    .subscribe button span {
        display: block;
    }
}

/* Media Query End */




/* Logo Slider Start */

.brand-carousel {
    /* background: #eee; */
    /* margin-top: 10%; */
}

.owl-dots {
    text-align: center;
    display: none;
}

.owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #222222 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
}

    .owl-dot.active {
        background-color: #FF170F !important;
    }

.owl-carousel .owl-dots.disabled {
    /*display: block !important;*/
}

/*.owl-carousel .owl-nav.disabled {*/
.owl-carousel .owl-nav {
    display: flex !important;
    justify-content: space-between;
}



.owl-prev,
.owl-next {
    font-size: 60px !important;
    width: 50px;
    height: 50px;
    background-color: transparent !important;
    border-radius: 50%;
    border: 0px solid #ddd !important;
    position: relative;
}

.owl-nav span {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    bottom: 0;
}

.owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
}

.owl-prev {
    left: -25px;
}

.owl-next {
    right: -30px;
}


/* Logo Slider end */



/* Department Home Page CSS Start */

.inner-banner-img-sec {
    position: relative;
}

    .inner-banner-img-sec img {
        width: 100%;
    }

.image-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.inner-banner-sec {
    position: relative;
}

.inner-banner-title-sec {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    color: #fff;
}

    .inner-banner-title-sec .container {
        display: flex;
        align-items: center;
    }

.side-marker {
    display: flex;
    flex-direction: column;
}

    .side-marker::after {
        content: '';
        width: 6px;
        height: 30px;
        background: #009C39;
        margin-right: 15px;
    }

    .side-marker::before {
        content: '';
        width: 6px;
        height: 30px;
        background: #004990;
        margin-right: 15px;
    }

.inner-page-heading {
    font-size: 36px;
    margin-bottom: 0px;
}


.breadscrumb-ul {
    display: flex;
    border-bottom: 1px solid #D6DDE3;
    padding-bottom: 10px;
}

    .breadscrumb-ul a {
        color: #000;
        padding: 0px 10px;
    }

        .breadscrumb-ul a:hover {
            color: #009c39;
            text-decoration: underline;
        }

.breadsrumb-sec {
    /*padding: 10px 0px;*/
    padding: 25px 0px 0px;
    background: #fff;
}


/* First Column Start */

.sidebar {
    /* width: 300px; */
    background: #F2F6F9;
    padding: 20px;
    margin-bottom: 40px;
    /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); */
    border-radius: 4px;
}

    .sidebar h2 {
        font-size: 20px;
        font-weight: bold;
        color: #173a64;
        margin-bottom: 10px;
    }

        .sidebar h2::after {
            content: "";
            display: block;
            width: 30px;
            height: 3px;
            background: #2b8a3e;
            margin-top: 5px;
            border-radius: 10px;
        }

    .sidebar ul {
        list-style: none;
        padding: 0;
    }

.contact-part p {
    /*font-size: 15px;*/
    font-size: 14px;
}

.sidebar ul li {
    /* padding: 12px 0; */
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 14px;
}

    .sidebar ul li a {
        padding: 12px 0px;
        width: 100%;
        display: block;
        background: transparent;
        color: #000;
    }

        .sidebar ul li a:hover {
            /* background: #004990; */
            /* background:#009c39; */
            color: #009c39;
        }

    .sidebar ul li:last-child {
        border-bottom: none;
    }

/* First Column End */



/* Third Column Start  */

.contact-blk h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.contact-blk {
    background: #004990;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 4px;
}

.contact-part img {
    height: 20px;
    margin-right: 10px;
    /*   margin-top: 5px;*/
    margin-top: 2px;
}

.contact-part {
    display: flex;
    color: #fff;
}

.contact-part {
    display: flex;
    color: #fff;
    border-bottom: 1px solid #086BCB;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .contact-part:last-child {
        border-bottom: 0px solid #086BCB;
        padding-bottom: 0px;
    }

    .contact-part p {
        margin-bottom: 0px;
    }

.contact-blk h2::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: #2b8a3e;
    margin-top: 5px;
    border-radius: 10px;
}

.three-column-sec.flex-box {
    /* display: flex; */
    position: relative;
}

.sidebar-contact-sec {
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    width: 100% !important;
}

.second-column {
    position: relative;
    margin: auto;
    z-index: 2;
}

.first-column,
.second-column {
    /*    padding: 10px 15px;*/
}

.third-column {
    padding: 0px;
}

/* Third Column End */


/* Second Column End */
.intro-title {
    color: #004990;
    font-size: 26px;
}

.dept-home .side-news-item img {
    width: 180px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.dept-home h3,
.dept-home h4 {
    font-size: 16px;
    /* height: 45px;
    overflow: hidden;*/
}

.events-item {
    margin-bottom: 15px;
    padding: 10px;
}

.intro-sec {
    /* padding-bottom: 20px;
    border-bottom: 1px solid #ddd;*/
}

    .intro-sec p {
         margin-bottom: 10px;
    }

    .intro-sec h1, .intro-sec h2, .intro-sec h3, .intro-sec h4, .intro-sec h5, .intro-sec h6 {
        color: #004990;
    }






.top-content-sec .slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 40px;
}

.top-content-sec .slider {
    display: flex;
    gap: 10px;
    scroll-behavior: smooth;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: auto;
    background: transparent;
}

    .top-content-sec .slider::-webkit-scrollbar {
        display: none;
    }

.top-content-sec .slide {
    flex: 0 0 calc(33.33% - 10px);
    scroll-snap-align: start;
    height: auto;
    position: relative;
    cursor: pointer;
}

    .top-content-sec .slide img {
        width: 100%;
        border-radius: 10px;
    }

.top-content-sec .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 9;
    height: 40px;
    width: 40px;
}

.top-content-sec .prev {
    left: 0px;
}

.top-content-sec .next {
    right: 0px;
}

@media (max-width: 768px) {
    .top-content-sec .slide {
        flex: 0 0 50%;
    }
}

@media (max-width: 480px) {
    .top-content-sec .slide {
        flex: 0 0 100%;
    }
}


.slide-up-sec {
    position: absolute;
    height: 100%;
    padding: 20px 30px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    top: 75%;
    transition: all .5s;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .slide-up-sec a {
        margin-top: auto;
        width: fit-content;
    }

    .slide-up-sec h4 {
        margin-bottom: 30px;
        font-weight: 600;
        font-size: 18px;
    }

    .slide-up-sec p {
        font-size: 15px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .slide-up-sec a {
        padding: 8px 15px;
        font-size: 14px;
    }

.top-content-sec .slide:hover .slide-up-sec {
    top: 0%;
    transition: all .5s;
}

.section-title.dept-title {
    font-size: 26px;
}

.find-park-sec {
    display: flex;
    background: #E9F1EC;
    margin-bottom: 2rem !important;
}

.park-left {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.park-right {
    flex: 1;
}

.park-left a {
    width: fit-content;
    margin-top: auto;
}

.park-right img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.find-park-sec .col-md-6 {
    height: auto;
    padding: 0px;
    flex: 1;
    display: flex;
}

.card-wrapper {
    max-width: 1100px;
    margin: 0 60px 35px;
    padding: 20px 10px;
    overflow: hidden;
}

.card-list .card-item {
    list-style: none;
    text-align: center;
}

    .card-list .card-item .card-link {
        user-select: none;
        display: block;
        background: #fff;
        padding: 18px;
        border-radius: 12px;
        text-decoration: none;
        border: 2px solid transparent;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.25);
        transition: 0.2s ease;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: normal;
    }

        .card-list .card-item .card-link:active {
            cursor: grabbing;
        }

        .card-list .card-item .card-link:hover {
            /* border-color: #5372f0; */
            background: #004990;
        }

            .card-list .card-item .card-link:hover .card-title {
                color: #fff;
            }

            .card-list .card-item .card-link:hover .card-image {
                filter: brightness(0) invert(1);
            }


.card-list .card-link .card-image {
    width: auto;
    height: 40px;
    margin: auto;
}

.card-list .card-link .badge {
    color: blue;
    margin: 16px 0 18px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 0.95rem;
    background: #dde4ff;
    width: fit-content;
    border-radius: 50px;
}

.card-list .card-link .card-title {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    min-height: 50px;
    line-height: 1.5;
}

.card-list .card-link .card-button {
    height: 35px;
    width: 35px;
    color: #5372f0;
    border-radius: 50%;
    margin: 30px 0 5px;
    background: none;
    cursor: pointer;
    transform: rotate(-45deg);
    border: 2px solid #5382f0;
    transition: 0.4s ease;
}

.card-list .card-link:hover .card-button {
    color: #fff;
    background: #5372f0;
}

.card-wrapper .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    opacity: 0.5;
    background: #5372f0;
}

.card-wrapper .swiper-pagination-bullet-active {
    opacity: 1;
}

.card-wrapper .swiper-slide-button {
    color: #5372f0;
    margin-top: -35px;
}

.card-wrapper .swiper-wrapper {
    align-items: center;
}

.more-info-sec .container {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .card-wrapper {
        margin: 0 10px 25px;
    }

        .card-wrapper .swiper-slide-button {
            /* display: none; */
        }
}


.dept-home .side-news {
    flex: 1;
    min-width: 300px;
    padding: 30px 20px;
    background-color: #F3FAFF;
}

.dept-home .events {
    flex: 1;
    min-width: 300px;
    padding: 30px 20px;
}

.dept-home .side-news-item h3,
.dept-home .events-content h4 {
    font-size: 18px;
    font-weight: 500;
}



/* Second Column End */



@media (max-width:991px) {
    .sidebar-contact-sec {
        display: flex;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
        flex-direction: column;
    }

    .second-column {
        position: relative;
        margin: 0;
    }
}



@media (min-width:1201px) and (max-width:1478px) {
    .inner-page-heading {
        font-size: 34px;
    }

    .side-marker::before,
    .side-marker::after {
        height: 20px;
    }

    .breadscrumb-ul a {
        font-size: 14px;
    }

    .sidebar,
    .contact-blk {
        padding: 15px;
    }

    .first-column,
    .second-column,
    .third-column {
        /*        padding: 10px 10px;*/
    }

    .sidebar h2,
    .contact-blk h2 {
        font-size: 18px;
    }

    .sidebar ul li a {
        padding: 8px;
        /*font-size: 15px;*/
    }

    .contact-part p {
        /*font-size: 15px;*/
        /* font-size: 13px;*/
    }

    .intro-title {
        font-size: 24px;
    }

    .intro-sec p {
        font-size: 15px;
    }

    .section-title.dept-title {
        font-size: 24px;
    }

    .first-column,
    .third-column {
        /*   width: 20%;*/
    }

    /*.second-column {
        width: 60%;
    }*/

    .park-left a {
        padding: 8px 16px;
    }

    .top-content-sec .slider-container {
        padding: 10px 20px;
    }

    .slide-up-sec h4 {
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 14px;
    }

    .slide-up-sec {
        padding: 10px 20px;
    }

        .slide-up-sec p {
            font-size: 14px;
        }

        .slide-up-sec a {
            margin-top: auto;
            width: fit-content;
            padding: 4px 8px;
            font-size: 12px;
        }

    .park-left {
        padding: 20px;
    }

        .park-left p {
            font-size: 15px;
        }

    .swiper-backface-hidden .swiper-slide {
        /* width: 30% !important; */
    }

    .card-list .card-link .card-title {
        font-size: 15px;
    }

    .dept-home.events-news-sec .combined-sec {
        flex-direction: column;
    }

    .dept-home h3,
    .dept-home h4 {
        font-size: 16px;
    }

    .read-more {
        font-size: 15px;
    }

    .side-news-item img {
        width: 180px;
        height: 100px;
    }

    .dropdown select,
    .dropdown label {
        font-size: 14px;
    }
}


@media (min-width:992px) and (max-width:1200px) {
    .inner-page-heading {
        font-size: 30px;
    }

    .side-marker::before,
    .side-marker::after {
        height: 20px;
    }

    .breadscrumb-ul a {
        font-size: 14px;
    }

    .sidebar,
    .contact-blk {
        padding: 15px;
    }

    .first-column,
    .second-column,
    .third-column {
        /*        padding: 10px 10px;*/
    }

    .sidebar h2,
    .contact-blk h2 {
        font-size: 18px;
    }

    .sidebar ul li a {
        padding: 8px;
        font-size: 14px;
    }

    .contact-part p {
        font-size: 14px;
    }


    .intro-title {
        font-size: 22px;
    }

    .intro-sec p {
        font-size: 15px;
    }

    .section-title.dept-title {
        font-size: 20px;
    }

    .first-column,
    .third-column {
        /*        width: 20%;*/
    }

    .second-column {
        /*        width: 60%;*/
    }

    .park-left a {
        padding: 6px 12px;
    }

    .top-content-sec .slider-container {
        padding: 10px 20px;
    }

    .slide-up-sec h4 {
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 14px;
    }

    .slide-up-sec {
        padding: 10px 4px;
    }

        .slide-up-sec p {
            font-size: 12px;
            /* display: none; */
        }

        .slide-up-sec a {
            margin-top: auto;
            width: fit-content;
            padding: 4px 8px;
            font-size: 12px;
        }

    .park-left {
        padding: 20px;
    }

        .park-left p {
            font-size: 14px;
        }

    .view-all {
        font-size: 14px;
    }

    .swiper-backface-hidden .swiper-slide {
        /* width: 30% !important; */
    }

    .card-list .card-link .card-title {
        font-size: 14px;
    }

    .dept-home.events-news-sec .combined-sec {
        flex-direction: column;
    }

    .dept-home h3,
    .dept-home h4 {
        font-size: 16px;
        line-height: 1.5;
    }

    .read-more {
        font-size: 15px;
    }

    .side-news-item img {
        width: 180px;
        height: 100px;
    }

    .card-wrapper {
        margin: 0 5px 15px !important;
    }

    .top-content-sec .slider-btn {
        padding: 4px;
        height: 30px;
        width: 30px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .dropdown select,
    .dropdown label {
        font-size: 14px;
    }
}



@media (min-width:768px) and (max-width:991px) {

    .find-park-sec .col-md-6 {
        width: 100%;
    }

    li.breadcrumb-item, li.breadcrumb-item.active {
        font-size: 14px;
    }

    .ms-3 {
        margin-left: 0rem !important;
    }

    .find-park-sec {
        flex-direction: column;
    }

    .inner-page-heading {
        font-size: 26px;
    }

    .side-marker::before,
    .side-marker::after {
        height: 20px;
    }

    .breadscrumb-ul a {
        font-size: 14px;
    }

    .sidebar,
    .contact-blk {
        padding: 15px;
    }

    .first-column,
    .second-column,
    .third-column {
        /*        padding: 10px 10px;*/
    }

    .sidebar h2,
    .contact-blk h2 {
        font-size: 18px;
    }

    .sidebar ul li a {
        padding: 8px;
        font-size: 14px;
    }

    .contact-part p {
        font-size: 14px;
    }


    .intro-title {
        font-size: 20px;
    }

    .intro-sec p {
        font-size: 14px;
    }

    .section-title.dept-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .first-column,
    .third-column {
        width: 100%;
        padding: 0px;
    }

    .second-column {
        width: 100% !important;
        padding-right: 15px;
    }

        .second-column .col-md-6 .find-park-sec {
            width: 100% !important;
        }

        .second-column .col-md-6.col-xxl-8.col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12 {
            width: 80% !important;
            padding-right: 15px;
        }

        .second-column .col-md-3 {
            display: none;
        }

    .sidebar-contact-sec {
        width: 30% !important;
    }

    .park-left a {
        padding: 6px 12px;
        font-size: 14px;
    }

    .top-content-sec .slider-container {
        padding: 10px 20px;
    }

    .slide-up-sec h4 {
        margin-bottom: 24px;
        font-weight: 600;
        font-size: 16px;
    }

    .slide-up-sec {
        padding: 12px 16px;
    }

        .slide-up-sec p {
            font-size: 13px;
            /* display: none; */
        }

        .slide-up-sec a {
            margin-top: auto;
            width: fit-content;
            padding: 4px 8px;
            font-size: 12px;
        }

    .park-left {
        padding: 20px;
    }

        .park-left p {
            font-size: 14px;
        }

    .view-all {
        font-size: 14px;
    }

    .swiper-backface-hidden .swiper-slide {
        /* width: 46% !important; */
    }

    .card-list .card-link .card-title {
        font-size: 14px;
    }

    .combined-sec {
        flex-direction: column;
    }

    .dept-home h3,
    .dept-home h4 {
        font-size: 16px;
        line-height: 1.5;
    }

    .read-more {
        font-size: 15px;
    }

    .side-news-item img {
        width: 180px;
        height: 100px;
    }

    .dept-home-news .side-news-item img {
        display: none;
    }


    .card-wrapper {
        margin: 0 5px 15px !important;
    }

    .top-content-sec .slider-btn {
        padding: 4px;
        height: 30px;
        width: 30px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .top-content-sec .slide {
        flex: 0 0 calc(50% - 10px);
    }

    .side-news-item {
        /* padding: 0px; */
        padding-bottom: 20px;
        margin-top: 0px;
        border-bottom: 1px solid #c5d5e1;
        border-radius: 0px;
    }

    .side-news-content .read-more {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .side-news-item:last-child {
        border-bottom: 0px solid transparent;
    }


    .event-date {
        padding: 5px;
        border-radius: 8px;
        width: 90px;
        height: 90px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .event-date b {
            font-size: 24px;
        }

    .event-content .read-more {
        margin: 10px 0;
    }

    .event-content {
        width: 80%;
        padding: 0px 0;
    }

    .dropdown select,
    .dropdown label {
        font-size: 14px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .inner-page-heading {
        font-size: 24px;
    }

    .side-marker::before,
    .side-marker::after {
        height: 20px;
    }

    .breadscrumb-ul a {
        font-size: 14px;
    }

    .sidebar,
    .contact-blk {
        padding: 20px;
    }

    .first-column,
    .second-column {
        /*        padding: 10px 10px;*/
    }

    .third-column {
        padding: 0px;
    }

    li.breadcrumb-item, li.breadcrumb-item.active {
        font-size: 14px;
    }

    .sidebar h2,
    .contact-blk h2 {
        font-size: 18px;
    }

    .sidebar ul li a {
        padding: 8px;
        font-size: 14px;
    }

    .contact-part p {
        font-size: 14px;
    }


    .intro-title {
        font-size: 18px;
    }

    .intro-sec p {
        font-size: 14px;
    }

    .section-title.dept-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .first-column,
    .third-column {
        width: 100%;
        padding: 0px;
    }

    .second-column {
        width: 90% !important;
        padding-right: 15px;
    }

        .second-column .col-md-6.col-xxl-8.col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12 {
            width: 80% !important;
            padding-right: 15px;
        }


    .sidebar-contact-sec {
        width: 30%;
    }

    .park-left a {
        padding: 6px 12px;
        font-size: 14px;
    }

    .top-content-sec .slider-container {
        padding: 10px 20px;
    }

    .slide-up-sec h4 {
        margin-bottom: 40px;
        font-weight: 600;
        font-size: 20px;
    }

    .slide-up-sec {
        padding: 20px 16px;
    }

        .slide-up-sec p {
            font-size: 15px;
            /* display: none; */
        }

        .slide-up-sec a {
            margin-top: auto;
            width: fit-content;
            padding: 6px 12px;
            font-size: 15px;
        }

    .find-park-sec {
        flex-direction: column;
    }

    .park-left {
        padding: 20px;
    }

        .park-left p {
            font-size: 14px;
        }

    .view-all {
        font-size: 14px;
    }

    .swiper-backface-hidden .swiper-slide {
        /* width: 46% !important; */
    }

    .card-list .card-link .card-title {
        font-size: 14px;
    }

    .combined-sec {
        flex-direction: column;
    }

    .dept-home h3,
    .dept-home h4 {
        font-size: 16px;
        line-height: 1.5;
    }

    .read-more {
        font-size: 15px;
    }

    .side-news-item img {
        width: 180px;
        height: 100px;
        /* display: none; */
    }

    .card-wrapper {
        margin: 0 5px 15px !important;
    }

    .top-content-sec .slider-btn {
        padding: 8px;
        height: 40px;
        width: 40px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .top-content-sec .slide {
        flex: 0 0 calc(99% - 5px);
    }

    .side-news-item {
        padding: 0px;
        margin-top: 0px;
        border-bottom: 1px solid #c5d5e1;
        border-radius: 0px;
    }

    .side-news-content .read-more {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .side-news-item:last-child {
        border-bottom: 0px solid transparent;
    }


    .event-date {
        padding: 5px;
        border-radius: 8px;
        width: 90px;
        height: 90px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .event-date b {
            font-size: 24px;
        }

    .event-content .read-more {
        margin: 10px 0;
    }

    .event-content {
        width: 80%;
        padding: 0px 0;
    }

    .inner-banner-img-sec {
        position: relative;
        height: 150px;
    }

        .inner-banner-img-sec img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .dept-home .event {
        padding: 0px 0px 20px 0px;
        margin: 20px 0px;
        margin-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #cee1d6;
        align-items: center;
        border-radius: 0px;
    }

    .dropdown select,
    .dropdown label {
        font-size: 14px;
    }
}





@media (max-width:575px) {
    .inner-page-heading {
        font-size: 24px;
    }

    .side-marker::before,
    .side-marker::after {
        height: 20px;
    }

    .breadscrumb-ul a {
        font-size: 14px;
    }

    .sidebar,
    .contact-blk {
        padding: 10px;
        margin-bottom: 10px;
    }

    .first-column,
    .second-column {
        /*        padding: 10px 10px;*/
    }

    .third-column {
        padding: 8px;
    }

    li.breadcrumb-item, li.breadcrumb-item.active {
        font-size: 14px;
    }


    .sidebar h2,
    .contact-blk h2 {
        font-size: 18px;
    }

    .sidebar ul li a {
        padding: 8px;
        /*font-size: 15px;*/
    }

    .contact-part p {
        /*font-size: 15px;*/
    }


    .intro-title {
        font-size: 18px;
    }

    .intro-sec p {
        font-size: 15px;
    }

    .section-title.dept-title {
        font-size: 18px;
        margin-bottom: 10px;
        height: auto;
    }

    .first-column,
    .third-column {
        width: 100%;
    }

    .second-column {
        width: 100% !important;
    }

    .sidebar-contact-sec {
        width: 100%;
    }

    .park-left a {
        padding: 6px 12px;
        font-size: 15px;
    }

    .top-content-sec .slider-container {
        padding: 10px 20px;
        display: flex;
    }

    .slide-up-sec h4 {
        margin-bottom: 40px;
        font-weight: 600;
        font-size: 18px;
    }

    .slide-up-sec {
        padding: 20px 16px;
    }

        .slide-up-sec p {
            font-size: 15px;
            /* display: none; */
        }

        .slide-up-sec a {
            margin-top: auto;
            width: fit-content;
            padding: 6px 12px;
            font-size: 15px;
        }

    .find-park-sec {
        flex-direction: column;
    }

    .park-left {
        padding: 20px;
    }

        .park-left p {
            font-size: 15px;
        }

    .view-all {
        font-size: 15px;
        text-align: right;
    }

    .swiper-backface-hidden .swiper-slide {
        width: inherit !important;
    }

    .card-list .card-link .card-title {
        font-size: 16px;
    }

    .combined-sec {
        flex-direction: column;
    }

    .events-item {
        padding: 10px 0px !important;
    }

    .dept-home h3,
    .dept-home h4 {
        font-size: 15px !important;
        line-height: 1.5;
    }

    .read-more {
        font-size: 15px;
    }

    .side-news-item img {
        width: 180px;
        height: 100px;
        display: none;
    }

    .card-wrapper {
        margin: 0 5px 15px !important;
    }

    .top-content-sec .slider-btn {
        padding: 8px;
        height: 40px;
        width: 40px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .top-content-sec .slide {
        flex: 0 0 calc(99% - 5px);
    }

    .dept-home-news .side-news-item {
        padding: 0px;
        margin-top: 0px;
        border-bottom: 1px solid #c5d5e1;
        border-radius: 0px;
        background: transparent;
        box-shadow: 0px 0px 0px #e6e6e6;
    }

    .side-news-content .read-more {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .side-news-item:last-child {
        border-bottom: 0px solid transparent;
    }


    .event-date {
        padding: 5px;
        border-radius: 8px;
        width: 90px;
        height: 90px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .event-date b {
            font-size: 24px;
        }

    .event-content .read-more {
        margin: 10px 0;
    }

    .event-content {
        width: 80%;
        padding: 0px 0;
    }

    .inner-banner-img-sec {
        position: relative;
        height: 150px;
    }

        .inner-banner-img-sec img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .three-column-sec.flex-box {
        flex-direction: column;
    }


    .breadscrumb-ul {
        flex-wrap: wrap;
    }

    .dept-home .side-news {
        padding: 20px 15px;
    }

    .dept-home .event {
        padding: 0px 0px 20px 0px;
        margin: 20px 0px;
        margin-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #cee1d6;
        align-items: center;
        border-radius: 0px;
    }

        .dept-home .event:last-child {
            margin-bottom: 0px;
            border-bottom: 0px solid #cee1d6;
        }

    .dropdown select,
    .dropdown label {
        font-size: 14px;
    }
}

option {
    color: black;
}

/* Department Home Page CSS End*/

/* Depatment & Services Page CSS */

.dept-all-cards {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}


.department-card {
    padding: 20px;
    background-color: #FFF;
    border: 1px solid #E2E5E9;
    border-radius: 10px;
    line-height: 1.75;
    transition: 0.5s all ease 0s;
    margin-bottom: 20px;
}

    .department-card:hover {
        /* background-color: #F9FCFE;
      border: 1px solid #96CCFF;
      box-shadow: rgba(191, 208, 225, 0.48) 0px 0px 10px 0px; */
        background-color: #f7fdff;
        border: 1px solid #96CCFF;
        box-shadow: rgba(191, 208, 225, 1) 0px 0px 20px 0px;
    }

.depart-title {
    font-size: 18px;
    color: #004990;
    border-bottom: 1px solid #E2E5E9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: auto;
    line-height: 1.5;
    width: 100%;
}

    .depart-title a {
        color: #004990;
        /*
      font-size: 18px;
      border-bottom: 1px solid #E2E5E9;
      padding-bottom: 10px;
      margin-bottom: 10px;
      height: auto;
      line-height: 1.5;*/
    }

.dept-intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 15px;
}

.dept-contact {
    display: flex;
    padding: 4px 16px;
    align-items: center;
    background-color: #e5f1eb;
    border: 1px solid #51BB79;
    border-radius: 40px;
    margin-bottom: 15px;
    width: fit-content;
}

    .dept-contact p {
        margin-bottom: 0px;
        margin-left: 10px;
        font-weight: 600;
        font-size: 15px;
    }

.dept-links a {
    text-decoration: underline;
    margin-right: 10px;
    color: #004990;
    font-size: 14px;
}

    .dept-links a:hover {
        text-decoration: underline;
        color: #009C39;
    }

.dept-links {
    display: flex;
    flex-wrap: wrap;
    line-height: 2;
    flex-direction: column;
}

    .dept-links p {
        margin-bottom: 0px;
    }

@media (min-width:576px) and (max-width:1024px) {
    .dept-all-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:575px) {
    .dept-all-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Depatment & Services Page End */

/*unerline-anim*/
.unerline-anim {
    display: inline-block;
    position: relative;
    /*color: #0087ca;*/
}

    .unerline-anim:after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 1px;
        bottom: 0;
        left: 0;
        /*background-color: #2ea851;*/
        background-color: rgb(81, 190, 253);
        background-image: linear-gradient(90deg, rgb(255, 0, 0), rgb(255, 230, 2));
        transform-origin: bottom right;
        transition: transform 0.35s ease-out;
    }

    .unerline-anim:hover:after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

/*unerline-anim end*/

.stry-section {
    background-image: url(../images/stry-bg.jpg);
    background-size: cover;
    position: relative;
}

.stry-img {
    flex: 1;
}

.stry-content {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stry-section img {
    border-radius: 10px;
    box-shadow: 6px 3px 13px 0px #999;
    /* box-shadow: none; */
}

.stry-content a {
    background: #009c39;
    color: #fff;
    padding: 8px;
    text-decoration: none;
    border-radius: 5px;
    place-self: flex-start;
}

@media (max-width:1200px) {
    .stry-content {
        flex: 1;
    }
}

@media (max-width:1400px) {
    .stry-content {
        flex: 2;
    }
}

@media (max-width:768px) {
    .stry-content {
        flex: auto;
    }
}


/* Search Dropdown Start */
#search-sec {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    justify-content: center;
    text-align: center;
    overflow: visible;
}

    #search-sec a {
        filter: unset;
        padding: 5px 10px;
        background: #fff;
        border-radius: 50px;
        margin-right: 0px;
    }


.searchBox-fakeInput {
    display: flex;
    /* justify-content: center; */
    justify-content: space-between;
    width: calc(100% - 100px);
    align-items: center;
    /*left: 210px;*/
    position: relative;
    float: left;
    overflow:visible;
}

.search-form .container {
    max-width: 100%;
}

.search-icon {
    transition: all 0.4s ease;
}

.search-form {
    /* display: none; */
    position: absolute;
    max-height: 0;
    width: 100%;
    -webkit-transition: max-height, 0.2s ease-in-out;
    transition: max-height, 0.2s ease-in-out;
    overflow-y: hidden;
    overflow-x: hidden;
    background: rgba(255,255,255,0.9);
    padding: 20px 10px;
    /* z-index: 999; */
    opacity: 0;
}

    .search-form.search-dropbox {
        display: none;
        /*display: block;*/
        position: absolute;
        width: 100%;
        background: rgba(255,255,255,1);
        max-height: 70px;
        opacity: 1;
        box-shadow: -12px 0px 17px -9px #000;
        z-index: 999;
        right: 30px;
        border-radius: 0px 0px 8px 8px;
        overflow: visible;
    }

.searchBox-inputWrapper {
    width: 100%;
    display: flex;
    align-items: center;
}

    .searchBox-inputWrapper img {
        filter: brightness(100) invert(1);
    }

.search-form .form-control.searchBox-input.js-searchBox-input {
    background: transparent;
    border: 0px;
}

.search-form .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25);
}

.search-form .fa.fa-times-circle {
    font-size: 30px;
    color: #7e7272;
    cursor: pointer;
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .searchBox-fakeInput {
        /*left: 190px;*/
        position: relative;
        width: calc(100% - 100px);
    }
}


@media (min-width:992px) and (max-width:1024px) {
    .searchBox-fakeInput {
        left: 190px;
        position: relative;
        width: calc(100% - 100px);
    }
}

@media (min-width:768px) and (max-width:991px) {
    .searchBox-fakeInput {
        /*left: 210px;*/
        position: relative;
        width: calc(100% - 100px);
    }
}

@media (min-width:576px) and (max-width:767px) {
    .searchBox-fakeInput {
        /*left: 210px;*/
        position: relative;
        width: calc(100% - 100px);
    }
}

@media (max-width:575px) {
    .searchBox-fakeInput {
        left: 0px;
        position: relative;
         width: calc(100% - 70px);
       /* width: auto;*/
    }

    #search-sec {
        padding: 10px;
    }
}

/* Search Dropdown end */

/* Featured Stories Start  */
.stry-section .slider-container {
    position: relative;
    width: 100%;
    /* max-width: 900px; */
    margin: auto;
    overflow: hidden;
    padding: 0px;
}

.slides-feature {
    display: flex;
    transition: transform 0.5s ease-in-out;
    /* overflow: hidden; */
}

.feature-slide {
    min-width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    /* padding: 20px; */

    border-radius: 10px;
}

    .feature-slide img {
        /* width: 30%;
  border-radius: 10px; */
    }

.slides-content {
    /* max-width: 70%; */
    /* padding: 20px; */
    padding: 10px 0px;
    width: 70%;
}

    .slides-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .slides-content p {
        font-size: 16px;
        /* color: #555; */
        width: 97%;
    }

.read-more {
    /* display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  background: #28a745;
  color: white;
  text-decoration: none;
  border-radius: 5px; */
}

.dots-feature {
    text-align: center;
    margin-top: 10px;
}

.dot-story {
    height: 12px;
    width: 12px;
    margin: 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.stry-section .slider-container .active {
    background-color: #28a745;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    background: transparent;
}

.arrow-sec .prev {
    left: 0px;
    z-index: 2;
}

.arrow-sec .next {
    right: 0px;
    z-index: 2;
}


.arrow-sec {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 50%;
    display: none;
}

.stry-section .container {
    position: relative;
}

@media (max-width:767px) {
    .feature-slide {
        flex-direction: column;
        padding: 20px;
    }

        .feature-slide img {
            width: 100%;
        }

    .slides-content {
        width: 100%;
    }

    .stry-section .slider-container {
        display: block;
    }

    .slides-content h2 {
        font-size: 20px;
    }

    .slides-content p {
        width: 100%;
    }
}

/* Featured Stories End  */


@media (min-width:1025px) and (max-width:1200px) {
    .dept-all-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}



/* Marquee Start  */

.marquee-container {
    width: 100%;
    white-space: nowrap;
    font-size: 18px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 500;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    will-change: transform;
}

@media (max-width:575px) {
    .marquee-container {
        font-size: 16px;
    }
}


/*.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;*/
/*background-color: #f5f5f5;*/
/*padding: 10px;
    position: relative;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}*/


/* Marquee End */


/*div styles*/
.zeromargin {
    margin-right: 0;
    margin-left: 0;
}

.searchBox-clearWrapper {
    float: right;
    text-align: right;
    width: auto;
}

.locateUs {
    background-color: #004990;
    color: white;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: normal;
}

@media (max-width: 575px) {
    .search-form.search-dropbox {
        /*width: 100%;
        right: 0;
        border-radius: 0px;*/
        width: 100vw;
        right: 0;
        border-radius: 0px;
        left: 0;
        margin: 0;
    }

    .custom-language-selector {
        left: 20px;
    }
}

li#nav-business {
    cursor: pointer;
}

.colreset {
    width: unset;
}

.rowreset {
    width: unset;
    padding: 0px;
}

/*div styles end*/

/*Search box start*/

button[data-sf-role="search-button"] {
    display: none !important;
}

.form-control[data-sf-role="search-box"] {
    border: none;
    outline: none;
    box-shadow: none; /* Removes any shadow effect */
}
/*Search box end*/


/*ADA Font size change*/
body.small-font * {
    font-size: 16px !important;
}

body.medium-font * {
    font-size: 18px !important;
}

body.large-font * {
    font-size: 20px !important;
}

.bannerImage {
    height: 180px;
    object-fit: cover;
    /*object-fit: fill;*/
}

/*Hurricane Page css start*/
.inner-page-title {
    font-size: 34px;
    font-weight: 700;
    color: #004d8f;
}

.inner-page-title-sec {
    /*    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.hurricane-title {
    font-weight: 700;
    color: #004d8f;
    font-size: 30px;
    margin-bottom: 20px;
    /*   background: #f0f6ff;*/
    /* padding: 10px;*/
    border-left: 4px solid #2b8a3e;
    padding-left: 10px;
}


.lastModified {
    text-align: right;
}

.hurricane-slot {
    border: 0px !important;
    padding: 0px !important;
    /*padding: 10px !important;*/
}

.lastModified {
    text-align: right;
    /* border-bottom: 1px solid #ddd;
    margin-bottom: 20px;*/
}

.hurricane-slot h3 {
    font-weight: 600;
    font-size: 22px;
}

#hurricane-alert {
    /*   background-color: #fffae6;
    color: #856404;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ffeeba;
    border-radius: 5px;
    cursor: pointer;*/
    background-color: #fff5cc;
    color: #6f0404;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ffeeba;
    border-radius: 5px;
    cursor: pointer;
}

.hurricane-fixed {
    top: 0;
}

div#hurricane-menu {
    background: #F2F6F9;
}

.footer-sec {
    position: relative;
    z-index: 2;
}



* Main layout */
.main-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Left menu */
.left-menu {
    /*width: 250px;*/
    margin-right: 0rem;
    height: auto;
    display: unset;
}

.sticky-menu {
    position: sticky;
    top: 0;
    /* background-color: #ecf0f1;*/
    padding: 1rem;
    /* border-radius: 8px;*/
}

.left-menu div:first-child {
    position: sticky;
    top: 0;
}

.sticky-menu ul {
    list-style: none;
    padding: 0;
}

.sticky-menu li {
    /*   margin-bottom: 0.5rem;*/
    /*  background: #bdc3c7;*/
    padding: 0.5rem;
    /* border-radius: 4px;*/
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    /* transition: 0.2s 1s ease-in-out;*/
}

    .sticky-menu li:hover {
        background: #dee5e7;
        /*transition: 0.2s 1s ease-in-out;*/
    }

/* Right content */
.Hurricane-Summary-list {
    flex: 1;
    padding: 0px;
}

.hurricane-slot {
    height: auto;
    /*  margin-bottom: 2rem;*/
    margin-bottom: 10px;
    padding: 1rem;
    /* background-color: #f5f5f5;*/
    border: 1px solid #ccc;
}

#hurricane-menu li {
    border-left: 3px solid transparent; /* Reserve space for border */
    transition: background-color 0.3s ease, border-color 0.3s ease, font-weight 0.3s ease;
}

    #hurricane-menu li.active {
        background-color: #e1e9ef;
        /*  border-radius: 0 20px 20px 0;*/
        padding-left: 12px;
        font-weight: 600;
        border-left: 4px solid #0077cc;
        transition: all 0.3s ease;
    }

/*    #hurricane-menu li.active {
        background: linear-gradient(to right, #ecfbff, #d9f2ff);
        font-weight: 600;
        border-left: 4px solid #004d8f;
        box-shadow: inset 2px 0 0 #004d8f;
        color: #00335c;
        transition: all 0.3s ease;
    }*/


/*#hurricane-menu li.active {
        background-color: #ecfbff;
        font-weight: bold;
        border-left-color: #004d8f;*/ /* Only change color, not width */
/*}*/

/*#hurricane-menu li.active {
    background-color: #ecfbff;
    font-weight: bold;
    border-left: 3px solid #004d8f;
  
}*/
/*.content {

    width: calc(100% - 300px) !important;
}

.left-menu {
    width: 300px;
}
*/
.hurricane-menuheader {
    font-size: 20px;
    font-weight: bold;
    color: #173a64;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
}

    .hurricane-menuheader::after {
        content: "";
        display: block;
        width: 30px;
        height: 3px;
        background: #2b8a3e;
        margin-top: 5px;
        border-radius: 10px;
    }

.inner-page-title-sec {
    /*    display: flex;*/
    justify-content: space-between;
    align-items: center;
}

.hurricane {
    /*    display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin-left: 3%;
}

.inner-page-title-sec a {
    font-size: 14px;
}

    .inner-page-title-sec a .fa-solid {
        margin-left: 5px;
    }


/*.hurricane-title::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: #2b8a3e;
    margin-top: 5px;
    border-radius: 10px;
}*/

.three-column-sec.flex-box a {
    word-wrap: break-word;
}

@media (max-width:575px) {
    .inner-page-title-sec {
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

.highlight {
    background-color: #F2F6F9;
    transition: background-color 0.5s ease;
}

@media (min-width: 768px) {
    .footer-right {
        text-align: right
    }
}

ol.breadcrumb {
    /* z-index: 2;
        position: relative;*/
    display: flex;
    border-bottom: 1px solid #D6DDE3;
    padding-bottom: 10px;
}

#InnerbannerImage {
    position: relative;
}

.hurricane-content {
    padding: 20px 20px 15px 20px;
}


.row {
    width: unset;
    margin: 0;
}

    .row.logo {
        margin: initial;
        left: 0;
    }

.inner-banner-sec .col-md-12 {
    padding: 0px;
}

.hero-banner-sec .col-md-12 {
    padding: 0px;
}

@media (max-width:767px) {
    .hurricane-content iframe {
        width: 100%;
        height: auto;
    }

    .inner-page-title {
        font-size: 28px;
    }

    .hurricane-title {
        font-size: 26px;
    }

    .ms-3 {
        margin-left: 0rem !important;
    }

    .news-item {
        margin-bottom: 15px;
        flex-direction: column;
    }
}


@media (min-width:768px) and (max-width:1200px) {


    .hurricane-content iframe {
        width: 400px;
        height: 250px;
    }
}

label._form-label {
    display: none !important;
}

._form_1 form {
    background: transparent !important;
    margin: 0px !important;
}

_form _form_1 _inline-form _dark {
    background-color: red !important;
}

._error,
._error._below,
._error-arrow,
._error-inner {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*New Emergency css start*/


.emergency-main-sec .col-md-12 {
    display: flex;
}


@media (max-width:575px) {
    .emergency-main-sec .col-md-12 {
        display: flex;
        flex-wrap: wrap;
    }

    .left-menu {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    ._form_1 form {
        padding: 0px !important;
    }
}

@media (min-width:768px) {
    ._form_1 form {
        padding: 0px 0px 0px 20px !important;
    }
}


/*New Emergency css End*/

.Hurricane-toast {
    /*position: absolute !important;*/
    top: 85px !important;
}


.custom-toast {
    width: 100%;
    background: rgba(251, 242, 206, 0.75);
    font-size: 17px;
    color: black;
    /* background-color: #fff5cc;
    color: #6f0404;*/
    padding: 10px 15px;
    border: 1px solid #ffeeba;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    min-width: 300px;
    /*max-width: 350px;*/
    font-size: 14px;
    animation: fadeIn 0.3s ease-in-out;
}

    .custom-toast a {
        color: #6f0404;
        font-weight: bold;
        text-decoration: underline;
    }

    .custom-toast .btn-close {
        filter: none;
        opacity: 0.8;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hurricane-menuheader a {
    color: #173a64;
}

#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    #page-loader img {
        width: 100px;
    }


.other-page-header {
    background: #f2f6f9;
    padding: 20px;
}

.other-page-title-sec {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.horizontal-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}



#child-title a {
    background: #004990;
    padding: 8px 16px;
    border-radius: 5px;
    color: #fff;
}

    #child-title a:hover {
        background: #0562bd;
    }


.view-stats-btn {
    background: #e7f3ff;
    color: #000;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 70px;
    border: 1px solid #a6abe6;
    margin-bottom: 20px;
}

.data-dashboard-header a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}


.other-page-title-sec h4 {
    border-left: 4px solid #2b8a3e;
    padding: 0px 10px;
    color: #004990;
    font-weight: 600;
}

.emrg-web-btn {
    background: #009c39;
    margin-bottom: 0px;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
}

.data-dashboard-header {
    display: flex;
    justify-content: space-between;
}

.social-icons a {
    margin-left: 5px;
}

.contact-part-phnumber {
    display: flex
}

.location:hover {
    background: #31a94c;
    cursor: pointer;
}

.location {
    margin-top: 10px;
    font-size: 13px;
}

.contact-part-phnumberdetail {
    padding: 0px;
    margin-bottom: 0px;
}
.contact-part-phnumber {
    padding: 0px;
    margin-bottom: 10px;
}

.contact-part-phnumberdetail {
    margin-left: 25px;
}

.other-page-sec {
    background: #004990;
    padding: 20px 10px;
    margin-bottom: 40px;
}

.other-page-title-sec h4 {
    font-size: 18px;
    font-weight: 500;
}

.social-icons {
    padding: 20px;
}

.contact-part-phnumberdetail {
    margin-left: 0px;
}

.contact-part-location {
    display: flex;
}

    .contact-part-location img {
        height: 20px;
        margin-right: 10px;
        /*   margin-top: 5px;*/
        margin-top: 2px;
    }


    .contact-part-location .contact-part-phnumber p {
        margin-bottom: 5px;
    }

.contact-part-phnumberdetail p {
    margin-bottom: 0px;
    /*word-break: break-all;*/
/*    padding-left: 25px;*/
}

.ms-3 {
    margin-left: 0px !important;
}




/*three column grid start*/



/*.three-column-grid {
    align-items: flex-start;
    display:flex;
}*/

/*@media (min-width:992px) {
    .column-first {
        order: 1 !important;
    }

    .column-third {
        order: 3 !important;
    }

    .column-second {
        order: 2 !important;
    }
}*/

/*@media (min-width:768px) and (max-width:991px) {
    .column-first {
        order: 1 !important;
        position: relative;
    }

    .column-third {
        order: 3 !important;
        position: relative;
    }

    .column-second {
        order: 2 !important;
        position: absolute;
        right: 0;
        width: 75%;
    }

    .three-column-grid {
        align-items: flex-start;
        position: relative;
        flex-direction: column;
    }
}*/


/*@media (max-width:767px) {
    .column-first {
        order: 1 !important;
        width: 100%;
    }

    .column-third {
        order: 2 !important;
        width: 100%;
    }

    .column-second {
        order: 3 !important;
        width: 100%;
    }
}*/
.mobile-location-details {
    display: none;
}

@media (max-width: 991px) {
    .mobile-location-details {
        display: block;
    }

    .location-details {
        display: none;
    }
}

/*three column grid end*/

.column-second ul {
    list-style-type: disc !important;
    padding-left: 1.5em !important;
    margin-left: 0 !important;
}

    .column-second ul li {
        margin-bottom: 0.5em;
        display: list-item;
    }

.column-second a {
    text-decoration: underline;
    color: #206db7;
}

    .column-second a:hover {
        text-decoration: none;
        color: #009c39;
    }

/*toggle start*/
.sidebar-toggle, .locationbar-toggle {
    display: none !important;
}

@media (max-width: 768px) {
    .childmenus, .locations {
        display: none;
    }

        .childmenus.active, .locationbar.active {
            display: block;
        }

    .sidebar-toggle, .locationbar-toggle {
        display: inline-block !important;
    }
}
/*toggle end*/
.btnreset {
    border-radius: 8px !important;
}

.events-news-sec .white-text {
    background: #013A75;
}

/*Elakkiya Start*/
.warning-text {
    color: #dc3545;
}

.btm-stack-sec {
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
}

.btm-stack-box {
    display: flex;
    white-space: no-wrap;
}

    .btm-stack-box a {
        border: 1px solid #B1CADB;
        box-shadow: 5px 5px 16px -9px #aaa;
        padding: 15px 18px 14px 45px;
        border-radius: 4px;
        flex-shrink: 1;
        flex-basis: 0;
        white-space: no-wrap;
        text-wrap-mode: nowrap;
        font-size: 16px;
        text-decoration: none;
        color: #000;
        background-image: url('../images/btm-link-ico.svg');
        background-position: 15px 21px;
        background-repeat: no-repeat;
        background-color: #F3FAFF;
    }

        .btm-stack-box a:hover {
            color: #fff;
            border: 1px solid #004990;
            background-image: url('../images/btm-linkw-ico.svg');
            background-position: 15px 21px;
            background-repeat: no-repeat;
            background-color: #004990;
        }

.btm-link-ico {
    margin-right: 15px;
}

.more-info-sec {
    margin-bottom: 2rem;
}

.mobile-location {
    padding: 0px;
}


.contact-blk i, .sidebar i {
    position: absolute;
    right: 50px;
}
/*Elakkiya End*/

/* Board of County Commissioners Start */


.section-title {
    font-size: 24px;
    color: #004990;
    font-weight: 700;
}


.commissioners-grid {
    display: grid;
    /* grid-template-columns: repeat(5, 1fr); */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.commissioner-card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    /* width: 20%; */
    padding: 20px 15px;
    text-align: center;
    transition: transform 0.3s;
    position: relative;
    margin-top: 50px;
    border: 1px solid #ededed;
}

    .commissioner-card:hover {
        transform: translateY(-5px);
    }

.commissioner-photo {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    object-fit: cover;
    border: 15px solid #e9f1ec;
    margin-bottom: 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -50px;
}

.commissioner-card h3 {
    font-size: 18px;
    margin: 0;
    color: #333;
}



.commissioner-content .title {
    background-color: #edf4f9;
    color: #004990;
    padding: 5px 14px;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 5px;
    border: 1px solid #d5e3ef;
    width: 100%;
}

.role {
    font-size: 16px;
    color: #333;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 0px;
}

.commissioner-content {
    margin-top: 110px;
}


@media (max-width:1200px) {
    .commissioners-grid {
        gap: 15px;
    }

    .commissioner-card h3 {
        font-size: 16px;
    }

    .commissioner-content .title {
        font-size: 14px;
    }

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


@media (min-width:1400px) and (max-width:1600px) {

    .commissioner-photo {
        width: 150px;
        height: 150px;
    }

    .commissioner-content {
        margin-top: 100px;
    }
}

@media (min-width:992px) and (max-width:1399px) {

    .commissioner-photo {
        width: 130px;
        height: 130px;
    }

    .commissioner-content {
        margin-top: 70px;
    }

    .commissioners-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .commissioner-content .title {
        font-size: 14px;
    }

    .commissioner-card h3 {
        font-size: 16px;
    }

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

.mobile-location .third-column {
    padding: 0px;
}
/* Board of County Commissioners End */

/* Left Image Model Start*/

.left-image-card img {
    float: left;
    padding: 0px 20px 20px 0px;
}

.left-image-model-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.left-image-card span a {
    color: #004990;
    font-size: 20px;
    width: 100%;
    display: block;
    font-weight: 600;
}

@media (max-width:767px) {
    .left-image-model-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:575px) {
    .left-image-card a img {
        float: inherit;
    }
}

a.business-resources-link {
    color: #007bff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-decoration: underline;
}


/* Left Image Model End */




/* Useful Links Model Start*/

.useful-links-card {
    display: flex;
}

    .useful-links-card img {
        /* float: left; */
        padding: 0px 20px 20px 0px;
        width: 100%;
        height: auto;
        max-width: 200px !important;
        height: max-content !important;
    }

.useful-links-model-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.useful-links-card span a:first-child {
    color: #004990;
    font-size: 20px;
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.25;
}

.useful-links-card a {
    width: 30%;
}

.useful-links-card span {
    width: 70%;
}

.useful-links-card b {
    font-weight: 600;
}

.useful-links-card {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

@media (min-width:1025px) and (max-width:1478px) {
    .useful-links-card a {
        width: 40%;
    }

    .useful-links-card span {
        width: 60%;
    }
}

@media (max-width:1024px) {
    .useful-links-card {
        display: flex;
        flex-direction: column;
    }

        .useful-links-card span {
            width: 100%;
        }

        .useful-links-card a:first-child {
            width: fit-content;
            height: 150px;
        }

        .useful-links-card span a:first-child {
            height: inherit;
        }
}

@media (max-width:767px) {
    .useful-links-model-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .useful-links-card a:first-child {
        width: fit-content;
        height: auto;
    }
}

@media (max-width:575px) {
    .useful-links-card a img {
        float: inherit;
    }
}

/*Active camp*/

._form-content {
    color: #fff !important;
}

.wrap-text {
    word-wrap: break-word;
}

/* Useful Links Model End */

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #222;
    color: #fff;
    padding: 15px;
    text-align: center;
    z-index: 9999;
    display: none;
}

/*.cookie-banner button {
    margin-left: 15px;
    padding: 8px 16px;
    background: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}*/
.importantMessage {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    background: #ffcc00;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 1000;
    width: 400px;
}

    .importantMessage .close-btn {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 30px;
        cursor: pointer;
        color: #333;
    }

    .importantMessage p {
        margin: 0px;
    }

.importantMessage-heading {
    font-weight: bold;
    color: #fc0808
}

/*People Grid CSS Start*/

.card-horizontal:hover {
    background: #f9fcfe;
    border: 1px solid #93ccff;
    box-shadow: 2px 2px 7px #d8ebfd !important;
}


/*People Grid CSS End*/



.search-result-page ul#searchTabs {
    padding-left: 0px !important;
}

.search-result-page li.nav-item button {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    margin-bottom: 0px !important;
    color: #333;
}

.search-result-page li.nav-item .nav-link.active {
    border-bottom: 2px solid #004990;
    color: #004990;
}

.search-result-page li.nav-item {
    margin-bottom: 0px;
}

    .search-result-page li.nav-item .nav-link:hover {
        color: #004990;
    }

.search-result-item h5 a.text-decoration-none {
    color: #004990 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
}

span.badge.badge-Document {
    color: #004990;
    background: #ecf6ff;
    padding: 7px 10px;
    font-size: 12px !important;
    font-weight: 500;
    border: 1px solid #004990;
    margin-bottom: 5px;
}

.search-result-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .search-result-item h5 a.text-decoration-none:hover {
        color: #009c39 !important;
    }

/*breadscrumb start*/

li.breadcrumb-item a {
    color: #004990 !important;
}

    li.breadcrumb-item a:hover {
        color: #28a745 !important;
    }

/*breadscrumb end*/

/*Downloadable streaming CSS Start*/
.streaming-materials-icon-sec {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    padding: 16px;
}

.streaming-materials {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*! width: 100px; */
}

@media (min-width:1301px) and (max-width: 1600px) {
    .streaming-materials-icon-sec {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .streaming-materials img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    .streaming-materials-icon-sec {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .streaming-materials img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (min-width:576px) and (max-width: 767px) {
    .streaming-materials-icon-sec {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .streaming-materials img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width:575px) {
    .streaming-materials-icon-sec {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .streaming-materials img {
        width: 100px !important;
        height: 100px !important;
    }
}

table.table-model th, table.table-model td {
    padding: 10px;
    border: 1px solid #ebebeb;
/*    white-space: nowrap;*/
}

table.table-model th {
    background: #dbe8f5;
}

table.table-model tr:nth-child(even) {
    background: #f7fbff;
}

table {
    width: 100%;
}

.table-responsive {
    margin-bottom: 20px;
}

/*Downloadable streaming CSS End*/

.email-break {
    word-break: break-word;
    white-space: normal;
    /*font-size: 16px;*/
}

    .email-break span {
        display: inline;
    }



a.text-primary:hover {
    text-decoration: underline;
}

.news-title {
    color: #004990;
}
/*grid pagination css start*/
.pagination .page-item.active .page-link {
    background-color: #004990;
    border-color: #004990;
    color: white;
}

.pagination.circle-pagination {
    display: flex;
    gap: 0.5rem;
    list-style: none;
    padding-left: 0;
}

    .pagination.circle-pagination .page-item {
        display: inline-block;
    }

    .pagination.circle-pagination .page-link {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background-color: #fff;
        color: #007bff;
        font-weight: 500;
        text-decoration: none;
        transition: background-color 0.3s, color 0.3s;
    }

    .pagination.circle-pagination .page-item.active .page-link {
        background-color: #004990;
        color: #fff;
        border-color: #004990;
    }

    .pagination.circle-pagination .page-item.disabled .page-link {
        color: #ccc;
        pointer-events: none;
        border-color: #eee;
    }

    .pagination.circle-pagination .page-link:hover {
        background-color: #e9f0fa;
        text-decoration: none;
    }
/*grid pagination css end*/
/*Business resources start*/

a.img-resource {
    width: 150px !important;
    height: 150px !important;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0pc 20px 20px 0px;
}

    a.img-resource img {
        object-fit: cover;
        padding: 0;
        width: 100%;
        height: 100% !important;
    }

@media (max-width:575px) {

    a.img-resource {
        float: inherit;
    }
}


@media(max-width:575px) {

    .useful-links-card span a {
        word-break: break-all !important;
    }
}
/*Business resources end*/



/*Resource Management page css start - step numbers*/
.steps-content {
    display: flex;
    /*margin-top: 30px;*/
    position: relative;
    flex-direction: column;
    height: calc(100% - 150px);
    flex-flow: wrap;
    width: 100%;
}

#contact-submit {
    margin-top: 0px;
}

.contact h3 {
    font-size: 30px;
    padding-bottom: 20px;
    font-family: "Playfair Display", serif !important;
    font-weight: 400;
}

.steps {
    display: flex;
    margin-bottom: 20px;
}

/*    .steps:nth-child(1) span::after,
    .steps:nth-child(2) span::after,
    .steps:nth-child(3) span::after,
    .steps:nth-child(4) span::after {
        content: "";
        height: 100%;
        width: 3px;
        background: #004990;
        display: block;
        top: 0;
        position: relative;
        left: 34%;
        z-index: 0;
    }*/

    .steps span::after {
        content: "";
        height: 100%;
        width: 3px;
        background: #004990;
        display: block;
        top: 0;
        position: relative;
        left: 34%;
        z-index: 0;
    }

    .steps:last-child span::after {
        display: none;
    }

    .steps span p {
        text-align: center;
        width: 50px;
        height: 50px;
        background-color: #004990;
        display: flex;
        margin: 0px 20px 0px 0px;
        border-radius: 50%;
        color: #fff;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 3;
        font-size: 20px !important;
        font-weight: 600;
    }

.numbers span p {
    font-size: 24px !important;
}

.numbers span::after {
    content: "";
    width: 3px;
    height: 100px;
    color: #fff;
    display: inline-block;
}

.steps p {
    font-size: 18px !important;
    margin-bottom: 20px;
    /* font-family: "Mulish", sans-serif !important; */
    /* font-family: "Mukta", sans-serif !important; */
    /* color: #fff; */
}

.msbu-main {
    display: flex;
    /* flex-wrap: wrap; */
}

.side-menu {
    width: 20%;
    background: #ddd;
    margin: 20px;
}

.steps-right-side {
    display: flex;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

.steps-leftcontent {
    width: 80%;
    padding: 10px 10px 20px 10px;
    word-wrap: anywhere;
}

.steps-rightimg {
    width: 140px;
    text-align: right;
    display: flex;
    align-items: center;
    padding: 10px 25px;
    margin-left: auto;
}

    .steps-rightimg img {
        width: 100%;
    }

.steps-leftcontent h4 {
    color: #004990;
    margin: 0px;
    font-size: 20px;
}

.steps-leftcontent ul {
    list-style: disc !important;
    padding-left: 20px;
    line-height: 1.75;
}

    .steps-leftcontent ul li a {
        text-decoration: underline;
        color: #004990;
    }

        .steps-leftcontent ul li a:hover {
            text-decoration: none;
            color: #009c39;
        }

.steps:last-child .steps-right-side {
    border-bottom: 0px solid #ddd;
}


@media (min-width:1201px) and (max-width:1478px) {
    .steps-leftcontent {
        width: 75%;
    }
}


@media (min-width:992px) and (max-width:1200px) {
    .steps-leftcontent {
        width: 65%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .steps-leftcontent {
        width: 100%;
    }

    .steps-rightimg {
        margin-left: inherit;
    }
}

@media (max-width:767px) {
    .side-menu {
        width: 100%;
        margin: 10px 0px;
    }

    .steps-content {
        width: 100%;
    }

    .msbu-main {
        flex-wrap: wrap;
    }

    .steps-leftcontent {
        width: 100%;
        padding: 5px;
    }

    .steps-rightimg {
        margin-left: inherit;
    }
}

@media(max-width:575px) {
    .steps-right-side {
        flex-direction: column;
    }

    .steps span p {
        width: 40px;
        height: 40px;
        margin: 0px 10px 0px 0px;
    }

    .steps-leftcontent {
        width: 90% !important;
        padding: 5px;
    }

 
}
/*Resource Management page css end - step numbers*/


/*Search suggestion box CSS start */

.searchBox-inputWrapper .border.bg-body.list-unstyled {
    position: absolute;
    top: 50px;
    padding: 20px 30px;
    left: -20px;
    width: 100%;
    background: #f8fcff !important;
    line-height: 2;
}


    .searchBox-inputWrapper .border.bg-body.list-unstyled li button:hover {
        color: #00a94f;
    }

.searchBox-inputWrapper .d-flex {
    width: 100%;
}

/*Pagination css:*/

ul.pagination {
    list-style-type: none !important;
    justify-content: center;
}

.page-item {
    width: 40px;
    height: 40px;
    text-align: center;
    text-wrap: nowrap;
    margin: 3px !important;
}

    .page-item.active .page-link {
        background: #004990;
        border: 1px solid #004990;
    }

.page-link {
    border-radius: 50% !important;
    text-decoration: none !important;
}
/*Search suggestion box CSS end */

/*back  to top button start*/

.back-to-top {
    background-color: #009c39 !important;
}
.back-to-top:hover {
    background-color: #05b305 !important;
}
    /*back  to top button end*/




/*Footer subscribe section New CSS start*/

._form-content {
    font-family: 'Poppins', sans-serif !important;
}
.photo-gallery-container {
    width: 100%;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.gallery-item {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: auto;
    aspect-ratio: 16/9;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: top center;
    border-radius: 8px;
}

.image-title {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    color: #004990;
    padding: 10px;
    font-weight: 600;
    margin-bottom: 20px;
}

.gallery-item:hover .image-title {
    color: #009c39;
}


._submit {
    background: #009c39 !important;
    color: #fff;
    padding: 8px !important;
    text-decoration: none;
    border-radius: 5px !important;
    font-family: 'Poppins', sans-serif !important;
}
._form_3 form {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px;
}

._form-content button._submit {
    background: #009c39 !important;
    font-family: 'Poppins', sans-serif !important;
}

@media (max-width:575px){
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(1,1fr) !important;
        gap: 20px;
        margin-bottom: 30px;
    }
}

    /*Footer subscribe section New CSS end*/


.contact-part h5 {
    font-weight: 600;
    font-size: 18px;
} 

.faq-question{
    border:0px !important;
}

.faq-item{
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border: 1px solid #e1e1e1 !important;
}

.commissioners-grid a {
    text-decoration: none;
}

p.list-group a {
    margin-bottom: 10px;
}



/*Location Maps CSS Start*/
.loc-map iframe {
    width: 100%;
    height: 500px;
    border-radius: 8px;
}
.loc-contact {
    margin-bottom: 20px;
}

@media (max-width:575px){
    .loc-map iframe {
        height: 300px;
        margin-bottom: 20px;
    }
}
/*Location Maps CSS End*/

/*Second Level ul css start*/
ul.second-level-list, .column-second ul li ul {
    list-style-type: circle !important;
}
/*Second Level ul css end*/

/*public works css start*/
.dept-all-cards.three-column-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.dept-all-cards.two-column-grid {
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
}

    .dept-all-cards.two-column-grid .department-card {
        line-height: 1.2;
    }

@media (max-width:575px) {
    .dept-all-cards.two-column-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
/*public works css end*/

/*left and right image css start*/
.left-align-image {
    max-width:300px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
     height:auto;
     border-radius:5px;
}

.right-align-image {
    max-width: 300px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    height: auto;
    border-radius: 5px;
}

.left-right-align-block {
    overflow: hidden;
    margin-bottom: 10px;
}

@media (max-width:575px) {
    .right-align-image, .left-align-image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px !important;
    }
}


/*left and right image css end*/

/*reclaimed-water css start*/
.fa.fa-check {
    color: green;
}

.fa.fa-remove {
    color: red;
}

blockquote.quote-block, blockquote {
    background: #eaf5ff;
    padding: 20px 20px;
    border-left: 3px solid #009c39;
    font-style: italic;
    font-weight: 500;
}
/*reclaimed-water css end*/

/*Online Services Start*/


.online-services-block{
    overflow:hidden;
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.online-services-block img {
    width:90px;
    height:auto;
   margin-right:20px;
}


/*Online Services end*/