/* Minification failed. Returning unminified contents.
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(86,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(204,33): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(211,33): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(222,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(226,46): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(233,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(234,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(246,29): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(255,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(275,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(281,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(308,17): run-time error CSS1039: Token not allowed after unary operator: '-lightBlue'
(318,17): run-time error CSS1039: Token not allowed after unary operator: '-lightBlue'
(346,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(368,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(399,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(414,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(431,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(436,17): run-time error CSS1039: Token not allowed after unary operator: '-footerGray'
(448,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(459,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(464,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(471,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(486,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(501,17): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(505,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(539,46): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(539,64): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(577,21): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(600,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(605,53): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(616,34): run-time error CSS1046: Expect comma, found '35'
(616,40): run-time error CSS1046: Expect comma, found '/'
(626,32): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(683,35): run-time error CSS1046: Expect comma, found '255'
(683,43): run-time error CSS1046: Expect comma, found '/'
(732,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(782,32): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(783,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(789,53): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(799,34): run-time error CSS1046: Expect comma, found '35'
(799,40): run-time error CSS1046: Expect comma, found '/'
(814,32): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(820,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(861,35): run-time error CSS1046: Expect comma, found '255'
(861,43): run-time error CSS1046: Expect comma, found '/'
(898,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(918,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(968,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(977,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(986,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(1003,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(1004,37): run-time error CSS1046: Expect comma, found '0'
(1004,41): run-time error CSS1046: Expect comma, found '/'
(1010,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1011,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1012,38): run-time error CSS1046: Expect comma, found '0'
(1012,42): run-time error CSS1046: Expect comma, found '/'
(1018,32): run-time error CSS1039: Token not allowed after unary operator: '-green'
(1019,41): run-time error CSS1046: Expect comma, found '0'
(1019,45): run-time error CSS1046: Expect comma, found '/'
(1051,28): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1074,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1127,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1136,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1145,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1214,21): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(1257,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1260,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1268,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1274,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1279,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1280,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1286,32): run-time error CSS1039: Token not allowed after unary operator: '-green'
(1292,25): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1297,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1321,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1322,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1332,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1345,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1353,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1354,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1364,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1369,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1374,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1378,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1398,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1408,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1413,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1414,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1420,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1424,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1438,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1461,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1468,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1500,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1502,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1512,32): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1513,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1523,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1531,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray'
(1580,22): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1586,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1608,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1609,22): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1640,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1644,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1648,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1652,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1668,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1676,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1684,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1688,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1700,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1736,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1749,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1750,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1754,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(1755,21): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1764,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1800,38): run-time error CSS1046: Expect comma, found '0'
(1800,42): run-time error CSS1046: Expect comma, found '/'
(1821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1870,32): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(1903,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(1917,32): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(1928,28): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2010,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2045,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover'
(2060,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(2151,28): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2157,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2163,28): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(2165,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2169,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2170,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2178,46): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2185,21): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2223,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2234,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(2263,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2290,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2321,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(2322,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2335,34): run-time error CSS1039: Token not allowed after unary operator: '-green'
(2348,39): run-time error CSS1039: Token not allowed after unary operator: '-green'
(2369,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover'
(2404,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2411,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2415,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2416,17): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(2422,32): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2426,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2432,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2437,60): run-time error CSS1046: Expect comma, found '42'
(2437,66): run-time error CSS1046: Expect comma, found '/'
(2438,57): run-time error CSS1046: Expect comma, found '42'
(2438,63): run-time error CSS1046: Expect comma, found '/'
(2439,52): run-time error CSS1046: Expect comma, found '42'
(2439,58): run-time error CSS1046: Expect comma, found '/'
(2470,24): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2471,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2480,28): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2481,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover'
(2492,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2504,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2519,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover'
(2574,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover'
(2641,17): run-time error CSS1039: Token not allowed after unary operator: '-cream'
(2704,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2722,28): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2723,17): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(2728,39): run-time error CSS1046: Expect comma, found '0'
(2728,43): run-time error CSS1046: Expect comma, found '/'
(2731,47): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
(2743,21): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(2761,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream'
(2769,21): run-time error CSS1039: Token not allowed after unary operator: '-blueHover'
 */
@import url('/assets/Fonts/GillSans/stylesheet.css');
@import url('/assets/Fonts/DidonesqueRoman/stylesheet.css');
@import url('/assets/Fonts/Serenity/stylesheet.css');

