body {
    background-color: #fff;
}
.footergb {
    background-color:#1B2439;
    margin-block-start: auto;
    color: #77818C;
}
.nav-item .active {
    color: #1B2439 !important;
    font-weight: bold;
}
.topfooter {
    border-bottom: 1px solid #222D49;
}
.widgettitle {
    color: #fff;
    font-size: 32px !important;
}
.toogleposition {
    position: absolute;
    top: 25px;
    right: 0;
}
@media screen and (max-width: 990px) {
    .cusmr {
        margin-right: 56px;
    }
}
.memoptitle {
    color: #fff;
}
.memsec {
    background-image: url('../images/1.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 350px 0;
}
.nonmemsec {
    background-image: url('../images/Group-8148.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 350px 0;
}
.memsec .btn, .nonmemsec .btn {
    min-width: 300px;
}
.bookingbox {
/*    background-image: url('../images/booking.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 350px ;
}
/*progressbar*/
#progressbar {
    margin-bottom: 100px;
    overflow: hidden;
    color: #8385A6;
}

#progressbar .active, #progressbar .done {
    color: #154bc9 !important;
}

#progressbar li {
    list-style-type: none;
    font-size: 18px;
    width: 25%;
    float: left;
    position: relative;
    color: #848484;
}

/*Icons in the ProgressBar*/
#progressbar li.active:before {
    color: #fff !important;
}
#progressbar #facility {
    color: #848484;
}
#progressbar #facility:before {
    font-family: FontAwesome;
    content: "1";
    font-weight: 900;
    color: #fff;
}
#progressbar #facility.done:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

#progressbar #time:before {
    font-family: FontAwesome;
    content: "2";
    font-weight: 900;
    color: #fff;
}
#progressbar #time.done:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}
#progressbar #confdet:before {
    font-family: FontAwesome;
    content: "3";
    font-weight: 900;
    color: #fff;
}
#progressbar #confdet.done:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

#progressbar #makepayment:before {
    font-family: FontAwesome;
    content: "4";
    font-weight: 900;
    color: #fff;
}
#progressbar #makepayment.done:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: #848484;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    border: 1px solid #848484;
}
#progressbar li.done:before {
    background: #154bc9 !important;
    color: #ffffff !important;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 50%;
    top: 25px;
    z-index: -1;
}
#progressbar li:last-child:after {
    display: none;
}
/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #154bc9;
}
#msform {
    text-align: center;
    position: relative;
    z-index: 1;
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;

    /*stacking fieldsets above each other*/
    position: relative;
}

#msform fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}
/*Blue Buttons*/
#msform .action-button {
    min-width: 100px;
    background: #23A6F0;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    border-radius: 5px;
}



/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    border-radius: 5px;
}
#msform .form-select:focus, #msform .form-select:active, #msform .form-control:focus, #msform .form-control:active,#msform textarea:focus, #msform textarea:active {
    border-color: #fff;
    background-color: #fff;
}
.swal2-title {
    font-size: 32px !important;
}
.successcircle {
    background-color: #06402B;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    padding-top: 21px;
    font-size: 36px;
}
.failcircle {
    background-color: #f00;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    padding-top: 21px;
    font-size: 36px;
}
.cart-item-count {
    position: absolute;
    color: #f00;
    top: -5px;
    right: 7px;
    font-weight: bold;
}