@font-face {
    font-family: Aeromira Classic;
    src: url('/fonts/Aeromira Classic.ttf');
}

@font-face {
    font-family: England Reality;
    src: url('/fonts/england_reality.otf');
}

:root {
	--dark: #00113C;
	--white: #fff;
	--light: #F5F5F5;
	--orange: #EF8315;
	--gray: #A6A6A6;
	--dark-font: #333333;
	--purple: #70629A;
	--magenta: #E5089A;
}

*, *::before, *::after {
	box-sizing: border-box !important;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Merriweather Sans', sans-serif;
	color: var(--dark-font);
}

.container-main {
	max-width: 1170px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: initial;
}

dl, ol, ul, p {
	margin-bottom: 0;
}

main {
	background-color: var(--white);
	/* padding-top: 75px;
	padding-bottom: 75px; */
	min-height: calc(100vh - 200px);
}

a {
	text-decoration: none !important;
}

#toast-cookie {
	background-color: var(--dark) !important;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15) !important;
}

.modal {
	/* margin-top: 85px; */
	z-index: 10000;
}

.form-select#event-select, .form-select#room-select, .form-control#ticket_num, .form-select#office-period-select, .form-select#office-add-time-select {
	border: none !important;
}

.form-select > option {
	font-family: 'Merriweather Sans', sans-serif !important;
	font-weight: 500 !important;
}

.form-control, .form-select {
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	padding: .5rem .8rem;
}

.fa-clipboard {
	color: var(--orange) !important;
	font-size: 22px !important;
}

.form-control#calendar-office-id, .form-control#calendar-id  {
	border: 1px solid #D9D9D9 !important; 
}

.form-control::placeholder {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #858585;
}

.btn {
	text-transform: uppercase;
	border-radius: 40px;
}

.btn, .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.07em;
	border-radius: 0;
	box-shadow: none !important;
}

.swal2-container {
	z-index: 10001 !important;
}

#add-to-cart-btn {
	/* font-size: 20px !important; */
	/* font-weight: 600; */
}

.add-to-cart-btn-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.add-to-cart-btn-flex > * + * {
	margin-left: 10px;
} 

.btn:disabled {
	background-color: var(--gray) !important;
	border-color: var(--gray) !important;
}

.btn-primary, .btn-secondary, .btn-danger {
	border-radius: 40px !important;
	transition: all 250ms ease-in-out;
}

.btn-primary:hover, .btn-secondary:hover {
	transform: translateY(-5px) !important;
}

.btn-primary, .btn-primary:active, .btn-primary:focus,
.swal2-styled.swal2-confirm, .swal2-styled.swal2-confirm:active, .swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-cancel, .swal2-styled.swal2-cancel:active, .swal2-styled.swal2-cancel:focus {
	color: var(--white) !important;
	background-color: var(--orange) !important;
	border-color: var(--orange) !important;
}

.swal2-styled.swal2-confirm, 
.swal2-styled.swal2-cancel {
	border-radius: 0 !important;
}

.swal2-icon.swal2-info {
	border-color: var(--orange) !important;
	color: var(--orange) !important;
}

.btn-primary:hover {
	background-color: var(--white) !important;
	border-color: var(--orange) !important;
	color: var(--orange) !important;
}

.font-14 {
	font-size: 14px;
}

.font-w-500 {
	font-weight: 500;
}

.font-dark {
	color: var(--dark-font) !important;
}

.font-green {
	color: var(--orange) !important;
}