@font-face {
    font-family: 'Quicksand';
    src: url('/assets/Fonts/Quicksand/Quicksand-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Serenity';
    src: url('/assets/Fonts/Serenity/otf/Serenity Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('/assets/Fonts/Grotesk/Grotesk-Reg.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --gray: #e5ded1;
    /*--green: #227656;*/
    --green: #005745;
    --greenHover: #004a3b;
    /*--blue: #162348;*/
    --blue: #1C355E;
    --blueHover: #162a4b;
    --white: #fff;
    --footerGray: #cbcbcb;
    --lightBlue: #6c7e97;
    --red: #f30000;
    --textGray: #929593;
    --logoGreen: #285745;
    /*--cream: #b6a081;*/
    --cream: #B2A185;
    /*--creamHover: #bba676;*/
    --creamHover: #9c815a;
    --lightCream: #f8f5ef;
}

a {
    text-decoration: none;
}
/*ol, ul {
    list-style: none;
}*/

body {
    font-family: 'gill_sansregular' !important;
    /*font-family: 'Serenity' !important;*/
    max-width: 100% !important;
}

*:focus, *:active {
    outline: 0 !important;
    /*box-shadow: none !important;*/
    border-color: none !important;
}

.form-control:active,
.form-control:focus,
.form-control {
    box-shadow: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.pageContext a {
    color: var(--blueHover);
    font-weight: bolder;
    text-decoration: underline;
}

.steamCards p {
    color: var(--white);
}



.navDivider {
    height: 18px;
    width: 1px;
    opacity: 1;
    color: white;
}


.secondNav ul li a {
    /*color: white;*/
    color: var(--gray);
    font-weight: 400;
    font-size: 18px;
    display: block;
}



/*.navbar .megamenu {
    padding: 1rem;
    background-color: rgb(22 35 72 / 0.8);
}
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}*/

.navbar .megamenu {
    padding: 1rem;
    background-color: inherit;
    border-color: none;
}

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

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}




.dropdownitem li a {
    padding: 20px !important;
}

.dropdown-menu {
    background-color: inherit;
}

.firstCarousel ol li {
    height: 30px;
    width: 3px;
    border-radius: 100%;
}


.secondCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230048ba' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.secondCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230048ba' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.indexCarousel-prev {
    /*transform: translateX(240px);*/
    left: -15% !important;
}

.indexCarousel-next {
    right: -15% !important;
}

/*.indexCarousel .carousel-control-prev{
    transform: translateX(-120px);
}*/

.carouselText {
    color: black;
}

.secondCarousel element.style {
    width: 100%;
    height: auto;
}

.vl {
    border-left: 1px solid var(--blue);
    /*border-left: 1px solid #162348;*/
    height: 100px;
    opacity: 0.5;
}

.divider {
    border-left: 1px solid var(--blue);
    /*border-left: 1px solid #162348;*/
    height: 100px;
    opacity: 0.5;
    width: 1px;
    margin: 0 auto;
}


.botFooter {
    font-size: 8px;
    background-color: var(--blue);
    background-size: 5px 5px;
    /*    background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%);*/
    /*background: linear-gradient(to top, var(--blueHover), #123875);*/
    background: linear-gradient(to top, var(--blueHover) 47%, #274b85 114%);
}

    .botFooter,
    .botFooter p,
    .botFooter a,
    .botFooter .border-top {
        color: var(--cream);
        border-color: var(--cream) !important;
    }

        .botFooter p,
        .botFooter a {
            font-size: 12px;
            background-color: inherit;
            margin-right: 3px;
            margin-bottom: 2px;
        }

            .botFooter a:hover {
                color: var(--creamHover);
            }

.footerList img {
    background-color: transparent;
    border-color: transparent;
}

.bottomCards p {
    color: var(--white);
}

.bg {
    background-size: cover;
}
/*#section0 {
    background-image: url(../image/bis/child.jpg);
    background-size: cover;
    
}*/

/*.bannerImage{
    height:70%;
}
.bannerCards{
    height:30%;
}*/

.navMenu {
    background-color: var(--lightCream);
    margin-top: -3%;
}

    .navMenu a,
    .navMenu p {
        color: var(--textGray) !important;
        font-style: normal;
        font-size: 17px;
        text-decoration: none !important;
    }

        .navMenu a:hover {
            color: inherit;
            font-style: normal;
            text-decoration: none;
        }

    .navMenu li {
        padding: 3%;
    }

.navMenuHeader {
    font-size: 22px !important;
    margin-left: 25px;
}

.menuText p {
    font-size: 14px;
    font-weight: 500;
}

.menuText.h4 {
    color: var(--lightBlue);
}

.pageContext {
    color: #434845;
    font-size: 18px;
}


.photoGallery a, .photoGallery p {
    color: var(--lightBlue);
}



/*ul#nav li a:hover,
ul#nav li.navMenuactive a{
  color: var(--lightBlue);
    background-color: inherit;
    font-weight: bold;
   
}*/

/*.navMenuactive a::before {
    content: "—";
    font-weight: 900;
    font-size: 15px;
}*/


ul#nav li {
    background-color: inherit;
    border: none;
}


.secondNav ul li a:hover {
    /*background-color: #10543a;*/
    background-color: var(--blue);
    color: var(--gray);
}

.secondNav .navbar-nav .nav-link {
    padding: 8px 20px;
}

.nav-pills .nav-link:hover {
    background-color: inherit !important;
    font-weight: bold;
    text-align: start;
}

.nav-pills .nav-link.active {
    background-color: inherit !important;
    font-weight: bold;
    text-align: start;
}

.nav-pills .nav-link {
    background-color: inherit !important;
    color: var(--textGray) !important;
    font-size: 24px !important;
}

    .nav-pills .nav-link.galleryTitles {
        font-size: 18px !important;
    }




#myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.content {
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: var(--white);
    cursor: pointer;
}

    #myBtn:hover {
        background: #ddd;
        color: black;
    }

.videoText {
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--white);
    overflow: hidden;
    margin: 0 auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
}



.ourDivision {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 150%);
    color: var(--white);
    text-align: center;
}

.footerTextColor {
    color: var(--footerGray);
}

.ourDivision {
    position: absolute;
    bottom: 100px;
    right: 20px;
    font-size: 8px;
    width: 100%;
}

    .ourDivision p {
        color: var(--white);
    }

.footerIcons {
    border-width: 1px;
    border-style: solid;
    border-color: orange;
    border-radius: 100%;
}

.carousel-indicators button {
    background-color: var(--white) !important;
    opacity: 1 !important;
}

.carousel-indicators .active {
    background-color: var(--red) !important;
}


.navMenuactive li a:hover,
.navMenuactive a,
.navMenuactive a:active {
    color: var(--textGray);
    background-color: inherit;
    font-weight: bold;
}

.indexBanner.carousel-indicators button {
    height: 10px !important;
    width: 10px !important;
    margin: 0 10px !important;
    border-radius: 100%;
    background-color: var(--white) !important;
    opacity: 1 !important;
}

.indexBanner.carousel-indicators .active {
    background-color: var(--red) !important;
}


.indexBanner.carousel-indicators {
    top: 0;
    margin: auto;
    height: 20px;
    right: 10px;
    left: auto;
    display: block;
}


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

.ourDivisionCards a {
    color: var(--gray);
}

/*.bannerButton {
    background-color: var(--blue);
    color: var(--lightCream) !important;
    border: none;
    padding: 5px;
    transition: all 1s;
    font-weight: bold;
    letter-spacing: 2px !important;
    font-size: 12px;
    border-radius: 0px !important;
    text-shadow: none;
}

    .bannerButton:hover,
    .bannerButton:active,
    .bannerButton:focus {
        background-color: var(--greenHover);
        color: var(--lightCream) !important;
        transition: all 1s;
    }*/

