@charset "utf-8";
.container-fluid {
    background-image: none, -webkit-repeating-linear-gradient(270deg,rgba(10,30,40,1.00) 0%,rgba(85,111,181,1.00) 34.19%,rgba(117,95,128,1.00) 47.15%,rgba(85,111,181,1.00) 60.10%,rgba(10,30,40,1.00) 100%);
    background-image: none, -moz-repeating-linear-gradient(270deg,rgba(10,30,40,1.00) 0%,rgba(85,111,181,1.00) 34.19%,rgba(117,95,128,1.00) 47.15%,rgba(85,111,181,1.00) 60.10%,rgba(10,30,40,1.00) 100%);
    background-image: none, -o-repeating-linear-gradient(270deg,rgba(10,30,40,1.00) 0%,rgba(85,111,181,1.00) 34.19%,rgba(117,95,128,1.00) 47.15%,rgba(85,111,181,1.00) 60.10%,rgba(10,30,40,1.00) 100%);
    background-image: none, repeating-linear-gradient(180deg,rgba(10,30,40,1.00) 0%,rgba(85,111,181,1.00) 34.19%,rgba(117,95,128,1.00) 47.15%,rgba(85,111,181,1.00) 60.10%,rgba(10,30,40,1.00) 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container-fluid .container {
    flex: 1;
    min-height: 100vh;
}

.container-fluid .container .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(104deg,rgba(33,55,140,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(19,39,123,1.00) 0%,rgba(0,5,27,1.00) 0%,rgba(9,29,102,1.00) 0%,rgba(10,33,116,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0.52%,rgba(0,6,28,1.00) 0.52%,rgba(13,45,57,1.00) 13.99%,rgba(7,82,49,1.00) 31.09%,rgba(5,53,33,0.77) 83.94%,rgba(40,170,15,0.72) 100%);
    background-image: -moz-linear-gradient(104deg,rgba(33,55,140,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(19,39,123,1.00) 0%,rgba(0,5,27,1.00) 0%,rgba(9,29,102,1.00) 0%,rgba(10,33,116,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0.52%,rgba(0,6,28,1.00) 0.52%,rgba(13,45,57,1.00) 13.99%,rgba(7,82,49,1.00) 31.09%,rgba(5,53,33,0.77) 83.94%,rgba(40,170,15,0.72) 100%);
    background-image: -o-linear-gradient(104deg,rgba(33,55,140,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(19,39,123,1.00) 0%,rgba(0,5,27,1.00) 0%,rgba(9,29,102,1.00) 0%,rgba(10,33,116,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0.52%,rgba(0,6,28,1.00) 0.52%,rgba(13,45,57,1.00) 13.99%,rgba(7,82,49,1.00) 31.09%,rgba(5,53,33,0.77) 83.94%,rgba(40,170,15,0.72) 100%);
    background-image: linear-gradient(346deg,rgba(33,55,140,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(0,4,26,1.00) 0%,rgba(19,39,123,1.00) 0%,rgba(0,5,27,1.00) 0%,rgba(9,29,102,1.00) 0%,rgba(10,33,116,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0%,rgba(0,6,28,1.00) 0.52%,rgba(0,6,28,1.00) 0.52%,rgba(13,45,57,1.00) 13.99%,rgba(7,82,49,1.00) 31.09%,rgba(5,53,33,0.77) 83.94%,rgba(40,170,15,0.72) 100%);
    border-style: solid;
    border-color: #231F27;
}
.container-fluid .container footer {
    background-image: -webkit-linear-gradient(319deg,rgba(10,17,95,1.00) 0%,rgba(28,47,138,1.00) 33.16%,rgba(28,87,130,1.00) 73.06%,rgba(5,98,73,0.86) 84.97%,rgba(40,255,125,0.68) 100%);
    background-image: -moz-linear-gradient(319deg,rgba(10,17,95,1.00) 0%,rgba(28,47,138,1.00) 33.16%,rgba(28,87,130,1.00) 73.06%,rgba(5,98,73,0.86) 84.97%,rgba(40,255,125,0.68) 100%);
    background-image: -o-linear-gradient(319deg,rgba(10,17,95,1.00) 0%,rgba(28,47,138,1.00) 33.16%,rgba(28,87,130,1.00) 73.06%,rgba(5,98,73,0.86) 84.97%,rgba(40,255,125,0.68) 100%);
    background-image: linear-gradient(131deg,rgba(10,17,95,1.00) 0%,rgba(28,47,138,1.00) 33.16%,rgba(28,87,130,1.00) 73.06%,rgba(5,98,73,0.86) 84.97%,rgba(40,255,125,0.68) 100%);
    margin-top: auto;
    margin-bottom: auto;
    border-style: solid;
}
footer .row .col-xl-6 {
    color: #3FDFB4;
    vertical-align: text-bottom;
    text-align: left;
}
.navbar.navbar-expand-lg.navbar-light.bg-light .navbar-toggler .navbar-toggler-icon {
}
.navbar.navbar-expand-lg.navbar-light.bg-light .navbar-toggler .navbar-toggler-icon {
    background-color: #266F59;
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-primary {
    background-color: #77E9D3;
    color: #1B4078;
}
.container-fluid main .btn.btn-primary {
    background-color: #77E9D3;
    color: #1B4078;
    text-align: center;
}
.jumbotron .lead .btn.btn-primary.btn-lg {
    background-color: #77E9D3;
    color: #1B4078;
    text-align: center;
}







.navbar-nav.mr-auto .nav-item .nav-link {
    color: #75EDA8;
}
.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #38DCF7;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(106,141,175,1.00) 1.55%,rgba(71,93,114,1.00) 5.70%,rgba(90,111,131,1.00) 50.26%,rgba(71,93,114,1.00) 94.82%,rgba(106,141,175,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(106,141,175,1.00) 1.55%,rgba(71,93,114,1.00) 5.70%,rgba(90,111,131,1.00) 50.26%,rgba(71,93,114,1.00) 94.82%,rgba(106,141,175,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(106,141,175,1.00) 1.55%,rgba(71,93,114,1.00) 5.70%,rgba(90,111,131,1.00) 50.26%,rgba(71,93,114,1.00) 94.82%,rgba(106,141,175,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(61,84,106,1.00) 0%,rgba(106,141,175,1.00) 1.55%,rgba(71,93,114,1.00) 5.70%,rgba(90,111,131,1.00) 50.26%,rgba(71,93,114,1.00) 94.82%,rgba(106,141,175,1.00) 100%);
}

.navbar-nav.mr-auto .nav-item.dropdown .dropdown-menu {
    background-image: -webkit-linear-gradient(111deg,rgba(39,85,139,1.00) 0%,rgba(0,255,187,1.00) 100%);
    background-image: -moz-linear-gradient(111deg,rgba(39,85,139,1.00) 0%,rgba(0,255,187,1.00) 100%);
    background-image: -o-linear-gradient(111deg,rgba(39,85,139,1.00) 0%,rgba(0,255,187,1.00) 100%);
    background-image: linear-gradient(339deg,rgba(39,85,139,1.00) 0%,rgba(0,255,187,1.00) 100%);
    background-color: #2A2B36;
}

.col-xl-4 .card.col-md-4.col-xl-12 .card-img-top {
    background-color: #35CDE7;
}
.card.col-md-4.col-xl-12 .card-body .card-text {

}
.card.col-md-4.col-xl-12 .card-body .card-text a:link {
    color: #141D42;

}
.container .row .col-xl-4 {

}
#accordion1 .card  {
    background-color: #7FABD3;
}

.row .col-xl-4 .card.col-md-4.col-xl-12 {
    background-color: #637687;
}
#headingTwo1 .mb-0 .collapsed {
}
.col-xl-4 .card.col-md-4.col-xl-12 .card-body {
    color: #91C5EF;
}
.card #collapseTwo1 .card-body {
    background-color: #B9E3DD;
}
.card #collapseThree1 .card-body {
    background-color: #B9E3DD;
}


.card.col-md-4.col-xl-12 .card-body .card-title {
    color: #8AEBB0;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: x-large;
    text-shadow: 2px 3px #0F1E2B;
    font-weight: bolder;
    font-style: normal;
    letter-spacing: 1px;
}
#collapseOne1 .card-body .subscribe-form {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

}
.subscribe-form form input {
    background-color: #77E9D3;
    border-style: solid;
    border-color: #0D2C39;
}
.subscribe-form form #email {
    color: #49575C;
}


#accordion1 .card #collapseOne1 {
    background-color: #B9E3DD;
}

.subscribe-form input[type="email"]::placeholder {
    color: #6AED9F; /* Change this to your desired color */
  }
.container-fluid .container main {
    background-color: #A0C2D0;
    border: medium solid #104B90;
}
main .contact-form form {
    padding-left: 20%;
}
.contact-form form #name {
    width: 30%;

}
.contact-form form #email {
    width: 30%;
}
.contact-form form #message {
    width: 50%;
}
.contact-form form button {
    padding-left: 0%;
    margin-left: 30%;
    background-color: #77E9D3;
    border-style: solid;
    border-color: #173374;

}
.card.col-md-4.col-xl-12 .card-body .embed-responsive.embed-responsive-16by9 {
    text-align: center;


}
.row .card.col-md-4.col-xl-12 .card-body {
    color: #91C5EF;
}
.container .row .col-xl-3 {
    padding-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
}
.container-fluid .container .row {

}