.pad-in-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.form-container {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.company_data {
	display: none;
}

.door-opening-buttons-container {
	margin-bottom: 70px;
	margin-top: 40px;
}

.row-opening-door-data {
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
	padding: 30px 0;
}

.blank-link {
	text-decoration: none !important;
	color: inherit !important;
}

.blank-link-custom {
	text-decoration: none !important;
	color: transparent !important;
}

.alert-success {
	background-color: #e1eac6 !important;
	border: 1px solid var(--orange) !important;
}

.alert-danger {
	background-color: rgba(192, 5, 5, 0.2);
}

.container-custom {
	padding-top: 85px;
}

.famous-moment-img img {
	height: 75px;
	width: auto !important;
}

.stripe-img {
	width: 80px !important;
}

.stripe-img-cont {
	margin-top: 20px;
}

@media (max-width: 768px) {
	main {
		/* padding-top: 50px;
		padding-bottom: 50px; */
	}

	.container-main {
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		/* overflow-x: hidden; */
	}

	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.row > * {
		padding-left: 0;
		padding-right: 0;
	}

	.lower-booking-btn {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.row-opening-door-data {
		padding-left: 5%;
		padding-right: 5%;
	}

	.col-door-open-text {
		margin-top: 25px;
	}

	.add-to-cart-btn-flex {
		flex-direction: column;
	}
	
	.add-to-cart-btn-flex > * + * {
		margin-top: 10px;
	} 

	.container-checkout-check {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

.datepicker {
	margin-top: 87px !important;
}

.tempus-dominus-widget {
	margin-top: 3px !important;
}

.section-main-general {
	padding-top: 75px;
	padding-bottom: 75px;
}

/* Header ========================================================= */

header {
	background-color: var(--dark);
	height: 85px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}

main {
	margin-top: 85px;
}

header nav, .header-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo-img {
	width: 180px;
}

/* .header-menu {
	gap: 25px;
} */

.header-menu > * + * {
	margin-left: 45px;
}

.header-menu-link {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none !important;
}

.header-menu-link:active, .header-menu-link:hover, .header-menu-link.active {
	color: var(--orange);
}

.cart-icon, .auth-icon {
	width: 38px;
	height: 38px;
}

.header-profile {
	display: flex;
	align-items: center;
	/* gap: 75px; */
}

.header-profile > * + * {
	margin-left: 45px;
}

.header-profile-cont {
	display: flex;
	align-items: center;
	/* margin-right: 50px; */
}

.header-logo-cont {
	display: flex;
	align-items: center;
}

.header-logo-cont i {
	font-size: 20px !important;
	color: var(--orange) !important;
}

.header-logo-cont > * + * {
	margin-left: 20px;
}

.profile-dropdown-link {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff !important;
	text-decoration: none !important;
}

.header-profile .dropdown .dropdown-toggle::after {
	color: var(--orange);
}

.mobile-menu-btn-box {
	display: none;
}

.header-menu .header-logo-img {
	display: none;
}

.my-toggler-btn i {
	color: var(--orange);
}

.header-cart {
	position: relative;
}

.cart-badge {
	position: absolute;
	height: 26px;
	width: 26px;
	display: flex;
	border-radius: 50%;
	background-color: var(--orange);
	color: #fff;
	align-items: center;
	justify-content: center;
	right: -15px;
	top: -10px;
	font-size: 14px;
}

.ms-logo {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #fff;
}

#user-name {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
}

.main-logo-img {
	height: 38px;
}

.main-logo-img-mobile {
	height: 30px;
	display: none;
}

.mem-sec-mobile {
	display: none;
}

.modal-view-booking span{
	font-weight: 500;
}

@media (max-width: 1020px) {
	.header-menu > * + * {
		margin-left: 35px;
	}
}

@media (max-width: 991px) {
	.mobile-menu-btn-box, .header-menu .header-logo-img, .main-logo-img-mobile {
		display: block;
	}
	
	.header-logo .header-logo-img, .header-menu-item, .main-logo-img, .mem-sec-link {
		display: none;
	}

	.mem-sec-mobile {
		display: flex;
	}

	.mem-sec-text {
		font-size: 14px !important;
	}
}

@media (max-width: 768px) {
	.header-logo-img {
		width: 130px;
	}

	.header-logo-cont {
		display: none;
	}

	.header-profile-cont {
		margin-right: 0;
	}

	/* .header-profile {
		gap: 35px;
	} */

	.header-profile > * + * {
		margin-left: 35px;
	}

	header {
		/* height: 90px; */
		height: 60px;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 9999;
	}

	footer {
		z-index: 10000;
		position: relative;
	}

	main {
		margin-top: 60px;
	}

	.cart-icon, .auth-icon {
		width: 30px;
		height: 30px;
	}

	#user-name, #login-text {
		display: none;
	}

	.header-profile-cont .dropdown {
		margin-left: -11px;
	}

	.profile-dropdown-link {
		font-size: 14px;
		line-height: 11px;
	}

	.cart-badge {
		height: 22px;
		width: 22px;
		right: -15px;
		top: -8px;
		font-size: 11px;
	}
}

/* Homepage =================================================== */

.section-opening {
	position: relative;
}

.opening-slider-img {
	display: block;
	width: 100%;
	height: calc(100vh - 85px);
	object-fit: cover;
	-webkit-animation: zoomAnim 20s;
	animation: zoomAnim 20s;
	object-fit: cover;
}

@keyframes zoomAnim {
	from {
		transform: scale(1, 1);
	}
	to {
		transform: scale(1.5, 1.5);
	}
}

#slider-timer-text {
	font-style: normal;
	font-weight: 800;
	font-size: 60px;
	line-height: 20px;
	display: block;
	text-align: center;
	letter-spacing: 0.07em;	
	color: rgba(255, 255, 255, 0.4);
	position: absolute;
	left: 100px;
	width: max-content;
	top: 0;
	bottom: 0;
	z-index: 100;
	/* margin-left: auto;
	margin-right: auto; */
	/* transform: rotate(-90deg); */
	writing-mode: vertical-lr;
	transform: scale(-1, -1);
}

#openingSlider .carousel-item > div, .owl-carousel > div {
	position: relative;
}

.frame1-text, .frame3-text {
	font-family: 'Aeromira Classic', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 60px;
	line-height: 20px;
	color: #FFFFFF;
}

.frame1--text-box, .frame3--text-box {
	position: absolute;
	right: 90px;
	bottom: 80px;
}

.frame2-text, .frame0-text{
	font-family: 'England Reality', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 160px;
	line-height: 20px;
	color: #FFFFFF;
}

.frame2--text-box, .frame0--text-box {
	position: absolute;
	right: 90px;
	bottom: 80px;
}

.frame4-big-text {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 70px;
	color: #FFFFFF;
}

.frame4-small-text {
	font-family: 'Aeromira Classic', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 70px;
	color: #FFFFFF;
}

