/* ================================================== */
                                            /* BLUETEC
/* created by MeGo

* body
* header
* navigation

*Pages
    *Index
      * content
    *Banner
    * section
        *About
        *Council
        *Carousel Card
        *Events
        *News
        *Courses
    *Contact
        * section
            *Contact-Info
* footer
* sidebar
* plugin
* media query
*/
/*  * header  */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,500;1,200;1,400&display=swap');
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: unset;
}
/* Globle */

.poppins {
    font-family: 'Poppins', sans-serif;
}
/* Font size */

.f-1 {
    font-size: 30.9vw;
    line-height: 1.6;
}

.bg-white {
    background: #fff;
}

.a-members {
    color: #174e94;
    font-weight: 700;
}

.a-members:hover {
    color: #174e94;
    font-weight: 700;
    text-decoration: none;
}

.list-group-item :first-child {
    margin-right: 2vw;
}

.breadcrumb-link {
    text-decoration: none;
    color: #0b458f;
}

.breadcrumb-link:hover {
    color: #0754B6;
    text-decoration: none;
}

p {
    margin-bottom: 0 !important;
}

    ::-webkit-scrollbar {
    width: 0.1vw;
}
/* Track */

    ::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */

    ::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.switch {
    position: relative;
    display: inherit;
    width: 14.5vw;
    height: 5.5vw;
    margin-top: 2vw !important;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 3.5vw;
    width: 3.5vw;
    left: 3vw;
    bottom: 1vw;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

@media only screen and (orientation: landscape) {
    .switch {
        position: relative;
        display: inherit;
        width: 4.5vw;
        height: 2.5vw;
        margin-top: 1vw !important;
    }
    .slider:before {
        position: absolute;
        content: "";
        height: 1.5vw;
        width: 1.5vw;
        left: 0.5vw;
        bottom: 0.5vw;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
    .list-group-item :first-child {
        margin-right: 1vw;
    }
    .f-1 {
        font-size: 1vw;
        line-height: 1.6;
    }
}
/* Colors */

.color-1 {
    color: #24B47E;
}

.color-2 {
    color: #006EB9;
}

.color-3 {
    color: #FF7C9F;
}

.color-4 {
    color: #CE7C3A;
}

.bg-color-1 {
    background: #355eff;
    color: #ffffff;
}

h5 {
    font-size: 4vw;
}

.rounded {
    border-radius: 0.32rem!important;
}

.ilsca-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

#wrapper-nav {
    background-image: url('../../images/home/home_image.jpg');
    height: 233vw;
    /* Center and scale the image nicely */
   background-position: top;
   background-repeat: no-repeat;
    /* background-size: 100% 100%;*/


}

@media only screen and (orientation: landscape) {
    #wrapper-nav {
        background-image: url('../../images/home/home_image.jpg');
        height: 50vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

#wrapper-nav-light {
    background-image: url('../../images/website_about_us_Web.jpg');
    height: 50vw;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.header-dark nav .navbar-brand {
    width: 30vw;
}

.navbar {
    box-shadow: none;
}

.header-dark .bg-dark {
    background-color: #42424200 !important;
}

.container-fuild {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#carousel_banner_card_section {
    margin-top: 3vw;
}

.carousel-banner-info {
    width: 90%;
    margin-top: auto;
    margin-bottom: auto;
}

.carousel-banner-picture {
    width: 90%;
    margin-top: 13vw;
}

.slide .carousel-indicators {
    position: absolute;
    right: 65vw;
    bottom: -10vw;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}

.carousel-card-main {
    width: 90%;
    text-align: center;
}

.carousel-card-sub-col-1 {
    width: 100%;
}

.carousel-card-sub-col-2 {
    width: 100%;
}

.container {
    width: 60%
}

@media only screen and (orientation: portrait) {
    .container {
        width: 90%
    }
}

@media only screen and (orientation: landscape) {
    #wrapper-nav-light {
        background-image: url('../../images/website_about_us_Web.jpg');
        height: 20vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    h5 {
        font-size: 2vw;
    }
    #carousel_banner_card_section {
        margin-top: 3vw;
    }
    .carousel-banner-info {
        width: 35%;
    }
    .carousel-banner-picture {
        width: 65%;
        margin-top: 0;
    }
    .slide .carousel-indicators {
        position: absolute;
        right: 26vw;
        bottom: -4vw;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 0 !important;
        margin-left: 0 !important;
        list-style: none;
    }
    .carousel-card-sub-col-1 {
        width: 50%;
    }
    .carousel-card-sub-col-2 {
        width: 50%;
    }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 6vw;
    width: 6vw;
    outline: #0b458f;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid #0b458f;
    background-image: none;
    float: left;
}

.carousel-control-next-icon:after {
    content: '>';
    font-size: 3.2vw;
    color: #396cae;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 3.2vw;
    color: #396cae;
}

#wrapper-nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef03;
    border-radius: .125rem;
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "|";
}

.breadcrumb-item.active {
    color: #0B458F;
    font-weight: 600;
    font-size: 5vw;
    line-height: 2;
}

.breadcrumb-item a img {
    width: 4vw;
}

.page-title {
    color: #0B458F;
    margin-top: 4vw;
    font-size: 7.5vw;

}

@media only screen and (orientation: landscape) {
    .dropdown:hover .dropdown-menu,
    .btn-group:hover .dropdown-menu {
        display: block;
    }
    .header-dark nav .navbar-brand {
        width: 8vw;
    }
    .navbar {
        box-shadow: none;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        height: 2vw;
        width: 2vw;
        outline: #0b458f;
        background-size: 100%, 100%;
        border-radius: 50%;
        border: 1px solid #0b458f;
        background-image: none;
    }
    .carousel-control-next-icon:after {
        content: '>';
        font-size: 1.2vw;
        color: #396cae;
    }
    .carousel-control-prev-icon:after {
        content: '<';
        font-size: 1.2vw;
        color: #396cae;
    }
    .breadcrumb-item.active {
        color: #0B458F;
        font-weight: 600;
        font-size: 1.3vw;
        line-height: 2;
    }
    .breadcrumb-item a img {
        width: 1.5vw;
    }
    .page-title {
        color: #0B458F;
        margin-top: 1vw;
        font-size: 3vw;
    }
}

.img-brand {
    width: 100%;
}

.header-dark nav div ul .dropdown .nav-link,
.header-dark nav div ul .nav-link,
.navbar-dark .navbar-nav .nav-link {
    text-transform: capitalize;
    color: #fff;
    /* margin-left: 1vw; */
    margin-right: 1vw;
    font-weight: 600;
}

.dropdown-menu .dropdown-item {
    max-width: 20.5rem;
}

.header-dark nav div ul .dropdown .dropdown-menu {
    background: #C9F9FF;
    padding: 0rem 0;
    left: -2vw;
    font-size: 4vw;
    border-radius: 0.6vw 0.6vw;
    -webkit-border-radius: 0.6vw 0.6vw;
    -moz-border-radius: 0.6vw 0.6vw;
    -ms-border-radius: 0.6vw 0.6vw;
    -o-border-radius: 0.6vw 0.6vw;
}

