@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");


html {
    font-size: 18px !important;
    font-family: "Poppins", sans-serif;
}

body {
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: #4D4D4D;
    background: #ffffff;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

.body-content {
}

input,
select,
textarea {
 
}

.greenborder {
    width: 100%;
    border-top: 4px solid #145c36;
}

a {
    color: #C6A86C;
    text-decoration: none;
}



.btn {
    font-size: 1rem;
}

    .btn.btn-sm {
        font-size:0.75rem;
    }

.btn-secondary {
    background: #C6A86C;
}


.btn-primary:focus {
    border: #6f8a3a;
}
.dlbtn {
    margin: 0 auto 1rem;
    background: #C6A86C;
    padding: 0.25rem 0.5rem;
    width: fit-content;
    color: #fcfcfc;
    border-radius: 4px;
    margin: 0.25em;
}
    .dlbtn i {
    color:#fcfcfc;
    }

h1 {
    color: #385c38;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0.5em 0;
}

h2 {
    font-size: 1.5em;
}

h3 {
font-size:1.25em;
}

h4 {
    color: #1f2d3d;
    font-size: 1.15rem;
}


.row {
    margin: auto;
}

.standardCard {
    background: #F1F3F1;
  
    /* box-shadow: -4px 4px 4px 4px rgba(0, 0, 0, 0.35);*/
    height: 100%;
    border-radius: 2px;
    vertical-align: middle;
}

.featured h3 {
    color: #145c36;
    font-weight:600;
}

.featured-purple {
    background: #a32652;
    color: #ffffff;
    font-weight:600;
    padding-left:16px !important;
    clip-path: polygon( 0 0, 100% 0, 90% 100%,
    0% 100% );
}

.featured .topbar {
    border-bottom: 1px solid #e0e4e8;
}
.featured-img img {
    width:100%;
    border-radius:8px;
}

.lastest_story {
position:absolute;
bottom:0;
left:16px;
margin-bottom:0;
}

.newsList {
    padding-left: 0;
}

.newsList li {
  
    list-style-position: inside;
    border-bottom: 1px solid #e0e4e8;
    padding: 16px 0;

}

.newsList li::marker {
    color: #a32652;
}

.newsList li:first-child {
    padding-top: 0;
}

.quickbtn {
    margin: 0 0 1em 0;
    border-radius:1em;
    background: #f1f6f6;
   
    /* box-shadow: -4px 4px 4px 4px rgba(0, 0, 0, 0.35);*/
    padding: 0.75em 0.5rem;
    border-radius: 2px;
    font-weight: 400;
    font-size: 1.25rem;
    color: #1f2d3d;
    min-height: 80px;
    vertical-align: middle;
    text-align:left;
}
    .quickbtn img {
    max-width:60px;
    text-align:center;
    margin-bottom:8px;
    }

    .quickbtn h5 {
        color: #123c27;
        font-weight:bold;
        font-size:1rem;
    }

    .quickbtn a {
        display: flex;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .quickbtn .col {
    padding:0;
    }

    .quickbtn p {
        margin-left:0;
        font-size:18px;
        color:#4D4D4D;
        margin-bottom:0;
        text-align:left;
        display:inline-block;
    }



.quickbtn .bi {
    font-size: 3rem;
    color: #145c36;
}

.editor.quickbtn .editarea.bi {
    font-size: 1rem;
    color: #D1C0B8;
}

.quickbtn {
    transition: all 0.25s ease;
    cursor: pointer;
}

    .quickbtn img {
        transition: transform 0.25s ease;
    }

    .quickbtn:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.08);
        border-color: #053C27;
        background: #eef1f4;
    }

        .quickbtn:hover img {
            transform: scale(1.1);
        }

        .quickbtn:hover p {
            color: #053C27;
        }