.frame4--text-box {
	position: absolute;
	width: max-content;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-eternal {
	padding-top: 65px;
	padding-bottom: 20px;
	background-image: url('../images/section_bg.webp');
	background-size: 100% 100%;
	/* background-repeat: repeat; */
	/* background-color: rgba(0, 17, 59, 0.7);
	background-blend-mode: color; */
}

.inner-eternal-div {
	background-color: #00113B;
}

.section-eternal .eternal-heading {
	margin-bottom: 25px;
}

.eternal-heading {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 70px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.eternal-para, .eternal-para-bold {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

.col-eternal .para-width-cont {
	width: 80%;
	margin: 0 auto;
}

.eternal-para-bold {
	display: block;
	font-weight: 900 !important;
	color: #fff !important;
}

.eternal-para-bold-custom {
	font-weight: 900 !important;
	color: #fff !important;
}

.btn-padding-1 {
	padding: 10px 50px;
}

.btn-padding-2 {
	padding: 7px 35px;
}

.btn-padding-3 {
	padding: 7px 40px;
}

.row-individual {
	margin-top: 100px;
}

.row-individual .para-width-cont {
	width: 90%;
	margin-bottom: 30px;
}

.row-individual .second-ind-para {
	margin-bottom: 30px;
}

.individual-heading {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #70629A;
}

.row-individual .individual-heading {
	margin-bottom: 35px;
}

.row-individual .eternal-para {
	margin-bottom: 30px;
}

.certificate-img-cont, .utc-img-cont {
	height: 100%;
	margin-left: 50px;
	-webkit-box-shadow: 21px -23px 0px 0px #82899a;
	-moz-box-shadow: 21px -23px 0px 0px #82899a;
	box-shadow: 21px -23px 0px 0px #82899a;
	border-radius: 10px;
}

.certificate-img, .utc-img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.what-to-do-heading {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.row-what-to-do {
	margin-top: 120px;
}

.row-what-to-do .eternal-para {
	margin-top: 40px;
}

.what-to-do-order {
	font-family: 'Aeromira Classic', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #70629A;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 30px;
	letter-spacing: 0.05em;
	padding-left: 4px;
}

.col-what-to-do-heading {
	margin-bottom: 50px;
}

.row-what-to-do .eternal-para {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.col-what-to-do-heading .para-width-cont {
	width: 60%;
	margin: 0 auto;
}

.row-certificate {
	margin-top: 120px;
}

.row-certificate .individual-heading {
	margin-bottom: 20px;
}

.certificate-mini-cont {
	height: 50%;
	margin-bottom: 5px;
	border-radius: 10px;
}

.row-cert-img {
	margin-right: 25px;
}

.certificate-cont {
	height: 100%;
	border-radius: 10px;
}

.certificate-img {
	border-radius: 10px;
}

.certificate-mini-img {
	width: 200px;
	border-radius: 10px;
}

.rating-name {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--orange);
}

.row-bottom .what-to-do-heading {
	margin-bottom: 60px;
}

.row-bottom .eternal-para {
	max-width: 80%;
}

.row-bottom {
	padding-top: 100px;
}

.row-utc {
	margin-top: 120px;
	padding-bottom: 70px;
}

.row-utc .individual-heading {
	margin-bottom: 35px;
}

.row-famous .what-to-do-heading {
	margin-bottom: 35px;
}

.row-famous {
	padding-bottom: 50px;
}

.row-utc .eternal-para {
	margin-bottom: 30px;
}

.what-to-btn-cont {
	margin-top: 3rem;
}

@media (max-width: 1180px) {
	.section-eternal {
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media (max-width: 991px) {
	.certificate-mini-img {
		width: 100%;
	}

	.frame1-text, .frame3-text {
		font-size: 45px;
	}

	.frame2-text, .frame0-text{
		font-size: 80px;
	}

	.frame4-big-text {
		font-size: 35px;
	}
	
	.frame4-small-text {
		font-size: 25px;
	}

	.certificate-img-cont, .utc-img-cont {
		height: max-content;
		margin-left: 0;
	}

	.row-what-to-do .eternal-para {
		margin-top: 15px;
	}

	.col-what-order {
		margin-bottom: 40px;
	}

	.what-to-btn-cont {
		margin-top: 1rem;
	}

	.row-what-to-do {
		margin-top: 80px;
	}

	.row-individual {
		margin-top: 80px;
	}

	.row-certificate {
		margin-top: 80px;
	}

	.col-certificate-text {
		margin-top: 50px;
	}

	.row-bottom {
		padding-top: 80px;
	}

	.row-bottom .what-to-do-heading {
		margin-bottom: 40px;
	}

	.col-feedback {
		margin-bottom: 25px;
	}

	.row-utc {
		margin-top: 60px;
	}

	.col-ind-1, .col-utc-1 {
		order: 2;
		margin-top: 50px;
	}

	.col-ind-2, .col-utc-2 {
		order: 1;
	}
}

@media (max-width: 768px) {
	.frame4-small-text {
		font-size: 20px;
	}

	.opening-slider-img {
		height: 35vh;
	}

	.section-eternal {
		padding-top: 45px;
		padding-left: 8%;
		padding-right: 8%;
		padding-bottom: 20px;
	}

	.eternal-heading {
		font-size: 31px;
	}

	.eternal-para {
		line-height: 26px;
	}

	.what-to-do-heading {
		font-size: 20px;
		line-height: 28px;
	}

	.col-what-to-do-heading .para-width-cont {
		width: 100%;
	}

	.btn-padding-3 {
		padding: 10px 50px;
	}

	#slider-timer-text {
		font-size: 35px;
		left: 30px;
	}

	.frame1--text-box, .frame3--text-box {
		position: absolute;
		right: 30px;
		bottom: 20px;
	}

	.frame2--text-box, .frame0--text-box {
		position: absolute;
		right: 30px;
		bottom: 20px;
	}

	.col-eternal .para-width-cont {
		width: 100%;
	}

	.individual-to-shop, .utc-to-shop {
		text-align: center;
	}

	.section-eternal {
		background-image: url('../images/section_bg_mobile.webp');
	}
	
}

@media (max-width: 680px) {
	.certificate-cont {
		margin-left: 20px;
	}

	.certificate-mini-img {
		width: 90%;
	}
}

@media (max-width: 480px) {
	.section-eternal {
		background-image: url('../images/section_bg_mobile_small.webp');
	}
}

/* Cart & Checkout ============================================= */

.shopping-cart-container {
	margin-top: 50px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.shopping-cart-container-custom {
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.shopping-cart-cont-header {
	border-bottom: 1px solid #C5C5C5;
	padding-top: 20px;
	padding-bottom: 20px;
}

.add-to-cart-text {
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.07em;
}

.shopping-cart-header-text {
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: var(--dark-font);
}

.shopping-cart-header, .shopping-cart-footer {
	display: flex;
	align-items: center;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.sc-1 {
	text-align: center;
	flex-basis: 5%;
}

.sc-2 {
	flex-basis: 40%;
}

.sc-3 {
	flex-basis: 15%;
}

.sc-4 {
	flex-basis: 12%;
}

.sc-5 {
	flex-basis: auto;
}

.sc-2-custom {
	flex-basis: 50%;
}

.sc-3-custom {
	flex-basis: 16%;
}

.sc-4-custom {
	flex-basis: 16%;
}

.cart-item {
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.cart-item-nr-text {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: var(--dark-font);
}

.cart-item-period-text {
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: var(--dark-font);
}

.shopping-cart-cont-footer {
	border-top: 1px solid #C5C5C5;
	padding-bottom: 30px;
	padding-top: 10px;
}

.recheck-btn {
	background-color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: var(--dark-font) !important;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2) !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

button.recheck-btn {
	border: none;
}

.shopping-cart-footer {
	justify-content: space-between;
	padding-left: 3%;
	padding-right: 23%;
	margin-bottom: 50px;
}

.shopping-cart-footer-custom {
	padding-right: 8%;
}

.shopping-cart-body-item {
	margin-top: 10px;
	margin-bottom: 10px;
}

.shopping-cart-body-item:hover {
	background-color: rgba(217, 217, 217, 0.2); 
}

.shopping-cart-body-item.expired, .shopping-cart-body-item.no-cert {
	background-color: rgba(192, 5, 5, 0.2);
}

.shopping-cart-body-item.expired .sc-2 > span,
.shopping-cart-body-item.expired .sc-3 > span,
.shopping-cart-body-item.expired .sc-4 > span,
.shopping-cart-body-item.expired .sc-5 > span,
.shopping-cart-body-item.no-cert .sc-2 > span,
.shopping-cart-body-item.no-cert .sc-3 > span,
.shopping-cart-body-item.no-cert .sc-4 > span,
.shopping-cart-body-item.no-cert .sc-5 > span  {
	color: #858585 !important;
}

.filter-option-inner-inner {
	text-transform: none !important;
	font-family: "Merriweather Sans", sans-serif !important;
}

#warn-text {
	color:#c00505;
	font-size: 15px;
}

.countdown-timer-cont {
	display: flex;
	align-items: center;
	/* gap: 15px; */
}

.countdown-timer-cont > * + * {
	margin-left: 15px;
}

.countdown-timer-cont > span {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.07em;
	color: var(--dark-font);
}

.remaining-time-label {
	background: #FFFFFF;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 35px;
	padding-right: 35px;
}

.amount-flex {
	display: flex;
	align-items: center;
	/* gap: 50px; */
}

.amount-flex > * + * {
	margin-left: 50px;
}

.amount-flex > span:first-child {
	width: 60px;
	text-align: right;
}

.disabled-tooltip {
	margin-left: 15px;
}

.disabled-tooltip > i {
	color: var(--orange) !important;
	font-size: 20px !important;
}

.tooltip-inner {
    background-color: #e1eac6;
	padding: 15px 15px;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #e1eac6 !important;
}

#toastRecheck {
	background: var(--orange) !important;
	border: 1px solid var(--orange) !important;
	padding: 15px;
	margin-right: 25px;
	margin-bottom: 25px;
}

.shopping-cart-header-mobile {
	display: none;
}

.mobile,
.shopping-cart-footer-flex-mobile {
	display: none;
}

.shopping-cart-footer-flex {
	display: flex;
	align-items: center;
	/* gap: 2.5rem; */
}

.shopping-cart-footer-flex > * + * {
	margin-left: 2.5rem;
}

.cont-checkout-summary {
	margin-top: 100px;
}

.login-link-checkout {
	text-decoration: none !important;
	color: var(--orange) !important;
}

.calendar-item-for-booking-edit {
	padding-left: 50px !important;
	padding-right: 50px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
} 

@media (max-width: 768px) {
	.shopping-cart-container {
		margin-top: 25px;
	}

	.shopping-cart-footer-custom {
		padding-right: 23%;
	}

	.shopping-cart-footer {
		margin-bottom: 30px;
	}

	.shopping-cart-cont-footer {
		padding-bottom: 20px;
	}

	.shopping-cart-header {
		display: none;
	}

	.shopping-cart-header-mobile {
		display: flex;
		align-items: center;
		max-width: 100%;
		padding-left: 50px;
	}

	.shopping-cart-header-mobile > .scm-1 {
		flex-basis: 70%;
	}

	.sc-1 {
		text-align: center;
		flex-basis: 50px;
	}

	.sc-2 {
		display: flex;
		flex-direction: column;
		/* gap: 3px; */
		flex-basis: 60%;
	}

	.sc-2 > * + * {
		margin-top: 3px;
	}

	.sc-3,
	.sc-4,
	.shopping-cart-footer-flex {
		display: none;
	}

	.countdown-timer-cont {
		flex-direction: column;
		justify-content: center;
		/* gap: 0; */
	}

	.countdown-timer-cont > * + * {
		margin-top: 0;
	}

	.mobile {
		display: block;
	}

	.shopping-cart-cont-body .shopping-cart-header-text {
		font-size: 13px;
	}

	.cart-item-period-text.mobile {
		font-size: 14px;
	}

	.shopping-cart-footer .recheck-btn,
	.shopping-cart-footer .shopping-cart-header-text {
		font-size: 13px;
	}

	.shopping-cart-footer-flex-mobile {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		/* gap: 5px; */
	}

	.shopping-cart-footer-flex-mobile > * + * {
		margin-left: 5px;
	}

	/* .amount-flex {
		gap: 30px;
	} */

	.amount-flex > * + * {
		margin-left: 30px;
	}

	.cont-checkout-summary {
		margin-top: 30px;
	}

	.p-mobile {
		padding-left: 50px;
	}

	label {
		font-size: 14px;
	}

	.row-checkout-form {
		padding-left: 8%;
		padding-right: 8%;
	}

	
	.span-editBooking {
		margin-left: 0 !important;
	}
}

#inp-md-real {
	display: none;
}

#time {
	display: none;
}

.tempus-dominus-widget {
	min-height: unset !important;
}

.pwd-div {
	position: relative;
}

.mem-sec-text {
	color: #fff;
	font-size: 17px;
}

.pwd-div i {
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 18px;
}

.cont-padd {
	padding-top: 80px;
}

/* Footer ===================================================== */

.footer-main {
	background-color: var(--dark);
	padding-top: 75px;
	padding-bottom: 65px;
}

.footer-logo-img, .footer-text {
	width: 200px
}

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

.footer-text > span {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.footer-link, .footer-header-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none !important;
}

.footer-link:active, .footer-link:hover {
	color: var(--orange);
}

.footer-doc-links, .footer-auth-links {
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
}

.footer-doc-links > * + *, .footer-auth-links > * + * {
	margin-top: 10px;
}

.footer-header-text {
	display: block;
	text-decoration: unset !important;
	margin-bottom: 10px;
}

.other-projects-list > li {
	color: #fff;
	margin-bottom: 10px;
}

.other-projects-list > li > a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none !important;
}

.other-projects-list > li > a:hover, .other-projects-list > li > a:active {
	color: var(--orange);
} 

.footer-doc-links, .footer-projects, .footer-auth-links {
	padding-top: 25px;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

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

.footer-bottom-text {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #333333;
}

.payment-icon-img {
	height: 35px;
}

.row-banners {
	margin-right: 64px;
}

.footer-link-cont {

}

.footer-link-cont a {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #FFFFFF;
	text-decoration: none !important;
}

.footer-links {
	display: flex;
	flex-direction: column;
}

.footer-links > * + * {
	margin-top: 10px;
}

.footer-link-cont a:hover {
	color: var(--orange);
}

.footer-para {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
}

.col-footer-logo .footer-para {
	margin-top: 40px;
}

.footer-logo-cont {
	display: flex;
	align-items: center;
	width: max-content;
	margin-top: 45px;
}

.foot-socials-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: max-content;
	margin-left: auto;
}

.footer-logo-cont i {
	font-size: 30px !important;
	color: var(--orange) !important;
}

.footer-logo-cont > * + * {
	margin-left: 20px;
}

.footer-bottom-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 991px) {
	.footer-doc-links, .footer-projects, .footer-auth-links {
		margin-left: unset;
		margin-right: unset;
	}

	.col-footer-logo .main-logo-img-mobile {
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.footer-logo-img {
		width: 130px;
	}

	.footer-main {
		padding-top: 35px;
		padding-bottom: 35px;
		padding-left: 8%;
		padding-right: 8%;
	}

	.col-links-1 .footer-links {
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		text-align: center;
	}

	#col-f-1 {
		order: 1;
	}

	#col-f-4 {
		order: 2;
		padding-top: 0;
	}

	#col-f-2 {
		order: 3;
	}

	#col-f-3 {
		order: 4;
	}

	#col-f-1 .footer-text {
		margin-top: 10px;
	}

	#col-f-3 > .footer-projects, #col-f-4 > .footer-auth-links {
		margin-left: auto;
	}

	.footer-bottom {
		padding-left: 8%;
		padding-right: 8%;
	}

	.payment-icon-img {
		height: 25px;
	}

	.row-banners {
		margin-top: 30px;
	}

	.foot-socials-cont {
		margin-right: auto;
		margin-top: 45px;
	}
}

