@import url("https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap");

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
button {
    color: #fff;
}
:root {
    --blue: #0052d0;
    --white: #ffffff;
    --darkblue: #000d20;
    --grey: #959595;
    --royalblue: #000916;
}

.header nav {
    background-color: #000000;
    height: 80px;
}

.header .logo {
    padding: 0;
}

.header .logo img {
    height: 60px;
}

.header nav .nav-link {
    color: white;
    height: 80px;
    display: flex;
    align-items: center;
}

.header nav .nav-link:hover,
.header nav .nav-link.show {
    background: #0052d0;
    height: 79px;
    border-bottom: 2px solid white;
    color: #fff !important;
}

.header nav .nav-link:active {
    background: #0052d0;
    height: 78px;
    border-bottom: 2px solid white;
}

.header nav .active {
    color: white;
}

.header .btn {
    background: white;
    color: #0052d0;
    width: 160px;
    border-radius: 20px;
    margin-left: 18px;
}

.telephone {
    color: #d9e5f8;
    z-index: 9999999999999;
    position: fixed;
    top: 92px;
    right: 23px;
    background: #0052cf;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    box-shadow: #d9e5f8 10px 14px 30px -11px;
}

.pagination .active > .page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #ef8157;
    border-color: #ef8157;
}

.pagination {
    width: max-content;
    margin-left: auto;
    margin-right: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.pagination .disabled > .page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: white;
    border-color: none;
    border: none;
}

.edit-modal .close {
    cursor: pointer;
    right: 14px;
    position: absolute;
    border: none;
    background: transparent;
    color: black;
    font-size: 24px;
    top: 19px;
}

.edit-modal .main {
    height: auto;
}

.header .navbar-nav {
    justify-content: space-between;
    display: flex;
    /* width: 58%; */
}

.header button .icon {
    color: var(--blue);
}
header.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
.banner {
    min-height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    color: white;
}