.bannerButton {
    color: var(--white) !important;
    border: none;
    padding: 5px 15px;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 12px;
    border-radius: 6px !important;
    text-shadow: none;
    /* Açık renk yukarıda, koyu renk aşağıda */
    background: linear-gradient(to top, var(--blueHover), var(--blueHover),#274b85);
    /* Animasyon altyapısı */
    background-size: 100% 200%;
    background-position: top;
    transition: background-position .6s ease;
}

    .bannerButton:hover,
    .bannerButton:active,
    .bannerButton:focus {
        /* Tam tersi yön (açık aşağı – koyu yukarı) */
        background-position: bottom;
    }

.bannerContext {
    text-shadow: 2px 2px #0000007d;
    z-index: 3;
}

@media(max-width: 991px) {
    #pageBanner {
        min-height: 300px !important;
    }

    .searchContext {
        margin-top: 3vh;
    }

    .searchbar-open {
        width: 40% !important;
    }

    .videoPlayIcon {
        width: 45px;
        height: 45px;
    }

    .ourDivisionCards a {
        color: var(--gray);
        font-size: 12px;
        line-height: 24px;
    }


    .bannerContext {
        margin: 0 auto;
        font-size: 11px !important;
    }

    .bannerButton {
        font-size: 10px;
    }



    .indexBanner.carousel-indicators {
        transform: translateY(-200%);
    }

    .bisHeader {
        /*background-color: var(--blue);*/
        color: var(--cream) !important;
        /* opacity: 0.8; */
        background-size: 5px 5px;
        /*background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%);*/
        min-height: 17vh;
        background: linear-gradient(to bottom, var(--blueHover) 47%, #274b85 114%);
    }

    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    .secondNav {
        /*background-color: #162348;*/
        background-color: rgb(22 35 72 / 1);
    }

    .navMenuactive::before {
        content: " ";
        font-weight: bolder;
        font-size: 8px;
        margin-left: -20px;
        margin-right: 5%;
        padding: 1px 12px 0px 10px;
        background-color: var(--textGray);
    }

    .steamBanner a,
    .steamBanner p,
    .steamBanner h1,
    .steamBanner h2,
    .steamBanner h3,
    .steamBanner h4,
    .steamBanner h5 {
        /*color: var(--white);*/
        /*font-size: 14px;*/
        /*  border-color: var(--white);*/
        /*letter-spacing: 3px;*/
        font-weight: bold;
    }

    .steamBanner h3 {
        font-size: 12px;
        letter-spacing: 0;
    }

    .steamBanner p {
        letter-spacing: 2px;
    }

    .pageContentSpace {
        margin-top: 1vh;
    }

    .backgroundCarousel {
        display: none;
    }

    .mdCarousel {
        display: block;
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .indexDivider {
        border-top: 1px solid gray;
        margin-bottom: 20px;
    }

    .overlay {
        overflow-y: auto;
    }

        .overlay a {
            font-size: 14px !important;
            line-height: 6px;
            padding: 0px !important;
        }

    .dotsControlIcons {
        position: absolute;
        background-color: rgb(255 255 255 / 70%);
        width: 50px;
        height: 25px;
        bottom: 10px;
        top: auto;
        left: 50%;
        margin-left: -50px;
        transform: translateX(50%);
        border-radius: 10px;
    }

        .dotsControlIcons .carousel-control-prev, .dotsControlIcons .carousel-control-next {
            width: 65%;
        }

    .bannerQuote h2 {
        font-size: 14px !important;
        letter-spacing: 2px !important;
        line-height: 20px;
    }

    .bannerQuote img {
        height: 15px;
        width: 10px;
        vertical-align: text-bottom;
    }

    #carouselQuotes p {
        color: #273a31;
        font-size: 14px;
    }

    .videoText p {
        font-size: 12px;
        line-height: 6px;
    }

    .videoText .videoHeadline {
        font-size: 14px !important;
        font-weight: 600;
        margin: 12px 0;
    }

    .headerMenuactive {
        font-weight: bold;
    }
}

.ourDivisionCards a {
    color: var(--gray);
}

@media(min-width: 991px) {

    #videoBg1 {
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
    }

    .videoModal .modal-dialog {
        max-width: 70%;
    }

    .searchContext {
        margin-top: 25vh;
    }

    .videoPlayIcon {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .headerMenuactive {
        font-weight: bold;
        margin-left: -28px;
    }

    .bannerContext {
        margin: 0 auto;
        bottom: 20%;
    }


        .bannerContext p {
            letter-spacing: 10px;
        }

    .bannerButton {
        font-size: 14px !important;
    }

    #backToTop {
        height: 50px;
        width: 50px;
    }

    .bisHeader {
        background-color: var(--blue);
        color: var(--cream) !important;
        background-size: 5px 5px;
        /*        background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%);*/
        /*background: linear-gradient(to bottom, var(--blueHover), #123875);*/
        background: #162A4B;
        
        background: linear-gradient(to bottom, var(--blueHover) 47%, #274b85 114%);
    }

    .wholeHeader {
        /*position: fixed;*/
        width: 100% !important;
    }

    .secondNav {
        /*background-color: #162348;*/
        background-color: rgb(22 35 72 / 0.8);
    }

    .navbar .megamenu {
        margin-top: 2.9em;
        border-radius: 0px !important;
    }

    .navMenuactive::before {
        content: " ";
        font-weight: bolder;
        font-size: 8px;
        margin-left: -7%;
        margin-right: 5%;
        padding: 1px 12px 0px 10px;
        background-color: var(--textGray);
    }


    .steamBanner a,
    .steamBanner p {
        color: var(--white);
        /*border-color: var(--white);*/
        font-size: 30px;
        /*letter-spacing: 10px;*/
        font-weight: bold;
    }

    .steamBanner h1,
    .steamBanner h2,
    .steamBanner h3,
    .steamBanner h4,
    .steamBanner h5 {
        letter-spacing: 5px;
    }

    #carouselQuotes p {
        color: #272c38;
        font-size: 18px;
    }

    .pageContentSpace {
        /*min-height: 80px;*/
        margin-top: 22vh;
    }

    .backgroundCarousel {
        display: block;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mdCarousel {
        display: none;
    }

    .indexDivider {
        border-left: 1px solid gray;
    }

    .dotsControlIcons {
        position: absolute;
        background-color: rgb(255 255 255 / 70%);
        width: 60px;
        height: 40px;
        bottom: 60px;
        top: auto;
        left: 50%;
        margin-left: -30px;
        border-radius: 10px;
    }

        .dotsControlIcons .carousel-control-prev, .dotsControlIcons .carousel-control-next {
            width: 65%;
        }

    .bannerQuote h2 {
        font-size: 14px;
        letter-spacing: 4px;
    }

    .bannerQuote img {
        height: 25px;
        width: 15px;
    }


    .videoText p {
        font-size: 26px;
        line-height: 30px;
    }

    .videoText .videoHeadline {
        font-size: 35px !important;
        font-weight: 600;
    }
}

.bannerQuote h3 {
    color: var(--blue);
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: 4px;
}

.bannerQuote img {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: sub;
}

main {
    min-height: 600px;
}




.bisHeader ul li a {
    color: var(--cream) !important;
}

.bisHeader a {
    color: var(--cream) !important;
}

.navMenuIcon {
    height: 20px
}

.navContactIcon {
    height: 25px
}


.centerElement {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centered-element {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#carouselQuotes {
    background-color: #f7f7f7;
}

.quoteButtons.carousel-indicators button {
    height: 10px !important;
    width: 10px !important;
    border-radius: 100%;
    /*background-color: white !important;*/
    background-color: #d6cebf !important;
    opacity: 1 !important;
}

.quoteButtons.carousel-indicators .active {
    height: 10px !important;
    width: 10px !important;
    border-radius: 100%;
    /*background-color: white !important;*/
    background-color: var(--red) !important;
    opacity: 1 !important;
}

.newsButtons.carousel-indicators button {
    height: 10px !important;
    width: 10px !important;
    border-radius: 100%;
    /*background-color: white !important;*/
    background-color: var(--blue) !important;
    opacity: 1 !important;
}

.newsButtons.carousel-indicators .active {
    height: 10px !important;
    width: 10px !important;
    border-radius: 100%;
    /*background-color: white !important;*/
    background-color: var(--red) !important;
    opacity: 1 !important;
}

.newsButtons.carousel-indicators {
    top: 92%;
}


.NewsText a,
.NewsText p {
    /*color: var(--blue) !important;*/
    font-size: 17px;
    margin: 0px;
}

.divisionHover:hover .ourDivisionContent {
    background-color: var(--green);
    box-shadow: 0 5px 7px 4px rgb(0 0 0 / 20%);
    transition: .5s all;
}

.ourDivisionContent {
    margin-left: -75px;
    color: var(--cream);
    background-color: var(--blue);
    box-shadow: 0 5px 10px 4px rgb(0 0 0 / 20%);
    transition: .5s all;
}

    .ourDivisionContent:hover {
        /*background-color: #f3e7cc;*/
        background-color: var(--green);
        box-shadow: 0 5px 7px 4px rgb(0 0 0 / 20%);
        transition: .5s all;
    }


.galleryCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    width: 16px;
}

.galleryCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    width: 16px;
}

.bannerCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    width: 16px;
}

.bannerCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    width: 16px;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: var(--blueHover);
    overflow-y: hidden;
    transition: 0.5s;
    background-image: url('../../assets/image/BISI/british-agac4.png');
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 5%;
    /* padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;*/
}

.overlay a {
    padding: .3vw;
    text-decoration: none;
    font-size: 36px;
    color: var(--cream);
    display: block;
    transition: 0.3s;
    font-size: 12px;
    text-align: start;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    line-height: normal;
}

.overlayBgImg {
    background-size: cover;
    background-image: url('../../assets/image/bis/pattern.png');
    height: inherit;
    overflow-y: auto;
}


/*.overlay a:hover, .overlay a:focus {
    color: red;
}*/

.overlay .closebtn {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    font-size: 60px;
    z-index: inherit;
    right: 47%;
}

.overlay .closebtnX {
    position: absolute;
    font-size: 25px !important;
    z-index: inherit;
    top: 40px;
    right: 40px;
}

.headerMenu a:hover {
    color: inherit;
    font-style: normal;
    text-decoration: none;
}

.headerMenu li {
    padding: 3%;
}

ul#nav li a:hover,
ul#nav li.headerMenuactive a,
ul#nav li.headerMenuactive a:active {
    color: var(--cream);
    background-color: inherit;
    font-weight: bold;
}

.headerMenuactive::before {
    content: " ";
    font-weight: bolder;
    font-size: 6px;
    background-color: var(--cream);
    width: 20px;
    height: 6px;
    display: inline-flex;
    vertical-align: baseline;
    margin-top: 2px;
}

.parentNav {
    background-color: var(--cream);
}

    .parentNav p {
        color: black;
        font-size: 10px;
        margin: 0;
    }

    .parentNav .border-end,
    .parentNav .border-start {
        border-color: #bdb5a3 !important;
    }

.mainNav a {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
}


.videoSlider.carousel-indicators {
    z-index: 3;
}

    .videoSlider.carousel-indicators button {
        background-color: white !important;
        opacity: 1 !important;
        height: 5px;
    }

    .videoSlider.carousel-indicators .active {
        background-color: red !important;
    }

.vsContent {
    height: 500px;
    width: 100%;
}

.vsButton {
    background-color: transparent;
    color: white;
    border-color: transparent;
}

.vsPauseIcon {
    display: none;
    opacity: 0.2;
}

.fa-circle-play:hover,
.fa-circle-pause:hover {
    color: red !important;
}

/*.socialMediaIcons a:hover {
    color: gray;
}

.socialMediaIcons {
    display: inline-block;
  
}*/
.socialMediaIconsHover {
    padding-left: 0;
}

    .socialMediaIconsHover a:hover {
        color: var(--creamHover);
    }

.socialMediaIcons {
    display: inline-block;
    border: solid;
    border-width: 1px;
    border-radius: 60px;
}

/*.videoText {
    color: white;
}*/

.videoPlayIcon {
    background-image: url('../../assets/image/bis/playicon.png');
    background-size: cover;
}

    .videoPlayIcon:hover {
        width: 60px;
        height: 60px;
        background-image: url('../../assets/image/bis/playiconRed.png');
        background-size: cover;
    }

.sortContent p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.divisionImage {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 5px solid white;
    z-index: 1;
    background-size: cover;
}

.newsBadge {
    background-color: var(--blue);
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--cream) !important;
    transition: all 1s;
}

    .newsBadge:hover,
    .newsBadge:focus,
    .newsBadge:after {
        background-color: #f3e7cc;
        color: var(--blue) !important;
        transition: all 1s;
    }

.carditems,
.carditems:active {
    background-color: var(--blue);
}

    .carditems a,
    .carditems p {
        color: var(--blue);
        color: var(--cream);
        transition: all 1s;
    }

    .carditems:hover,
    .carditems:active {
        background-color: var(--green);
        transition: all 1s;
    }

        .carditems:hover a,
        .carditems:hover p {
            color: var(--cream);
            transition: all 1s;
        }

.accreditations {
    background-color: var(--lightCream);
}



.innerShadow {
    /*box-shadow: inset 0px -150px 400px #10543a;
    box-shadow: rgb(1 43 28 / 85%) 0px -250px 36px -28px inset;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
        rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
        rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
        rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
        rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
        rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
}

#backToTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: var(--cream);
    color: var(--blue);
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
    height: 35px;
    width: 35px;
}


.bannerQuote {
    background-color: var(--lightCream);
}




/*DisplayTemplates*/
/*PageTabs*/
.pageTab .tabMenuText.h1,
.pageTab .tabMenuText.h2,
.pageTab .tabMenuText.h3,
.pageTab .tabMenuText.h4,
.pageTab .tabMenuText.h5 {
    color: var(--textGray);
}

.pageTab .nav-item {
    display: flex !important;
}

.pageTab .nav-tabs .nav-item .nav-link {
    background-color: var(--lightCream);
    color: var(--textGray);
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #e9e1d1;
    border-left: 1px solid #e9e1d1;
    border-right: 1px solid #e9e1d1;
}

    .pageTab .nav-tabs .nav-item .nav-link.active {
        color: var(--textGray);
        background-color: #e9e1d1;
    }

.pageTab .tab-content p {
    color: var(--textGray);
    font-size: 16px;
}

.tabMenuText {
    background-color: var(--lightCream);
}

.tabMenuText {
    color: var(--textGray);
    font-size: 16px;
}

.pageTab {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Page Accordions*/
.pageAccordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23929593'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>") !important;
}

.pageAccordion .accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23929593'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>") !important;
}

.pageAccordion .accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg) !important;
    color: var(--textGray);
}

.pageAccordion .accordion-button:after {
    order: -1;
    margin-left: 0;
    margin-right: 0.5em;
}