@media (max-width: 576px) {
	.payment-icon-img {
		height: 20px;
	}

	.footer-bottom .footer-bottom-text {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.footer-bottom-flex {
		flex-direction: column;
	}

	.footer-bottom-flex > * + * {
		margin-top: 15px;
	}
}

/* ImageCrop ================================================================================ */

.crop-img {
    display: inline;
    width: 100%;
    height: 100%;
}

.crop-img-cont {
    width: 100%;
    max-height: 600px;
}

.crop-preview {
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

#avatarModal .modal-dialog {
	max-width: 1000px !important;
	max-height: 600px !important;
}

.logo-img {
	width: 215px;
}

@media (max-width: 768px) {
    .crop-img-cont {
        max-height: 350px;
        margin-bottom: 20px;
    }

	.logo-img {
		width: 180px;
	}
}

/* Mobile menu ======================================= */

.mobile-menu-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    visibility: hidden;
    display: none;
    opacity: 0;
    animation: fadeInAnim .4s;
    -webkit-animation: fadeInAnim .4s;
    z-index: 100;
}

.mobile-menu {
	background-color: var(--dark) !important; 
    width: 20%;
	min-width: 300px;
    height: 100vh;
    position: relative;
    z-index: 101 !important;
    overflow-y: auto;
    transition: 400ms ease-in-out;
	padding-bottom: 25px;
}

