@import url(https://fonts.googleapis.com/css2?family=Cookie&family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap);

.home-page-container {
	min-height: 100vh;
	overflow-y: auto
}
.locatoin{

	  position: fixed;
	  background-color: #fff;
	  z-index: 999;
	  width: 100%;
	  padding-top: 14px;
	margin-top: -60px;
}
.locatoin-slot{
	position: fixed;
	  background-color: #fff;
	  z-index: 999;
	  width: 100%;
	  padding-top: 14px;
	margin-top: -60px;
	padding-left:0px;
}
@media screen and (max-width:767px) {
	.locatoin{
		margin-top: -33px;
		  position: fixed;
		  background-color: #fff;
		  z-index: 999;
		  width: 100%;
		  padding-top: 14px;

	}
	.locatoin-slot{
	position: fixed;
	  background-color: #fff;
	  z-index: 999;
	  width: 100%;
	  padding-top: 14px;
	margin-top: -74px;
}
}
.home-page-container .flex-container .left-side {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	margin: 2rem auto auto;
	max-width: 1200px;
	width: 100%
}

.home-page-container .flex-container .left-side .heading {
	color: #4dbad3;
	font-family: Cookie, sans-serif;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	text-shadow: 3px 3px 9px #333
}

.home-page-container .flex-container .left-side .sub-heading {
	color: #f1f1f1;
	font-size: 3.12rem;
	font-weight: 700;
	max-width: 800px
}

.home-page-container .flex-container .left-side .desc {
	color: #fff;
	font-size: 1.050rem;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 2rem;
	max-width: 800px;
	text-shadow: #333
}

.home-page-container .flex-container .left-side .cta-section {
	margin-top: 2rem
}

.home-page-container .flex-container .left-side .cta-section .app-button {
	height: 3rem;
	width: 220px
}

.home-page-container .flex-container .right-side img {
	max-height: 450px;
	width: auto
}

.home-page-container .event-categories-container {
	padding: 6rem 3rem
}

.home-page-container .event-categories-container .subheading {
	color: #4dbad3;
	font-family: Cookie, sans-serif;
	font-size: 1.5rem;
	text-align: center
}

.home-page-container .event-categories-container .heading {
	color: #0550b0;
	font-size: 3rem;
	font-weight: 800;
	margin: .25rem auto;
	max-width: 800px;
	text-align: center
}

.home-page-container .event-categories-container .list-info-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: auto;
	max-width: 1200px;
	padding: 3rem 0
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container {
	background-color: #f1f1f1;
	border-radius: 8px;
	cursor: pointer;
	transition: all .3s;
	width: calc(25% - 1.5rem)
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section {
	background-color: #f9f9f9;
	height: 200px;
	position: relative
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section .overlay {
	background-color: rgba(0, 0, 0, .25);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 200px;
	object-fit: cover;
	width: 100%
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container .item-name {
	color: #0550b0;
	font-size: 1.125rem;
	font-weight: 600;
	padding: 1.5rem;
	text-align: center
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.home-page-container .event-categories-container .list-info-container .list-item-card-container:hover .overlay {
	background-color: rgba(0, 0, 0, .5)
}

.home-page-container .services-list-container {
	background-image: linear-gradient(#0550b0, #4dbad3);
	padding: 6rem 3rem
}

.home-page-container .services-list-container .content {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.home-page-container .services-list-container .content .right-side {
	width: 60%
}

.home-page-container .services-list-container .content .right-side .info-flex-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem
}

.home-page-container .services-list-container .content .right-side .info-flex-container .service-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 2rem;
	width: calc(33.33333% - .66667rem)
}

.home-page-container .services-list-container .content .right-side .info-flex-container .service-card .icon {
	align-items: center;
	background-image: linear-gradient(#4dbad3, #0550b0);
	border-radius: 50%;
	display: flex;
	height: 125px;
	justify-content: center;
	margin-bottom: 1rem;
	width: 125px
}

.home-page-container .services-list-container .content .right-side .info-flex-container .service-card .icon img {
	height: 64px;
	width: 64px
}

.home-page-container .services-list-container .content .right-side .info-flex-container .service-card .name {
	color: #fff;
	font-size: 1rem;
	font-weight: 600
}

.home-page-container .services-list-container .content .left-side {
	width: 30%
}

.home-page-container .services-list-container .content .left-side .heading {
	color: #fff;
	font-size: 3rem;
	font-weight: 800;
	margin: .25rem auto;
	max-width: 800px
}

.home-page-container .services-list-container .content .left-side .desc {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75;
	margin-top: 2rem;
	text-shadow: #333
}

.home-page-container .contact-section {
	padding: 6rem 3rem
}

.home-page-container .contact-section .heading {
	color: #0550b0;
	font-size: 3rem;
	font-weight: 800;
	margin: .25rem auto;
	max-width: 800px;
	text-align: center
}

.home-page-container .contact-section .sub-heading {
	color: #4dbad3;
	font-weight: 600;
	margin: 1rem auto;
	max-width: 1200px;
	text-align: right
}

.home-page-container .contact-section .map-container {
	margin: 3rem auto auto;
	max-width: 1200px
}

.home-page-container .contact-section .map-container iframe {
	border: 0;
	height: 500px;
	width: 100%
}

.home-page-container .contact-section .cta-section {
	margin-top: 2rem;
	text-align: center
}

.home-page-container .contact-section .cta-section button {
	font-size: 1.125rem !important;
	height: 3rem;
	width: 250px
}

.banner-info-modal-container {
	position: relative
}

.banner-info-modal-container .heading {
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 2rem;
	text-align: center
}

.banner-info-modal-container .modal-close-button {
	cursor: pointer;
	position: absolute;
	right: 1rem;
	top: 1rem
}

.banner-info-modal-container .image-section img {
	max-height: 400px;
	object-fit: contain;
	width: 100%
}

.banner-info-modal-container .modal-buttons-container {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: center;
	margin-top: 2rem
}

.banner-info-modal-container .modal-buttons-container .close-button {
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 600;
	height: 3rem;
	width: 300px
}
.card img{
	width:100%;
	height: 400px;
}
.gmap_canvas{
	 width:50%; 
	 padding:10px;
 }
@media screen and (max-width:767px) {
	.home-page-container .flex-container {
		height: auto;
		margin-top: 5rem;
		padding: 2rem 1rem;
		width: 100%
	}

	.home-page-container .flex-container .left-side {
		margin-top: -3rem;
		max-width: 100%
	}
 .gmap_canvas{
	 width:100%; 
	 padding:10px;
 }
	.home-page-container .flex-container .left-side .heading {
		font-size: 1.75rem;
		margin-bottom: .5rem;
		margin-top: 3.6rem;
	}

	.home-page-container .flex-container .left-side .sub-heading {
		font-size: 2.25rem
	}

	.home-page-container .flex-container .left-side .desc {
		font-size: 1rem
	}

	.home-page-container .event-categories-container {
		padding: 3rem 1rem
	}

	.home-page-container .event-categories-container .heading {
		font-size: 1.75rem
	}

	.home-page-container .event-categories-container .list-info-container {
		flex-wrap: wrap;
		gap: 1rem;
		padding-bottom: 0
	}

	.home-page-container .event-categories-container .list-info-container .list-item-card-container {
		width: calc(50% - .5rem)
	}

	.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section,
	.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section .overlay,
	.home-page-container .event-categories-container .list-info-container .list-item-card-container .image-section img {
		height: 125px
	}

	.home-page-container .services-list-container {
		padding: 3rem 1rem
	}

	.home-page-container .services-list-container .content {
		flex-wrap: wrap
	}

	.home-page-container .services-list-container .content .left-side {
		width: 100%
	}

	.home-page-container .services-list-container .content .left-side .heading {
		font-size: 1.75rem;
		text-align: center
	}

	.home-page-container .services-list-container .content .left-side .desc {
		text-align: center
	}

	.home-page-container .services-list-container .content .right-side {
		margin-top: 4rem;
		width: 100%
	}

	.home-page-container .services-list-container .content .right-side .info-flex-container .service-card {
		width: calc(50% - .5rem)
	}

	.home-page-container .contact-section {
		padding: 3rem 1rem
	}

	.home-page-container .contact-section .heading {
		font-size: 1.75rem
	}

	.home-page-container .contact-section .sub-heading {
		color: #4dbad3;
		font-weight: 600;
		margin: 1rem auto;
		max-width: 100%;
		text-align: right
	}

	.home-page-container .contact-section .map-container {
		max-width: 100%
	}

	.home-page-container .contact-section .map-container iframe {
		height: 300px
	}
}

.book-now-page-container {
	margin-top: 10rem !important;
	min-height: 100vh;
	overflow-y: auto
}

.book-now-page-container .theatres-list-container {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 4rem;
	margin-top: 2.2rem
}

.book-now-page-container .theatres-list-container .theatre-card-container {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	box-shadow: 0 3px 9px #f1f1f1;
	cursor: pointer;
	position: relative;
	width: calc(50% - 1rem)
}

.book-now-page-container .theatres-list-container .theatre-card-container .image-section {
	cursor: pointer;
	max-height: 450px
}

.book-now-page-container .theatres-list-container .theatre-card-container .image-section img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: auto;
	max-height: 450px;
	object-fit: cover;
	width: 100%
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section {
	border-top: 1px solid #f1f1f1;
	padding: 1rem;
	padding-top: 0px;
}
.video-player{
float: right; background: #0550b0; margin-left: -150px; margin-top:-39px; z-index: 0; position: relative; padding:10px;color:#fff;cursor:pointer; color:#fff; border-radius:10px;	
}
.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	padding-top: 2rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content .right {
	min-width: 120px;
	text-align: right
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content .right .app-secondary-button {
	border: 1px solid #0550b0 !important;
	font-family: Montserrat, sans-serif !important;
	font-size: .875rem !important;
	font-weight: 700 !important;
	text-transform: none !important
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .name {
	color: #131313;
	font-size: 1.15rem;
	font-weight: 600;
	margin-bottom: .5rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .desc {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #515252;
	display: -webkit-box;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.75;
	overflow: hidden
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price {
	align-items: center;
	background-color: #0550b0;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	font-weight: 600;
	justify-content: space-between;
	padding: 1rem;
	position: absolute;
	right: 0;
	top: 0
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price .left {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 1.25rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price .left svg {
	fill: #fff;
	height: 1.25rem;
	width: 1.25rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: 1rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container .slot-item {
	align-items: center;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	display: flex;
	font-size: .8125rem;
	font-weight: 600;
	padding: .5rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container .slot-item svg {
	margin-right: .5rem
}

.book-now-page-container .theatres-list-container .theatre-card-container .info-section .cta-section {
	bottom: .5rem;
	position: absolute
}

	/* Popup container */
			.popup {
				display: none; /* Hidden by default */
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
				justify-content: center;
				align-items: center;
				z-index: 9999;
			}

			/* Popup content */
			.popup-content {
				background-color: #fff;
				border-radius: 10px;
				padding: 10px;
				text-align: right;
				width: 460px;
			}

			/* Close button */
			.close {
				position: relative;
				/* top: 10px; */
				right: 10px;
				font-size: 36px;
				cursor: pointer;
				color: #000;
				font-weight:bold;
				
			}
  /* Background and Container */
        .main-conatiner {
            margin: 0;
           /* background: linear-gradient(135deg, #0550b0, #72a3f3); */
            color: #000;
            min-height: 100vh;
			padding:20px;
			text-align:center;
        }
		.area-container{
			display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
			/*background: linear-gradient(135deg, #0550b0, #72a3f3);*/
		}
        .container {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            width: 100%;
            max-width: 1200px;
            text-align: center;
            box-sizing: border-box;
        }

        .container h2 {
            margin-bottom: 20px;
        }

        .card-container {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }

        /* Card Style */
        .card {
            background: linear-gradient(180deg, #d2e4fc, #accdfb);
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            width: 300px;
            text-align: left;
            color: #333;
            margin-bottom: 20px;
        }

        .card img {
            width: 100%;
            height: 250px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }

        .card-content {
            padding: 15px;
			text-align: center;
        }

        .card-content h3 {
            margin: 10px 0;
            font-size: 1.5em;
        }

        .card-content p {
            margin: 5px 0;
            color: #666;
        }

        .rating {
            display: flex;
            align-items: center;
            font-size: 1em;
            color: #333;
        }

        .rating img {
            width: 20px;
            margin-left: 5px;
        }

        .features {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            font-size: 0.9em;
        }

        .features div {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .button-container {
            text-align: center;
            margin: 15px 0;
        }

        .button-container .btn {
            background-color: #0550b0;
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            width: 90%;
            text-align: center;
        }

        .book-call {
            background-color: #0550b0;
            color: white;
            padding: 15px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        /* Responsive Style */
        @media (max-width: 768px) {
            .card-container {
                flex-direction: column;
                align-items: center;
            }

            .card {
                width: 100%;
            }
        }
@media screen and (max-width:767px) {
	.book-now-page-container {
		margin: 8rem 1rem 0 !important;
		min-height: 100vh;
		overflow-y: auto
	}
	.popup-content {
		width: 100%;
	}

	.book-now-page-container .theatres-list-container .theatre-card-container {
		width: 100%
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .image-section {
		height: 200px
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .image-section img {
		height: 260px;
		object-fit: cover;
		width: 100%
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section {
		border-top: 1px solid #f1f1f1;
		padding: 1rem;
		padding-top: 3rem;
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content {
		flex-direction: column
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content .right {
		margin-top: .5rem;
		min-width: 100%;
		text-align: left
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .content .right button {
		width: 100% !important
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .name {
		color: #131313;
		font-size: 1.15rem;
		font-weight: 600;
		margin-bottom: .5rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .desc {
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: #515252;
		display: -webkit-box;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.75;
		overflow: hidden
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price {
		align-items: center;
		background-color: #0550b0;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		display: flex;
		font-weight: 600;
		justify-content: space-between;
		padding: 1rem;
		position: absolute;
		right: 0;
		top: 0
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price .left {
		align-items: center;
		color: #fff;
		display: flex;
		font-size: 1.25rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .price .left svg {
		fill: #fff;
		height: 1.25rem;
		width: 1.25rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		margin-top: 1rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container .slot-item {
		align-items: center;
		border: 1px solid #e1e1e1;
		border-radius: 4px;
		display: flex;
		font-size: .8125rem;
		font-weight: 600;
		padding: .5rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .slots-info-container .slot-item svg {
		margin-right: .5rem
	}

	.book-now-page-container .theatres-list-container .theatre-card-container .info-section .cta-section {
		bottom: .5rem;
		position: absolute
	}
	.video-player{
float: right; background: #0550b0; margin-left: -150px; margin-top:20px; z-index: 0; position: relative; padding:10px;color:#fff;cursor:pointer; color:#fff; border-radius:10px;	
}
	.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .image-section {
	  height: 75px;
	  width: 75px;
	  text-align: center;
	  float: center;
	  align-content: center;
	padding-left: 30px;
	}
}

@media screen and (max-width: 767px) {
  .theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container {
    align-items: center;
    background-color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    width: 100%;
  }
}

.theatre-details-page-container {
	margin: 10rem 2rem 2rem !important;
	min-height: 100vh;
	overflow-y: auto
}

.theatre-details-page-container .flex-container {
	align-items: flex-start;
	display: flex;
	gap: 1rem
}

.theatre-details-page-container .flex-container .left-side {
	width: 70%
}

.theatre-details-page-container .flex-container .left-side .theater-details-section {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	display: block;
	gap: 1rem;
	padding: 16px
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .left-section img {
	border-radius: 10px;
	object-fit: cover
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section {
	flex: 1 1
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .name {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .5rem
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .description {
	color: #515252;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: .25rem
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .price {
	align-items: center;
	display: flex;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .allowed-persons-info {
	align-items: center;
	background-color: #d3e4f9;
	border-radius: 5px;
	display: flex;
	font-weight: 600;
	margin-top: 1rem;
	padding: 1rem
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .allowed-persons-info .price {
	margin-top: 0
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slots-available-info {
	align-items: center;
	display: flex;
	font-weight: 500;
	margin-bottom: .5rem;
	margin-top: .5rem
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slots-available-info p {
	margin-bottom: 0;
	margin-top: 0
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container {
	align-items: flex-start;
	display: flex;
	gap: 1rem;
	margin-top: 1.5rem;
	width: 100%
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .date-section,
.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .slot-section {
	width: 40%
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .slot-section .loader-section {
	align-items: center;
	color: #616262;
	display: flex;
	font-weight: 500
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .persons-section {
	width: 20%
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .persons-section label {
	background-color: #fff
}

.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .create-form-input {
	width: 100%
}

.theatre-details-page-container .flex-container .left-side .category-list-container {
	border-radius: 10px;
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .left-side .category-list-container .heading {
	background-color: #eef2f8;
	font-size: 1.25rem;
	font-weight: 600;
	padding: 1rem
}

.theatre-details-page-container .flex-container .left-side .category-list-container p {
	color: #c00
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container {
	align-items: center;
	background-color: #eef2f8;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	padding: 1rem;
	position: relative
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .image-section img {
	border-radius: 5px;
	height: 100px;
	object-fit: cover;
	width: 100px
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .text {
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
	margin-left: 1.5rem
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .text .desc {
	color: #515252;
	font-size: .875rem;
	font-weight: 400;
	margin-top: .5rem
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item {
	color: #ddd;
	position: absolute;
	right: 1rem;
	top: 1rem
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item svg {
	height: 2.5rem;
	width: 2.5rem
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item.selected {
	color: #0550b0
}

.theatre-details-page-container .flex-container .left-side .food-item-card-container.selected {
	border: 2px solid #0550b0
}

.theatre-details-page-container .flex-container .left-side .list-flex-container {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-top: 1rem;
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	box-shadow: 0 3px 9px #f1f1f1;
	display: flex;
	padding: 1rem;
	position: relative;
	width: calc(33.33333% - 1rem)
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .price {
	align-items: center;
	background-color: #0550b0;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	display: flex;
	font-size: .75rem;
	font-weight: 600;
	justify-content: space-between;
	padding: .25rem;
	position: absolute;
	right: 0;
	top: 0
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .price .left {
	align-items: center;
	display: flex
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .price .left svg {
	height: 1rem;
	width: 1rem
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .image-section {
	height: 75px;
	width: 75px
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .image-section img {
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	height: 75px;
	object-fit: cover;
	width: 75px
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .info-section {
	padding-top: .5rem;
	text-align: center;
	width:100%;
	align-content: center;
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .info-section .name {
	color: #131313;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .25rem
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .info-section .desc {
	color: #717272;
	font-size: .875rem
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container .info-section .add-item-section {
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container.active-item {
	border: 2px solid #0550b0
}

.theatre-details-page-container .flex-container .right-side {
	background-color: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	position: fixed;
	right: 2rem;
	top: 10rem;
	width: calc(30% - 2rem);
	z-index: 1000
}

.theatre-details-page-container .flex-container .right-side .content {
	height: calc(100vh - 11rem);
	overflow-y: auto;
	padding: 1rem 1rem 14rem
}

.theatre-details-page-container .flex-container .right-side .content .heading {
	border-bottom: 1px solid #f1f1f1;
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container {
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .theatre-name {
	align-items: center;
	color: #111;
	display: flex;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .theatre-name svg {
	margin-right: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .info-section {
	align-items: center;
	color: #717272;
	display: flex;
	font-weight: 500;
	margin-bottom: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .info-section svg {
	margin-right: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .heading {
	border-bottom: 1px solid #f1f1f1;
	font-weight: 600;
	margin-top: 1rem;
	padding-bottom: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .content-section .item-info-container .heading:first-letter {
	text-transform: uppercase
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .extra-persons-info {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .extra-persons-info .item-heading {
	color: #111;
	font-size: .875rem;
	font-weight: 500
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .extra-persons-info .price {
	align-items: center;
	color: #515252;
	display: flex;
	font-size: .875rem;
	font-weight: 600
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .extra-persons-info .price svg {
	height: 1rem;
	width: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .add-on-item-info-container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .add-on-item-info-container .name {
	color: #111;
	font-size: .875rem;
	font-weight: 500
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .add-on-item-info-container .price {
	align-items: center;
	color: #515252;
	display: flex;
	font-size: .875rem;
	font-weight: 600
}

.theatre-details-page-container .flex-container .right-side .content .summary-info-container .add-on-item-info-container .price svg {
	height: 1rem;
	width: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout {
	background-color: #fff;
	border-top: 1px solid #f1f1f1;
	bottom: 0;
	padding-bottom: 1rem;
	padding-top: 1rem;
	position: absolute;
	width: calc(100% - 2rem)
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .grand-total-info {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .grand-total-info .price {
	align-items: center;
	color: #515252;
	display: flex;
	font-size: 1.5rem;
	font-weight: 600
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .grand-total-info .price svg {
	height: 1.5rem;
	width: 1.5rem
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .grand-total-info .item-heading {
	font-weight: 600
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .sub-heading .price {
	align-items: center;
	color: #515252;
	display: flex;
	font-size: 1rem;
	font-weight: 600
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .sub-heading .price svg {
	height: 1rem;
	width: 1rem
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .grand-total-info-container {
	border-top: 1px solid #f1f1f1;
	padding-top: .5rem
}

.theatre-details-page-container .flex-container .right-side .content .proceed-to-checkout .app-button {
	width: 100%
}

.order-creation-container,
.payment-processing-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 2rem auto;
	max-width: 500px
}

.order-creation-container .image-section img,
.payment-processing-container .image-section img {
	max-height: 4rem
}

.order-creation-container .heading,
.payment-processing-container .heading {
	color: #0550b0;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: .5rem;
	text-align: center
}

.order-creation-container .desc,
.payment-processing-container .desc {
	color: #515252;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center
}

.payment-completed-container {
	align-items: center;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	padding: 1rem
}

.payment-completed-container .image-section img {
	max-height: 3rem
}

.payment-completed-container .info-section {
	margin-left: 1rem
}

.payment-completed-container .info-section .heading {
	color: #0550b0;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: .25rem
}

.payment-completed-container .info-section .desc {
	color: #515252;
	font-size: 1rem;
	line-height: 1.5
}

.order-info-success-container {
	align-items: center;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1rem;
	margin-top: 1rem;
	padding: 1rem
}

.order-info-success-container .image-section img {
	max-height: 2.5rem
}

.order-info-success-container .oi-info-section {
	display: flex;
	flex-direction: column !important;
	margin-left: 1rem
}

.order-info-success-container .oi-info-section .heading {
	color: #0550b0;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: .25rem
}

.order-info-success-container .oi-info-section .desc {
	color: #515252;
	font-size: 1rem;
	line-height: 1.5
}

.order-creation-container {
	margin-top: 2rem
}

.user-info-modal-container .info-flex-container {
	display: flex
}

.user-info-modal-container .info-flex-container .left-side-section {
	border-right: 1px solid #f1f1f1;
	max-height: 600px;
	overflow-y: auto;
	padding: 2rem;
	width: 50%
}

.user-info-modal-container .info-flex-container .left-side-section .main-heading {
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .5rem;
	text-align: center
}

.user-info-modal-container .info-flex-container .left-side-section .heading {
	background-color: #f1f1f1;
	border-radius: 5px;
	color: #333;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.5;
	padding: 1rem
}

.user-info-modal-container .info-flex-container .left-side-section ul {
	padding-left: 1rem
}

.user-info-modal-container .info-flex-container .left-side-section ul li {
	color: #515252;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: .5rem
}

.user-info-modal-container .info-flex-container .right-side-section {
	padding: 2rem
}

.user-info-modal-container .info-flex-container .right-side-section .payment-info {
	background-color: #dceaf7;
	border-radius: 5px;
	color: #2076d2;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1rem;
	padding: 1rem
}

.user-info-modal-container .heading-section {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 2rem
}

.user-info-modal-container .create-form-input {
	font-family: Montserrat, sans-serif;
	margin-bottom: 1.5rem !important;
	width: 100%
}

.user-info-modal-container .create-form-input label {
	font-family: Montserrat, sans-serif !important;
	font-weight: 500
}

.user-info-modal-container .create-form-input input {
	color: #333;
	font-family: Montserrat, sans-serif !important;
	font-size: 1.25rem !important;
	font-weight: 600
}

.user-info-modal-container .error-message {
	color: #ca0202;
	font-weight: 500;
	margin-bottom: 1rem
}

.user-info-modal-container .modal-buttons-container {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: space-between
}

.user-info-modal-container .modal-buttons-container .close-button,
.user-info-modal-container .modal-buttons-container .submit-button {
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 600;
	height: 3rem;
	width: 100%
}

.user-info-modal-container .terms-conditions-link {
	margin-bottom: 1rem
}

.user-info-modal-container .terms-conditions-link .terms-conditions-link-info a {
	color: #0550b0;
	font-weight: 600;
	padding: 0 4px
}

.order-details-page-container {
	margin: 10rem 0
}

.order-details-page-container .theater-details-section {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	display: block;
	gap: 1rem;
	padding: 16px
}

.order-details-page-container .theater-details-section .left-section img {
	border-radius: 10px;
	width: 325px
}

.order-details-page-container .theater-details-section .right-section {
	flex: 1 1;
	padding-top: 3rem;
	position: relative
}

.order-details-page-container .theater-details-section .right-section .name {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .5rem
}

.order-details-page-container .theater-details-section .right-section .description {
	color: #313232;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: .25rem
}

.order-details-page-container .theater-details-section .right-section .order-id {
	align-items: center;
	background-color: #0550b0;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	display: flex;
	font-weight: 600;
	justify-content: space-between;
	padding: 1rem;
	position: absolute;
	right: 0;
	top: 0
}

.order-details-page-container .theater-details-section .right-section .info-section {
	align-items: center;
	color: #717272;
	display: flex;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 1rem
}

.order-details-page-container .theater-details-section .right-section .info-section svg {
	margin-right: .5rem
}

.order-details-page-container .theater-details-section .right-section .price {
	align-items: center;
	display: flex;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 1rem
}

.order-details-page-container .theater-details-section .right-section .slot-form-container {
	align-items: center;
	display: flex;
	gap: 1rem;
	margin-top: 1.5rem;
	width: 100%
}

.order-details-page-container .theater-details-section .right-section .slot-form-container .date-section,
.order-details-page-container .theater-details-section .right-section .slot-form-container .slot-section {
	width: 50%
}

.order-details-page-container .theater-details-section .right-section .slot-form-container .slot-section .loader-section {
	align-items: center;
	color: #616262;
	display: flex;
	font-weight: 500
}

.order-details-page-container .theater-details-section .right-section .slot-form-container .create-form-input {
	width: 100%
}

@media screen and (max-width:767px) {
	.theatre-details-page-container {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.theatre-details-page-container .flex-container {
		flex-direction: column
	}

	.theatre-details-page-container .flex-container .left-side {
		width: 100%
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section {
		display: block
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .left-section img {
		border-radius: 10px;
		min-height: 200px;
		width: 325px
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container {
		display: block
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .date-section {
		margin-bottom: 1rem;
		margin-top: 1rem;
		width: 100%
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .slot-section {
		width: 100%
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .slot-section .loader-section {
		align-items: center;
		color: #616262;
		display: flex;
		font-weight: 500
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .persons-section {
		margin-top: 1rem;
		width: 100%
	}

	.theatre-details-page-container .flex-container .left-side .theater-details-section .right-section .slot-form-container .create-form-input {
		width: 100%
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .image-section img {
		border-radius: 5px;
		height: 64px;
		object-fit: cover;
		width: 64px
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .text {
		color: #333;
		font-size: 1.5rem;
		font-weight: 600;
		margin-left: 1.5rem
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .text .desc {
		color: #515252;
		font-size: .875rem;
		font-weight: 400;
		margin-top: .5rem
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item {
		color: #ddd;
		position: absolute;
		right: .5rem;
		top: .5rem
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item svg {
		height: 1.5rem;
		width: 1.5rem
	}

	.theatre-details-page-container .flex-container .left-side .food-item-card-container .selected-item.selected {
		color: #0550b0
	}

	.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container {
		width: calc(50% - 1rem);
    overflow: hidden;
    display: block;
	}

	.theatre-details-page-container .flex-container .left-side .list-flex-container .theatre-card-container.active-item {
		border: 2px solid #0550b0
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container {
		bottom: 0;
		left: 0;
		position: fixed;
		width: 100%
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container {
		align-items: center;
		background-color: #f1f1f1;
		display: flex;
		justify-content: space-between;
		padding: 1rem;
		width: 100%
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info {
		align-items: center;
		display: flex;
		justify-content: space-between
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info .price {
		align-items: center;
		color: #515252;
		display: flex;
		font-size: 1.5rem;
		font-weight: 600
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info .price svg {
		height: 1.5rem;
		width: 1.5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info .view-more {
		margin-left: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info .view-more svg {
		height: 2rem;
		width: 2rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .info-fixed-container .grand-total-info .item-heading {
		font-weight: 600
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container {
		background: #fff;
		border-top: 1px solid #f1f1f1;
		bottom: 4.5rem;
		max-height: 300px;
		overflow-y: auto;
		padding: 1rem;
		position: absolute;
		width: 100%;
		z-index: 100000
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .theatre-name {
		align-items: center;
		color: #111;
		display: flex;
		font-size: 1rem;
		font-weight: 600;
		margin-bottom: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .theatre-name svg {
		margin-right: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .info-section {
		align-items: center;
		color: #717272;
		display: flex;
		font-weight: 500;
		margin-bottom: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .info-section svg {
		margin-right: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .heading {
		border-bottom: 1px solid #f1f1f1;
		font-weight: 600;
		margin-top: 1rem;
		padding-bottom: .5rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .content-section .item-info-container .heading:first-letter {
		text-transform: uppercase
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .add-on-item-info-container {
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin-top: 1rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .add-on-item-info-container .name {
		color: #111;
		font-size: .875rem;
		font-weight: 500
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .add-on-item-info-container .price {
		align-items: center;
		color: #515252;
		display: flex;
		font-size: .875rem;
		font-weight: 600
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .add-on-item-info-container .price svg {
		height: 1rem;
		width: 1rem
	}

	.theatre-details-page-container .flex-container .booking-summary-xs-container .summary-info-container .checkout-button-container button {
		color: #fff !important
	}

	.user-info-modal-container {
		max-height: 90vh;
		overflow-y: auto;
		width: 100% !important
	}

	.user-info-modal-container .info-flex-container {
		display: flex;
		flex-direction: column
	}

	.user-info-modal-container .info-flex-container .left-side-section {
		margin-bottom: 3rem;
		max-height: 350px;
		overflow-y: scroll;
		padding: 0;
		width: 100%
	}

	.user-info-modal-container .info-flex-container .right-side-section {
		padding: 0;
		width: 100%
	}

	.user-info-modal-container .modal-buttons-container {
		align-items: center;
		display: flex;
		gap: 1rem;
		justify-content: space-between
	}

	.user-info-modal-container .modal-buttons-container .close-button,
	.user-info-modal-container .modal-buttons-container .submit-button {
		font-family: Montserrat, sans-serif;
		font-size: 16px;
		font-weight: 600;
		height: 3rem;
		width: 100%
	}

	.user-info-modal-container .terms-conditions-link {
		margin-bottom: 1rem
	}

	.user-info-modal-container .terms-conditions-link .terms-conditions-link-info a {
		color: #0550b0;
		font-weight: 600;
		padding: 0 4px
	}

	.order-details-page-container {
		margin: 10rem 0
	}

	.order-details-page-container .theater-details-section {
		display: block;
		padding-top: 3rem;
		position: relative
	}

	.order-details-page-container .theater-details-section .left-section img {
		border-radius: 10px;
		min-height: 200px;
		width: 325px
	}

	.order-details-page-container .theater-details-section .right-section {
		position: static
	}

	.order-details-page-container .theater-details-section .right-section .name {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: .5rem
	}

	.order-details-page-container .theater-details-section .right-section .description {
		color: #313232;
		font-size: 1rem;
		margin-bottom: .25rem
	}

	.order-details-page-container .theater-details-section .right-section .order-id {
		align-items: center;
		background-color: #0550b0;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		color: #fff;
		display: flex;
		font-weight: 600;
		justify-content: space-between;
		padding: 1rem;
		position: absolute;
		right: 0;
		top: 0
	}

	.order-details-page-container .theater-details-section .right-section .info-section {
		align-items: center;
		color: #717272;
		display: flex;
		font-size: 1rem;
		font-weight: 500;
		margin-top: 1rem
	}

	.order-details-page-container .theater-details-section .right-section .info-section svg {
		margin-right: .5rem
	}

	.order-details-page-container .theater-details-section .right-section .price {
		align-items: center;
		display: flex;
		font-size: 1.25rem;
		font-weight: 600;
		margin-top: 1rem
	}

	.order-details-page-container .theater-details-section .right-section .slot-form-container {
		align-items: center;
		display: flex;
		gap: 1rem;
		margin-top: 1.5rem;
		width: 100%
	}

	.order-details-page-container .theater-details-section .right-section .slot-form-container .date-section,
	.order-details-page-container .theater-details-section .right-section .slot-form-container .slot-section {
		width: 50%
	}

	.order-details-page-container .theater-details-section .right-section .slot-form-container .slot-section .loader-section {
		align-items: center;
		color: #616262;
		display: flex;
		font-weight: 500
	}

	.order-details-page-container .theater-details-section .right-section .slot-form-container .create-form-input {
		width: 100%
	}
}

.payment-status-page-container {
	min-height: 80vh
}

.payment-status-page-container .loader-container,
.payment-status-page-container .payment-failed-info {
	align-items: center;
	display: flex;
	height: 80vh;
	justify-content: center
}

.payment-status-page-container .payment-failed-info .content {
	background-color: #ff716d;
	border-radius: 16px;
	padding: 3rem;
	width: 600px
}

.payment-status-page-container .payment-failed-info .content .icon-section img {
	margin-bottom: 1rem;
	width: 64px
}

.payment-status-page-container .payment-failed-info .content .heading {
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: .5rem
}

.payment-status-page-container .payment-failed-info .content .desc {
	font-size: 1.25rem;
	line-height: 1.5
}

.app-top-navbar-container {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

.app-top-navbar-container .top-section {
	align-items: center;
	background-color: #0550b0;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: .5rem 2rem
}

.app-top-navbar-container .top-section .app-container-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.app-top-navbar-container .top-section .left-side,
.app-top-navbar-container .top-section .right-side {
	align-items: center;
	display: flex;
	gap: 1rem
}

.app-top-navbar-container .top-section .right-side .menu-icon {
	display: none
}

.app-top-navbar-container .top-section .social-info {
	align-items: center;
	display: flex
}

.app-top-navbar-container .top-section .social-info svg {
	fill: #f1f1f1;
	margin-right: .25rem
}

.app-top-navbar-container .top-section .social-info .info {
	color: #f1f1f1;
	font-weight: 600
}

.app-top-navbar-container .top-section .social-info .info a {
	color: #f1f1f1;
	text-decoration: none
}

.app-top-navbar-container .bottom-section {
	align-items: center;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	display: flex;
	justify-content: space-between;
	padding: .5rem 2rem
}

.app-top-navbar-container .bottom-section .book-now-button {
	display: none
}

.app-top-navbar-container .bottom-section .app-container-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.app-top-navbar-container .bottom-section .app-logo-section a {
	color: #4dbad3;
	font-family: Cookie, sans-serif;
	font-size: 2.5rem;
	font-weight: 600;
	text-decoration: none
}

.app-top-navbar-container .bottom-section .app-logo-section a span {
	color: #0550b0;
	font-family: Cookie, sans-serif
}

.app-top-navbar-container .bottom-section .menu-links-section ul {
	align-items: center;
	display: flex;
	gap: 2rem;
	justify-content: flex-end;
	list-style-type: none
}

.app-top-navbar-container .bottom-section .menu-links-section ul li a {
	color: #333;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none
}

.app-button {
	background-color: #0550b0 !important;
	color: #fff;
	border:none;
	padding: 10px;
	border-radius:5px;
	cursor:pointer;
	font-family: Montserrat, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	text-transform: none !important
}

.app-top-navbar-container.secondary-header .app-container-wrapper {
	max-width: none !important
}
.css-1hw9j7s:hover {
    text-decoration: none;
    background-color: rgb(21, 101, 192);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}
.button-checkslot{
	background-color: transparent;
	padding:6px;
	color:rgb(25, 118, 210);
	cursor: pointer;
}

@media screen and (max-width:767px) {
	.app-top-navbar-container .top-section {
		padding: .5rem 1rem
	}

	.app-top-navbar-container .top-section .right-side .social-info {
		display: none
	}

	.app-top-navbar-container .top-section .right-side .menu-icon {
		display: inline-block
	}

	.app-top-navbar-container .top-section .right-side .menu-icon svg {
		fill: #f1f1f1
	}

	.app-top-navbar-container .bottom-section {
		padding: .5rem 1rem
	}

	.app-top-navbar-container .bottom-section .book-now-button {
		display: inline-block
	}

	.app-top-navbar-container .bottom-section .menu-links-section ul {
		display: none
	}

	.menu-options-container-xs {
		background: #0550b0;
		list-style-type: none;
		padding: 1rem;
		position: absolute;
		top: 5.75rem;
		width: 100%
	}

	.menu-options-container-xs li a {
		border-bottom: 1px solid #83aceb;
		color: #fff;
		display: block;
		font-size: 1rem;
		font-weight: 600;
		padding: 1rem 0;
		text-decoration: none
	}

	.menu-options-container-xs li:last-child a {
		border-bottom: 0
	}
}

.app-foote-container .top-section {
	border-top: 1px solid #f1f1f1;
	padding: 3rem 0
}

.app-foote-container .top-section .app-container-wrapper {
	display: flex;
	justify-content: space-between
}

.app-foote-container .top-section .right-section {
	display: flex;
	gap: 4rem;
	justify-content: space-between
}

.app-foote-container .top-section .right-section .app-links-section .heading {
	color: #4dbad3;
	font-size: .75em;
	font-weight: 600;
	margin-bottom: 1rem;
	text-align: right
}

.app-foote-container .top-section .right-section .app-links-section ul {
	list-style-type: none;
	margin: 0
}

.app-foote-container .top-section .right-section .app-links-section ul li {
	margin-bottom: 1.5rem;
	text-align: right
}

.app-foote-container .top-section .right-section .app-links-section ul li a {
	color: #333;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none
}

.app-foote-container .top-section .social-info-section {
	align-items: center;
	display: flex;
	margin-top: 0.5rem;
	justify-content: center;
}

.app-foote-container .top-section .contact-info-section .heading {
	color: #4dbad3;
	font-size: .75em;
	font-weight: 600;
	margin-bottom: 0.5rem
}

.app-foote-container .top-section .social-info {
	align-items: center;
	display: flex;
	margin-bottom: 0.5rem
}

.app-foote-container .top-section .social-info svg {
	fill: #4dbad3;
	margin-right: 1rem
}

.app-foote-container .top-section .social-info .info {
	color: #333;
	font-weight: 600
}

.app-foote-container .top-section .social-info .info a {
	color: #333;
	text-decoration: none
}

.app-foote-container .bottom-section {
	background-color: #0550b0;
	padding: 1rem;
	text-align: center
}

.app-foote-container .bottom-section .developed-by {
	color: #fff;
	margin-bottom: .5rem
}

.app-foote-container .bottom-section .developed-by a {
	color: #4dbad3;
	font-weight: 600
}

.app-foote-container .bottom-section .copy-right-text {
	color: #e1e1e1;
	font-weight: 600
}

.app-foote-container .app-logo-section {
	color: #4dbad3;
	font-family: Cookie, sans-serif;
	font-size: 2.5rem;
	font-weight: 600
}

.app-foote-container .app-logo-section span {
	color: #0550b0;
	font-family: Cookie, sans-serif
}

.secondary-footer .app-container-wrapper {
	max-width: none !important;
	padding: 0 2rem
}

@media screen and (max-width:767px) {
	.app-foote-container .top-section {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem
	}

	.app-foote-container .top-section .social-info {
		text-align: center !important
	}

	.app-foote-container .top-section .social-info .info {
		justify-content: center !important
	}

	.app-foote-container .top-section .social-info .info svg {
		margin-right: 0
	}

	.app-foote-container .top-section .app-container-wrapper {
		flex-wrap: wrap
	}

	.app-foote-container .top-section .app-container-wrapper .left-section {
		width: 100%
	}

	.app-foote-container .top-section .app-container-wrapper .left-section .app-logo-section {
		display: flex;
		justify-content: center
	}

	.app-foote-container .top-section .app-container-wrapper .right-section {
		flex-wrap: wrap;
		gap: 1rem
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .app-links-section {
		width: 100%
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .app-links-section .heading {
		display: none
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .app-links-section ul {
		list-style-type: none;
		margin: 0;
		padding: 0
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .app-links-section ul li {
		margin-bottom: 0.5rem;
		text-align: center
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .app-links-section ul li a {
		color: #333;
		font-size: 1rem;
		font-weight: 600;
		text-decoration: none
	}

	.app-foote-container .top-section .app-container-wrapper .right-section .contact-info-section {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0
}

body,
body * {
	font-family: Montserrat, sans-serif
}

body * {
	box-sizing: border-box
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.app-page-flex-container {
	display: flex;
	width: 100%
}

.login-header-container {
	align-items: center;
	border-bottom: 1px solid #f1f1f1;
	display: flex;
	height: 3.5rem;
	justify-content: flex-end;
	padding-right: 1rem
}

.login-header-container .user-details {
	align-items: center;
	display: flex;
	margin-right: 1rem
}

.login-header-container .user-details span {
	font-weight: 600
}

.login-header-container .user-details svg {
	margin-right: .5rem
}

.login-header-container .logout-button {
	cursor: pointer
}

.app-loader-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 1rem;
	width: 100%
}

.app-loader-container .loader-image img {
	height: 100%;
	margin-bottom: .5rem;
	max-height: 100px;
	max-width: 100px;
	width: 100%
}

.app-container-wrapper {
	margin: auto;
	max-width: 1200px
}

.static-pages-container {
	margin-bottom: 8rem;
	margin-top: 12rem
}

.static-pages-container .heading {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 3rem;
	text-align: center
}

.static-pages-container .content {
	background-color: #f1f1f1;
	border-radius: 10px;
	margin: auto;
	max-width: 90%;
	padding: 2rem
}

.static-pages-container .content ul li {
	color: #414242;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.75;
	margin-bottom: .5rem
}

.static-pages-container .content .info {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 2;
	padding: 2rem;
	position: relative;
	text-align: center
}

.static-pages-container .content .info:before {
	color: #0550b0;
	content: "❝";
	font-size: 4rem;
	line-height: 0;
	margin-right: 1rem
}

.static-pages-container .content .info:after {
	color: #0550b0;
	content: "❞";
	font-size: 4rem;
	line-height: 0;
	margin-left: 1rem
}

.static-pages-container .content table {
	border-collapse: collapse;
	margin-left: 2.5rem;
	width: calc(100% - 5rem)
}

.static-pages-container .content table tr th {
	background-color: #0550b0;
	color: #fff;
	padding: .75rem
}

.static-pages-container .content table td {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #414242;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.75;
	margin-bottom: .5rem;
	padding: .5rem 1rem
}

.whatsapp-icon-section {
	align-items: center;
	background-color: #25d366;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	bottom: 15rem;
	display: flex;
	height: 3rem;
	justify-content: center;
	position: fixed;
	right: 0;
	width: 3rem
}

.whatsapp-icon-section svg {
	fill: #fff
}

@media screen and (max-width:767px) {
	.static-pages-container {
		margin-top: 10rem
	}

	.static-pages-container .heading {
		font-size: 1.75rem;
		font-weight: 700;
		margin-bottom: 3rem;
		text-align: center
	}

	.static-pages-container .content {
		background-color: #f1f1f1;
		border-radius: 10px;
		margin: auto;
		max-width: 95%;
		padding: 2rem
	}

	.static-pages-container .content ul li {
		color: #414242;
		font-size: .875rem;
		font-weight: 500;
		line-height: 1.5;
		margin-bottom: .5rem
	}

	.static-pages-container .content .info {
		font-size: 1.25rem;
		font-weight: 600;
		line-height: 1.5;
		padding: 1rem;
		position: relative;
		text-align: center
	}

	.static-pages-container .content .info:before {
		color: #0550b0;
		content: "❝";
		font-size: 3rem;
		line-height: 0;
		margin-right: 1rem
	}

	.static-pages-container .content .info:after {
		color: #0550b0;
		content: "❞";
		font-size: 3rem;
		line-height: 0;
		margin-left: 1rem
	}

	.static-pages-container .content table {
		border-collapse: collapse;
		margin-left: 2.5rem;
		width: calc(100% - 5rem)
	}

	.static-pages-container .content table tr th {
		background-color: #0550b0;
		color: #fff;
		padding: .75rem
	}

	.static-pages-container .content table td {
		background-color: #fff;
		border: 1px solid #ddd;
		color: #414242;
		font-size: .75rem;
		font-weight: 500;
		line-height: 1.75;
		margin-bottom: .5rem;
		padding: .5rem 1rem
	}
}
.booking-summary-xs-container{
	display:none;
}
.booking-form {
			display: flex;
			gap: 20px;
			padding: 20px;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 8px;
			width:100%;
		}

@media screen and (max-width:767px) {
	.booking-summary-xs-container{
		display:block;
	}
	.theatre-details-page-container .flex-container .right-side{
		display:none !important;
	}
	.booking-form {
			gap: 20px;
			padding: 20px;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 8px;
			width:100%;
			display: block;
		}
}