.row .col-xl-3 .card.col-md-4.col-xl-12 {
}


.container .row .col-xl-12 {
    background-color: #637687;
}
.container-fluid .container input {
    text-align: left;
}

.sticky-column {
    position: sticky;
    top: 0; /* Adjust as needed based on your layout */
    height: 100vh; /* Set the height of the column to fill the viewport */
    overflow-y: auto; /* Enable vertical scrolling if needed */
    /* [disabled]top: 0vmin; */
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-secondary {
    float: right;
    color: #80E3B3;
    border-style: groove;
    border-color: #1B452E;
}



.card.col-md-4.col-xl-12 .card-body .popup-box {
    position: fixed; /* Position it relative to the parent container */
    display: none; /* Initially hide the popup */
    background-color: #E1FFFC;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    font-size: 14px;
    z-index: 1; /* Ensure it appears above other elements */
    color: #043A9A;
}


  /* Optional: Add some animation or transition effect */
  .card.col-md-4.col-xl-12 .card-body .popup-box {
    transition: opacity 0.3s ease-in-out;
  }


/*
Show the pop-up box when button is hovered 
.card.col-md-4.col-xl-12 .card-body .btn.btn-secondary:hover + .popup-box {
    display: block;
    
}*/
.container-fluid .container .jumbotron {
    background-color: #A0C2D0;
}
.card #collapseOne1 .card-body {
}
ul li .blog {
    color: #051B49;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: x-large;
    text-shadow: 1px 1px 2px #B2F9E9;
}
.container .jumbotron .lead.dropright {
    float: right;
}
.row .card.col-md-4.col-xl-12 .center {
    justify-content: center;
    color: #234078;
}
.pagination.col-xl-3.offset-xl-4 .page-item .page-link {
    background-color: #77E9D3;
    border-color: #000C25;
    color: #2C4078;
}
.card.col-md-4.col-xl-12 .card-body .card-title.small {
    font-size: small;
}
.card.col-md-4.col-xl-12 .card-body #imageContainer {
}
#display .card.col-md-4.col-xl-12 #imageContainer {


}