.dropdown-menu {
    /*background-color: #333; */
    position: relative;
}

.dropdown-menu:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
}

.dropdown-menu:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 0.6vw solid transparent;
    border-bottom-color: #C9F9FF;
}

.dropdown-menu:before {
    border: 2.2vw solid transparent;
    border-bottom-color: #C9F9FF;
    bottom: 100%;
    left: 14%;
    margin-left: -0.6vw;
}

.dropdown-item {
    border-bottom: 1px solid #bee0e4;
}

@media only screen and (orientation: landscape) {
    .header-dark nav div ul .dropdown .dropdown-menu {
        font-size: 0.9vw;
        border-radius: 0.3vw 0.3vw;
        -webkit-border-radius: 0.3vw 0.3vw;
        -moz-border-radius: 0.3vw 0.3vw;
        -ms-border-radius: 0.3vw 0.3vw;
        -o-border-radius: 0.3vw 0.3vw;
    }
    .dropdown-menu:before {
        border: 0.6vw solid transparent;
        border-bottom-color: #C9F9FF;
        bottom: 100%;
        left: 50%;
        margin-left: -0.6vw;
    }
}

.header-dark nav div ul .dropdown .dropdown-menu .dropdown-item {
    text-align: center;
}

.header-dark nav div ul .dropdown .dropdown-menu .dropdown-item:focus,
.header-dark nav div ul .dropdown .dropdown-menu .dropdown-item:hover {
    border-radius: 0.3vw 0.3vw;
    -webkit-border-radius: 0.3vw 0.3vw;
    -moz-border-radius: 0.3vw 0.3vw;
    -ms-border-radius: 0.3vw 0.3vw;
    -o-border-radius: 0.3vw 0.3vw;
    background-color: #A8F0FC;
    box-shadow: 0px 1px 5px rgba(76, 76, 76, 0.24);
}
/* Banner */

.carousel-banner-title {
    color: #fff;
    margin-bottom: 1vw;
    font-size: 5.5vw;
}

.carousel-banner-text {
    color: #fff;
    font-size: 3.7vw;
}

.img-carousel-banner {
    width: 100%;
}

.Carousel-banner-details {
    padding-top: 3vw;
    margin-bottom: 16vw;
}

div .slide .carousel-indicators li {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
}

.btn_know_more {
    background: #fff;
    font-size: 2.9vw;
    color: #355EFF;
    margin-top: 2vw;
}

.btn_know_more:hover {
    background: #5BE3C6;
    font-size: 0.9vw;
    color: #000;
}

@media only screen and (orientation: landscape) {
    .carousel-banner-title {
        color: #fff;
        margin-bottom: 1vw;
        font-size: 2vw;
    }
    .carousel-banner-text {
        color: #fff;
        font-size: 1.3vw;
        width: 90%;
    }
    .Carousel-banner-details {
        padding-top: 3vw;
    }
    .btn_know_more {
        background: #fff;
        font-size: 0.9vw;
        color: #355EFF;
        margin-top: 1vw;
    }
    div .slide .carousel-indicators li {
        width: 0.6vw;
        height: 0.6vw;
        border-radius: 50%;
    }
}
/* About  */

.about-summary-text {
    width: 90%;
}

.about-summary-img {
    width: 90%;
}

.about-summary-section {
    vertical-align: middle;
    margin-bottom: 5vw;
}

.about-summary-info {
    text-align: center;
}

.about-summary-description {
    color: #828384;
    font-weight: 300;
}

.about-summary-title {
    font-weight: 500;
    color: #0B458F;
    margin-bottom: 1vw;
    font-size: 6.1vw;

}

.btn_about_know_more {
    background: #0073FF;
    color: #fff;
    width: 43vw;
    font-size: 3vw;
    margin-top: 2vw;
}

.btn_about_know_more:hover {
    color: #fff;
    background: #0B458F;
}

.img-about-summary-us {
    width: 100%;
    margin-top: 3vw;
}

@media only screen and (orientation: landscape) {
    .about-summary-text {
        width: 40%;
    }
    .about-summary-img {
        width: 40%;
    }
    .about-summary-section {
        vertical-align: middle;
        margin-bottom: 4vw;
    }
    .about-summary-info {
        text-align: right;
        width: 85%;
    }
    .about-summary-title {
        font-weight: 500;
        color: #0B458F;
        margin-bottom: 1vw;
		 
        font-size: 2vw;
    }
    .about-summary-description {
        color: #828384;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
    }
    .img-about-summary-us {
        width: 85%;
        margin-top: 0vw;
    }
    .btn_about_know_more {
        background: #0073FF;
        color: #fff;
        width: 12vw;
        font-size: 1vw;
        margin-top: 1vw;
    }
}
/* Council */

.council-section {
    vertical-align: middle;
    margin-bottom: 5vw;
    padding-top: 10vw;
    padding-bottom: 12vw;
    margin-top: 5vw;
}

