body {
    overflow-x: hidden;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    background-color: #000000;
    color: #ffffff;
    height: 100%;
}

.row {
    margin: 0px;
}

.zindex {
    z-index: -1;
}

.center-align-content {
    margin: 0 auto;
    max-width: 1280px;
}

.p-33 {
    padding-left: 33px;
}

.m-10 {
    margin: 87px 0px 143px 0px;
}

.mt-20 {
    margin-top: 20px;
}

.m-0-10 {
    margin: 0px 20px;
}

.m-b-20 {
    margin-bottom: 20vh;
}

.m-t-10-px {
    margin-top: 10px;
}

.p-l-5 {
    padding-left: 5%;
}

.p-5-px {
    padding: 5px;
}

.p-5-vh {
    padding: 2%;
}

.p-10-px {
    padding: 10px;
}

.p-t-50 {
    padding-top: 41px;
}

.p-20-px {
    padding-top: 30px;
}

.pt-12 {
    padding-top: 76px;
}

.p-t-10-px {
    padding-top: 10px;
}

.p-bm {
    padding-bottom: 0px !important;
}

.p-t-20-px {
    padding-top: 20px;
}

.p-b-20-px {
    padding-bottom: 20px;
}

.p-t-30-px {
    padding-top: 30px;
}

.p-r-10-px {
    padding-right: 10px;
}

.p-l-7-vw {
    padding-left: 7vw;
    ;
}

.p-t-7 {
    padding-top: 12px !important;
}

.p-t-50-px {
    padding-top: 50px;
}

.p-3-percentage {
    padding: 1%;
}

.p-14-0-0-0 {
    padding: 12px;
    font-size: 20px;
}

.p-map-30-px {
    padding: 10px 5px;
}

.txt-left {
    text-align: left;
}

.enter-otp {
    padding-left: 10px;
    font-size: 20px;
}

.banner-header-img {
    background-image: url('/images/banner-header.png');
    background-repeat: no-repeat;
    background-size: 107% 100%;
    height: 626px;
}

.gallery-banner-img {
    background-image: url('/images/banner-header.png');
    background-repeat: no-repeat;
    background-size: 107% 100%;
    height: 42vh;
}

.gallery-banner-logo {
    width: 50vw;
}

.book-header-img {
    background-image: url('/images/banner-header.png');
    background-repeat: no-repeat;
    background-size: 107% 100%;
}

.footer-img {
    background-image: url('/images/banner-header.png');
    background-repeat: no-repeat;
    background-size: 107% 100%;
    padding: 50px 0px;
}

.talk-to-the-hand-logo {
    width: 114%;
}

.follow-us-on {
    color: white;
    text-align: right;
    padding: 20px 30px 0px 0px;
    font-size: 20px;
}

.social-accounts-layout {
    width: 60px;
    height: 60px;
    font-size: 1px;
    text-align: center;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    border: solid 3px #6abe4a;
    background-color: #010101;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    cursor: pointer;
}

.google-review-img {
    width: 3vw;
    cursor: pointer;
}

.google-rating-img {
    margin-right: 2px;
}

.social-accounts-layout-footer {
    width: 50px;
    height: 50px;
    font-size: 1px;
    text-align: center;
    padding-top: 9px;
    margin-right: 5px;
    margin-left: 5px;
    border: solid 3px #6abe4a;
    background-color: #010101;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    cursor: pointer;
}

.social-accounts-layout img {
    width: 2vw;
}

.social-accounts-layout-footer img {
    width: 2vw;
}

.book-your-slot-now {
    width: 387px;
    height: 630px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    text-align: center;
    padding-top: 37px;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-transform: skew(-4.5deg);
    transform: skew(-4.5deg);
    position: absolute;
    top: 10vh;
    right: 6vw;
}

.select-game-text {
    font-size: 20px;
    color: black;
}

.book-your-slot-now-txt {
    font-size: 30px;
    font-weight: bold;
    color: #6abe4a;
    padding-bottom: 30px;
}

.steps {
    width: 86.9px;
    height: 32px;
    background-color: #010102;
    color: white;
    padding-top: 5px;
}