.mobile-menu-bg.active {
	visibility: visible;
    opacity: 1;
    display: block;
}

.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid var(--orange);
}

.mobile-menu-body {
	padding-top: 15px;
}

#mobile-menu-close > span {
	font-size: 25px !important;
	color: var(--orange) !important;
}

.mobile-menu-item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--orange);
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mobile-menu-item > a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none !important;
	color: #fff;
}

.mobile-menu-item > a:active, .mobile-menu-item > a:hover {
	color: var(--orange);
}

.mobile-menu-footer {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 50px;
	padding-right: 50px;
}

.mobile-menu-footer > div {
	position: relative;
}

@-webkit-keyframes fadeInAnim {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeInAnim {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* Datatables ========= */

.datatables-box {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f1f1f1;
	border-radius: 10px;
	overflow-x: auto;
}

.datatables-box > * {
	min-width: 800px !important;
}

/* Rooms ================================================ */

.custom-cont {
	padding: 15px;
	background-color: #f1f1f1;
	border-radius: 10px;
}

.room-img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}

/* Booking ================================================ */

#row-booking {
	margin-top: 60px;
}

#row-booking > div:first-child {
	padding-right: 60px;
}

#row-booking > div:nth-child(2) {
	padding-left: 60px;
}

.mini-calendar-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
}