.btn-primary {
    border-radius: 4px;
    background: #053C27;
    border-color: #053C27;
}

    .btn-primary:hover {
        background: #114a2c;
        border-color: #114a2c;
    }

        .align-right {
            text-align: right;
        }
        /* Responsive: Portrait tablets and up */
        @media screen and (min-width: 768px) {
            .jumbotron {
                margin-top: 20px;
            }

            .body-content {
                padding: 0;
            }
        }



        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #24315e;
            border-color: #24315e;
        }

        .navbar-nav {
            float: right;
        }

        /*mega menu*/

.navbar {
    position: relative;
}

/* FULL WIDTH MEGA MENU BELOW NAVBAR */
.navbar {
    position: relative;
}

/* FULL WIDTH MEGA MENU */
.mega-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    top: 100% !important;
    border-radius: 0;
    padding: 25px 0;
}

/* remove default dropdown padding */
.dropdown-menu.mega-menu {
    padding: 30px 0;
}

/* nicer spacing */
.mega-menu .dropdown-item {
    padding: 4px 0;
}

/* optional styling */
.mega-menu {
    z-index: 1000;
}




/*mega menu end */


.disclaimer {
            color: #4a4a4a;
            background: #d8dde2;
            padding: 8px 0;
            font-size: 0.9em;
        }

footer {
    background: #123c27;
    color: #ffffff;
}

            footer .divider {
                border-top: 1px solid #d1c0b8;
                padding-top: 1rem;
                margin-top: 1rem;
                font-size: 0.9rem;
            }

            footer ul {
                list-style: none;
            }

                footer ul li a {
                    color: #D1C0B8;
                }

            footer .nav, footer h5 {
                text-align: left;
            }

            footer .nav-link {
                padding-left: 0;
            }

        .modal-body input {
            width: 100%;
        }

        .whitebk, .bluebk, .greybk {
        }

        .KEYINFO .block p {
            text-align: center;
            padding: 1.5rem 1rem;
            color: #374785;
            background: #a8d1e78c;
            border-radius: 8px;
            margin: 1rem;
        }

        .sidebar {
            padding: 2rem;
            margin-top: 2rem;
        }

            .sidebar ul {
                margin-top: 2rem;
            }

                .sidebar ul li {
                    list-style: none;
                    margin-bottom: 1rem;
                }

        .sidebarwht {
            padding: 2rem;
        }

        .greybk, .sidebar {
            background: #e6e6e6;
        }

        .curve {
            min-height: 100px;
            z-index: -99;
            margin-top: -50px;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position-y: 100%;
        }

        .curvetop {
            min-height: 100px;
            z-index: -99;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position-y: 0;
        }

        .greycurve {
            background-image: url(../img/greybk.svg);
        }

        .bluecurve {
            background-color: #23325d;
            background-image: url(../img/bluebk.svg);
        }

        .topbluecurve {
            background-image: url(../img/bluebktop.svg);
        }

        .bluebk, .bluebanner {
            background: #042838;
        }

        .bluebanner {
            position: relative;
            width: 100%;
            background-color: #a8d1e7;
            min-height: 280px;
            background-repeat: no-repeat;
        }

            .bluebanner, .bluebanner .container {
                display: flex;
            }

        #herosection {
            min-height: 35vh;
            width: 100%;
            background-size: cover;
            background-position: 50% 50%;
            position: relative;
            overflow: hidden;

        }


        

            #herosection.subpage {
                height: 35vh;
                min-height: 400px;
            }

        .overlay {
            position: absolute;
            top: 0;
            z-index: 10;
            width: 56%;
            height: 100%;
            overflow: hidden;
            background: rgb(4 40 56 / 78%);
            transform: skew(-200.25deg);
            left: 50%;
        }

        .herotitle {
            padding-bottom:0.5rem;
            font-weight: 400;
            font-size: 2rem;
            z-index: 99;
            position:relative;
        }

.herotitle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 140px;
    height: 2px;
    background: #8ab578;
    opacity: .8;
}

.herostrap {
    font-size: 0.85rem;
    z-index: 99;
    position: relative;
}
p.herotag {
    margin: 0;
    padding: 0;
}
.herotag {
    display: inline-block;
   
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #93c47d;
    
}