.banner .divset {
    position: absolute;
    z-index: 99;
    height: 100vh;
    width: 100%;
    padding: 00;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #00000096;
}
.banner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}
.banner .banner-text {
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

.banner .banner-text h1 {
    font-family: "Fjalla One", sans-serif;
    font-size: 50px;
    line-height: 70px;
    font-weight: 400;
}

.banner .banner-text p {
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
}

.banner .banner-img {
    min-height: 90vh;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative;
}

.banner button.\.btn1 {
    width: 130px;
    height: 38px;
    background: transparent;
    border-radius: 20px;
    border: 1px solid white;
    margin-right: 7px;
}

.banner button.\.btn2 {
    width: 130px;
    height: 38px;
    background: var(--blue);
    border-radius: 20px;
    border: none;
    margin-left: 7px;
}
h2.comingsoon {
    text-align: center;
    padding: 180px 0 100px;
    color: var(--grey);
    background: #040404;
    margin: 0;
    font-size: 40px;
}

/* foodpage */
section.food.foodpage {
    background-color: var(--royalblue);
    padding-bottom: 60px;
}
section.food.foodpage .food-text h1 {
    margin-bottom: 8px;
    margin-top: 50px;
}

.step.active .circle {
    background-color: #F23A30 !important;
}

section.about.aboutpage .about-bg {
    position: sticky;
    top: 90px;
    left: 0;
}
section.about.aboutpage {
    padding-top: 128px;
}
/* about */
.about {
    min-height: 100vh;
    background-color: var(--royalblue);
    /* padding-top: 80px; */
    padding-bottom: 80px;
    position: relative;
    z-index: 99;
    color: white;
}

.about .about-card1 {
    height: 80px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.about .about-text h3 {
    font-family: "Fjalla One", sans-serif;
    font-size: 22px;
}

.about .about-text p {
    color: var(--grey);
    font-size: 15px;
}

.about .about-text {
    margin-left: 20px;
    margin-top: 10px;
}

.about .about-card {
    position: relative;
    top: -105px;
    padding: 25px 38px;
    border-radius: 26px;
}

.about .about-card h3 {
    font-family: "Fjalla One", sans-serif;
    font-size: 22px;
}

.about .about-card a {
    text-decoration: none;
    font-family: "Fjalla One", sans-serif;
}
p.about-subtext {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
p .food-subtext {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.about .about-card2 {
    background: var(--darkblue);
}

.about .about-card2 p {
    color: var(--grey);
}

.about .about-card2 a {
    color: var(--blue);
}

.about .about-card2 a i {
    color: var(--blue);
}

.about .about-card3 a {
    color: var(--white);
}
.about .about-card3 p {
    min-height: 120px;
    margin: 0;
}
.about .about-card2 p {
    min-height: 120px;
    margin: 0;
}
.about .about-card3 a i {
    color: var(--white);
}

.about .about-card3 {
    background: var(--blue);
}

.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark {
    display: none !important;
}
@media (max-width: 991.98px) {
    .about .about-card {
        position: static;
        margin-bottom: 17px;
    }
}

.about .about-bg {
    background-repeat: no-repeat;
    /* background-size: contain; */
    /* min-height: 75vh; */
    position: relative;
    background-size: 100% 100%;
    height: 90%;
    width: 60%;
    border-radius: 20px;
    max-height: 460px;
}

.about .about-bg img {
    position: absolute;
    top: 18%;
    right: -166px;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    max-height: 460px;
    object-fit: cover;
}

.about .about-right {
    margin-top: 30px;
}

.about .about-right h3 {
    font-family: "Fjalla One", sans-serif;
}

.about .about-right .hr {
    width: 12%;
    height: 4px;
    margin-left: 26px;
    background-color: blue;
    border: none;
    opacity: 1;
}

.about .about-right h1 {
    font-family: "Fjalla One", sans-serif;
    margin-top: 32px;
}

.about .about-right p {
    color: var(--grey);
    margin-top: 25px;
}

.about .about-exp {
    background-color: var(--darkblue);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 251px;
    justify-content: center;
    border-radius: 10px;
}

.about .about-exp h1 {
    font-size: 50px;
    font-family: "Fjalla One", sans-serif;
    display: flex;
    margin-top: 10px;
}

.about .about-exp i {
    font-size: 30px;
    color: var(--blue);
    display: flex;
    align-items: center;
}

.about .about-exp img {
    height: 90px;
}

.about .about-exp p {
    font-size: 22px;
    color: var(--grey);
}

.about .about-exp1 i {
    color: var(--blue);
}

.about .about-exp1 p {
    color: var(--grey);
}

.about .about-last {
    margin-top: 60px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.about .about-last img {
    margin-right: 22px;
}

.about .about-last h3 {
    font-family: "Fjalla One", sans-serif;
}

.about .about-last p {
    color: var(--grey);
}

.about .about-ceo {
    margin-top: 15px;
    margin-right: 100px;
}

.about .about-last button {
    background-color: var(--blue);
    border: none;
    width: 37%;
    height: 50px;
    border-radius: 25px;
}

.fun {
    background-color: var(--darkblue);
    min-height: 40vh;
    padding-top: 50px;
    padding-bottom: 50px;
    color: white;
}

.fun .fun-heading h1 {
    font-family: "Fjalla One", sans-serif;
}

.fun .fun-heading p {
    color: var(--grey);
    margin-top: 17px;
}

.fun .fun-family {
    margin-top: 17px;
}

.fun .fun-family h3 {
    font-family: "Fjalla One", sans-serif;
}

.fun .fun-family p {
    color: var(--grey);
}

.fun .fun-heading .hr {
    width: 12%;
    height: 4px;
    margin-left: 26px;
    background-color: blue;
    border: none;
    opacity: 1;
    margin-top: 21px;
}

.fun iframe {
    width: 100%;
    height: 290px;
    border-radius: 47px;
}

.activity {
    min-height: 100vh;
    background-color: var(--royalblue);
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    color: white;
}

.activity .activity-heading h1 {
    font-family: "Fjalla One", sans-serif;
    justify-content: center;
    color: white;
}

.activity .activity-heading p {
    color: var(--grey);
}

.activity .activity-heading .hr {
    width: 6%;
    height: 4px;
    margin-left: 26px;
    background-color: blue;
    border: none;
    opacity: 1;
    margin-top: 23px;
}

.swiper-container {
    width: 50%;
    margin: auto;
    padding-top: 77px;
    padding-bottom: 50px;
}
.activity-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 400px;
    height: 464px !important;
    background-repeat: no-repeat;
    border-radius: 50px;
}

.swiper-bowl {
    position: relative;
}

.swiper-bowl1 {
    position: absolute;
    bottom: 30px;
    background-color: #0052d078;
    width: 100%;
    left: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.picture {
    min-height: 50vh;
    background-color: var(--darkblue);
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    color: white;
}

.picture .picture-heading h1 {
    font-family: "Fjalla One", sans-serif;
    justify-content: center;
    padding-bottom: 80px;
}

.picture .picture-heading .hr {
    width: 6%;
    height: 4px;
    margin-left: 26px;
    background-color: blue;
    border: none;
    opacity: 1;
    margin-top: 23px;
}

#conTest {
    width: 80%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    left: 10%;
}

.carousel .panel {
    height: 250px;
    background-size: contain;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
}

.food {
    min-height: 65vh;
    color: white;
    padding: 0;
}

.food .food-bg {
    background-size: cover;
    background-position: center;
    min-height: 65vh;
    box-shadow: inset 0 0 0 2000px rgba(12, 12, 12, 0.83);
}

.food .food-text {
    min-height: 65vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.food .food-img {
    min-height: 65vh;
    justify-content: center;
    display: flex;
    align-items: end;
}

.food .food-text h1 {
    font-family: "Fjalla One", sans-serif;
}

.food .food-text p {
    color: var(--grey);
}

.food .food-text button {
    background: var(--blue);
    border: none;
    padding: 11px 17px;
    width: 200px;
    border-radius: 25px;
}

.review {
    background-color: var(--royalblue);
    min-height: 80vh;
    padding-top: 80px;
    padding-bottom: 80px;
    color: white;
}

.review .review-heading h1 {
    font-family: "Fjalla One", sans-serif;
    justify-content: center;
}

.review .review-heading .hr {
    width: 6%;
    height: 4px;
    margin-left: 26px;
    background-color: blue;
    border: none;
    opacity: 1;
    margin-top: 23px;
}

.review .review-heading p {
    color: var(--grey);
}
.review .rev-img {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border: 4px solid #0654cc;
    border-radius: 50%;
    overflow: hidden;
}
.review .rev-text p .vue-star-rating {
    margin: auto;
}
.review span.vue-star-rating-rating-text {
    display: none;
}
.review .rev-text p .vue-star-rating svg.vue-star-rating-star {
    height: 26px !important;
    width: 29px;
}
.review .rev-img img {
    height: 100% !important;
    width: 100% !important;
}

.review .rev-text {
    text-align: center;
    padding-top: 57px;
}

.review .rev-card {
    background: rgba(0, 82, 208, 0.54);
    padding: 10px 10px;
    width: 366px;
    border-radius: 10px;
    min-height: 200px;
    height: 100%;
}

.review .rev-text h3 {
    font-family: "Fjalla One", sans-serif;
}

.review .rev-text p {
    color: var(--grey);
}

.review .rev-content {
    position: relative;
}

.review .rev-img {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
}

.review .item {
    height: 400px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 71px;
}

.review .rev-text p i {
    margin: 5px;
    color: yellow;
}

.review .rev-text p .star {
    color: white;
}

.review .active {
    opacity: 0.3;
}

.review .center {
    opacity: 1;
}

.review .center .rev-text {
    height: 311px;
    width: 100%;
    padding-top: 52px;
}

.review .center .rev-text h1 {
    font-size: 30px;
}

.review .center .rev-text p {
    font-size: 22px;
}

.review .center .rev-img {
    top: 29px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
}

.review .center .rev-img img {
    height: 100px !important;
    width: 100px !important;
}

.update {
    min-height: 60vh;
    padding: 0;
    color: white;
}

.update .update-bg {
    background-size: cover;
    background-position: center;
    height: 60vh;
    box-shadow: inset 0 0 0 2000px rgba(2, 2, 2, 0.69);
}

.update h1 {
    font-family: "Fjalla One", sans-serif;
    width: 70%;
    font-size: 30px;
}

.update .update-content {
    height: 59vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.searchbox-wrap {
    display: flex;
    width: 750px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}
.input-date-text {
    padding: 6px 33px;
}
.dp__icon {
    display: none !important;
}
.test-input svg {
    position: relative !important;
    top: 47px;
}

.searchbox-wrap input {
    flex: 1;
    padding: 30px 20px;
    font-size: 1.1em;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: none;
    border: none;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.19);
    height: 65px;
}

.searchbox-wrap button {
    padding-right: 10px;
    background-color: #fff;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 5px 4px 6px rgba(0, 0, 0, 0.19);
    border: none;
    cursor: pointer;
    cursor: hand;
    height: 65px;
}

.searchbox-wrap button span {
    margin-left: 50px;
    padding: 24px 45px;
    font-size: 0.9em;

    font-weight: 300;
    color: #fff;
    background-color: var(--blue);
    border-radius: 50px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.19);
    width: 200px;
    display: flex;
    height: 54px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.searchbox-wrap input::placeholder {
    color: black;
}

footer a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

footer a,
a:active,
a:focus {
    color: var(--grey);
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

section {
    padding: 60px 0;
    /* min-height: 100vh; */
}

.cropper-area {
    min-height: auto !important;
    padding-bottom: 20px !important;
}

.preview-area {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
    min-height: auto !important;
}

.footer {
    padding: 100px 0px 0px;
    background-color: var(--royalblue);
}
.footer .widget3 ul li a {
    padding: 0;
}
.footer .widget3 ul li {
    display: block;
}
.footer .widget1 p {
    font-size: 16px;
    color: var(--grey);
    margin-top: 26px;
}

.footer .socialLinks {
    margin-top: 28px;
}

.socialLinks ul li {
    display: inline-block;
}

.socialLinks ul li a i {
    display: block;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    background: #fafafa;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    line-height: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.socialLinks ul li a .fa-facebook-f {
    color: #4267b2;
}

.socialLinks ul li a .fa-twitter {
    color: #1da1f2;
}

.socialLinks ul li a .fa-google-plus-g {
    color: #dd5044;
}

.socialLinks ul li a .fa-linkedin-in {
    color: #0177b5;
}

.socialLinks ul li a:hover i {
    color: #fff;
}

.socialLinks ul li a:hover .fa-facebook-f {
    background: #4267b2;
}

.socialLinks ul li a:hover .fa-twitter {
    background: #1da1f2;
}

.socialLinks ul li a:hover .fa-google-plus-g {
    background: #dd5044;
}

.socialLinks ul li a:hover .fa-linkedin-in {
    background: #0177b5;
}

footer .logo {
    max-width: 200px;
}

.footer h5 {
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    font-size: 21px;
}

.footer .widget2 .media img {
    margin-right: 20px;
    max-width: 100px;
}

.footer .widget2 .media p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    line-height: 26px;
}

.footer .widget2 .media span {
    font-size: 12px;
    color: #ffb606;
    text-transform: uppercase;
    margin-top: 15px;
    display: block;
}

.footer .widget2 .media {
    margin-bottom: 20px;
}

.footer .widget3 ul li a,
.footer .widget4 ul li a {
    font-size: 16px;
    color: var(--grey);
    text-transform: capitalize;
    margin-bottom: 13px;
    display: block;
}

.footer .widget3 h5 {
    margin-bottom: 22px;
    font-weight: 600;
    color: #fff;
    font-size: 21px;
    line-height: 32px;
}

.footer .widget4 h5 {
    margin-bottom: 22px;
    font-weight: 600;
    color: #fff;
    font-size: 21px;
}

.footer .widget4 p {
    color: var(--grey);
}

.footer .widget4 p i {
    color: var(--blue);
}

.copyRightArea {
    margin-top: 83px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 25px 0px 28px;
}

.copyRightArea p {
    color: rgba(255, 255, 255, 0.6);
}

.copyRightArea p a {
    color: var(--blue);
    font-weight: 500;
    text-decoration: underline;
}

.carousel .panel {
    width: 100% !important;
    margin: 10px !important;
}

.owl-nav {
    display: none !important;
}

.owl-dots {
    display: none !important;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

/* updated comments over */
.telephone .wrapper {
    /* just enough to show circle + text */
}

.telephone .circle {
}

.telephone .text-curve {
    position: absolute;
    bottom: 10px;
    left: -25px;
    width: 100px;
    height: 50px;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
}

.telephone .text-curve text {
    font-size: 10px;
    fill: #d9e5f8;
    font-weight: 600;
    letter-spacing: 2px;
}

/* contact us */
/*************************** contact us *************************/
.contact_us {
    position: relative;
    overflow: hidden;
    padding: 130px 0 80px;
    background: var(--darkblue);
}
.contact_us .form-signin {
    background: #fff;
    padding: 65px;
    width: 600px;
    margin: auto;
    box-shadow: 0 0 10px #00000021;
    margin-top: -40px;
}
.contact_us .contactbg {
    padding-right: 30px;
    padding-top: 25%;
}

.contact_us .form-signin input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px 14px;
    height: auto;
    margin-bottom: 15px;
    font-size: 15px;
}
.contact_right p a {
    font-size: 14px;
    color: #939292;
}

.contact_us .form-signin input::placeholder,
.contact_us .form-signin textarea::placeholder {
    color: #ccc;
}
.contact_us .form-signin textarea {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px 14px;
    width: 100%;
    height: 120px;
}
.contact_us .form-signin .btn {
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    background: var(--blue);
    font-size: 15px;
    width: 160px;
    margin-top: 15px;
    font-weight: 500;
}
.contact_us .form-signin .btn:hover {
    background: #010101;
}
.contact_right p {
    padding-left: 0;
    font-size: 14px;
    position: relative;
    margin-bottom: 50px;
    text-shadow: 0 0 0;
    color: #fff;
}
.contact_right p i {
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #c1c0c0;
}

.contact_right h3 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 0;
    color: #32cd33;
}

.contact_us .contact_right h2 {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    margin-top: 50px;
}
.contact_us .contact_right h2 {
    margin-top: 30px;
}
.contact_right h6 {
    padding-left: 64px;
    position: relative;
    margin-bottom: 9px;
    text-shadow: 0 0 0;
    color: #f1f1f1;
    min-height: 46px;
    font-weight: 400;
    font-size: 14px;
    justify-content: start;
    align-items: center;
    display: flex;
}
.contact_right h6 span {
    border: 1px solid #eaeaea;
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    line-height: 46px;
    text-align: center;
}

.contact_us .contact_right ul {
    margin: 45px 0 0;
    padding: 0;
}

.contact_us .contact_right ul li {
    float: left;
    margin-right: 12px;
    list-style: none;
}
.contact_us .contact_right ul li a {
    border: 1px solid #eaeaea;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px;
    border-radius: 50%;
    font-size: 22px;
    color: #0052d0;
    min-width: 50px;
    height: 50px;
    background: #eaeaea;
}
.contact_right h6 a {
    color: #f1f1f1;
}
.contact_main {
    z-index: 999;
    position: relative;
    width: 85%;
    margin: 130px auto 0;
}
.contact_us .form-signin h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 45px;
    position: relative;
    color: #003280;
}
.contact_us .form-signin h3::after {
    background: #032383;
    height: 4px;
    width: 100px;
    content: "";
    left: 0;
    bottom: -18px;
    position: absolute;
}
.contact_us::after {
    background: #000;
    position: absolute;
    content: "";
    height: 148%;
    width: 120%;
    top: 370px;
    transform: rotate(-11deg);
}
.contact_us p.hcnt {
    font-size: 15px;
    color: #979797;
    font-weight: 400;
    margin-bottom: 1px;
    text-align: center;
}
.contact_us h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-family: "Fjalla One", sans-serif;
}

/* bowlingpage */
.bowlingpage .food-bg {
    margin-bottom: 50px;
}
.bowlingpage h2 {
    font-family: "Fjalla One", sans-serif;
    font-size: 3.5em;
}

.iframediv video {
    object-fit: cover;
}
.prices {
    min-height: 100vh;
    /* background-color: var(--royalblue); */
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    color: white;
    margin-top: 30px;
}

/* .price-heading{
  font-family: "Fjalla One", sans-serif;
  font-size: 30px;
  line-height: 70px;
  font-weight: 400;
  padding-top: 50px;
} */

.redesigned-deals {
    /* font-family: Arial, sans-serif; */
    font-family: "Fjalla One", sans-serif;
    /* max-width: 600px; */
}

.prices-heading {
    text-align: center;
    font-size: 2.5em;
    color: #333;
    margin-bottom: 40px;
    font-family: "Fjalla One", sans-serif;
    text-align: center;
    color: white;
    margin-bottom: 40px;
    margin-top: 40px;
    text-transform: uppercase;
}

.prices .card {
    /* background-color: #000d20; */
    /* color: white; */
    color: #959595;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.prices .card h2 {
    font-family: "Fjalla One", sans-serif;
    color: white;
    margin-bottom: 10px;
}
.prices .card ul {
    list-style: none;
    padding: 0;
}
.prices .card li {
    margin-bottom: 8px;
}
.prices .package-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.prices .package-header span {
    font-weight: 400;
}
.price-table {
    padding: 20px;
    background-color: #000d20;
    color: #959595;
    font-family: "Fjalla One", sans-serif;
    border-radius: 10px;
    /* max-width: 600px; */
    margin: 0 auto;
    margin-bottom: 20px;
}

.prices h2,
h3 {
    color: white;
    font-size: 24px;
    margin-bottom: 15px;
}

.price-category {
    margin-bottom: 30px;
}

.price-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.price-item span {
    font-size: 16px;
}
.price {
    font-weight: 400;
    color: white;
}

.prices h3 {
    font-size: 20px;
    border-bottom: 1px solid #959595;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.package-header span {
    font-size: 18px;
    /* border-bottom: 1px solid #959595; */
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* background-image:url(../images/000Image.png); */

#wrapper-outer-al {
    float: left;
    width: 100%;
    background-image: "https://strikers.digittrix.com/images/booknowbackground.png";
}

#mid-section-al {
    float: left;
    width: 100%;
    padding: 20px 7%;
    /* background: #fff; */
}

.toast-center {
    top: 50% !important; /* Center vertically */
    transform: translateY(-50%) !important; /* Adjust for perfect center */
}
#header-al {
    float: left;
    width: 100%;
    /* padding: 40px 7%; */
    text-align: center;
}