.famous-moments-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	/* column-gap: 15px; */
}

.famous-moment-flex {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.famous-moment-flex > * + * {
	margin-top: 10px;
}

.famous-moment-img > img {
	width: 100px;
}

.famous-moment-time {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--orange);
	margin-bottom: 10px;
}

.famous-moment-name {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

.calendar-grid-lounge-day a {
	pointer-events: none !important;
}	

.calendar-grid-available .app-block {
	color: black !important;
}

.lounge-day-available-h6 {
	color: var(--orange) !important;
}

.lounge-day-unavailable-h6 {
	color: #c00505 !important;
}

.calendar-grid-unavailable .app-block {
	color: #C5C5C5 !important;
}

.calendar-grid-unavailable .app-block.selected, 
.calendar-grid-unavailable .app-block.added-to-cart {
	background-color: transparent !important;
}

.disabled-btn {
	pointer-events: none;
}

.disabled-btn > i {
	color: #bdc0b3;
}

.input-group.date input {
	background-color: #fff !important;
}

.input-group.date .form-control {
	border: none;
} 

.input-group.date .input-group-text {
	background-color: #fff !important;
	border: 1px solid transparent;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.choose-one-or-more .form-control {
	background-color: #fff !important;
	border: none;
}

.legend-card {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 30px;
}

.legend-item {
	display: flex;
	align-items: center;
	/* gap: 20px; */
}

.legend-item > * + * {
	margin-left: 20px;
}

.legend-item > span:first-child {
	flex-basis: 50px;
}

.legend-item-text, .app-block {
	font-family: 'Merriweather sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.legend-item-desc {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: var(--dark-font);
}

.app-block {
	background-color: transparent;
	border-radius: 4px;
	padding: 2px 5px;
	cursor: pointer;
	transition: 150ms ease-in-out all;
}

.legend-item-text.available, .app-block.available {
	color: black;
}

.legend-item-text.not-available, .app-block.not-available {
	color: #C5C5C5;
}

.app-block.not-available, .added-to-cart {
	pointer-events: none;
}

.legend-item-text.selected, .app-block.selected {
	color: #fff;
	background-color: var(--orange);
	border-radius: 4px;
	padding: 2px 5px;
}

.app-block:hover {
	color: var(--orange);
	background-color: #fff;
	border-radius: 4px;
	padding: 2px 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.chosen-blocks {
	margin-top: 15px;
	padding-left: 100px;
	padding-right: 100px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	/* row-gap: 10px; */
	align-items: center;
}

.chosen-blocks > span:first-child {
	margin-top: 10px;
}

.chosen-blocks > * + * {
	margin-top: 10px;
}

.chosen-block {
	width: max-content;
}

.legend-text {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	color: var(--dark-font);
}

.selected-apps-text {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

#calendar-item {
	background-color: #fff;
	border-radius: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 75px;
	padding-right: 75px;
}

.calendar-item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.calendar-item-header i {
	color: var(--purple) !important;
}

.green-bord {
	border-bottom: 1px solid var(--purple);
	margin-top: 30px;
	margin-left: 25px;
	margin-right: 25px;
}

.calendar-item-body {
	margin-top: 30px;	
	padding-left: 35px;
	padding-right: 35px;
}

.calendar-date-text {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: var(--purple);
}

.datepicker {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	width: 365px;
	border-radius: 10px !important;
}

.datepicker table {
	width: 100%;
}

.available-block-item {
	font-size: 16px;
	display: inline-block;
	width: 100%;
}

.row-available-blocks {
	border-radius: 10px;
	background-color: #e0e0e0;
}

#addToCartBtnBox {
	display: none;
}

.btn-av-block {
	border: none;
}

.btn-av-block:disabled > span {
	background-color: #696969 !important;
}

#overlay-upload {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 15000;
	color: #fff;
}

.office-box, .office-box-custom {
	width: 100%;
	height: 176px;
	position: relative;
	display: block;
}

.office-checked {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(146, 192, 8, 0.75);
	z-index: 100;
}

.office-box.disabled-office {
	pointer-events: none;
}

.office-box.disabled-office > .office-label {
	background-color: #A6A6A6;
}

.office-box.disabled-office .office-img {
	filter: grayscale(100%);
	opacity: 75%;
}

.office-checked > .fa-check {
	color: #fff !important;
	font-size: 30px;
}

.office-box.selected-office > .office-checked {
	display: flex;
}

.office-hover {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 99;
	padding-left: 10px;
	padding-right: 10px;
}

.office-hover-text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: var(--orange);
	text-align: center;
}