.pageAccordion .accordion-button:not(.collapsed) {
    color: var(--textGray);
    background-color: #e9e1d1;
}

.pageAccordion .accordion-button {
    color: var(--textGray);
    background-color: var(--lightCream);
    font-size: 18px;
    font-weight: 600;
}

.pageAccordion .accordion-body {
    background-color: var(--lightCream);
}

    .pageAccordion .accordion-body p {
        color: var(--textGray);
        font-size: 16px;
    }

/*pageDocuments*/
.pageDocuments .coverImgList > .coverImg {
    margin-right: 25px;
}

    .pageDocuments .coverImgList > .coverImg:last-child {
        margin-right: 0 !important;
    }

.pageDocuments .coverImg {
    background-color: var(--lightCream);
    transition: all .4s;
}

    .pageDocuments .coverImg:hover {
        background-color: #e9e1d1;
        transition: all .4s;
    }

        .pageDocuments .coverImg:hover img,
        .pageDocuments .coverImg:hover p {
            filter: brightness(0) invert(1) !important;
            color: #fff !important;
            transition: all .4s;
        }


.pageDocuments img.centerImg {
    display: block;
    margin: 0 auto;
}

.pageDocuments .card-text {
    color: var(--textGray);
    font-size: 18px;
    font-weight: bold;
}

/*pageGallery*/
.pageGallery {
    background-color: var(--lightCream);
}

    .pageGallery .carousel-control-prev,
    .pageGallery .carousel-control-next {
        top: 91%;
        width: 10%;
    }

    .pageGallery .carousel-control-next {
        right: 45%;
        color: red;
        width: 5% !important;
    }

    .pageGallery .carousel-control-prev {
        left: 45%;
        color: red !important;
        width: 5% !important;
    }

/*forms*/
.centered {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 150%);
    color: white;
    text-align: center;
}

.formButtons {
    background-color: var(--blue);
    border-radius: 0;
    color: var(--cream) !important;
    transition: all 1s;
    border: none;
    font-weight: bold;
    letter-spacing: 1px;
}

    .formButtons:hover,
    .formButtons:active,
    .formButtons:focus {
        background-color: var(--cream);
        color: var(--blue) !important;
        transition: all 1s;
    }

    .formButtons:active {
        color: white;
        background-color: #ebe8e1;
    }

.formColors {
    background-color: var(--lightCream);
}

.formDarkColors {
    background-color: #ebe8e1;
}

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

    .contactForm .form-control {
        color: #6c757d;
    }

/*Our Team*/
.governorsCard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 20px;
}

    .governorsCard a {
        color: black;
        text-decoration: none;
    }

    .governorsCard:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.governorsCardImg {
    width: 100%;
}

/*search bar*/
.searchbar {
    position: relative;
    min-width: 30px;
    width: 0%;
    height: 36px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    border-right: 1px solid #bdb5a3;
}

.searchbar-input {
    z-index: -10;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: var(--cream);
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0px 40px 0px 20px;
    font-size: 14px;
    color: var(--blueHover);
    display: none;
    /*pointer-events: none;*/
}

.searchbar-icon,
.searchbar-submit {
    z-index: 10;
    width: 15px;
    height: 35px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 20px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: var(--blueHover);
    background: var(--cream);
    margin-right: 7px;
}

    .searchbar-icon .svg-inline--fa {
        width: 15px;
    }

/*.searchbar-submit {
    z-index: -10;
    width: 15px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 20px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: var(--blueHover);
    background: var(--cream);
    border-left: 1px solid white;
}*/


.searchbar-input::-webkit-input-placeholder {
    color: var(--blue);
}

.searchbar-input:-moz-placeholder {
    color: var(--blue);
}

.searchbar-input::-moz-placeholder {
    color: var(--blue);
}

.searchbar-input:-ms-input-placeholder {
    color: var(--blue);
}


.searchbar-open {
    width: 25%;
}


.searchPage a,
.searchResult p,
.searchResult h1,
.searchResult h2,
.searchResult h3,
.searchResult h4,
.searchResult h5 {
    color: var(--blue) !important;
}

/*all news*/
.indexCarousel .icTitle a,
.indexCarousel .icTitle p,
.indexCarousel .sortContent a,
.indexCarousel .sortContent p {
    color: var(--blue);
    font-weight: bold;
}

.indexCarousel .icTitle {
    letter-spacing: 5px;
    font-size: 26px;
    line-height: 1;
    color: var(--blue);
}

.indexCarousel .icBody {
    background-color: var(--lightCream);
    max-height: 600px;
}

.indexCarousel .icDate {
    font-size: 12px;
    color: #c3cdde !important;
    font-weight: bold;
}

.indexCarousel .icContentTitle {
    font-size: 12px;
    color: var(--blue);
    font-weight: bold;
}

.indexCarousel .icReadMore {
    color: #d62828 !important;
    font-size: 12px;
    font-weight: bold;
}

/*google maps*/
.mapouter {
    position: relative;
    text-align: right;
    height: 400px;
    width: 100%;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 400px;
    width: 100%;
}

#gmap_canvas {
    width: 100%;
    height: 400px;
    filter: grayscale(100%);
    /*filter: brightness(0) saturate(100%) invert(19%) sepia(35%) saturate(341%) hue-rotate(99deg) brightness(93%) contrast(93%) opacity(50%);*/
}

.cpTitle {
    letter-spacing: 5px;
    font-size: 26px;
    line-height: 1;
    color: var(--blue);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.nav-wrapper {
    width: 300px;
    margin: 100px auto;
    text-align: center;
}

.lgDropdown .dropdown-item {
    background-color: var(--cream);
    color: var(--blue) !important;
}

    .lgDropdown .dropdown-item:hover {
        background-color: var(--creamHover);
        color: var(--blueHover) !important;
    }

.lgDropdown .dropdown-menu {
    padding: 0px;
    margin: 0px;
}

.lgDropdown .dropdown-toggle {
    color: var(--blueHover) !important;
    padding-top: 7px;
}


.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    display: block;
}

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

.videoModal .modal-header {
    border: none;
}

.videoModal .modal-body {
    padding: 0px;
}

body.is-using-mouse .fancybox__content .plyr :focus {
    outline: none;
}

.wholeHeader {
    box-shadow: 0 5px 10px 4px rgb(0 0 0 / 20%);
}

#mainNav {
    padding: 1rem 0 1rem 0;
    transition: padding .3s;
}

    #mainNav #navLogo {
        transition: 0.4s;
    }

#navLogoSm {
    display: none;
}

#myNavsm .accordion-item {
    background-color: rgba(255, 255, 255, 0.00);
}

#myNavsm .accordion {
    --bs-accordion-bg: rgba(255, 255, 255, 0.00);
    --bs-accordion-active-color: rgba(255, 255, 255, 0.00);
    --bs-accordion-btn-focus-border-color: rgba(255, 255, 255, 0.00);
    --bs-accordion-border-color: var(--cream);
}