#header-al h1 {
    color: #fff;
    font-size: 32px;
}
#centre-details-al p span {
    color:white;
}
#centre-details-al p {
    font-size: 16px;
    line-height: 1.45em;
    color:white;
}
#wrapper-outer-al .thumb-al {
    height: 150px;
    width: 150px;
    float: left;
    margin-top: -6px;
    margin-left: -30px;
    margin-right: 15px;
}


#mid-section-al p {
    margin: 0;
}
.tab-ul-bg {
    display: flex;
    gap: 10px;
}
.icon-img-tab {
    width: 30px;
}
#mid-section-al p strong {
    color:white;
}
#booking-type-al {
    float: left;
    width: 100%;
    /* padding: 40px 2%; */
    /* background: #f1f1f1; */
    text-align: center;
}
#booking-type-al h2 {
    color:white;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;

}

#booking-type-al ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#booking-type-al ul li {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none;
    margin: 0 0 20px 0;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
}

#booking-type-al .book-lane-al a {
    /* background: url(../images/icon-lane.png) no-repeat 8% center #a3a3a3; */
    background-size: 50px auto;
}
.href-a {
    display: flex;
    gap: 10px;
}
#booking-type-al ul li a {
    float: left;
    width: 100%;
    padding: 35px 0% 40px 11%;
    text-align: left;
    /* background: #a3a3a3; */
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    list-style-type: none;
    /* margin: 0 0 20px 0; */
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#booking-type-al ul li a:hover {
    background-color: #666;
}
.py-100 {
    padding: 200px 0px;
}
/* #booking-type ul li {
  float: left;
  width: 100%;
  padding: 0;
  list-style-type: none;
  margin: 0 0 20px 0;
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
} */
input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    display: none;
}