#imageContainer {
    width: 100%; /* Ensure the container spans the entire width of its parent */
    height: auto; /* Allow the height to adjust proportionally */
    overflow: hidden; /* Ensure the image doesn't overflow its container */
}

#imageContainer img {
    max-width: 100%; /* Force the image to fill the width of its container */
    height: auto; /* Allow the height to adjust proportionally */
    display: block; /* Ensure proper block-level rendering */
}
.col-xl-9 .card.col-md-4.col-xl-12 .col-xl-3.center {
    justify-content: center;
    left: 40%;
    max-width: 30%;
}
.carousel-inner .carousel-item .d-block.mx-auto {
    max-width: 100%;
}
.container-fluid .container .jumbotron {
}
.container .jumbotron .display-4 {
}

.container .jumbotron .image {
    width: 100%;
}
.card.col-md-4.col-xl-12 .card-body .image {
    max-width: 100%;
}
.contact-form form input {
    background-color: #D2F3EB;
}
.contact-form form textarea {
    background-color: #D2F3EB;
}
.card.col-md-4.col-xl-12 .card-body .date {
    color: #07062F;
    float: right;
    font-weight: bolder;
}
.menulogo   {
    max-width: 3vmax;
    border-style: solid;
    border-color: #000000;
}
 .social-bar {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }
        .social-bar a {
            color: #fff;
            background-color: #333;
            margin: 0 10px;
            padding: 10px;
            border-radius: 50%;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        .social-bar a:hover {
            background-color: #555;
        }
        .social-bar i {
            font-size: 24px;
        }