#myNavsm .accordion-button:not(.collapsed) {
    background-color: rgba(255, 255, 255, 0.00);
}

#myNavsm .accordion-item.accordion-header.accordion-button:focus {
    border-color: none !important;
}

#myNavsm .accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b6a081'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#myNavsm .accordion .accordion-header {
    /*border-color: #b6a081;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    --bs-accordion-border-width: 0;*/
}

#myNavsm .accordion-flush .accordion-collapse {
    border-width: 0;
    background-color: #0e1a3e;
}

/*testimonials*/
.testimonials {
    background-color: #e9e1d1;
    border-radius: 5px;
    padding: 16px;
    margin: 16px 0;
    color: #746c6c !important;
    padding: 3rem;
}

    .testimonials::after {
        content: "";
        clear: both;
        display: table;
    }

    .testimonials:nth-child(even) {
        text-align: right !important;
        background-color: var(--lightCream);
    }

        .testimonials:nth-child(even) img {
            transform: scaleX(-1);
        }

    .testimonials .parenName {
        font-weight: bold;
    }

#pageBanner {
    display: grid;
    min-height: 400px;
}


/*.firstNav {
    background-color: var(--green);
    font-size: 13px;
    font-weight: 500;
}

    .firstNav a {
        color: var(--gray);
    }

    .firstNav ul li a:hover {
        background-color: var(--blue);
        color: var(--gray);
    }*/

.bisHeader .firstNav {
    background-color: var(--cream) !important;
    font-size: 13px;
    font-weight: bold;
}

    .bisHeader .firstNav a {
        color: rgba(22, 35, 72, 0.7) !important;
    }

    .bisHeader .firstNav .border-end {
        border-color: #bdb5a3 !important;
    }

    .bisHeader .firstNav ul li a:hover {
        background-color: var(--blueHover) !important;
        color: #c8ba9e !important;
    }

.newsNames {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dcdcdc;
}

.logoFooter {
    background-color: var(--gray);
    color: var(--blue);
    font-weight: bold;
    background-size: 5px 5px;
    /*background-image: repeating-linear-gradient(135deg, #273a3154 0, #273a3100 1px, #e5e5f700 0, #b6a081 50%);
    box-shadow: rgb(0 0 0 / 40%) 0px 36px 12px -25px inset;*/
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
}

    .logoFooter p {
        font-size: 12px;
        margin-top: 16px;
    }

.logoFooterDivider {
    background-color: #d7cfc0;
    color: #817c73;
}

@media(min-width: 991px) {
    .contactSection {
        border-left: 1px solid;
    }
}

.logoFooterDivider h1 {
    margin: 10px 0;
    font-weight: bold;
    font-size: 11px;
}
/* Shine effect animation for images */
figure {
    overflow: hidden;
    margin-bottom: 0;
}

    figure:hover + span {
        opacity: 1;
    }

.imageShine figure {
    position: relative;
}

    .imageShine figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .imageShine figure:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

#homeBanner .owl-nav,
#homeBannerSm .owl-nav {
    position: absolute;
    top: 50%;
    color: var(--cream);
    width: 100%;
}

    #homeBanner .owl-nav .owl-next {
        right: 30px;
        position: absolute;
        cursor: pointer;
    }

    #homeBanner .owl-nav .owl-prev {
        left: 30px;
        position: absolute;
        cursor: pointer;
    }


    #homeBanner .owl-nav .owl-next,
    #homeBanner .owl-nav .owl-prev {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7483%) hue-rotate(57deg) brightness(103%) contrast(103%);
    }

    #homeBannerSm .owl-nav .owl-next {
        right: 10px;
        position: absolute;
        cursor: pointer;
    }

    #homeBannerSm .owl-nav .owl-prev {
        left: 10px;
        position: absolute;
        cursor: pointer;
    }

#carouselQuotesOwl .owl-dots {
    color: var(--greenHover);
    width: 100%;
}


#carouselQuotesOwl .owl-dots {
    text-align: center;
    margin-bottom: -25px;
}

    #carouselQuotesOwl .owl-dots button.owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        background-color: var(--creamHover);
        margin: 0 3px;
    }

        #carouselQuotesOwl .owl-dots button.owl-dot.active {
            background-color: red;
        }

        #carouselQuotesOwl .owl-dots button.owl-dot:focus {
            outline: none;
        }


#homeBannerSm .owl-dots,
#homeBanner .owl-dots {
    text-align: center;
    margin-bottom: -25px;
    transform: translateY(-50px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

#homeBannerSm .owl-dots {
    transform: translateY(-35px);
}

    #homeBannerSm .owl-dots button.owl-dot,
    #homeBanner .owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #fff;
        margin: 0 3px;
    }

    #homeBannerSm .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
    }

        #homeBannerSm .owl-dots button.owl-dot.active,
        #homeBanner .owl-dots button.owl-dot.active {
            background-color: red;
            border: 2px solid white;
        }

        #homeBannerSm .owl-dots button.owl-dot:focus,
        #homeBanner .owl-dots button.owl-dot:focus {
            outline: none;
        }


#videoBg1 {
    background-size: cover;
}

/*@media(min-width: 1400px) {
    .bannerContext {
        bottom: 50%;
        transform: translateY(50%);
    }
}*/

@media(max-width: 768px) {
    .bannerQuote img {
        /*display: none;*/
    }
}

.stretchHomeCard {
    align-self: stretch;
    display: grid;
}


.stickyEnquiryForm {
    text-align: center;
    display: none;
    transform: translateY(1px);
    padding: 10px 0;
    box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 1020;
    background-color: var(--blueHover);
    background-size: 5px 5px;
    background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%);
}

    .stickyEnquiryForm a {
        color: var(--cream);
        padding: 0;
        letter-spacing: 2px;
    }

.enquirySection {
    background-color: var(--gray);
    font-size: 20px;
    color: var(--blue);
}

.enquiryButton {
    background-color: var(--blue);
    color: var(--cream);
    padding: 22px 50px 20px 50px;
    -webkit-box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75);
    -moz-box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75);
    box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75);
    transition: all .4s;
    font-weight: bold;

    background: linear-gradient(to top, var(--blueHover), #274b85);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position .6s ease;
}

    .enquiryButton:hover {
        color: var(--cream);
        transition: all .4s;
        cursor: pointer;
        -webkit-box-shadow: 10px -10px 0px 0px rgba(16,84,58,0.9);
        -moz-box-shadow: 10px -10px 0px 0px rgba(16,84,58,0.9);
        box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.9);
        /*background-color: rgba(165,161,137,0.75);*/
        background-position: bottom;
    }