.office-box:not(.selected-office):hover > .office-hover {
	display: flex;
}

.office-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.office-label {
	position: absolute;
	top: 20px;
	left: 0;
	width: max-content;
	padding: 4px 20px;
	background-color: rgba(146, 192, 8, 0.75);
	color: #fff !important;
}

.new-office {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: var(--orange);
	text-transform: uppercase;
	font-style: italic;
}

.full-col {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.col-office-box {
	margin-bottom: 40px;
}

.datepicker .datepicker-days tr td.active ~ td,
.datepicker .datepicker-days tr td.active{
	/* color: var(--orange) !important;
	background: transparent !important; */
} 

.datepicker .datepicker-days tr:hover td{
	/* color: #000;
	background: #e5e2e3;
	border-radius: 0; */
} 

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
	background-color: var(--orange) !important;
	background-image: none !important;
}

.row-officeBlock {
	margin-top: 30px;
	margin-bottom: 30px;
}

.amount-flex .edit-icon, .amount-flex .generate-icon {
	color: var(--orange) !important;
	text-decoration: none !important;
}

.amount-fled .edit-icon-disabled {
	color: #696969 !important;
	pointer-events: none !important;
	cursor: default !important;
}

.amount-flex .fa-pen-to-square, .amount-flex .fa-link {
	font-size: 20px;
	color: var(--orange) !important;
}

.amount-flex .edit-icon-disabled .fa-pen-to-square {
	font-size: 20px;
	color: #696969 !important;
}

.payment-status-icon-container > i {
	font-size: 120px !important;
}

.payment-status-icon-container.success > i {
	color: var(--orange) !important;
}

.payment-status-icon-container.pending > i {
	color: #fab005 !important;
}

.payment-status-icon-container.error > i {
	color: #c00505 !important;
}

.payment-status-text-container {
	margin-top: 50px;
}

.go-to-check-link {
	color: var(--orange) !important;
}

.total-amount-cont-office {
	margin-bottom: 20px;
}

#officeNotAvailableModal .modal-dialog {
	border-radius: 20px !important;
	box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25) !important;
	max-width: 1170px !important;
}

#officeNotAvailableModal .modal-content {
	background: rgba(40, 40, 40, 0.85) !important;
	border-radius: 20px !important;
}