/* Ensure that the date input element has a consistent appearance across all browsers */
input[type="date"] {
    -webkit-appearance: none; /* Disable the default appearance in WebKit browsers (Safari) */
    -moz-appearance: none; /* Disable the default appearance in Firefox */
    appearance: none; /* Apply the same to all browsers that support appearance property */
    padding: 0.375rem 0.75rem; /* Maintain consistent padding */
    font-size: 1rem; /* Set a consistent font size */
    line-height: 1.5; /* Adjust line height for readability */
    border-radius: 0.25rem; /* Match the border radius with the input's design */
    border: 1px solid #ced4da; /* Standard border for inputs */
    background-color:white; /* Set a background color */
}

input[type="date"]:focus {
    outline: none; /* Remove the outline on focus */
    border-color: #80bdff; /* Change border color on focus */
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer; /* Make sure the calendar indicator is clickable */
}

/* Safari-specific fixes to adjust appearance */
@supports (-webkit-appearance: none) {
    input[type="date"]::-webkit-input-placeholder {
        color: transparent; /* Ensure no placeholder color interference */
    }
}

input[type="date"]:disabled {
    background-color: #e9ecef; /* Gray out disabled inputs */
    cursor: not-allowed; /* Show a "not-allowed" cursor */
}
@media screen and (min-width: 900px) {
    #content-al,
    #completed-bottom,
    #booking-type-al {
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }
}