.bannerShadow {
    width: 100%;
    height: 80vh;
    background-color: #00000030;
    background-size: 5px 5px;
    background-image: repeating-linear-gradient(135deg, #00000030 0, #00000030 1px, #e5e5f700 0, #e5e5f700 50%);
    z-index: 1;
    position: absolute;
}

#homeBannerSm .steamBanner.bannerVideo {
    /*aspect-ratio: 16/9;*/
    /*height: auto !important;*/
}

a.btn {
    text-decoration: none !important;
}

.carditems:hover a,
.carditems:hover p {
    /*color: var(--cream) !important;*/
    transition: all 1s;
}

.carditems a,
.carditems p {
    color: var(--cream);
    transition: all 1s;
    text-decoration: none;
}

.pageDocuments a {
    text-decoration: none !important;
}

.seniorCards {
    padding: 20px;
    background-color: var(--lightCream);
    border-radius: 6px;
    transition: 0.4s all;
    height: 100%
}

    .seniorCards h2,
    .seniorCards h3 {
        letter-spacing: unset;
    }

.seniorCardsImg {
    background-size: cover;
    background-position: center center;
    border-radius: 100%;
    margin: auto;
    height: 150px;
    width: 150px;
}

.seniorCardsDivider {
    height: 1px;
    width: 50%;
    background-color: #ddd4c6;
    margin: auto;
}

.seniorCards svg {
    vertical-align: sub;
    color: var(--blueHover);
}


.seniorCards.governors {
    max-width: 340px !important;
    margin: auto !important;
}

    .seniorCards.governors .seniorCardsImg {
        background-size: cover;
        background-position: center center;
        margin: auto;
        height: 250px;
        width: 85%;
        max-width: 220px;
        border-radius: unset;
    }

    .seniorCards.governors .seniorCardsContent {
        word-break: break-word;
        margin: auto;
    }

    .seniorCards.governors h2,
    .seniorCards.governors h6,
    .seniorCards.governors a {
        color: var(--black);
        text-decoration: none;
    }

    .seniorCards.governors:hover {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.4s all;
    }

.pageContentDivider {
    height: 1px;
    background-color: #ddd4c6;
    margin: 40px 0;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


#ourSchoolsModal .modal-header {
    background-color: var(--green);
    color: var(--white);
    margin-bottom: -1px;
}

#ourSchoolsModal .modal-body img {
    height: 270px;
}

#ourSchoolsModal .btn-close {
    opacity: 1;
}

#ourSchoolsModal .schoolLogos {
    border-right: 1px solid var(--green);
}


@media(max-width:1200px) {
    #ourSchoolsModal .modal-body img {
        height: 170px;
    }
}


@media(max-width:768px) {
    #ourSchoolsModal .schoolLogos {
        border-bottom: 1px solid var(--green);
        border-right: none;
        padding-bottom: 15px;
    }

    #ourSchoolsModal .modal-body img {
        height: 130px;
    }
}


#testimonialsVideoCarousel iframe {
    width: 100%;
    height: 400px;
}

#testimonialsVideoCarousel .owl-stage {
    padding-left: 0 !important;
}

#testimonialsVideoCarousel .owl-dots {
    color: var(--greenHover);
    width: 100%;
}


#testimonialsVideoCarousel .owl-dots {
    text-align: center;
    margin-bottom: -25px;
}

    #testimonialsVideoCarousel .owl-dots button.owl-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        display: inline-block;
        background-color: #434845;
        margin: 0 3px;
    }

        #testimonialsVideoCarousel .owl-dots button.owl-dot.active {
            background-color: red;
        }

        #testimonialsVideoCarousel .owl-dots button.owl-dot:focus {
            outline: none;
        }

#testimonialsVideoCarousel h3 {
    font-size: calc(17.586px + 0.647vw);
    color: #434845;
}

.customOwlNavigation .prev,
.customOwlNavigation .next {
    font-size: calc(17.586px + 0.647vw);
    color: var(--black);
    cursor: pointer;
    text-decoration: none;
}

    .customOwlNavigation .prev:hover,
    .customOwlNavigation .next:hover {
        color: var(--red);
    }

.btn.btn-custom {
    background-color: var(--blue);
    color: var(--lightCream);
    padding: 10px 30px;
    border-radius: 0;
}

    .btn.btn-custom:hover {
        background-color: var(--blueHover);
    }

#ourDivisions .campusDetails {
    color: var(--blue);
    font-weight: bold;
    padding: 0 8px;
}

.mainDivisionCard {
    color: var(--cream);
    height: 430px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: inset 0px -290px 75px -50px rgb(22 42 75 / 95%);
    -moz-box-shadow: inset 0px -290px 75px -50px rgb(22 42 75 / 95%);
    box-shadow: inset 0px -290px 75px -50px rgb(22 42 75 / 95%);
    transition: all .6s;
    /*margin-bottom: 40px;*/
    display: flex;
}

@media (max-width:1024px) {
    .mainDivisionCard {
        height: 400px;
    }
}

.mainDivisionCard:hover {
    -webkit-box-shadow: inset 0px -260px 75px -50px rgba(0,74,59,1);
    -moz-box-shadow: inset 0px -260px 75px -50px rgba(0,74,59,1);
    box-shadow: inset 0px -260px 75px -50px rgba(0,74,59,1);
    transition: all .6s;
}

.mainDivisionCard .mainDivisionCardContent {
    margin: auto auto 40px auto;
    text-align: center;
}

.mainDivisionCard h3 {
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 20px;
}

.mainDivisionCardButton {
    border-color: var(--cream);
    color: var(--cream);
    border-radius: 20px;
    font-weight: 100;
    padding: 7px 15px;
    letter-spacing: 2px;
    font-size: 12px;
}

.mainDivisionCard:hover .mainDivisionCardButton {
    background-color: var(--cream);
    color: var(--greenHover);
    font-weight: bold;
}

.headersBetweenLines {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #162a4b8f;
    line-height: 0;
    margin: 10px 0 20px;
    letter-spacing: 4px;
    color: var(--blueHover);
    font-weight: bold;
    padding: 0 20px;
}

    .headersBetweenLines span {
        background: white;
        padding: 0 20px;
    }


#ourDivisions .owl-dots {
    color: var(--blueHover);
    width: 100%;
}


#ourDivisions .owl-dots {
    text-align: center;
    transform: translateY(0);
}

    #ourDivisions .owl-dots button.owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        background-color: var(--creamHover);
        margin: 0 3px;
    }

        #ourDivisions .owl-dots button.owl-dot.active {
            background-color: red;
        }

        #ourDivisions .owl-dots button.owl-dot:focus {
            outline: none;
        }



#homeBanner .item {
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
}

#homeBannerSm .item video {
    position: relative;
    width: 100%;
    max-height: 80dvh;
    overflow: hidden;
}

#homeBannerSm .item video,
#homeBanner .item video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