#officeNotAvailableModal .modal-header {
	border-bottom: transparent;
	padding-right: 30px;
	padding-top: 25px;
}

#officeNotAvailableModal .modal-footer {
	border-top: transparent;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* gap: 15px; */
}

#officeNotAvailableModal .modal-footer > * + * {
	margin-top: 15px;
}

#officeNotAvailableModal .modal-body {
	padding-top: 30px !important;
}

.no-back-to-booking-link {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #fff !important;
	text-decoration: underline !important;
}

.office-not-available-header-text {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 45px;
}

.office-not-available-date-text {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
}

.office-not-available-date-text.green {
	color: var(--orange);
}

.office-not-available-date-text.white {
	color: #fff;
}

.row-not-available-office {
	padding-left: 50px;
	padding-right: 50px;
}

.office-not-available-date-div {
	padding-bottom: 15px;
}

@media (max-width: 991px) {
	.legend-card {
		margin-bottom: 40px;
	}

	#row-booking > div:first-child, #row-booking > div:nth-child(2) {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 768px) {
	#row-booking > div:first-child, #row-booking > div:nth-child(2) {
		padding-right: initial;
		padding-left: initial;
	}

	.col-office-box {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.office-box, .office-box-custom {
		height: 140px;
	}

	.row-officeBlock {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.famous-moment-time {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	#calendar-item {
		padding-left: 25px;
		padding-right: 25px;
	}

	.mini-calendar-grid {
		grid-template-columns: repeat(4, 1fr);
	}	

	.chosen-blocks {
		padding-left: 30px;
		padding-right: 30px;
	}

	.office-box, .office-box-custom {
		height: 100px;
	}

	.office-label {
		top: 10px;
	}

	.office-checked, .office-hover {
		width: 65px;
		height: 65px;
	}
}

@media (max-width: 400px) {
	.chosen-blocks {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ============================================ MS ========================================= */

.section-payment {
	position: relative;
	background-color: var(--dark);
	padding: 75px 0;
	min-height: 80vh;
	background-image: url('../images/section_payment_main_bg.webp');
	background-size: 100% 100%;
	/* background-size: cover; */
	/* background-repeat: repeat; */
	/* background-color: rgba(0, 17, 59, 0.7);
	background-blend-mode: color; */
}

#earth-img {
	position: absolute;
	/* height: 500px; */
	width: 30%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#moon-img {
	position: absolute;
	height: 10%;
	top: 16%;
	right: 200px;
}

.container-payment {
	position: relative;
	z-index: 2;
}

.payment-heading {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.section-payment .payment-heading {
	margin-bottom: 30px;
}

.section-payment .eternal-para {
	width: 85%;
	margin: 0 auto;
}

.row-payment {
	margin-top: 50px;
}

.row-payment .form-label {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

.row-payment .form-control {
	color: var(--purple) !important;
}

@media (max-width: 1200px) {
	.section-payment {
		padding-left: 8%;
		padding-right: 8%;
	}
}

@media (max-width: 991px) {
	#earth-img {
		width: 40%;
	}

	#moon-img {
		right: 50px;
	}
}

@media (max-width: 768px) {
	.section-payment {
		background-image: url('../images/section-main-mobile.webp');
	}	

	#earth-img {
		width: 70%;
		top: 45%;
	}

	#moon-img {
		height: 8%;
		top: 20%;
	}
}

@media (max-width: 480px) {
	.section-payment {
		background-image: url('../images/section-main-mobile.webp');
	}	
}

/* MISC styles ============================================= */

.yearpicker-container {
	width: 100%;
	margin-top: 43px;
	border-radius: 10px !important;
}

.tempus-dominus-widget {
	width: 365px;
	border-radius: 10px;
}

.google-login-btn, .facebook-login-btn {
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	text-align: center;
	display: block;
	padding: 5px 0;
}

.google-login-btn {
 	background-color: #c32f10;
	margin: 15px 0;
}

.facebook-login-btn {
	background-color: #3b5998;
}

.auth-btn-flex {
	display: flex;
	align-items: center;
}

.auth-btn-flex > a {
	flex-basis: 50%;
}

.auth-btn-flex > * + * {
	margin-left: 10px;
}

.certificate-date {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--orange);
	margin-bottom: 25px;
}

.certificate-text {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #00113C;
}

/* #editCertificate .modal-dialog, #editBookingModal .modal-dialog {
	max-width: 1000px;
} */

#editCertificate .form-control, #editBookingModal .form-control {
	border: 1px solid #000000 !important;
}

#editCertificate .modal-dialog, #editBookingModal .modal-dialog {
	max-width: 1000px !important;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 60px;
	padding-bottom: 50px;
}

/* #editCertificate .modal-content, #editBookingModal .modal-content {
	max-height: 500px !important;
} */

.certificate-flex {
	/* display: flex; */
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: max-content;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	column-gap: 15px;
}

/* .certificate-flex > * + * {
	margin-left: 15px;
} */

.certificate-flex img {
	max-width: 100%;
}

.certificate-link {
	display: block;
	opacity: 0.5;
}



.certificate-link.selected {
	opacity: 1;
	border: 8px solid #EF8315;
}

@media (max-width: 768px) {
	.certificate-flex {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 15px;
	}
}