@media screen and (min-width: 900px) {
    #header-al {
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }
}

@media screen and (min-width: 900px) {
    #box-shadow-al {
        float: left;
        width: 100%;
        /* box-shadow: 0px 0px 10px #222; */
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
}

@media screen and (min-width: 900px) {
    #wrapper-al {
        float: none;
        /* width: 650px; */
        /* margin: 0 auto; */
    }
}






@media screen and (max-width: 650px) {
    #header-al {
        padding: 20px 7%;
    }
}



@media screen and (min-device-width: 576px) and (max-device-width: 767px) {

    #booking-type-al {
        float: left;
        width: 100%;
        padding: 42px 10%;
        background: #f1f1f1;
        text-align: center;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 575px) {

    #header-al h1 {
        font-size: 24px;
    }
    #booking-type-al h2 {
        font-size: 18px;
    }
    #booking-type-al ul li a {
        font-size: 18px;
    }
    #booking-type-al {
        float: left;
        width: 100%;
        padding: 42px 10%;
        background: #f1f1f1;
        text-align: center;
    }
}
/* book-now  */

.text-wrap {
    display: inline-block;
    text-align: center;
    width: 75px;
}

.text-wrap p {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
}

.text-wrap.active p {
    font-weight: 500;
    color: #fff;
    transition: 400ms ease;
}

.circle {
    background-color: #0f9d19;
    border: 3px solid #0f9d19;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: relative; /* Position the child element */
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms ease;
}

.text-wrap.active div.circle {
    border-color: #0f9d19;
    color: #fff;
}

.button-booking {
    background-color:#F23A30;
    color: white;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    font-family: inherit;
    padding: 10px 30px;
    margin: 5px;
    font-size: 18px;
    font-weight: 500;
}

.button-booking:active {
    transform: scale(0.98);
}

.button-booking:focus {
    outline: 0;
}

.animation {
    background: linear-gradient(1800deg, #0052cf, #c3d6f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    animation: spin 5s, zoomInZoomOut 2s;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    font-weight: 700;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes zoomInZoomOut {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

#form-ui {
    float: left;
    width: 100%;
    padding: 40px 7%;
    /* background: #f1f1f1; */
}

.input-bg {
    background-color:white;
}
.step-1 {
    font-size: 25px;
    color: #0f9d19;
    font-weight: normal;
    margin: 0 0 1em;
}
.label-text {
    font-size: 19px;
    color: white;
    font-weight:400;
    margin: 0 0 12px 0;
}
.label-comments {
    color: #ccc;
}
.text-circle-bg {
    display: flex;
    align-items: center;
    gap: 20px;
}
.text-p {
    margin-bottom: 0px;
}
.img-146 {
    width: 100%;
}
.progress-tracker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: #e0e0e0; */
    padding: 10px 32px;
    /* border-radius: 8px; */
}
.step {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    text-align: center;
    color: gray;
    position: relative;
    gap: 25px;
}

.step .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF1A;
    border: 2px solid #FFFFFF1A;
    font-size: 16px;
    font-weight: bold;
}

.step .label {
    margin-top: 5px;
    font-size: 14px;
    color: white;
}

.step.completed .circle {
    background-color: #F23A30;
    color: white;
    border-color: #F23A30;
}

.step.completed .label {
     color: white;
    font-weight: 800;
}

.step.completed .circle {
    background-color: #F23A30 !important;
    color: white;
}

.step.active .circle {
    border-color: #F23A30;
    color: #F23A30;
}

.step.active .label {
    color: #F23A30;
}

.line {
    flex-grow: 1;
    height: 2px;
    background-color: gray;
    margin: 0 5px;
}

.step.completed + .line {
    background-color: #F23A30;
}

/* tab */
/* styles.css */