#homeBannerSm .item.steamBanner,
#homeBanner .item.steamBanner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    /*FOOD MENU*/

    .meal-menu #mealContentContainer .meal-date {
    background-color: #162a4b;
    font-weight: bold;
    color: white;
}

.meal-menu #snackMealContentContainer .meal-date {
    background-color: var(--greenHover);
    font-weight: bold;
    color: white;
}

.meal-menu .meal-category {
    background-color: #e5ded1;
    color: black;
    font-weight: bold;
}

.meal-menu .meal-name {
    background-color: white;
    color: black;
}


#mealContentContainer .item {
    border: 1px solid #162a4b;
}

#snackMealContentContainer .item {
    border: 1px solid #004a3b;
}

.meal-menu .meal-date,
.meal-menu .meal-category,
.meal-menu .meal-name {
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #efefef;
}


.meal-menu .meal-name {
    text-align: start;
    display: block;
    min-height: 81px;
}

.meal-menu .meal-type {
    letter-spacing: 5px;
    font-weight: bold;
    color: white;
    padding: 20px;
    letter-spacing: 16px;
}

.meal-menu .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.my-tooltip-custom .tooltip-inner {
    max-width: 300px;
    /*max-height: 300px;*/
}

.tooltip-inner {
    padding: 20px !important;
}

#snackMealContentContainer .owl-nav, #homeBannerSm .owl-nav,
#mealContentContainer .owl-nav, #homeBannerSm .owl-nav {
    position: absolute;
    top: 40%;
    color: var(--cream);
    width: 100%;
}

    #snackMealContentContainer .owl-nav .owl-next,
    #mealContentContainer .owl-nav .owl-next,
    #snackMealContentContainer .owl-nav .owl-prev,
    #mealContentContainer .owl-nav .owl-prev {
        position: absolute;
        cursor: pointer;
        background-color: white;
        border: 2px solid #e5ded1;
        border-radius: 50%;
        padding: 10px !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    #snackMealContentContainer .owl-nav .owl-next,
    #mealContentContainer .owl-nav .owl-next {
        right: 25px;
    }

    #snackMealContentContainer .owl-nav .owl-prev,
    #mealContentContainer .owl-nav .owl-prev {
        left: 25px;
    }

#snackMealContentContainer .meal-image ,
#mealContentContainer .meal-image  {
  display:flex;
  justify-content:start;
}
#snackMealContentContainer .meal-image img,
#mealContentContainer .meal-image img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius:5px;
}

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

    #snackMealContentContainer .owl-nav .owl-next,
    #mealContentContainer .owl-nav .owl-next {
        right: 5px;
    }

    #snackMealContentContainer .owl-nav .owl-prev,
    #mealContentContainer .owl-nav .owl-prev {
        left: 5px;
    }
    #snackMealContentContainer .owl-nav .owl-next,
    #mealContentContainer .owl-nav .owl-next,
    #snackMealContentContainer .owl-nav .owl-prev,
    #mealContentContainer .owl-nav .owl-prev {
        padding: 5px !important;
        background-color:#ffffff7c;
    }


}

    #homeBanner .bannerContext {
        color: var(--white) !important;
    }

video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-enclosure {
    display: none !important;
}


.enquiry-button {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    background-color: var(--blueHover);
    color: var(--lightCream);
    padding: 12px 16px;
    border-radius: 6px 0 0 6px;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 82%);
    writing-mode: sideways-lr;
    text-orientation: unset;
    background: linear-gradient(to left, var(--blueHover), #274b85);
    transition: all .4s;
}

    .enquiry-button:hover {
        padding-right: 28px;
        transition: all .4s;
    }

    .enquiry-button:hover,
    .enquiry-button:focus,
    .enquiry-button:visited {
        color: var(--lightCream);
    }

@media(max-width: 991px) {
    .enquiry-button {
        padding: 12px;
        font-size: 14px;
    }
}


.grecaptcha-badge {
    bottom: 100px !important;
    z-index: 9999;
}


.bannerBisStory {
    background-color: var(--lightCream);
}

    .bannerBisStory p,
    .bannerBisStory h1 {
        font-size: 23px;
        letter-spacing: 1px;
        line-height: 20px;
        color: var(--blueHover);
    }

    .bannerBisStory img {
        height: 25px;
        width: 16px;
        margin-bottom: 5px;
    }

.bannerBisStoryContext h1,
.bannerBisStoryContext p {
    font-size: 18px;
}

@media(max-width: 768px) {
    .bannerBisStory img {
        display: none;
    }
}


#ourDivisions {
    min-height: 340px;
}

    #ourDivisions .mainDivisionCard {
        width: 100%;
        min-height: 340px;
       height: 450px;
       aspect-ratio: 16 / 9;
       background-size: cover;
        background-position: center;
    }

#ourDivisions {
    min-height: 260px;
}

    #ourDivisions .mainDivisionCard {
        min-height: 260px;
    }

@media (min-width: 768px) {
    #ourDivisions {
        min-height: 320px;
    }

        #ourDivisions .mainDivisionCard {
            min-height: 320px;
        }
}

@media (min-width: 1024px) {
    #ourDivisions {
        min-height: 360px;
    }

        #ourDivisions .mainDivisionCard {
            min-height: 360px;
        }
}

.owl-carousel {
    visibility: hidden;
}

    .owl-carousel.owl-loaded {
        visibility: visible;
    }

.bannerViewport {
    min-height: 8080vh;
}

@supports not (height: 1svh) {
    .bannerViewport {
        min-height: 80vh;
    }
}

#homeBanner {
    min-height: 80vh;
}

@supports not (height: 1svh) {
    #homeBanner {
        min-height: 80vh;
    }
}

#homeBanner .steamBanner {
    min-height: 80vh;
}

@supports not (height: 1svh) {
    #homeBanner .steamBanner {
        min-height: 80vh;
    }
}

#homeBanner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#homeBanner .steamBanner > .w-100 {
    min-height: 80vh;
}

#homeBanner [data-vbg] {
    width: 100%;
    height: 100%;
    min-height: 80vh;
}

@supports not (height: 1svh) {
    #homeBanner [data-vbg] {
        min-height: 80vh;
    }
}

#homeBanner.owl-carousel {
    visibility: hidden;
}

    #homeBanner.owl-carousel.owl-loaded {
        visibility: visible;
    }

#homeBanner .owl-dots {
    /*height: 24px;*/
    /*margin-top: 8px;*/
}

#homeBanner .owl-nav {
    height: 40px;
}

#carouselUniversities .universityLogos {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #carouselUniversities .universityLogos img {
        max-height: 140px;
        width: auto;
        max-width: 100%;
        display: block;
    }

#carouselUniversities.owl-carousel {
    visibility: hidden;
}

    #carouselUniversities.owl-carousel.owl-loaded {
        visibility: visible;
    }

#carouselUniversities .owl-dots {
    height: 24px;
    margin-top: 8px;
}