.select-game-layout {
    height: 78px;
    width: 362px;
    background-color: #ffffff;
    text-align: left;
    padding: 25px;
    margin-right: 5px;
    margin-left: 5px;
    border: solid 3px #6abe4a;
    cursor: pointer;
    font-weight: 500;
    font-size: 21px;
    color: black;
}

.image-game-layout {
    width: 552px;
    height: 320px;
    background-color: #ffffff;
    text-align: left;
    margin-right: 5px;
    margin-left: 5px;
    border: solid 3px #6abe4a;
    cursor: pointer;
    font-weight: 500;
    -webkit-transform: skew(-6.4deg);
    transform: skew(-6.4deg);
    font-size: 21px;
}

.select-game-layout:hover {
    background-color: #6abe4a;
}

.next-btn {
    float: right;
    width: 161px;
    height: 50px;
    border: solid 3px #6abe4a;
    background-color: #010101;
    color: #6abe4a;
    text-align: center;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
}

.prev-btn {
    float: left;
    width: 47px;
    height: 50px;
    border: solid 3px #6abe4a;
    background-color: #010101;
    color: #6abe4a;
    text-align: center;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
}

.decrease-btn {
    width: 43px;
    height: 36px;
    border: solid 3px #6abe4a;
    background-color: white;
    color: black;
    text-align: center;
    padding-top: 1px;
    font-size: 24px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.increase-btn {
    width: 43px;
    height: 36px;
    border: solid 3px #6abe4a;
    background-color: white;
    color: black;
    text-align: center;
    padding-top: 1px;
    font-size: 24px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.display-no-of-people {
    width: 89px;
    height: 57px;
    border: solid 3px #6abe4a;
    background-color: white;
    color: black;
    text-align: center;
    padding-top: 10px;
    font-size: 24px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.select-day {
    width: 93%;
    height: 57px;
    border: solid 3px #6abe4a;
    background-color: white;
    color: black;
    text-align: center;
    padding-top: 11px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

.select-day input {
    width: 215px;
    border: none;
    font-size: 20px;
}

.phone-no input {
    width: 175px !important;
    border: none;
    position: absolute;
    left: 7px;
    top: -1px;
    font-size: 20px;
}

.date-picker input {
    width: 200px !important;
    border: none;
    padding-left: 10px;
}

.select-day input:focus {
    outline: none;
}

.time-slots {
    /* width: 143px; */
    height: 57px;
    font-size: 24px;
    border: solid 3px #6abe4a;
    background-color: white;
    color: black;
    text-align: center;
    padding-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.time-slots input {
    border: none;
}

.time-slots input:focus {
    outline: none;
}

.games-we-offer {
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.games-list {
    font-size: 20px;
    height: 70px;
    background-color: #010101;
    color: #6abe4a;
    text-align: center;
    padding-top: 9px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    border: solid 3px #6abe4a;
}

.active-nav-header {
    border: solid 3px #6abe4a;
}

.header {
    padding: 10px 16px;
    color: #f1f1f1;
    z-index: 1111;
}

.content {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 1280px;
    background-color: black;
}

.sticky+.content {
    padding-top: 52px;
}

.nav-class {
    width: 100%;
    z-index: 1;
}

.nav-class .main-nav-class {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-class .main-nav-class .main-nav-sub-class {
    display: table-cell;
}

.nav-class .main-nav-class .main-nav-sub-class a {
    padding: 10px 2px;
    display: block;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.nav-class .main-nav-class .main-nav-sub-class a:hover {
    color: #6abe4a;
}

.nav-class .main-nav-class .active-nav-header a {
    color: #6abe4a;
}

.content-information {
    padding-bottom: 10px;
}

.game-name {
    font-size: 22px;
    font-weight: 500;
    color: #6abe4a;
}

.game-description {
    font-size: 17px;
    font-weight: 500;
}

.adventure-txt {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    color: white;
    padding-top: 48px;
}

.book-now {
    width: 161px;
    height: 57px;
    border: solid 3px #6abe4a;
    padding-top: 22px;
    background-color: #010101;
    color: #ffffff;
    text-align: center;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}

.confirmation-msg {
    width: auto;
    height: 93px;
    font-size: 19px;
    padding: 15px;
    border: solid 3px #6abe4a;
    background-color: #ffffff;
    color: #010102;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

.home-btn {
    width: 161px;
    height: 57px;
    border: solid 3px #6abe4a;
    padding-top: 22px;
    background-color: #010101;
    color: #6abe4a;
    text-align: center;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}

.book-again-txt {
    font-size: 20px;
    font-weight: 500;
    color: #008cf9;
    padding-top: 30%;
    cursor: pointer;
}

.congrats {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #6abe4a;
}

.success-msg {
    font-size: 18px;
    font-weight: 500;
    color: #010102;
    padding-top: 20px;
}

.success-img {
    width: 160px;
    height: 160px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -24px;
    left: 0px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    margin: 0px;
    justify-content: flex-start;
}

.carousel-indicators li {
    background-color: #6abe4a;
    height: 8px;
    border-radius: 12px;
}

.carousel-indicators .active {
    background-color: black;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.address-txt {
    color: white;
    font-size: 18px;
}

.map-width {
    width: -webkit-fill-available;
}

.ui-timepicker-standard {
    width: 114px;
}

.ui-timepicker-viewport {
    width: 120px;
}

.plus-nine-one {
    font-weight: 100;
    font-size: 20px;
}

.get-otp {
    font-size: 26px;
    font-weight: 500;
    text-align: left;
    color: #008cf9;
    cursor: pointer;
    margin-bottom: 20px;
}

.align-left {
    padding-left: 15px;
    text-align: left;
}

.digit-group input {
    width: 84px;
    height: 62px;
    background-color: white;
    border: none;
    border: solid 3px #6abe4a;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    color: black;
}

.digit-group .splitter {
    padding: 0 5px;
    color: white;
    font-size: 28px;
}

.prompt {
    margin-bottom: 20px;
    font-size: 20px;
    color: white;
}

#gal {
    margin: 0 auto;
    max-width: 1280px;
}

.gallery-img-width {
    width: 33%;
    height: 33%;
}

.bottom-nxt-btn {
    position: absolute;
    bottom: 3px;
    z-index: -1;
}

.error-msg {
    text-align: left;
    color: red;
}

.heading-name {
    text-align: left;
}

.heading-img {
    text-align: right;
}

.gj-picker-md [role=header] {
    background-color: black !important;
}

.gj-picker [role=body] [role=dial] {
    color: white !important;
    background: black !important;
}

.gj-picker-md .arrow-begin, .gj-picker-md [role=body] [role=arrow] {
    background-color: #6abe4a !important;
}

.gj-picker-md .arrow-end {
    border: 16px solid #6abe4a !important;
}

.gj-picker [role=body] [role=hour].selected {
    background-color: #6abe4a !important;
    border-radius: 30px !important;
}

.gj-textbox-md {
    font-size: 20px !important;
    margin-left: 10px !important;
}

.gj-textbox-md:active, .gj-textbox-md:focus {
    border: none !important;
}

#pirate, #murder, #vr {
    padding-top: 40px !important;
}

.gallery-smaller-devices {
    width: 100%;
    padding: 20px;
}

#laser {}

@media (min-width: 1610px) and ( max-width: 1920px) {
    .social-accounts-layout img {
        width: 50%;
    }
    .social-accounts-layout-footer img {
        width: 1.3vw;
    }
}

/* mobile devices */

@media (min-width: 120px) and ( max-width: 700px) {
    .m-10 {
        margin: 10px 0px!important;
    }
    .m-b-20 {
        margin-bottom: 3vh;
    }
    .pt-12 {
        padding: 0px !important;
    }
    .talk-to-the-hand-logo {
        width: 82%;
    }
    .p-t-7 {
        padding-top: 7px !important;
    }
    .p-14-0-0-0 {
        padding: 7px 10px;
        font-size: 17px;
    }
    .p-t-50 {
        padding-top: 12px;
        text-align: -webkit-center;
    }
    .banner-header-img {
        background-size: 106% 100%;
        min-height: 103vh;
    }
    .address-txt {
        font-size: 14px;
    }
    .follow-us-on-change {
        position: absolute;
        top: 72vh;
    }
    .talk-to-the-hand-logo-center {
        text-align: center;
    }
    .sticky {
        width: calc(100vw - (1vw));
    }
    .follow-us-on {
        padding: 10px 0px;
        font-size: 14px;
    }
    .p-0 {
        padding: 0px;
    }
    .p-28 {
        padding-top: 28px;
    }
    .social-accounts-layout {
        width: 43px;
        height: 43px;
        padding: 10px;
        border: solid 2px #6abe4a;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 29% !important;
    }
    .social-accounts-layout img {
        width: 100%;
    }
    .social-accounts-layout-footer {
        width: 35px;
        height: 35px;
        padding: 8px;
        border: solid 2px #6abe4a;
    }
    .social-accounts-layout-footer img {
        width: 4vw;
    }
    .fb-img {
        width: 102% !important;
    }
    .book-your-slot-now {
        width: 82vw;
        height: 488px;
        font-size: 14px;
        -webkit-transform: skew(-1deg);
        transform: skew(0deg);
        position: absolute;
        top: 0vh;
        padding-top: 18px;
        padding-bottom: 15vh;
        right: 6vw;
    }
    .book-your-slot-now-txt {
        font-size: 26px;
    }
    .select-game-text {
        font-size: 18px;
    }
    .steps {
        width: 83.9px;
        font-size: 16px;
    }
    .select-game-layout {
        height: calc(100vh - 92vh);
        padding-top: 11px;
        width: auto;
        font-size: 18px;
        margin-top: 5px;
    }
    .select-game-layout .active {
        background-color: #6abe4a;
    }
    .next-btn {
        width: 100px;
        height: 43px;
        padding-top: 11px;
        margin-bottom: 10px;
        transform: skew(0deg);
    }
    .next-btn img {
        width: 18%;
    }
    .nav-class .main-nav-class .main-nav-sub-class {
        padding: 5px !important;
        font-size: 14px;
    }
    .games-list {
        height: 52px;
        padding-top: 6px;
        font-size: 14px;
    }
    .image-description {
        width: 100%;
    }
    .adventure-txt {
        font-size: 18px;
        padding-top: 23px;
        text-align: center;
    }
    .book-now {
        width: 120px;
        height: 46px;
        padding-top: 13px;
    }
    .games-we-offer {
        font-size: 18px;
    }
    .decrease-btn, .increase-btn {
        width: 41px;
        height: 32px;
        padding-top: 1px;
        font-size: 20px;
    }
    #gal {
        padding: 10px 0px 0px 20px;
    }
    .gallery-img-width {
        width: 31%;
        height: 30%;
    }
    .display-no-of-people {
        width: 72px;
        height: calc(100vh - (93vh));
        padding-top: 11px;
        font-size: 18px;
        margin-left: 9px;
    }
    .plus-nine-one {
        position: absolute;
        top: 0px;
        left: -11px;
    }
    .p-t-20-px {
        padding-top: 5px;
    }
    .p-b-20-px {
        padding-bottom: 0px;
    }
    .select-day input {
        /* height: calc(100vh - (91vh)); */
        width: 87% !important;
        font-size: 18px;
    }
    .game-description {
        font-size: 14px;
    }
    .image-game-layout {
        width: fit-content;
        transform: skew(0deg);
        height: 28vh;
    }
    .time-slots input {
        width: 100%;
        font-size: 20px;
    }
    .select-day {
        height: 43px;
        padding-top: 5px;
        width: 94%;
    }
    .time-slots {
        width: 100%;
        height: 48px;
        padding-top: 9px;
        padding-left: 4px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .prev-btn {
        width: 53px;
        height: 43px;
        padding-top: 10px;
        margin-bottom: 10px;
        transform: skew(0deg);
    }
    .get-otp {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .otp-msg {
        font-size: 12px;
    }
    .p-t-50-px {
        padding-top: 13px;
    }
    .p-20-px {
        padding-top: 20px !important;
    }
    .phone-no-position-realtive {
        position: relative;
        font-size: 18px;
    }
    .phone-no-position-absoulte {
        left: 41px !important;
        top: -2px !important;
    }
    .phone-no {
        padding-top: 9px !important;
    }
    .p-10-px {
        padding: 5px;
    }
    .digit-group input {
        width: 56px;
        height: 50px;
        font-size: 18px;
    }
    .book-again-txt {
        padding-top: 7%;
    }
    .congrats {
        font-size: 24px;
    }
    .success-img {
        width: 120px;
        height: 120px;
    }
    .success-msg {
        font-size: 20px;
        padding-top: 10px;
    }
    .map-width {
        height: 200px;
    }
    .home-btn {
        width: 75px;
        height: 30px;
        font-size: 14px;
        padding-top: 5px;
    }
    .p-r-10-px {
        padding-right: 0px;
        width: 13px;
    }
    .gallery-banner-img {
        height: 18vh;
    }
    .gallery-banner-logo {
        width: 56vw;
    }
    .confirmation-msg {
        width: auto;
        font-size: 16px;
        height: max-content;
    }
    .book-again-txt {
        font-size: 18px;
    }
    .bottom-nxt-btn {
        bottom: -4px;
    }
    .modal {
        padding-top: 28vh !important;
        left: 0 !important;
        width: 100% !important;
    }
    .modal img {
        width: 100vw !important;
    }
    .google-review {
        /* width: 255px !important; */
        height: 65vh !important;
    }
    .google-reviews {
        height: 55vh;
    }
    .google-review-img {
        width: 10vw;
    }
    .heading-name {
        text-align: center;
    }
    .heading-name h2 {
        font-size: 20px;
    }
    .heading-img {
        text-align: center;
    }
    .footer-img {
        padding-top: 30px 0px;
    }
}

@media (max-width: 330px) and (min-width: 300px) {
    .m-b-20 {
        margin-bottom: 3vh;
    }
    .nav-class .main-nav-class .main-nav-sub-class {
        padding: 5px !important;
        font-size: 14px;
    }
    .games-list {
        height: 52px;
        padding-top: 2px;
    }
}

.google-reviews {
    width: 70%;
    margin: 39px auto;
}

.rating-img {
    display: flex;
    width: 30% !important;
    margin: 0 auto;
}

.rating-text {
    font-size: 14px;
    line-height: 1.5;
}

.second-step, .third-step {
    color: black;
}

.google-review {
    height: 440px !important;
    background-color: black;
    margin-right: 10px;
    padding: 10px;
    border: solid 3px #6abe4a;
}

.slick-slide img {
    width: 30%;
    margin: 0 auto;
}

@media (max-width: 800px) and (min-width: 690px) {
    .m-10 {
        margin: 2vh 0px;
    }
    .p-5-px {
        padding: 5px 12px;
    }
    .follow-us-on {
        padding: 20px 0px;
    }
    .social-accounts-layout {
        width: 52px;
        height: 67px;
    }
    .book-your-slot-now {
        height: auto;
    }
    .book-your-slot-now-txt {
        font-size: 18px;
    }
    .steps {
        width: 58.9px;
    }
    .next-btn {
        width: 95px;
        height: 46px;
    }
    .select-game-layout {
        height: calc(100vh - 96vh);
        padding-top: 6px;
    }
    .games-list {
        height: 60px;
        padding-top: 6px;
        font-size: 14px;
    }
}

/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 23vh;
    left: 0;
    top: 0;
    width: 100;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content */

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
}

/* The Close Button */

.close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

.close:hover, .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.mySlides {
    display: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.9);
}

.cursor {
    cursor: pointer;
}

/* Next & previous buttons */

.prevpop, .nextpop {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.prevpop {
    left: 20vw;
}

/* Position the "next button" to the right */

.nextpop {
    right: 20vw;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.prevpop:hover, .nextpop:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.modal img {
    margin-bottom: -4px;
    width: 50vw;
    /* width: ; */
}

.modal img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-height: 680px) and (min-height: 600px) and (max-width: 360px) and (min-width: 300px) {
    .book-your-slot-now {
        height: 471px;
    }
}

.spinner {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 42%;
    left: 42%;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #6abe4a;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}