.tab-container {
    max-width: 600px;
    margin: 50px auto;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tab {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 5px;
    font-weight: bold;
}

.tab:last-child {
    margin-right: 0;
}

.tab.active {
    background: #28a745;
    color: white;
    border-color: #28a745;
}

.tab span {
    font-size: 0.8rem;
    display: block;
}

.tab-content .content {
    display: none;
}
.section-text-center {
    text-align: center;
}
.section-text-center h2 {
    color: #fff;
    font-weight: bold;
    font-size: 65px;
}
.section-text-center p {
    padding: 12px 28% 0px;
    color: #eee;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

p.text-center {
    color: white;
}

.background-bg {
    /* background-image: url(/images/booknowbackground.png); */
    background-size: 100% auto;
    /* opacity: 0.5; */
    background-repeat: no-repeat;
    /* background-size:100% 100%; */
}

.tab-content .content.active {
    display: block;
}

label {
    display: block;
    margin-bottom: 10px;
}
.img-input-text {
    width: 20px;
    height: 30px;
}
.input-type-text {
    position: relative;
}
.input-bg-al {
    position: relative;
    left: 63px;
    box-shadow: none;
    width: 89%;
}
.input-text-span {
    color: #000;
    position: absolute;
    height: 35px;
    top: 1px;
    background: #fff;
    padding: 4px 7px;
    left: -2px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 5px;
}
select {
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.ul-list {
    color: #000;
    display: flex;
    flex-wrap: wrap;
}
li.li-list-time.active {
      background: #F23A30;
    color: white;
    border: 1px solid #F23A30;
}

div#centre-al {
    display: flex
;
}
.li-list-time {
     color: white;
    padding: 11px 16px;
    background: transparent;
    margin: 2px 2px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link .active-ul {
    background-color: #F23A30 !important;
    height: 80px;
    width: 163px;
    border: 1px solid #F23A30;
}
.nav-link .active-ul {
    background-color: #ccc;
}
.nav-link.na-item-btn {
 background-color: transparent;
    height: 80px;
    color: white;
    width: 163px;
    border: 1px solid white;
    margin-right: 10px;
margin-bottom: 4px;
}
ul#pills-tab {
    display: flex;
    gap: 6px;
    padding: 35px 7px;
}

span.btn-spann {
    display: block;
}
/* button#pills-profile-tab{
  background-color:#ccc;
}
button#pills-home-tab{
  background-color:green;
} */

@media (max-width: 575px) {
    .progress-tracker {
        flex-direction: column; /* Change layout to vertical */
        align-items: flex-start;
        gap: 20px; /* Add spacing between steps */
    }

    .step {
        flex-direction: row; /* Arrange label and circle horizontally */
        align-items: center;
    }

    .step .circle {
        margin-bottom: 0; /* Reset bottom margin */
        margin-right: 10px; /* Add spacing between circle and label */
    }

    .line {
        width: 100%; /* Adjust line width for vertical layout */
        height: 2px;
        margin: 5px 0; /* Add spacing around the line */
display: none;
    }
    .img-146 {
        width: auto;
    }
}

/* contact css ends */
@media (max-width: 1599.98px) {
    #conTest {
        /* min-height: 500px; */
    }
}

@media (max-width: 1399.98px) {
    .contact_us .form-signin h3 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .contact_us .form-signin {
        padding: 40px;
    }
    .contact_main {
        margin: 90px auto 0;
    }
    .contact_right p {
        margin-bottom: 30px;
    }
    h1 {
        font-size: 34px;
        line-height: 45px;
    }
    h3 {
        font-size: 20px;
    }

    section {
        padding: 40px 0;
    }
    .swiper-bowl1 {
        left: 0px;
    }

    /* banner */
    .banner .banner-text h1 {
        font-size: 34px;
        line-height: 45px;
    }
    .banner .banner-text p {
        font-size: 14px;
        line-height: 24px;
    }

    /* about */
    .about .about-text p {
        font-size: 14px;
    }
    p.about-subtext p {
        margin: 0 !important;
    }
    .about .about-exp {
        height: 190px;
    }
    .about .about-exp1 p {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .about .about-exp h1 {
        font-size: 40px;
    }
    .about .about-exp img {
        height: 65px;
    }
    .about .about-last {
        margin-top: 20px;
    }
    .about .about-last button {
        width: 160px;
        height: 45px;
    }
    .about .about-exp p {
        font-size: 16px;
    }
    .about .about-last img {
        margin-right: 20px;
        height: 60px;
    }
    .about .about-text h3 {
        font-size: 20px;
    }
    .about .about-card {
        padding: 25px 30px;
        border-radius: 20px;
        top: -70px;
    }
    .about .about-card3 p {
        min-height: 85px;
        font-size: 14px;
    }
    .about .about-bg {
        min-height: 69vh;
    }
    .about .about-bg img {
        top: 15%;
    }
    .about .about-right h1 {
        margin-top: 12px;
    }
    .about .about-right p {
        margin-top: 16px;
    }

    /* picture */
    .picture .picture-heading h1 {
        padding-bottom: 45px;
    }

    /* review */
    .review .rev-text p {
        font-size: 15px;
    }

    /* footer */
    .footer .widget3 ul li a,
    .footer .widget4 ul li a {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .copyRightArea {
        margin-top: 60px;
    }
    .footer {
        padding: 70px 0px 0px;
    }
}

@media (max-width: 1199.98px) {
    .contact_us .form-signin {
        width: 100%;
    }
    .contact_us .form-signin input {
        margin-bottom: 12px;
        font-size: 14px;
    }
    h3 {
        font-size: 18px;
    }
    h1 {
        font-size: 28px;
    }
    .fun .fun-heading p {
        margin-top: 15px;
        font-size: 14px;
    }
    .swiper-bowl1 {
        left: 0px;
    }
    section.fun .fun {
        padding: 15px 0;
    }
    .header .navbar-nav {
        width: 70%;
    }

    .about .about-card1 {
        margin-top: 17px;
    }

    .about .about-right {
        margin-top: 0px;
    }
    /* 
  .about .about-bg img {
    height: 288px;
    top: 230px;
    right: 59px;
  } */

    .about .about-right h1 {
        margin-top: 0px;
        font-size: 28px;
    }

    .about .about-right p {
        margin-top: -1px;
        font-size: 15px;
    }

    .about .about-last {
        margin-top: 10px;
    }

    /* activity */
    .activity {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    /* picture */
    .picture {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .review {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .review .rev-card {
        width: 280px;
    }
    .review .rev-text p {
        font-size: 14px;
    }
    .searchbox-wrap input {
        padding: 5px 20px;
        font-size: 14px;
        height: 50px;
    }
    .searchbox-wrap button {
        padding-right: 3px;
        height: 50px;
    }
    .footer .widget1 p {
        font-size: 14px;
        margin-top: 20px;
    }
    .footer .img-fluid {
        height: 90px;
    }
    .footer .widget3 ul li a,
    .footer .widget4 ul li a {
        font-size: 14px;
        margin-bottom: 8px;
    }
    p {
        font-size: 14px;
    }
    .footer .widget4 h5 {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .footer .widget3 h5 {
        margin-bottom: 18px;
        font-size: 18px;
        line-height: 24px;
    }
    .footer {
        padding: 60px 0px 0px;
    }
    .copyRightArea {
        padding: 16px 0px;
    }

    .searchbox-wrap button span {
        margin-left: 50px;
        padding: 21px 24px;
        width: 140px;
        height: 46px;
    }
}

@media (max-width: 991.98px) {
    .contact_us .contact_right ul {
        margin: 28px 0 0;
    }
    .contact_us .contact_right ul li a {
        border-radius: 50%;
        font-size: 18px;
        min-width: 40px;
        height: 40px;
        padding: 0;
        line-height: 40px;
    }
    .contact_us .contact_right ul li {
        margin-right: 5px;
    }
    .contact_us h2 {
        font-size: 24px;
    }
    .contact_us .contact_right h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .contact_us .form-signin {
        padding: 24px;
    }
    .banner .banner-text h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner button.\.btn1 {
        font-size: 15px;
    }
    .banner button.\.btn2 {
        font-size: 15px;
    }
    .copyRightArea {
        margin-top: 0;
        padding: 9px 0px 9px;
    }
    .about .about-card1 {
        margin-top: 0;
    }
    .about .about-text h3 {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .about .about-card h3 {
        font-size: 20px;
    }
    .about .about-card {
        padding: 20px;
        border-radius: 12px;
    }
    .about .about-card3 p {
        min-height: auto;
        font-size: 14px;
    }

    .footer h5,
    .footer .widget3 h5,
    .footer .widget4 h5 {
        margin-bottom: 0;
        margin-top: 10px !important;
    }

    .searchbox-wrap {
        display: flex;
        max-width: 100%;
        width: 100%;
    }

    .navbar-collapse {
        background: black;
        padding: 18px;
    }

    .header nav .nav-link {
        padding-left: 10px;
        height: 35px;
    }

    .header nav .nav-link:hover {
        height: 100%;
    }

    .banner .divset {
        height: 70vh;
    }
    .about .about-exp i {
        font-size: 16px;
    }

    .banner {
        min-height: 70vh;
    }
    .banner .banner-img {
        min-height: 70vh;
    }
    .food .food-img {
        align-items: baseline;
        min-height: 44vh;
    }

    .food .food-text {
        min-height: 26vh;
        text-align: center;
        margin-top: 21px;
    }

    .food .food-text button {
        margin: auto;

        margin-top: 0;
    }

    .swiper-container {
        padding-top: 25px !important;
    }

    /* .swiper-bowl1 {
    left: -1px;
    bottom: 48px;
    width: 349px;
  } */

    .activity {
        min-height: 91vh;
    }

    h1 {
        font-size: 28px;
    }
    .update h1 {
        font-size: 28px;
    }
    .header .navbar-nav {
        width: 100%;
        padding: 11px 33px;
    }

    .about .about-bg img {
        top: 123px;
    }

    .about .about-right {
        margin-top: 37px;
    }

    .about .about-right h1 {
        margin-top: 24px;
        font-size: 28px;
        text-align: center;
    }

    .about .about-right p {
        margin-top: 13px;
        font-size: 17px;
    }

    .about .about-last {
        margin-top: 20px;
        justify-content: end;
    }

    .fun-heading {
        margin-top: 20px;
    }

    .about .about-bg {
        min-height: 350px;
        max-width: 430px;
        margin: auto;
    }
    .about .about-bg img {
        top: 120px;
        max-width: 230px;
        height: auto;
    }

    header.header button.navbar-toggler {
        color: white;
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .al-border {
        font-size: 14px;
    }
    .mobile-img {
        display: none;
    }

    .picture .picture-heading h1 {
        padding-bottom: 24px;
    }
    .prices h2,
    h3 {
        font-size: 20px !important;
    }
    .prices-heading {
        margin-top: 10px;
    }
    img.mobile-img {
        display: none;
    }
    .price-item span {
        font-size: 14px;
        font-weight: 100;
    }

    .package-header span {
        font-size: 14px;
        font-weight: 100 !important;
    }
    .picture {
        min-height: 28vh;
        background-color: var(--darkblue);
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .picture .galleryimage {
        width: 100% !important;
        height: 300px !important;
    }
    .footer {
        padding: 0;
    }

    footer .logo {
        max-width: 125px;
        margin-top: 10px;
    }

    .fun {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .activity {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: 81vh;
    }

    .food-img img {
        margin-top: 0px;
    }

    .about .about-last button {
        width: 30%;
        height: 35px;
        font-size: 14px;
    }

    .about .about-exp1 p {
        margin-bottom: 11px;
    }

    .about .about-card {
        margin: 7px;
    }

    .update {
        min-height: 40vh;
    }
    .update .update-content {
        height: 40vh;
    }

    .searchbox-wrap {
        margin-top: 0;
    }
    .update .update-bg {
        height: 40vh;
    }

    .about .about-right .hr {
        margin-top: 7px;
    }

    .fun .fun-heading .hr {
        margin-top: 9px;
    }

    .review .review-heading .hr {
        margin-top: 9px;
    }

    .review {
        padding-bottom: 0;
    }

    .activity .activity-heading .hr {
        margin-top: 9px;
    }

    .picture .picture-heading .hr {
        margin-top: 9px;
    }

    .banner .banner-img {
        min-height: 65vh;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 50%;
    }

    .banner {
        min-height: 65vh;
    }
    .banner .divset {
        height: 65vh;
    }

    .review .center .rev-img {
        /* left: 203px; */
        top: 2px;
    }

    .review {
        min-height: 47vh;
        padding-top: 50px !important;
    }

    .review .center .rev-text {
        height: 244px;
        width: 100%;
        padding-top: 86px;
    }

    .review .item {
        height: 323px !important;
    }

    .swiper-container {
        width: 73% !important;
    }
    .about .about-bg img {
        display: none;
    }
    /* .swiper-bowl1 {
    left: -1px;
    bottom: 48px;
    width: 376px;
  } */
    .al-border h3 {
        font-size: 14px !important;
    }
    h1 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    p {
        font-size: 14px !important;
    }

    .banner .banner-text h1 {
        font-size: 22px;
        line-height: 41px;
    }

    .banner .banner-text p {
        font-size: 14px;
    }

    .banner-text .btn {
        justify-content: center;
    }

    .banner .banner-text {
        min-height: 31vh;
        text-align: center;
    }

    .about .about-bg img {
        top: 105px;
        right: -18px;
    }

    .about .about-bg {
        min-height: 64vh;
    }
}

@media (max-width: 575px) {
    .about .about-card1 {
        height: auto;
    }
    h1 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }

    .review {
        padding-bottom: 0px;
    }

    .update {
        min-height: 30vh;
    }
    .update .update-bg {
        min-height: 30vh;
    }
    .update .update-content {
        min-height: 30vh;
    }

    .copyRightArea {
        margin-top: 0;
    }

    .searchbox-wrap {
        display: flex;
        max-width: 100%;
        width: 100%;
    }

    .searchbox-wrap button span {
        width: 102px;
    }

    .food-img img {
        height: 286px;
    }

    .food .food-img {
        align-items: baseline;
        min-height: 32vh;
    }

    .food {
        min-height: 58vh;
    }

    .food .food-bg {
        min-height: 50vh;
    }

    .swiper-container {
        width: 52% !important;
    }

    /* .swiper-bowl1 {
    left: -1px;
    bottom: 30px;
    width: 100%;
  } */

    .swiper-slide {
        height: 355px !important;
    }

    .activity {
        min-height: 66vh;
    }

    .activity {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .iframediv {
        height: 400px !important;
        margin-top: 80px;
    }

    .about .about-bg img {
        top: 214px;
        right: 0;
        left: 0;
        margin: auto;
        height: 296px;
    }

    .about .about-bg {
        min-height: 56vh;
        background-position: center;
        width: 230px;
    }

    .about .about-right h1 {
        font-size: 33px;
    }

    .about .about-right p {
        font-size: 15px;
        text-align: center;
    }

    .fun {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .review .swiper-slide {
        height: auto !important;
    }
    .iframediv {
        height: 300px !important;
    }
    h1 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }

    .searchbox-wrap button span {
        margin-left: -23px;
    }

    .food .food-text {
        margin-top: 20px;
    }

    /* .swiper-slide {
    height:221px !important;
  } */
    .review .item {
        height: 360px !important;
    }
    /* .swiper-bowl1 {
    left: 20px;
    bottom: 30px;
    width: 83%;
  } */

    .activity {
        min-height: 58vh;
    }

    .about .about-bg {
        min-height: 50vh;
        width: 230px;
    }

    .about .about-bg img {
        top: 160px;
        /* right: 160px; */
        height: 137px;
    }

    .about .about-right h1 {
        font-size: 25px;
    }

    .about .about-right p {
        font-size: 14px;
        text-align: center;
    }

    .about .about-exp {
        height: 192px;
    }

    .about .about-exp p {
        font-size: 16px;
    }

    .about .about-exp h1 {
        font-size: 32px;
    }

    .about .about-exp img {
        height: 67px;
    }

    .about .about-exp1 p {
        font-size: 11px;
    }

    .about .about-last h3 {
        font-size: 19px;
    }

    .about .about-ceo {
        margin-top: 15px;
        margin-right: 30px;
    }

    .about {
        padding-bottom: 42px;
    }

    /* .full-screen-video{
    height: 300px;
  } */
}

@media screen and (min-device-width: 575px) and (max-device-width: 767px) {
    #booking-type-al ul li a {
        padding: 11px 6px 12px 2px;
        font-size: 12px;
    }
    .href-a {
        display: flex;
        gap: 3px;
    }
}
@media screen and (min-device-width: 500px) and (max-device-width: 574px) {
    #booking-type-al ul li a {
        padding: 10px 0px 12px 119px;
        font-size: 18px;
    }
    .tab-ul-bg {
        gap: 3px;
        flex-wrap: wrap;
    }
    .href-a {
        display: flex;
        gap: 3px;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 499px) {
    #booking-type-al ul li a {
        padding: 14px 5px 17px 50px;
        /* text-align: center; */
        font-size: 14px;
    }
  
    #wrapper-outer-al .thumb-al {
        height: 96px;
        width: 136px;
        float: left;
        margin-top: -6px;
        margin-left: 0px;
        margin-right: 15px;
    }

    .section-text-center p {
        padding: 12px 5% 0px;
        color: #eee;
        letter-spacing: 0.5px;
        margin-bottom: 5px;
    }
    .tab-ul-bg {
        gap: 3px;
        flex-wrap: wrap;
    }
    .href-a {
        display: flex;
        gap: 3px;
    }
}

@media(max-width:575px){
    #form-ui{
        padding: 0;
    }
}