.herocta {

    background: #198754;
    border:0;
    z-index: 99;
    position: relative;
}

        .herobar {
            height: 6px;
            width: 50%;
            background: #a32652;
        }

.herotext {
    width: 600px;
    border-radius: 8px;
    color: #ffffff;
    position: relative;
    padding: 1.5rem;
    background: rgb(72 86 79 / 45%);
    backdrop-filter: blur(12px);
    border: 2px solid rgba(255,255,255,.2);
    border-radius: 20px;
}

       

            .herotext h1 {
                color: #ffffff;
            }

            .herotext h1, .herotext h3 {
                margin-top:0.5rem;
                margin-bottom: 1rem;
            }

        #clip-svg {
            clip-path: url(#myClip);
        }

        .bannerimg #svg2 {
            position: absolute;
            top: 0;
            width: calc(100% - 3rem);
            left: 3rem;
            height: 100%;
        }


        .bluebanner .container {
            min-height: 500px;
            display: flex;
        }

        .navbar {
            background: #fff;
            min-height: 72px;
            padding: 0;
        }

        .navbar-nav {
            margin: 1rem 0;
        }

        .navbar-brand {
            padding: 1rem 0;
        }

        .logo-text {
            color: #1f2d3d;
            font-weight: bold;
            border-left: 1px solid #d1c0b8;
            padding: 0.5rem 1rem;
            margin: 0.5rem 1rem;
        }

        .greentext {
            font-weight: normal;
            color: #145c36;
        }

        .navbar-nav .nav-link {
            padding: 6px 2px 2px;
        }

            .navbar-nav .nav-link.active {
                border-bottom: solid 4px #a32652;
                font-weight: 700;
            }


        .navbar-nav > li > a .book-nav, .btn-book {
            background: #f7e9a0;
            border-radius: 500px;
            padding: 8px 16px;
        }

            .btn-book:hover, a .book-nav:hover {
                background: #f5df6d
            }

        .btn-contact {
            margin: auto;
            background: #f7e9a0;
            border-radius: 500px;
            padding: 8px 16px;
            font-size: 1rem;
        }

        .accordion {
            background: none;
        }

        .carousel h2 {
            font-family: 'gilroy-light';
            color: #374785;
        }

        .carousel h5 {
            font-size: 1.15rem;
        }

        .carousel p {
            color: #374785;
            font-size: 0.9rem;
            margin-bottom: 0;
        }


        .carousel-control-next-icon, .carousel-control-prev-icon {
            padding: 0.5rem;
            background-size: 60%;
        }



        .bluebanner .row {
        }

        .info-cta {
            background: #374785;
            border-radius: 16px;
            color: #fff;
            padding: 2rem;
            line-height: 1rem;
            text-align: center;
        }

            .info-cta h1 {
                font-size: 2.75rem;
                color: #ffffff;
                font-family: 'gilroy-light';
            }

            .info-cta p {
                color: #fff;
                font-size: 1.5rem;
            }

        .carousel-cta {
            display: inline-block;
            height: 2.5rem;
            width: 2.5rem;
            border-radius: 50%;
            background: #f76d6d;
            vertical-align: middle;
            margin-right: 1rem;
        }

        .carousel-item, .largertext {
            font-size: 1.7rem;
            color: #374785;
        }

            .carousel-item a {
                font-size: 2rem;
                margin-top: 1.5rem;
                display: block;
                color: #374785;
            }

        .carousel {
            padding: 1rem 0 1rem;
        }

        .carousel-inner {
            margin: 0;
        }

        .carousel-item .col:first-child {
            padding-left: 0;
        }

        .carousel-item .col:last-child {
            padding-right: 0;
        }

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

        .form-outline {
            width: calc(100% - 47px);
        }

        .card-body {
        }

        .card-date {
            text-align: center;
        }

        .card-title {
            text-align: left;
            font-weight: bold;
            font-size:1rem;

        }

        #addNewDoc {
            text-align: center;
            color: #6f8a3a;
            border-color: #6f8a3a;
            cursor: pointer;
        }

        .sideBar {
            background: #4D4D4D;
            color: #D1C0B8;
            height: 100%;
            box-shadow: 4px 4px 4px 4px rgba(165, 139, 139, 0.5);
            z-index: 100;
        }

            .sideBar h1 {
                color: #D1C0B8;
            }

            .sideBar select {
                width: 90%;
            }

        .col-2.nopadding {
            padding: 0;
        }

        h3.wwoh3 {
            position: relative;
            text-transform: uppercase;
            font-family: 'gilroy-extrabold', sans-serif;
            font-size: 4.75rem;
            color: #374785;
            margin-top: -62px;
            z-index: 999;
        }

        a.wwolink {
            text-transform: uppercase;
            font-size: 1rem;
            font-family: 'gilroy-extrabold';
        }

        .wwocta {
            display: inline-block;
            background: #f7e9a0;
            height: 2rem;
            width: 2rem;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 8px;
            text-align: center;
        }

        .bkblob {
            display: inline-block;
            background-repeat: no-repeat;
            width: 100%;
            min-height: 200px;
            aspect-ratio: 1 / 1;
            position: relative;
        }

        .blob1 {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 254.86 254.17' style='enable-background:new 0 0 254.86 254.17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,258.94c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,248.4-98.81,247.59-76.52,258.94'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-239.23-248.88c22.21,11.43,40.25,35.03,53.23,65.89c12.98,30.86,20.82,68.91,6.37,94.3 s-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-287.9-259.42-261.52-260.23-239.23-248.88'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .blob2 {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 275.35 280.56' style='enable-background:new 0 0 275.35 280.56;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,268.66c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,258.13-98.81,257.31-76.52,268.66'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg transform='translate(419.65478202274414 305.77134710887066)'%3E%3Cg%3E%3Cpath class='st0' d='M-382.32-161.52c-3.4-39.38-15.08-83.4,0.95-105.66s59.76-22.75,96.04-14.57 c36.34,8.12,65.28,24.85,89.22,48.15c24.05,23.3,43.09,53.18,39.54,79.61c-3.49,26.37-29.56,49.42-54.67,71.32 c-25.23,21.9-49.44,42.61-78.82,47.32c-29.39,4.83-63.84-6.33-78.69-29.28C-383.66-87.52-378.85-122.2-382.32-161.52'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .blob3 {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 275.35 290.65' style='enable-background:new 0 0 275.35 290.65;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,274.12c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,263.58-98.81,262.77-76.52,274.12'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg transform='translate(481.0847764815943 290.7948108513589)'%3E%3Cg%3E%3Cpath class='st0' d='M-252.47-233.49c18.26,26.46,27.47,53.85,29.19,82.97c1.8,29.19-3.9,60.1-22.24,88.43 c-18.26,28.41-49.17,54.17-83.59,57.68s-72.27-15.3-101.54-43.71c-29.27-28.33-49.95-66.19-45.5-99.67s33.87-62.6,63.14-88.98 c29.27-26.38,58.38-50.19,86.56-49.33C-298.2-285.32-270.81-259.87-252.47-233.49'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .imgblob {
            display: inline-block;
            width: 100%;
            aspect-ratio: 1 / 1;
            min-height: 200px;
            background-image: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 600 600' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cg transform='translate(327.8348325976578 251.26696524654204)'%3E%3Cpath d='M163.9 -140.1C194.4 -92.5 188.6 -25.4 179.2 51.1C169.9 127.5 157 213.3 99.4 262.7C41.8 312 -60.5 324.9 -131.6 285.9C-202.7 246.8 -242.7 155.6 -242.4 77.9C-242.2 0.2 -201.6 -64.1 -154.5 -115.5C-107.4 -167 -53.7 -205.5 6.5 -210.7C66.7 -215.9 133.4 -187.7 163.9 -140.1' fill='%23f76d6d'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        }



        #blob1 {
            position: absolute;
            top: 0;
            left: 0;
        }

        .nav-item {
            margin-left: 1rem;
        }

        footer .nav-item {
            margin-left: 0;
            margin-bottom: 0;
        }

        footer .nav-link {
            color: #aaacb4;
        }

.active > .page-link, .page-link.active {
    background-color:#145c36;
    border-color:#145c36;
}

.page-link {    
    color:#145c36;
}


.ctaarrow {
    vertical-align: middle;
}

        .alignitems img, .alignitems p {
            display: inline-block;
            vertical-align: middle;
        }

        .footer-links ul {
            margin: 0;
            margin-top: 1rem;
        }

            .footer-links ul li {
                margin: 0 1rem 0 1rem;
                display: inline-block;
            }

        .resetmargin {
            margin: unset;
        }

        .weekbtn {
            width: 100%;
            border: 2px solid #f76d6d;
            border-radius: 8px;
            text-align: center;
            color: #f76d6d;
            padding: 16px;
        }

            .weekbtn:hover {
                background: #f76d6d30;
                cursor: pointer;
            }

            .weekbtn.current {
                background: #f76d6d;
                color: white;
            }

        .ttrow {
            margin-top: 32px;
        }

        .ttdetails {
            background: #a8d1e733;
            color: #374785;
            padding: 1rem;
        }

        .ttitems {
            margin-bottom: 2rem;
        }

        .ttdesc {
            line-height: 1.25em;
            min-height: 2.5em;
        }

        .ttitems img {
            width: 100%;
            aspect-ratio: 3/2;
        }

        .ttitems h3, .ttitems p {
            padding: 4px 1rem 4px;
            margin: 0;
        }

        .aligncentre {
            text-align: center;
            margin-bottom: 8px;
            display: block;
        }

        .ttorgan {
            font-family: 'gilroy-extrabold';
        }

        .ttday {
            font-style: italic;
        }

        .bookbk {
            background: #f4f4f4;
            padding: 0;
            height: 2200px;
        }

        .contact-form input, .contact-form textarea {
            width: 100%;
            max-width: unset;
            margin-bottom: 1rem;
            border-radius: 4px;
            padding: 0.5rem;
        }

        .outerbox {
            width: 80%;
            float: right;
            background: #374785;
            aspect-ratio: 1/1;
        }

        .innerimage {
            right: 2rem;
            top: 2rem;
            position: absolute;
            width: 80%;
            float: right;
            background: #f76d6d;
            aspect-ratio: 1/1;
        }

        .fadein {
            opacity: 0;
            transition: 1.2s cubic-bezier(.3,.9,0,1);
        }

        .fadeinleft {
            opacity: 0;
            transition: 1.2s cubic-bezier(.3,.9,0,1);
            transform: translateX(-75px);
        }

        .fadeinright {
            opacity: 0;
            transition: 1.2s cubic-bezier(.3,.9,0,1);
            transform: translateX(75px);
        }

        .animate {
            transform: translateX(0);
            opacity: 1;
        }

        .SLROOM .col {
            background: #bcc1d7;
            padding: 1rem;
            border-radius: 8px;
            text-align: center;
            margin: 1rem;
        }

            .SLROOM .col h1 {
                line-height: 1em;
                min-height: 3em;
            }

        .headerSection {
            display: none;
        }

        .room_img {
            width: 100%;
            aspect-ratio: 6/4
        }

        .featurette {
            margin: 5rem 0;
        }

        .flexdis {
            display: flex;
        }

        @media (max-width: 990px) {
            .herotext {
                max-width: 100%;
            }
        }

        @media (min-width: 990px) AND (max-width: 1199.98px) {
            .herotext {
                max-width: 75%;
            }
        }

        @media (max-width: 1199.98px) {
        }

        .navbar-nav {
            float: none;
            text-align: center;
        }

        .nav-item {
            margin-bottom: 0.5rem;
        }

            .nav-item .book-nav {
                margin-top: 0.5rem;
            }

        .bannerimg {
        }

        .carousel-control-next {
            right: 0;
        }

        .carousel-control-prev {
            left: 0;
        }
    }

.loginbar {
background:#4D4D4D;    
color:#ffffff;
}

    .loginbar .container >  * {
    display:inline-block;
    }
/*LOGON PAGE*/
#customerloginbox {
    width: 50%;
    text-align: center;
    margin: 15% auto;
    
    
   
}

    #customerloginbox input {
        margin-top: 16px;
        width:100%;
        display:block;
        max-width:unset;
        

    }