.row-council-title {
    font-size: 6.1vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

@media only screen and (orientation: landscape) {
    .council-section {
        vertical-align: middle;
        margin-bottom: 4vw;
        padding-top: 5vw;
        padding-bottom: 7vw;
        margin-top: 2vw;
    }
    .img-council {
        width: 70%;
    }
    .row-council-title {
        font-size: 2.1vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
}

#wrapper-council {
    background-image: url('../../images/home/row_council.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img-council {
    width: 85%;
}

.div-council-title {
    color: #174E94;
    font-size: 3.8vw;
    font-weight: 700;
    margin-top: 1vw;
}

.div-council-sub-title {
    color: #333;
    font-size: 3.8vw;
}

.btn-council-know-more {
    font-size: 3.8vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

@media only screen and (orientation: landscape) {
    .div-council-title {
        color: #174E94;
        font-size: 1.2vw;
        font-weight: 700;
        margin-top: 1vw;
    }
    .div-council-sub-title {
        color: #333;
        font-size: 1vw;
    }
    .btn-council-know-more {
        font-size: 1vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .img-council {
        width: 70%;
    }
}
/* Carousel Card  */

#wrapper-carousel-card {
    background-image: url('../../images/home/back_carousel_card.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.carousel-card-section {
    margin-bottom: 10vw;
    margin-top: 10vw;
}

.carousel-card-title {
    font-size: 6.1vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.carousel-facilites-heading {
    font-size: 8vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
}

.carousel-card-details {
    padding-right: 3vw;
    padding-left: 3vw;
    margin-top: 2vw;
}

.carousel-card-room-title {
    font-size: 4.7vw;
    font-weight: 500;
    color: #0B458F;
    text-align: left;
}

.carousel-card-room-description {
    font-weight: 300;
    color: #333;
}

.btn-carousel-card-know-more {
    font-size: 2.5vw;
    font-weight: 500;
    background: #0B458F;
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.carousel-facilities-list {
    padding: 0vw;
    font-size: 4.5vw;
    margin-bottom: 1vw;
}

.carousel-card-icons {
    width: 8vw;
    height: 8vw;
}

@media only screen and (orientation: landscape) {
    .carousel-card-title {
        font-size: 2.1vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .carousel-card-room-title {
        font-size: 1.3vw;
        font-weight: 600;
        color: #0B458F;
    }
    .carousel-facilites-heading {
        font-size: 1.7vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
    }
    .carousel-card-room-description {
        font-weight: 300;
        color: #333;
    }
    .btn-carousel-card-know-more {
        font-size: 0.8vw;
        font-weight: 500;
        background: #0B458F;
        color: #fff;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .carousel-facilities-list {
        padding: 0vw;
        font-size: 1vw;
        margin-bottom: 1vw;
    }
    .carousel-card-icons {
        width: 2vw;
        height: 2vw;
    }
    .carousel-card-section {
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
}
/* Events */

.gone {
    display: none;
}

#wrapper-events {
    background-image: url('../../images/home/row_council.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.events-section {
    margin-top: 10vw;
    margin-bottom: 10vw;
}

.events-title {
    font-size: 6.1vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.img-event {
    float: right;
    width: 19vw;
    position: sticky;
    margin-top: -33vw;
    display: none;
}

.event-detail-title-1 {
    font-size: 5vw;
    color: #4773AA;
    width: 100%;
}

.event-detail-title-2 {
    font-size: 5vw;
    color: #FF3068;
    width: 100%;
}

.event-detail-description {
    color: #333;
    width: 100%;
}

.event-detail-time {
    font-size: 3vw;
    color: #333;
    width: 100%;
    line-height: 2;
    font-weight: 600;
}

.btn-events-know-more {
    font-size: 2.8vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-bottom: 2vw;
}

.event-sub-col {
    width: 90%;
    margin: 3vw;
}

@media only screen and (orientation: landscape) {
    .event-sub-col {
        width: 45%;
        margin: 1vw;
    }
    .events-title {
        font-size: 2.1vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .img-event {
        float: right;
        width: 6vw;
        position: sticky;
        margin-top: -6vw;
        display: block;
    }
    .event-detail-title-1 {
        font-size: 1.3vw;
        color: #4773AA;
        width: 75%;
    }
    .event-detail-title-2 {
        font-size: 1.3vw;
        color: #FF3068;
        width: 75%;
    }
    .event-detail-description {
        color: #333;
        width: 75%;
    }
    .event-detail-time {
        font-size: 1vw;
        color: #333;
        width: 75%;
        font-weight: 600;
    }
    .btn-events-know-more {
        font-size: 0.8vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-bottom: 2vw;
    }
    .events-section {
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
}
/* News */

#wrapper-news {
    background-image: url('../../images/home/events_news.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.news-section {
    margin-bottom: 10vw;
    margin-top: 10vw;
}

.news-title {
    font-size: 6.1vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.news-summary-title {
    color: #3162A0;
}

.news-summary-body {
    border: 1px solid #d4d1d1;
    margin: 1vw;
    height: 50vw;
    overflow: auto;
    /* white-space: nowrap; */
    text-overflow: clip;
}

.news-summary-subtitle {
    color: #2D5E9E;
    text-align: left;
    margin-top: 4.5vw;
    font-size: 3.9vw;
    font-weight: 700;
}

.news-summary-description {
    color: #333;
    text-align: left;
    color: #828384;
}

.news-summary-know-more-link {
    font-size: 3.9vw;
    font-weight: 700;
    text-decoration: none;
    color: #4773AA;
}

.btn-news-know-more {
    font-size: 2.9vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-bottom: 2vw;
}

@media only screen and (orientation: landscape) {
    .news-section {
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
    .news-title {
        font-size: 2.1vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .news-summary-title {
        color: #3162A0;
    }
    .news-summary-body {
        border: 1px solid #d4d1d1;
        margin: 1vw;
        height: 25vw;
        overflow: auto;
        /* white-space: nowrap; */
        text-overflow: clip;
    }
    .news-summary-subtitle {
        color: #2D5E9E;
        text-align: left;
        margin-top: 1.5vw;
        font-size: 0.9vw;
        font-weight: 700;
    }
    .news-summary-description {
        color: #333;
        text-align: left;
        color: #828384;
    }
    .news-summary-know-more-link {
        font-size: 0.9vw;
        font-weight: 700;
        text-decoration: none;
        color: #4773AA;
    }
    .btn-news-know-more {
        font-size: 0.8vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-bottom: 2vw;
    }
}
/* Courses */

#wrapper-courses {
    background-image: url('../../images/home/background_img_courses.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.courses-section {
    margin-bottom: 10vw;
    margin-top: 10vw;
}

.courses-title {
    font-size: 6.1vw;
    font-weight: 500;
    color: #0B458F;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.courses-summary-title {
    color: #3162A0;
}

.courses-summary-body {
    /* border: 1px solid #d4d1d1; */
    margin: 0vw;
}

.courses-summary-subtitle {
    color: #2D5E9E;
    text-align: left;
    margin-top: 1.5vw;
    font-size: 4.2vw;
    font-weight: 700;
}

.courses-summary-description {
    color: #333;
    text-align: left;
    color: #828384;
}

.courses-summary-know-more-link {
    font-size: 3.8vw;
    font-weight: 700;
    text-decoration: none;
    color: #4773AA;
    text-align: left;
}

.btn-courses-know-more {
    font-size: 2.9vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-bottom: 2vw;
}

.courses-main-col,
.member-main-col,
.news-main-col {
    width: 90%;
}

.courses-sub-col,
.event-main-col,
.news-sub-col {
    width: 90%;
    margin: 0vw;
}

@media only screen and (orientation: landscape) {
    .courses-sub-col,
    .news-sub-col {
        width: 30%;
        margin: 1vw;
    }
    .courses-section {
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .courses-title {
        font-size: 2.1vw;
        font-weight: 500;
        color: #0B458F;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .courses-summary-title {
        color: #3162A0;
    }
    .courses-summary-body {
        /* border: 1px solid #d4d1d1; */
        margin: 0vw;
    }
    .courses-summary-subtitle {
        color: #2D5E9E;
        text-align: left;
        margin-top: 0vw;
        font-size: 1.2vw;
        font-weight: 700;
    }
    .courses-summary-description {
        color: #333;
        text-align: left;
        color: #828384;
    }
    .courses-summary-know-more-link {
        font-size: 0.9vw;
        font-weight: 700;
        text-decoration: none;
        color: #4773AA;
        text-align: left;
    }
    .btn-courses-know-more {
        font-size: 0.8vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-bottom: 2vw;
    }
}
/* Footer */
/* #wrapper-footer {
background;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
} */

.footer-section {
    margin-top: 2vw;
    padding-top: 5vw;
    background: #f3f3f3;
}

.footer-title {
    font-size: 5.1vw;
    font-weight: 800;
    color: #828384;
    margin-bottom: 1vw;
}

.list-unstyled li a {
    font-size: 3vw;
    font-weight: 400;
    color: #828384;
    margin-bottom: 0.5vw;
    text-decoration: none;
}

.list-unstyled li a:hover {
    color: #176EB4;
}

.list-unstyled li h5 {
    font-size: 3.1vw;
    font-weight: 800;
    color: #828384;
    margin-top: 1vw;
}

.list-unstyled li a {
    font-size: 3vw;
    font-weight: 400;
    color: #828384;
    margin-bottom: 0.5vw;
}

.list-unstyled li span {
    font-size: 3vw;
    font-weight: 400;
    color: #828384;
    margin-bottom: 0.5vw;
}

.footer-logo-section {
    margin-top: 4vw;
}

.img-footer {
    width: 18vw;
}

.line-footer {
    width: 70%;
    position: sticky;
    margin-top: -3vw;
}

.footer-menu-col {
    width: 90%;
}

@media only screen and (orientation: landscape) {
    .footer-menu-col {
        width: 10%;
    }
    .footer-section {
        padding-top: 5vw;
        background: #f3f3f3;
    }
    .footer-title {
        font-size: 1.1vw;
        font-weight: 800;
        color: #828384;
        margin-bottom: 1vw;
    }
    .list-unstyled li a {
        font-size: 1vw;
        font-weight: 400;
        color: #828384;
        margin-bottom: 0.5vw;
        text-decoration: none;
    }
    .list-unstyled li a:hover {
        color: #176EB4;
    }
    .list-unstyled li h5 {
        font-size: 1.1vw;
        font-weight: 800;
        color: #828384;
        margin-top: 1vw;
    }
    .list-unstyled li a {
        font-size: 1vw;
        font-weight: 400;
        color: #828384;
        margin-bottom: 0.5vw;
    }
    .list-unstyled li span {
        font-size: 1vw;
        font-weight: 400;
        color: #828384;
        margin-bottom: 0.5vw;
    }
    .footer-logo-section {
        margin-top: 4vw;
    }
    .img-footer {
        width: 7vw;
    }
    .line-footer {
        width: 70%;
        position: sticky;
        margin-top: -3vw;
    }
}
/* Pages Contact  */
/* info */

.contact-details h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #828384;
    margin-bottom: 0vw;
}

.contact-details h5 {
    margin-top: 1.2vw;
}

.contact-details span {
    font-size: 0.9rem;
    font-weight: 400;
    color: #828384;
    margin-bottom: 0.5vw;
}

.contact-details .map {
    height: 20vw;
}

.contatct-info-row-main-col {
    width: 90%;
}
/* form */

#wrapper-client-details-nav-light {
    background-image: url(images/about_us/Web%201920%20%E2%80%93%2028.jpg);
    height: 70vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-client-details-nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

#warpper-contact-form {
    background-image: url('../../images/contact_us/news%20%E2%80%93%204.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* height: 140%; */
}

.section-form {
    padding-top: 24vw;
}

.contact-form-details h6 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #828384;
}

input::placeholder {
    line-height: 1.2;
    font-size: 2.8vw;
}

.row-sub-col {
    width: 90%;
}

.row-sub-col-1 {
    width: 90%;
}

.row-sub-col-3 {
    width: 90%;
}

.row-sub-col-4 {
    width: 90%;
}

.contact-form-title {
    font-size: 2vw;
}

.contact-row-main-col {
    width: 90%;
}
/* .contact-form {
border: 0.1vw solid #0b458f;
padding: 1vw;
} */

@media only screen and (orientation: landscape) {
    .contatct-info-row-main-col {
        width: 70%;
    }
    .contact-row-main-col {
        width: 60%;
    }
    .contact-form-title {
        font-size: 1vw;
    }
    #wrapper-client-details-nav-light {
        background-image: url(images/about_us/Web%201920%20%E2%80%93%2028.jpg);
        height: 16vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    input::placeholder {
        line-height: 1.2;
        font-size: 0.8vw;
    }
    #warpper-contact-form {
        background-image: url('../../images/contact_us/news%20%E2%80%93%204.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* height: 124%; */
    }
    .section-form {
        padding-top: 14vw;
    }
    .btn-contact-know-more {
        font-size: 0.8vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-bottom: 2vw;
    }
    .row-sub-col {
        width: 40%;
    }
    .row-sub-col-1 {
        width: 60%;
    }
    .row-sub-col-3 {
        width: 40%;
        margin-right: 1vw;
    }
    .row-sub-col-4 {
        width: 55%;
        padding-bottom: 3vw;
    }

}
/* About page */
/* background */

.about-card-col-1 {
    width: 90%;
    margin: 3vw;
}

.about-card-col-2 {
    width: 90%;
    margin: 8vw 2vw;
}

#wrapper-about-nav-light {
    background-image: url('../../images/website_about_us_Web.jpg');
    height: 30vh;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-about-nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
	background-color: #F8F8F8;
	width: 100%;
}

.about-card-img {
    width: 30vw;
    float: left;
}

.about-card-col-1 .img-card-text-wrapper {
    display: flex;
    align-items: center;
}

.img-card-text-wrapper {
    display: inline-block;
    align-items: center;
}

.about-card-title {
    font-size: 5vw;
    color: #5F2535;
    text-align: center;
    font-weight: 700;
    margin-left: 3vw;
}

.text-color-fees {
    color: #05395D;
}

.about-description {
    color: #888888;
	font-size: 3.1vw;

}

@media only screen and (orientation: landscape) {
    .about-card-col-1 {
        width: 30%;
        margin: 2vw;
    }
    .about-card-col-2 {
        width: 90%;
        margin: 2vw;
    }
    #wrapper-about-nav-light {
        background-image: url('../../images/website_about_us_Web.jpg');
        height: 20vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #wrapper-about-nav-light .header-dark nav div ul .nav-link {
        color: #0B458F;
        font-weight: 600;
    }
    .about-card-img {
        width: 8vw;
        float: left;
        ;
    }
    .img-card-text-wrapper {
        display: flex;
        align-items: flex-start;
    }
    .about-card-title {
        font-size: 1.5vw;
        color: #5F2535;
        text-align: center;
        font-weight: 700;
        margin-left: 3vw;
    }
    .text-color-fees {
        color: #05395D;
    }
    .about-description {
        color: #888888;
        text-align: justify;
		font-size: 1.1vw;

    }
}

.section-services {
    margin-bottom: 4vw;
}

.about-services-title {
    font-size: 4.5vw;
    font-weight: 400;
    margin-left: 1vw;
}

.about-services-description {
    font-size: 2.8vw;
    color: #888888;
    font-weight: 400;
}

.member-sub-col {
    width: 90%;
    margin: 3vw;
}

.service-main-col {
    width: 80%;
    margin: 3vw;
}

.service-sub-col {
    width: 90%;
    margin: 4vw;
}

@media only screen and (orientation: landscape) {
    .member-sub-col {
        width: 30%;
        margin: 1vw;
    }
    .service-sub-col {
        width: 40%;
        margin: 2vw;
    }
    .about-services-title {
        font-size: 1.5vw;
        font-weight: 400;
        margin-left: 1vw;
    }
    .about-services-description {
        font-size: 1vw;
        color: #888888;
        font-weight: 400;
    }
}
/* Council Members  */

#wrapper-row-members {
    background-image: url('../../images/about_us/members/background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.row-members-section {
    vertical-align: middle;
    margin-bottom: 5vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
}

.img-members {
    width: 50%;
}

.row-members-info {
    color: #a7acb1;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-weight: 400;
}

@media only screen and (orientation: landscape) {
    .row-members-section {
        vertical-align: middle;
        margin-bottom: 4vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .img-members {
        width: 45%;
    }
    .row-members-info {
        color: #a7acb1;
        margin-top: 0.4vw;
        margin-bottom: 0.4vw;
        font-weight: 400;
    }
}
/* Room booking */

#wrapper-room-booking-nav-light {
    background-image: url('../../images/room_booking/Room%20booking%20page%20-2.jpg');
    height: 50vw;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-room-booking-nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.room-booking-section {
    padding-bottom: 2vw;
    margin-top: 10vw;
}

.rooms-main-col {
    width: 100%;
}

.rooms-sub-col {
    width: 90%;
}

.room-tabs ul li {
    background: #EDF1F6;
    color: #0B458F;
    margin-right: 0.2vw;
}

.room-tabs ul li .nav-link {
    color: #0B458F;
    font-size: 2.8vw;
    padding: 2vw 5.6vw;
}

.room-tabs ul li .nav-link.active {
    color: #0B458F;
    border-color: #dee2e6 #dee2e6 #355EFF;
}

.room-content-title {
    color: #0B458F;
    font-weight: 400;
    font-size: 5vw;
}

.room-content-description {
    color: #a7acb1;
    font-weight: 300;
}

.rooms-facilities {
    font-size: 0.8vw;
    color: #888888;
    font-weight: 400;
}

.rooms-facilities-list {
    font-size: 3vw;
    padding: 0.1vw 0vw;
    color: #666666 !important;
}

.rooms-card-img {
    width: 100%;
    float: none;
}

.room-rent {
    font-size: 3.3vw;
    font-weight: 400;
    color: #666666;
}

.rooms-info-details {
    font-size: 3.5vw;
    font-weight: 300;
    margin-left: 0vw;
    margin: 2vw;
    color: #0B4593;
}

.btn-room-book {
    font-size: 3vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 2vw;
    float: right;
}

.rooms-card-icons {
    width: 5vw;
    /* height: 8vw; */
}

.rooms-tab-col {
    width: 100%;
}

@media only screen and (orientation: landscape) {
    #wrapper-room-booking-nav-light {
        background-image: url('../../images/room_booking/Room%20booking%20page%20-2.jpg');
        height: 20vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .rooms-main-col {
        width: 80%;
    }
    .rooms-sub-col {
        width: 70%;
    }
    #wrapper-room-booking-nav-light .header-dark nav div ul .nav-link {
        color: #0B458F;
        font-weight: 600;
    }
    .room-booking-section {
        padding-bottom: 2vw;
        margin-top: 2vw;
    }
    .room-tabs ul li {
        background: #EDF1F6;
        color: #0B458F;
        margin-right: 0.2vw;
    }
    .room-tabs ul li .nav-link {
        color: #0B458F;
        font-size: 0.8vw;
        padding: 0.6vw 0.6vw;
    }
    .room-tabs ul li .nav-link.active {
        color: #0B458F;
        border-color: #dee2e6 #dee2e6 #355EFF;
    }
    .room-content-title {
        color: #0B458F;
        font-weight: 400;
        font-size: 2vw;
    }
    .room-content-description {
        color: #a7acb1;
        font-weight: 300;
    }
    .rooms-facilities {
        font-size: 0.8vw;
        color: #888888;
        font-weight: 400;
    }
    .rooms-facilities-list {
        font-size: 1vw;
        padding: 0.1vw 0vw;
        color: #666666 !important;
    }
    .rooms-card-img {
        width: 24vw;
        float: left;
    }
    .room-rent {
        font-size: 1.2vw;
        font-weight: 400;
        color: #666666;
    }
    .rooms-info-details {
        font-size: 1.5vw;
        font-weight: 300;
        margin-left: 2vw;
        color: #0B4593;
    }
    .btn-room-book {
        font-size: 1vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-top: 2vw;
        margin-bottom: 2vw;
        float: right;
    }
    .rooms-card-icons {
        width: 2vw;
    }
    .btn-room-book {
        font-size: 1vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-top: 2vw;
        margin-bottom: 2vw;
        float: right;
    }
}

#wrapper-facilities {
    background-image: url('../../images/room_booking/Room%20booking%20page%20-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.facilities-main-col {
    width: 90%;
}

.facilities-section {
    padding-top: 25vw;
    margin-top: -20vw;
}

.vertical-line:after {
    content: "";
    background-color: #BBCADD;
    position: absolute;
    width: 2px;
    height: 95%;
    top: 0vw;
    left: 85%;
    display: none;
}

.facilities_top_title {
    font-size: 6vw;
    text-align: center;
    font-weight: 400;
    color: #0b458f;
    padding-top: 1vw;
}

.aminities-request {
    font-size: 4.5vw;
    font-weight: 400;
    color: #0b458f;
    text-align: center;
}

.all-facilities-list {
    font-size: 3.5vw;
    padding: 1.5vw 0vw;
    color: #666666 !important;
}

.all-card-icons {
    width: 8vw;
    /* height: 8vw; */
}

.facilities-sub-col {
    width: 90%;
}

@media only screen and (orientation: landscape) {
    .facilities-main-col {
        width: 70%;
    }
    .facilities-sub-col {
        width: 50%;
    }
    .facilities-section {
        padding-top: 25vw;
        margin-top: -20vw;
    }
    .vertical-line:after {
        content: "";
        background-color: #BBCADD;
        position: relative;
        width: 2px;
        height: 85%;
        top: -30vw;
        left: 95%;
        display: block;
    }
    .facilities_top_title {
        font-size: 2vw;
        font-weight: 400;
        color: #0b458f;
        padding-top: 1vw;
        text-align: left;
    }
    .aminities-request {
        font-size: 1.5vw;
        font-weight: 400;
        color: #0b458f;
        text-align: left;
    }
    .all-facilities-list {
        font-size: 1vw;
        padding: 0.5vw 0vw;
        color: #666666 !important;
    }
    .all-card-icons {
        width: 2vw;
        /* height: 8vw; */
    }
}
/* Calendar */

.ilsc-span-calendar {
    width: 80vw;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
}

.cal-title {
    font-size: 5vw;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #05395D;
    text-transform: capitalize;
    display: inline;
    margin: auto;
}

.ilsca-cal span {
    font-size: 4vw;
    font-weight: 400;
    color: #000;
    text-align: center;
    width: 10vw;
    height: 10vw;
    display: inline-block;
    overflow: hidden;
    line-height: 10vw;
    background: #ffffff;
    margin: 0.6vw;
    box-shadow: 0 0 5px #bfd1e5;
}

.ilsca-cal .jzdb:before {
    opacity: 0.3;
    content: 'o';
}

span[data-title]:hover:after,
div[data-title]:hover:after {
    font: 11px 'Roboto';
    font-weight: 400;
    content: attr(data-title);
    position: absolute;
    margin: 0 0 100px;
    background: #282423;
    border: 1px solid #f7f3eb;
    color: #f7f3eb;
    padding: 5px;
    z-index: 9999;
    min-width: 150px;
    max-width: 150px;
}

.cal-bk {
    background-color: #f0f7ff !important;
    border-bottom: solid 2px #ff6600;
}

.cal-av {
    background-color: #f0f7ff !important;
    border-bottom: solid 2px #00ffaa;
}

.cal-pa {
    background-color: #f0f7ff !important;
    border-bottom: solid 2px #ffff00;
}

.cal-na {
    background-color: #f0f7ff !important;
}

.cal-head {
    background: #f0f7ff !important;
}

.today-date {
    background: #C9DDF6 !important;
    box-shadow: 0 0 2px #0073ff !important;
}

#owl-cal {
    margin-top: 10vw;
}

#owl-cal .item img {
    display: block;
    width: 100%;
    height: auto;
}

.room-available-section {
    padding-bottom: 2vw;
}

.sub-title-calander {
    width: 80vw;
}

@media only screen and (orientation: landscape) {
    #owl-cal {
        margin-top: 5vw;
    }
    .room-available-section {
        padding-bottom: 2vw;
    }
    .sub-title-calander {
        width: 38vw;
    }
    .ilsc-span-calendar {
        width: 40vw;
        border-radius: 5px;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
    .cal-title {
        font-size: 2vw;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        color: #05395D;
        text-transform: capitalize;
        display: inline;
        margin: auto;
    }
    .ilsca-cal span {
        font-size: 1.5vw;
        font-weight: 400;
        color: #000;
        text-align: center;
        width: 4vw;
        height: 4vw;
        display: inline-block;
        overflow: hidden;
        line-height: 4vw;
        background: #ffffff;
        margin: 0.6vw;
        box-shadow: 0 0 5px #bfd1e5;
    }
    .ilsca-cal .jzdb:before {
        opacity: 0.3;
        content: 'o';
    }
    span[data-title]:hover:after,
    div[data-title]:hover:after {
        font: 1px 'Roboto';
        font-weight: 400;
        content: attr(data-title);
        position: absolute;
        margin: 0 0 100px;
        background: #282423;
        border: 1px solid #f7f3eb;
        color: #f7f3eb;
        padding: 5px;
        z-index: 9999;
        min-width: 150px;
        max-width: 150px;
    }
}

.btn-selected-room-book {
    position: sticky;
    margin-right: 1.5vw;
    width: 25vw;
    padding: 1vw;
}

.book-rooms-info-details {
    width: 75vw;
}

.selected-room-img {
    display: none;
}

.slot-timings {
    position: sticky;
    margin-right: -9vw;
    padding-left: 2vw;
}

.mb-padding {
    padding-bottom: 3vw;
}

.span-slots-time {
    /* border: 1px solid #000; */
    padding: 0.5vw;
    float: left;
    font-size: 1.8vw;
    margin: 0.2vw;
    width: 16%;
    background: #F1F6FD;
    color: #7699C7;
    text-align: center;
}

.book-rooms-info-details ul .list-group-item :first-child {
    margin-right: 1rem;
}

.book-rooms-info-details-full-day ul .list-group-item :first-child {
    margin-right: 1rem;
}

.book-rooms-info-details-half-day ul .list-group-item :first-child {
    margin-right: 1rem;
}

.slot-available {
    border: 1px solid #7699C7;
    padding: 0.5vw;
    float: left;
    font-size: 1.8vw;
    margin: 0.2vw;
    width: 28%;
    background: #F1F6FD;
    color: #03306b;
}

.book-rooms-info-details-full-day {
    width: 55vw;
}

.full-day-slots {
    width: 28vw;
    font-size: 2.8vw;
}

.book-rooms-info-details-half-day {
    width: 79vw;
}

.half-day-slots {
    width: 30vw;
    font-size: 2.8vw;
}

.room-available-section {
    margin-top: 5vw;
}

.row-rooms-section {
    margin-top: 5vw;
}

.rooms-available-main-col {
    width: 90%;
}

.guest-sub-col {
    width: 90%;
}

.guest-main-col {
    width: 90%;
}

.guest--img-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 45vw;
}

@media only screen and (orientation: landscape) {
    .guest-sub-col {
        width: 30%;
    }
    .guest-main-col {
        width: 85%;
    }
    .book-rooms-info-details-full-day {
        width: 33vw;
        padding: 1.5vw 0vw;
    }
    .book-rooms-info-details-full-day ul .list-group-item :first-child {
        margin-right: 1rem;
    }
    .book-rooms-info-details-half-day {
        width: 24vw;
        padding: 1.5vw 0vw;
    }
    .book-rooms-info-details-half-day ul .list-group-item :first-child {
        margin-right: 1rem;
    }
    .slot-available {
        padding: 0.5vw;
        float: left;
        font-size: 0.8vw;
        margin: 0.2vw;
        width: 16%;
        background: #F1F6FD;
        color: #3e618e;
        border: 1px solid #4583d3;
    }
    .slot-available {
        border: 1px solid #4583d3;
    }
    .selected-room-img {
        display: block;
        width: 30vw;
    }
    .btn-selected-room-book {
        position: sticky;
        margin-top: -4.2vw;
        margin-right: 1.5vw;
        width: 10vw;
        padding: 0.5vw;
    }
    .book-rooms-info-details {
        width: 24vw;
        padding: 1.5vw 0vw;
    }
    .slot-timings {
        position: sticky;
        margin-right: -3.2vw;
        margin-top: -3vw;
        padding-bottom: 0vw;
        padding-left: 0vw;
    }
    .mb-padding {
        padding-bottom: 0;
    }
    .span-slots-time {
        /* border: 1px solid #000; */
        padding: 0.5vw;
        float: left;
        font-size: 0.8vw;
        margin: 0.2vw;
        width: 16%;
        background: #F1F6FD;
        color: #7699C7;
        text-align: center;
    }
    .full-day-slots {
        width: 9.5vw;
    }
    .half-day-slots {
        width: 9vw;
    }
    .btn-guest-room-book {
        font-size: 1vw;
        font-weight: 500;
        background: #0B458F;
        color: #fff;
    }
    .guest-room-title {
        font-size: 1.5vw;
        font-weight: 300;
        color: #0B4593;
        text-align: left;
    }
    .guest-room-availiablity {
        font-size: 1vw;
        color: #666666 !important;
        text-align: left;
    }
    .room-available-section {
        margin-top: 2vw;
    }
    .row-rooms-section {
        margin-top: 2vw;
    }
    .guest--img-background {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 15vw;
    }
}
/* Client  details  */

#wrapper-row-form {
    background-image: url('../../images/room_booking/Room%20booking%20page%20-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.form-main-col {
    width: 90%;
}

.btn-procced-know-more {
    background: #355EFF;
    color: white;
}

.client-details-col-width {
    width: 40% !important;
}

.client-detail-form {
    padding-bottom: 4vw;
}

.client-detail-form div label {
    font-size: 3.5vw !important;
    margin-top: 3vw;
}

.client-detail-form div div .btn-sm {
    font-size: 2.5vw !important;
}

.client-detail-form .form-group {
    margin-bottom: 4vw !important;
}

@media only screen and (orientation: landscape) {
    .form-main-col {
        width: 40%;
    }
    .client-detail-form {
        padding-bottom: 4vw;
    }
    .client-detail-form div label {
        font-size: 1.5vw !important;
        margin-top: 2vw;
    }
    .client-detail-form div div .btn-sm {
        font-size: 0.5vw !important;
    }
    .client-detail-form .form-group {
        margin-bottom: 1vw !important;
    }
}
/* booking details */

#wrapper-booking-details {
    background-image: url('../../images/room_booking/Verify%20booking.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.row-main-col {
    width: 90%;
}

.booking-details-data {
    padding-bottom: 10vw;
    padding-top: 10vw;
}

.info-user-booking {
    text-align: center;
    color: #666666;
    font-size: 4vw;
    font-weight: 400;
}

.booking-details-heading {
    color: #666666;
    font-size: 3vw;
    font-weight: 400;
    margin-bottom: 2.2vw;
}

.booking-details-heading div {
    width: 50%;
}
/* .booking-details-heading div:after {
    content: ":";
    text-align: left;
} */

.booking-details-heading .details:before {
    content: ":";
    text-align: left;
    margin-right: 2vw;
}

.booking-timing {
    margin-left: 2vw;
}

.heading-payment-details {
    color: #666666;
    font-size: 3vw;
    font-weight: 400;
    margin-bottom: 2.2vw;
    text-align: left;
}

.grand-total {
    border-top: 1px solid #66666666;
    border-bottom: 1px solid #66666666;
}

@media only screen and (orientation: landscape) {
    .row-main-col {
        width: 40%;
    }
    .booking-details-data {
        padding-bottom: 5vw;
        padding-top: 5vw;
    }
    .info-user-booking {
        color: #666666;
        font-size: 2vw;
        font-weight: 400;
        text-align: center;
    }
    .booking-details-heading {
        color: #666666;
        font-size: 1.2vw;
        font-weight: 400;
        text-align: left;
        margin-bottom: 1.2vw;
    }
    .heading-payment-details {
        color: #666666;
        font-size: 1.2vw;
        font-weight: 700;
        text-align: left;
    }
}
/* event */

#wrapper-events--nav-light {
    background-image: url('../../images/room_booking/Room%20booking%20page%20-2.jpg');
    height: 50vw;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-events--nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.events--main-col {
    width: 100%;
}

.events--sub-col {
    width: 90%;
}

.events--tabs ul li {
    background: #EDF1F6;
    color: #0B458F;
    margin-right: 0.2vw;
}

.events--tabs ul li .nav-link {
    color: #0B458F;
    font-size: 2.8vw;
    padding: 2vw 5.6vw;
}

.events--tabs ul li .nav-link.active {
    color: #0B458F;
    border-color: #dee2e6 #dee2e6 #355EFF;
}

.events--content-title {
    color: #0B458F;
    font-weight: 400;
    font-size: 5vw;
}

.events--content-description {
    color: #a7acb1;
    font-weight: 300;
}

.events--facilities {
    font-size: 0.8vw;
    color: #888888;
    font-weight: 400;
}

.events--facilities-list {
    font-size: 3vw;
    padding: 0.1vw 0vw;
    color: #666666 !important;
}

.events--card-img {
    width: 100%;
    float: none;
}

.events--rent {
    font-size: 3.3vw;
    font-weight: 400;
    color: #666666;
}

.events--info-details {
    font-size: 3.5vw;
    font-weight: 300;
    margin-left: 0vw;
    margin: 2vw;
    color: #0B4593;
}

.btn-events--book {
    font-size: 3vw;
    font-weight: 500;
    background: #0073FF;
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 2vw;
    float: right;
}

.events--card-icons {
    width: 5vw;
    /* height: 8vw; */
}

.events--tab-col {
    width: 100%;
}

@media only screen and (orientation: landscape) {
    #wrapper-events--nav-light {
        background-image: url('../../images/room_booking/Room%20booking%20page%20-2.jpg');
        height: 16vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .events--main-col {
        width: 80%;
    }
    .events--sub-col {
        width: 70%;
    }
    #wrapper-events--nav-light .header-dark nav div ul .nav-link {
        color: #0B458F;
        font-weight: 600;
    }
    .events--section {
        padding-bottom: 2vw;
        margin-top: 2vw;
    }
    .events--tabs ul li {
        background: #EDF1F6;
        color: #0B458F;
        margin-right: 0.2vw;
    }
    .events--tabs ul li .nav-link {
        color: #0B458F;
        font-size: 0.8vw;
        padding: 0.6vw 0.6vw;
    }
    .events--tabs ul li .nav-link.active {
        color: #0B458F;
        border-color: #dee2e6 #dee2e6 #355EFF;
    }
    .events--content-title {
        color: #0B458F;
        font-weight: 400;
        font-size: 2vw;
    }
    .events--content-description {
        color: #a7acb1;
        font-weight: 300;
    }
    .events--facilities {
        font-size: 0.8vw;
        color: #888888;
        font-weight: 400;
    }
    .events--facilities-list {
        font-size: 1vw;
        padding: 0.1vw 0vw;
        color: #666666 !important;
    }
    .events--card-img {
        width: 13vw;
        float: left;
    }
    .events--rent {
        font-size: 1.2vw;
        font-weight: 400;
        color: #666666;
    }
    .events--info-details {
        font-size: 1.5vw;
        font-weight: 300;
        margin-left: 2vw;
        color: #0B4593;
    }
    .btn-events--book {
        font-size: 1vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-top: 2vw;
        margin-bottom: 2vw;
        float: right;
    }
    .events--card-icons {
        width: 2vw;
    }
    .btn-events--book {
        font-size: 1vw;
        font-weight: 500;
        background: #0073FF;
        color: #fff;
        margin-top: 2vw;
        margin-bottom: 2vw;
        float: right;
    }
}
/* News */

#wrapper-news--nav-light {
    background-image: url('../../images/courses/courses%201.jpg');
    /* height: 75%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-news--nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;

}
/* Event Details */

#wrapper-event-details-nav-light {
    background-image: url('../../images/about_us/Web%201920%20%E2%80%93%2028.jpg');
    height: 30vw;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30%;
}

#wrapper-event-details-nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.section_event_detail {
    background-image: url('../../images/events/events%20detail%20page%201.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section_event_detail-2 {
    background-image: url('../../images/events/events%20detail%20page2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.event-detail-main-col {
    width: 90%;
}

.event-sub-main-col {
    width: 100%;
}

.event-details-title {
    color: #0B458F;
    font-weight: 600;
    font-size: 4vw;
    text-align: left;
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.bg-event-details {
    background: #6c757d66;
}

.event-details-descrtiption {
    color: #333;
    text-align: left;
    color: #828384;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.event-details-others {
    color: #666666;
    font-weight: 600;
    font-size: 4vw;
    text-align: left;
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.btn-client-details {
    width: 45%;
    margin-top: 3vw;
}
.event_details.img-carousel-banner {
    width: 70%;
}
@media only screen and (orientation: landscape) {
    #wrapper-event-details-nav-light {
        background-image: url('../../images/about_us/Web%201920%20%E2%80%93%2028.jpg');
        height: 20vw;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0%;
    }
    .event_details.img-carousel-banner {
        width: 55%;
    }
    .event-detail-main-col {
        width: 80%;
    }
    .event-sub-main-col {
        width: 70%;
    }
    .event-details-title {
        color: #0B458F;
        font-weight: 600;
        font-size: 2vw;
        text-align: left;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .event-details-others {
        color: #666666;
        font-weight: 300;
        font-size: 1.8vw;
        text-align: left;
        padding-top: 2vw;
        padding-bottom: 0vw;
    }
    .event-details-descrtiption {
        color: #333;
        text-align: left;
        color: #828384;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .btn-client-details {
        width: 25%;
        margin-top: 1vw;
    }
}
/* News Details */

.section_news_details {
    background-image: url('../../images/news/news%20detail%201.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.news-main-col {
    width: 90%;
}

.news-details-title {
    color: #0B458F;
    font-weight: 600;
    font-size: 4vw;
    text-align: left;
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.news-details-descrtiption {
    color: #333;
    text-align: left;
    color: #828384;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.img-news-details {
    width: 30vw;
    height: 30vw;
    background: #666666;
}

@media only screen and (orientation: landscape) {
    .news-main-col {
        width: 80%;
    }
    .news-details-title {
        color: #0B458F;
        font-weight: 600;
        font-size: 2vw;
        text-align: left;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .news-details-descrtiption {
        color: #333;
        text-align: left;
        color: #828384;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .img-news-details {
        width: 15vw;
        height: 15vw;
        background: #666666;
    }
}
/* Courses  */

#wrapper-courses--nav-light {
    background-image: url('../../images/room_booking/Room%20booking%20page%20-2.jpg');
    /* height: 75%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#wrapper-courses--nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.section-courses-row-list {
    background-image: url('../../images/courses/courses%202.jpg');
    /* height: 75%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.courses-tab-col {
    width: 90%;
}

.courses--info-details {
    font-size: 3.5vw;
    font-weight: 300;
    margin-left: 0vw;
    margin: 2vw;
    color: #0B4593;
}

.courses--card-img {
    width: 100%;
    float: none;
}

@media only screen and (orientation: landscape) {
    .courses--info-details {
        font-size: 1.5vw;
        font-weight: 300;
        margin-left: 2vw;
        color: #0B4593;
    }
    .courses-tab-col {
        width: 70%;
    }
    .courses--card-img {
        width: 24vw;
        float: left;
    }
    .courses-deatils-card-img {
        width: 44%;
    }
}
/* rules */

#wrapper-rules--nav-light {
    background: #F2F2F2;
}

#wrapper-rules--nav-light .header-dark nav div ul .nav-link {
    color: #0B458F;
    font-weight: 600;
}

.rules-main-col {
    width: 90%;
}

.rules-section {
    background-image: url('../../images/rules/RULES%201.jpg');
    /* height: 75%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media only screen and (orientation: landscape) {

    .show-on-portrait {
        display: none;
    }

    .show-on-landscape {
        display: block;
    }
}

@media only screen and (orientation: portrait) {

    .show-on-portrait {
        display: block;
    }

    .show-on-landscape {
        display: none;
    }

}

@media only screen and (orientation: landscape) {
    
    .rules-main-col {
        width: 70%;
    }
}
/* Media query */

@media (min-width: 500px) and (max-width: 750px) {
    .navbar-nav .nav-link {
        font-size: 3vw !important;
    }
    h3 {
        font-size: 2.75vw;
    }
    .info-section {
        margin-top: -40vw;
    }
    .header-dark nav div ul .dropdown .dropdown-menu {
        font-size: 1.9vw;
    }
    .about-summary-info {
        text-align: center;
    }
    .btn_know_more {
        font-size: 1.9vw;
    }
    .carousel-banner-text {
        font-size: 2.3vw;
    }
    .btn_about_know_more {
        width: 20vw;
    }
    .f-1 {
        font-size: 2vw;
        line-height: 1.6;
    }
    .row-council-title {
        font-size: 4.1vw;
    }
    .div-council-title {
        font-size: 2.2vw;
    }
    .div-council-sub-title {
        font-size: 2vw;
    }
    .event-detail-title-1,
    .event-detail-title-2 {
        font-size: 2.3vw;
    }
    .carousel-facilities-list {
        font-size: 2vw;
    }
    .carousel-card-icons {
        width: 3vw;
        height: 3vw;
    }
    .carousel-facilites-heading {
        font-size: 2.7vw;
    }
    .carousel-card-title {
        font-size: 3.1vw;
    }
    .carousel-card-room-title {
        font-size: 2.7vw;
    }
    .btn-carousel-card-know-more {
        font-size: 1.8vw;
    }
    .events-title {
        font-size: 3.1vw;
    }
    .event-detail-time {
        font-size: 2vw;
    }
    .btn-events-know-more {
        font-size: 1.8vw;
    }
    .news-title {
        font-size: 3.1vw;
    }
    .news-summary-know-more-link {
        font-size: 1.9vw;
    }
    .courses-title {
        font-size: 3.1vw;
    }
    .btn-news-know-more {
        font-size: 1.8vw;
    }
    .courses-summary-subtitle {
        font-size: 2.2vw;
    }
    .courses-summary-know-more-link {
        font-size: 1.9vw;
    }
    .btn-courses-know-more {
        font-size: 1.8vw;
    }
    .footer-title {
        font-size: 2.1vw;
    }
    .list-unstyled li a,
    .list-unstyled li span {
        font-size: 2vw;
    }
    .breadcrumb-item.active {
        font-size: 2vw;
    }
    .rooms-facilities-list {
        font-size: 2vw;
        padding: 0.1vw 0vw;
        color: #666666 !important;
    }
    .room-rent {
        font-size: 2vw;
    }
    .rooms-info-details {
        font-size: 2.5vw;
    }
    .rooms-card-img {
        width: 34vw;
    }
}

@media (min-width: 768px) and (max-width: 769px) {
    .info-section-ipad {
        margin-top: -115vw;
    }
}

.form-control:focus {
    border-color: transparent !important;
}

.extra-space {
    margin-top: -23vw;
}

.add-space {
    margin-top: 40vw;
}
.about-description h6 {
    color: #000;
}
.breadcrumb-item  {
    display: none !important;
}

/* carousal animation */

.carousel-item {
    transition: transform 0s ease;
}
.carousel-item-fade {
    transition: transform .1s ease;
}