.newssection {
   
}

    .newssection .card, .newssection .card-img, .newssection .card-img-top {
        border: 0;
        border-radius: 0;
    }
    .newssection .active a{
        background:none;
        color:#6f8a3a;
    }


    @media (max-width: 768px) {
        .bannerimg {
        display: none;
    }
			.quickbtnsection .col-md-3{
	margin-bottom:0.5rem;} 
}

@media (min-width: 768px) {
    .bluebanner {
        min-height: 400px;
    }
}

.carousel-control-next, .carousel-control-prev {
position:relative;
display:inline-block;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

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

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

/* display 3 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

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

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.editarea {
    position:absolute; 
    right:2%;
    top:-12px;
    padding:4px;
    background:#4D4D4D;
    color:#D1C0B8;
    border-radius:4px;
    z-index:999;
    width:fit-content;

}
.modal-body select {
width:100%;
}
.additem {
border:1px solid #4D4D4D;
color:#4D4D4D;
text-align:center;
border-radius:8px;
padding:1rem;
}
.editor {
    border: 2px dashed #4D4D4D;
    padding: 8px;
}
.photo-gallery {
    color: #313437;
    background-color: #fff;
}

    .photo-gallery p {
        color: #7d8285;
    }

    .photo-gallery h2 {
        font-weight: bold;
        margin-bottom: 40px;
        padding-top: 40px;
        color: inherit;
    }

@media (max-width:767px) {
    .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
    }
}

.photo-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
}

    .photo-gallery .intro p {
        margin-bottom: 0;
    }

.photo-gallery .photos {
    padding-bottom: 20px;
}

.photo-gallery .photos img{
    border-radius:6px;
    aspect-ratio:6/4;
}

.photo-gallery .item {
    padding-bottom: 30px;
}


.pageBody table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


    .pageBody table thead tr {
        background-color: #a32652;
        color: #ffffff;
        text-align: left;
    }


    .pageBody table th,
    .pageBody table td {
        padding: 12px 15px;
    }


    .pageBody table tbody tr {
        border-bottom: 1px solid #dddddd;
    }


        .pageBody table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }


        .pageBody table tbody tr:last-of-type {
            border-bottom: 2px solid #145c36;
        }


        .pageBody table tbody tr.active-row {
            font-weight: bold;
            color: #6f8a3a;
        }

.topbar a {
    color: #646464;
}
.service_list {
border-bottom:2px dashed black;
padding:1.5em 0;
cursor:pointer;
}

    .service_list h3 {
    margin:0;
    }

.service_list:hover {
   color:#374785;
}
.council-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.council-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}

    .council-card h2 {
        margin-top: 0;
    }

.profile-img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}

.noticeboard {
    max-width: 900px;
    margin: 40px auto;
}

.notice-item {
    display: flex;
    gap: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    border-left: 5px solid #145c36;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.notice-date {
    min-width: 90px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #145c36;
}

    .notice-date span {
        display: block;
        font-size: 13px;
        color: #666;
        font-weight: normal;
    }

.notice-content {
    flex: 1;
}

    .notice-content h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }

.notice-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    border: 1px solid #145c36;
    border-radius: 6px;
    text-decoration: none;
}

.list-group-item .bi {
    transition: transform .2s ease;
}

.list-group-item:hover .bi {
    transform: translateX(4px);
}