/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
.backdrop {
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 103;
	transition: all .3s ease-in-out;
}

.has-z-index {
	z-index: 0 !important;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Bold.woff2") format("woff2"), url("../assets/fonts/Inter-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-ExtraBold.woff2") format("woff2"), url("../assets/fonts/Inter-ExtraBold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Black.woff2") format("woff2"), url("../assets/fonts/Inter-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-ExtraLight.woff2") format("woff2"), url("../assets/fonts/Inter-ExtraLight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../assets/fonts/Inter-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Light.woff2") format("woff2"), url("../assets/fonts/Inter-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../assets/fonts/Inter-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../assets/fonts/Inter-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../assets/fonts/Inter-Thin.woff2") format("woff2"), url("../assets/fonts/Inter-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
	box-sizing: border-box;
}

body {
	line-height: 1;
	font-family: "Inter";
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

button {
	border: none;
	background-color: transparent;
	outline: none;
	box-shadow: none;
}

input {
	outline: none;
	box-shadow: none;
}

textarea {
	outline: none;
	box-shadow: none;
}

.main_header {
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}

.main_header header {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main_header header .logo_holder img {
	width: 258px;
}

.main_header header .nav_holder nav .nav_list {
	display: flex;
	align-items: center;
	gap: 20px;
}

.main_header header .nav_holder nav .nav_list li a {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

.main_header header .nav_holder .user_login_inside_nav {
	display: none;
}

.main_header header .hamburger {
	display: none;
}

.main_header header .user_login a {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	padding: 0;
	color: black;
	/* flex-wrap: wrap; */
}

.main_header header .user_login a .material-symbols-outlined {
	color: rgb(110, 116, 119);
}

.main_header header .user_login a div.deposit {
	color: #999;
	font-size: 14px;
}

.main_header header .user_login a div.deposit>*::after {
	content: " / ";
	margin-right: 6px;
}

.main_header header .user_login a div.deposit>*:last-child::after {
	content: unset;
	margin: 0;
}

section.agent-login {
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	padding: 20px 25px;
	z-index: 0;
	position: relative;
	background-color: #FFF;
	margin-bottom: 40px;
}

section.agent-login form button:not(.btn-close) {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	background-color: #023F88;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	padding: 15px 40px;
}

section.agent-login form input {
	width: 100%;
	height: 52px;
	outline: none;
	border: 1px solid #DDE3E6;
	color: #010036;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

section.agent-login form {
	width: 40%;
}

[data-validate-for] {
	color: red;
	font-size: 12px;
	margin-top: 8px;
}

section.booking [data-validate-for] {
	padding-left: 5px;
	font-size: 10px;
}

.terms [data-validate-for],
.payment-options [data-validate-for] {
	margin-bottom: 10px;
	display: block;
}

section.agent-login h1 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	margin-bottom: 30px;
}

.agent-login .form-group {
	margin-bottom: 20px;
	position: relative;
}

.agent-login label {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	background-color: #FFF;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #023F88;
	left: 15px;
}

.blog_header {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0;
	background-color: rgb(238, 242, 245);
}

.blog_header::after {
	content: url(../../assets/images/Plane_Part.png);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.blog_header header {
	margin-top: 0;
}

.plane_part {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

@media only screen and (max-width: 768px) {
	.main_header header {
		margin-top: 30px;
	}

	.main_header header .logo_holder img {
		width: 250px;
	}

	.main_header header .login_button_header img {
		width: 25px;
	}

	.switch_arrows {
		z-index: 1 !important;
	}

	.main_header header .nav_holder {
		position: fixed;
		width: 100%;
		top: 0px;
		right: 0;
		transform: translateX(100%);
		transition: all 0.3s ease;
		background-color: rgba(1, 0, 54, 0.8);
		display: flex;
		justify-content: flex-end;
		height: 100vh;
		z-index: 99;
	}

	.main_header header .nav_holder nav {
		background-color: #FFF;
		padding: 25px;
		width: 70%;
	}

	.main_header header .nav_holder nav .nav_list {
		align-items: flex-start;
		flex-direction: column;
	}

	.main_header header .nav_holder nav .user_login_inside_nav {
		display: block;
		margin-top: 20px;
	}

	.main_header header .show_nav_holder {
		transform: translateX(0);
	}

	.main_header header .hamburger {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 25px;
		position: relative;
		z-index: 100;
	}

	.main_header header .hamburger .box {
		width: 28px;
		height: 3px;
		background-color: #010036;
		position: relative;
	}

	.main_header header .hamburger .box::after {
		content: "";
		position: absolute;
		width: 20px;
		height: 3px;
		left: 0;
		transform: translateY(-10px);
		transition: all 0.3s ease;
		background-color: #010036;
	}

	.main_header header .hamburger .close_nav {
		font-size: 10px;
		font-weight: 400;
		line-height: 110%;
		letter-spacing: -0.3px;
		color: #010036;
		position: absolute;
		top: 0px;
		left: 5px;
		transform: scale(0);
		transition: all 0.3s ease;
	}

	.main_header header .open_hamburger .box::after {
		transform: translateY(-15px);
	}

	.main_header header .open_hamburger .close_nav {
		transform: scale(1);
	}

	.main_header header .user_login {
		display: none;
	}

	.ticket_header {
		padding-top: 85px;
		padding-bottom: 85px;
	}

	.ticket_header header {
		margin: 0;
	}

	.ticket_header header .logo_holder img {
		display: none;
	}

	.personal_infos_header {
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	.plane_part {
		display: none;
	}

	.blog_header {
		background-color: transparent;
		padding-top: 85px;
		padding-bottom: 85px;
	}

	.blog_header::after {
		display: none;
	}

	.blog_header header .logo_holder img {
		display: none;
	}

	.container {
		padding: 0 20px;
	}
}

footer {
	padding-bottom: 56px;
}

footer h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	margin-bottom: 40px;
}

footer .footer_upper_holder {
	border-top: 1px solid #CAD3DA;
	padding-top: 37px;
	padding-bottom: 24px;
	display: flex;
}

footer .footer_upper_holder .upper_content {
	display: flex;
	gap: 40px;
	padding: 0 40px;
}

footer .footer_upper_holder .upper_content.small {
	width: 25%;
}

footer .footer_upper_holder .upper_content svg {
	display: none;
}

footer .footer_upper_holder .upper_content:first-child {
	padding-left: 0;
}

footer .footer_upper_holder .upper_content:first-child .upper_inside_content:last-child .contacts {
	margin-top: auto;
}

footer .footer_upper_holder .upper_content:nth-child(2) {
	border-left: 1px solid #CAD3DA;
	border-right: 1px solid #CAD3DA;
}

footer .footer_upper_holder .upper_content .upper_inside_content .address {
	margin-bottom: 40px;
}

footer .footer_upper_holder .upper_content .upper_inside_content .address h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
	margin-bottom: 7px;
}

footer .footer_upper_holder .upper_content .upper_inside_content .address p {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.42px;
	color: #6E7477;
}

footer .footer_upper_holder .upper_content .upper_inside_content .contacts {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

footer .footer_upper_holder .upper_content .upper_inside_content .contacts.double {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
}

footer .footer_upper_holder .upper_content .upper_inside_content .contacts li {
	display: flex;
	gap: 3px;
	align-items: flex-end;
}

footer .footer_upper_holder .upper_content .upper_inside_content .contacts li p {
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}

footer .footer_upper_holder .upper_content .upper_inside_content .contacts li a {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.42px;
}

footer .footer_under_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 17px;
	border-top: 1px solid #CAD3DA;
}

footer .footer_under_content a {
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.42px;
	color: #010036;
}

footer .footer_under_content .terms_and_conditions {
	display: flex;
	align-items: center;
	gap: 15px;
}

footer .footer_under_content .terms_and_conditions p {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.42px;
	color: #6E7477;
}

footer .footer_under_content .social_media {
	display: flex;
	align-items: center;
	gap: 10px;
}

.blog_list_footer {
	background-color: #eef2f5;
	padding-top: 100px;
}

@media only screen and (max-width: 768px) {
	footer h2 {
		background-color: #E4EAEF;
		margin-bottom: 0;
		padding: 30px 20px 20px 20px;
		font-size: 16px;
	}

	footer .footer_upper_holder .upper_content .upper_inside_content .contacts.double {
		grid-template-columns: repeat(1, 1fr);
	}

	footer .footer_upper_holder .upper_content.small {
		width: 100%;
	}

	footer .footer_upper_holder {
		background-color: #E4EAEF;
		flex-direction: column;
		gap: 0;
		padding: 0 20px;
		border-top: none;
		gap: 3px;
	}


	footer .footer_upper_holder .upper_content {
		flex-direction: column;
		padding: 15px 10px;
		background-color: #ECF2F6;
		overflow: hidden;
		/* position: relative; */
		transition: all 0.3s ease;
	}

	footer .footer_upper_holder .upper_content svg {
		display: flex;
		position: absolute;
		top: 22px;
		right: 15px;
	}

	footer .footer_upper_holder .upper_content:first-child {
		padding-left: 10px;
	}

	footer .footer_upper_holder .upper_content:first-child .upper_inside_content:last-child .contacts {
		margin-top: 0;
	}

	footer .footer_upper_holder .upper_content:nth-child(2) {
		border-left: none;
		border-right: none;
	}

	footer .footer_upper_holder .upper_content:last-child {
		border-bottom: none;
	}

	footer .footer_upper_holder .show_upper_content {
		height: auto;
	}

	footer .footer_under_content {
		align-items: flex-start;
		flex-direction: column;
		gap: 25px;
		background-color: #E4EAEF;
		border-top: none;
		padding: 0 20px 25px 20px;
		gap: 0;
	}

	footer .footer_under_content a {
		margin: 0 auto;
		padding: 20px 0;
	}

	footer .footer_under_content .terms_and_conditions {
		border-top: 1px solid #CAD3DA;
		padding: 20px 0;
	}

	footer .footer_under_content .social_media {
		margin: 0 auto;
	}

	.blog_list_footer {
		background-color: #FFF;
		padding-top: 0px;
	}
}

.loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.loading::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading::before {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 999999;
	content: '';
	border: 4px solid #f3f3f3;
	border-radius: 50%;
	border-top: 4px solid #3498db;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

section.customer-registration,
section.booking {
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	padding: 32px 20px 24px 20px;
	background-color: #FFF;
}

.customer-registration div.fields {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.customer-registration div.fields>.field {
	position: relative;
	border: 1px solid #DDE3E6;
	padding: 5px 10px 0 15px;
}

.customer-registration div.fields>.field label {
	position: absolute;
	top: 0;
	left: 11px;
	transform: translateY(-50%);
	background-color: #FFF;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
	color: #6E7477;
	z-index: 2;
}

.customer-registration div.fields>.field input,
.customer-registration div.fields>.field select,
.customer-registration div.fields>.field textarea {
	border: none;
	display: block;
	height: 45px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	outline: none;
	color: #010036;
}

.customer-registration div.fields>.field select {
	color: #B9C0C5;
	line-height: 45px;
}

.customer-registration div.fields>.field select.valid {
	color: #010036;
}

.customer-registration form button:not(.btn-close) {
	width: fit-content;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 40px;
	background-color: #023F88;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #FFF;
}

.select_holder a.change-flight-button {
	width: fit-content;
	border: 1px solid #DDE3E6;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #010036;
	padding: 14px 16px;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	transition: all .3s ease-in-out;
}

.select_holder a.change-flight-button:hover,
.select_holder a.change-flight-button.active {
	border-color: #010036;
}

.select_holder a.change-flight-button svg {
	transition: all .3s ease-in-out;
}

.select_holder a.change-flight-button.active svg {
	transform: rotate(180deg);
}

section.booking.is-hidden {
	display: none;
}

section.booking .book_flight .ticket_types {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

section.booking .book_flight .ticket_types .radio_button_holder {
	display: flex;
	align-items: center;
	gap: 5px;
}

section.booking .book_flight .ticket_types .radio_button_holder input {
	width: 22px;
	height: 22px;
	accent-color: #023F88;
}

section.booking .book_flight .ticket_types .radio_button_holder label {
	color: #000;
	font-family: Inter;
	font-size: 11px;
	font-weight: 400;
	line-height: normal;
}

section.booking .book_flight .directions_dates_holder {
	display: grid;
	grid-template-columns: 3fr 0.5fr;
	gap: 20px;
	width: 100%;
	margin-top: 36px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content {
	display: grid;
	grid-template-columns: 2fr 1fr 0.35fr 0.3fr;
	row-gap: 15px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ {
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions {
	border: 1px solid #DDE3E6;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder {
	border-left: 0;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder label,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions label {
	position: absolute;
	top: 0;
	left: 18px;
	transform: translateY(-50%);
	display: block;
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	padding: 0 5px;
	background-color: #FFF;
	color: #023F88;
	z-index: 1;
}


section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices,
section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices {
	width: 100%;
	height: 100%;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__inner,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__inner {
	border: none;
	height: 100%;
	background-color: transparent;
}


section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__inner .choices__list--single {
	padding: 4px 0px 4px 45px;
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__inner .choices__list--single {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__inner .choices__list--single .choices__item,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__inner .choices__list--single .choices__item {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #010036;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__inner .choices__list--single .choices__item {
	display: flex;
	align-items: center;
	justify-content: center;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__inner .choices__list--single .choices__item .select_airport_name,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__inner .choices__list--single .choices__item .select_airport_name {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #B9C0C5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__inner .choices__list--single .choices__item .icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../assets/icons/Nisja.svg);
	background-repeat: no-repeat;
	background-size: 25px;
	width: 25px;
	height: 25px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown {
	border: 1px solid #DDE3E6;
	z-index: 100;
	margin-top: 3px;
	width: calc(100% + 4px);
	left: -2px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__input,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__input {
	border: none;
	background-color: #EEF2F5;
	padding: 20px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__input::placeholder section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__input::placeholder {
	color: #010036;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__list .is-highlighted,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__list .is-highlighted {
	background-color: #023F88;
	color: #FFF !important;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__list .is-highlighted .select_country_name,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__list .is-highlighted .select_country_name {
	color: #FFF !important;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__list .choices__item,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__list .choices__item {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: #010036;
	transition: background-color 0.3s ease;
	padding: 10px 19px 15px 19px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices .choices__list--dropdown .choices__list .choices__item .select_country_name,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices .choices__list--dropdown .choices__list .choices__item .select_country_name {
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	color: #6E7477;
	transition: color 0.3s ease;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .currency_ .currency_holder .choices[data-type*=select-one]::after,
section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .choose_directions .choices[data-type*=select-one]::after {
	display: none !important;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .to_holder {
	border-left: unset;
	border-right: unset;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .to_holder .choices .choices__inner .choices__list--single .choices__item .icon {
	background-image: url(../assets/icons/Kthimi.svg);
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .arrow_directions {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 1;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder {
	height: 100%;
	position: relative;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder .date-picker {
	width: 100%;
	height: 100%;
	border: 1px solid #DDE3E6;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #outdate {
	padding-left: 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	color: #010036;
	border-right: none;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi.two-dates .input-holder #outdate {
	border-right: 1px solid #ddd;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi.two-dates .input-holder #outdate.active {
	border-color: #023F88;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer:hover,
section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi.two-dates .input-holder #outdate:hover,
section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #indate:hover {
	border: 1px solid #023F88;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi #indate-inputs span.kthimi_span {
	display: none;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi.two-dates #indate-inputs span.kthimi_span {
	display: block;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #indate {
	padding-left: 25px;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	color: #010036;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #indate.active {
	border: 1px solid #023F88;
	border-left: none;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder .add-date {
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #6E7477;
	padding: 0 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	align-items: center;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder:last-child .date-picker {
	border-right: unset;
	border-left: unset;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_kthimi_calendar {
	position: absolute;
	left: 23px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi label:not(.add-date) {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	background-color: #FFF;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #023F88;
}

.payment-confirmation h1 {
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 25px;
}

.payment-confirmation p {
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .kthimi_span,
section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_span {
	left: 20px;
}

#calendar-modal .kthimi_span {
	left: 55%;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi #datepicker {
	height: 100%;
	border: 1px solid #DDE3E6;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .easepick-wrapper #shadow-root .lock-plugin {
	z-index: 9 !important;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .easepick-wrapper #shadow-root .lock-plugin main .calendars .calendar .days-grid .locked {
	background-color: #023F88 !important;
	background-image: unset;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer {
	position: relative;
	padding: 14px 18px 9px 18px;
	border: 1px solid #DDE3E6;
	display: flex;
	align-items: center;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer span:not(.info) {
	position: absolute;
	top: 0;
	left: 18px;
	transform: translateY(-50%);
	display: block;
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	padding: 0 5px;
	background-color: #FFF;
	color: #023F88;
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer input {
	border: none;
	width: 100%;
}

section.booking .book_flight .directions_dates_holder button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px 0;
	background-color: #023F88;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	height: 57px;
}


.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-menu {
	display: none;
	/* Hide the menu by default */
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 160px;
	padding: 5px 0;
	margin: 0;
	/* Remove any default margin */
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

.main_header header .user_login .credit-balances {
	padding: 0 40px;
}

.main_header header .user_login hr {
	margin: 0;
}

.main_header header .user_login .credit-balances a {
	padding: 10px 0 !important;
}

.main_header header .user_login .credit-balances a:hover {
	color: #023F88;
	background-color: transparent;
}

.language-switcher,
#user_login {
	position: relative;
}

.dropdown.absolute {
	position: absolute;
	right: 0;
	z-index: 5;
}

.language-switcher .dropdown.absolute {
	left: 0;
}

.dropdown-menu.show {
	display: block;
	/* Show the menu when it has the 'show' class */
}

header .language-switcher .dropdown.active {
	width: 120%;
	z-index: 1111;
}

/* header .user_login .dropdown.active {
	width: 140%;
	left: -40%;
} */

header .user_login .dropdown-toggle[aria-expanded="true"] {
	justify-content: flex-end;
}

header .dropdown-toggle {
	display: flex;
	align-items: center;
	gap: 5px;
	border: 1px solid transparent;
	border-radius: .25rem;
	padding: 15px;
}

.easepick-wrapper {
	z-index: 12;
}

header .dropdown-item {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

header .dropdown-menu {
	min-width: unset;
	/* width: 100%; */
}


header .dropdown-menu.show {
	top: -2px !important;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

header .dropdown-toggle[aria-expanded="true"] {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, .15);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	width: 100%;
}

section.booking .special_offers {
	margin-top: 69px;

}

section.booking .special_offers .show_all {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

section.booking .special_offers .show_all h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.booking .special_offers .show_all a {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.42px;
	text-decoration-line: underline;
	color: #6E7477;
}

section.booking .special_offers .special_offers_holder {
	overflow: hidden;
}



section.booking .special_offers .special_offers_holder .special_offers_content {
	display: grid;
	grid-template-columns: 1fr;
}

section.booking .special_offers .special_offers_holder .special_offers_content .img_holder {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
}

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder {

	display: flex;
	align-items: center;
	border: 1px solid #EEF2F5;
	position: relative;
}

/* section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li {
	padding: 10px 0;
	border-bottom: 1px solid #DDE3E6;
} */

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li:last-child {
	border-bottom: none;
}

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder {
	font-size: 14px;
	font-weight: 300;
	color: #666;
}

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li h4 {
	color: #010036;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	color: #013f88;
}

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #023F88;
}

section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li h5 span.nga {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	text-align: right;
}


section.booking .special_offers .special_offers_holder .special_offers_content .img_holder img {
	width: 100%;
}

.directions_modal {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FFF;
	left: 0;
	height: calc(var(--vh, 1vh)* 100);
	z-index: 9;
	padding: 90px 20px 0 20px;
	left: -100%;
	transition: left .2s ease-in-out;
}

.directions_modal.show {
	left: 0;
}

.directions_modal .close_directions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
}

#passenger-modal .close_directions {
	margin-bottom: 40px;
}

.directions_modal .from_directions {
	display: flex;
	align-items: center;
	gap: 5px;
}

.directions_modal .from_directions p {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Inter';
	color: #B9C0C5;
}

.directions_modal input {
	height: 54px;
	border: 1px solid #DDE3E6;
	background-color: transparent;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Inter';
	color: #010036;
	padding-left: 40px;
	width: 100%;
	margin-bottom: 33px;
	background-image: url(../assets/icons/search_modal_icon.svg);
	background-repeat: no-repeat;
	background-position: 12px;
}

.directions_modal input::placeholder {
	color: #010036;
}

.directions_modal .filterableList {
	display: flex;
	flex-direction: column;
	gap: 2px;
	height: calc((var(--vh, 1vh)* 100) - 250px);
	overflow: auto;
}

.directions_modal .filterableList li a span {
	font-size: 12px;
	color: #999;
	text-transform: none;
	margin-top: 3px;
}

.directions_modal .filterableList li.active a {
	background-color: #023F88;
	color: white;
}

.directions_modal .filterableList li.active a span {
	color: #eee;
}

.directions_modal .filterableList li:not(.available) a {
	color: #ccc;
}

.directions_modal .filterableList li a {
	min-height: 45px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10px;
	background-color: #EEF2F5;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Inter';
	color: #010036;
	text-transform: uppercase;
}

.has-open-modal {
	overflow: hidden;
}

.calendar_modal {
	position: fixed;
	top: 0;
	background: #FFF;
	width: 100%;
	height: 100%;
	left: 0;
	padding: 95px 45px 0 45px;
	z-index: 9;
	left: -100%;
	transition: left .3s ease-in-out;
}

.calendar_modal.open_calendar_modal {
	left: 0;
}

.calendar-holder .close_box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	position: relative;
}

.calendar-holder .close_box .close_calendar_modal {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.calendar-holder .close_box h2 {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Inter';
	color: #010036;
}

.from_to_modal {
	display: none;
}

.zgjedh_datat_btn_holder {
	display: none;
}

.calendar_modal_arrow {
	opacity: 0;
	position: absolute;
	left: -30px;
}

.mobile_directions_dates .radio_buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 12px;
}

.mobile_directions_dates .drejtimet {
	display: flex;
	gap: 5px;
}

.mobile_directions_dates .drejtimet input {
	transform: scale(1.5);
}

.mobile_directions_dates .drejtimet label {
	font-size: 11px;
	font-weight: 400;
	font-family: 'Inter';
	color: #000;
}


.direction_box {
	border: 1px solid #DDE3E6;
	height: 58px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	position: relative;
	gap: 9px;
	margin-bottom: 22px;
}

.direction_box label {
	position: absolute;
	top: 0;
	left: 15px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 500;
	font-family: 'Inter';
	color: #023F88;
	background: #FFF;
	padding: 0 5px;
}

.direction_box .city_name h4 {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Inter';
	color: #010036;
	margin-bottom: 5px;
}

.direction_box .city_name h5 {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Inter';
	color: #B9C0C5;
	margin-bottom: 5px;
}

.switch_arrows_holder {
	position: relative;
}

.switch_arrows {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #DDE3E6;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	top: -31px;
	right: 10px;
	z-index: 9;
}

.calendar_box {
	border: 1px solid #DDE3E6;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	height: 58px;
	margin-bottom: 22px;
	position: relative;
	align-items: center;
}

.calendar_box label {
	position: absolute;
	top: 0;
	left: 15px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 500;
	font-family: 'Inter';
	color: #023F88;
	background: #FFF;
	padding: 0 5px;
}

.nisja_kthimi_box {
	padding-left: 15px;
}

.hidden {
	display: none;
}

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

.nisja_kthimi_box h3 {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Inter';
	color: #010036;
}

.nisja_kthimi_box p {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Inter';
	color: #6E7477;
}

.pasagjeret {
	border: 1px solid #DDE3E6;
	height: 39px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	position: relative;
	gap: 9px;
	margin-bottom: 22px;
}

.pasagjeret label {
	position: absolute;
	top: 0;
	left: 15px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 500;
	font-family: 'Inter';
	color: #023F88;
	background: #FFF;
}

.pasagjeret p {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Inter';
	color: #191919;
}

.directions_dates_holder button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 54px;
	background-color: #023F88;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Inter';
	color: #FFF;
}



.currency_holder label {
	position: absolute;
	top: 0;
	left: 15px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 500;
	font-family: 'Inter';
	color: #023F88;
	background: #FFF;
	padding: 0 5px;
}

.currency_holder .choices {
	width: 100%;
}

.currency_holder .choices__inner {
	background-color: transparent;
	border: unset;
	display: flex;
	align-items: center;
}

.oc-flash-message.error {
	background: red;
}

.text-right {
	text-align: right;
}
.share {
	background-color: #013f88;
	color: white;
	position: fixed;
	top: 50%;
	transform: rotate(90deg) translateY(-50%);
	right: 0;
	padding: 5px 15px;
	z-index: 99999999;
}
.share:hover {
	color: white;
	background-color: #333;
}
@media only screen and (max-width: 768px) {

	

	.directions_dates_holder {
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
		padding: 32px 25px 28px 25px;
		background-color: white;
	}

	.currency_holder {
		border: 1px solid #DDE3E6;
		height: 39px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		gap: 9px;
		margin-bottom: 22px;
	}


	section.booking {
		box-shadow: unset;
		padding: 0;
	}

	.selected-currencty {
		padding-left: 15px;
		height: 100%;
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.directions_modal.calendar-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.calendar-holder .calendar_box {
		grid-template-columns: 1fr;
	}

	.calendar-holder .calendar_box input {
		margin-bottom: 0;
		background-image: unset;
		position: relative;
		border: none;
	}

	.calendar-holder #outdate-inputs {
		background-image: url('../assets/images/calendar-icon.svg');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 15px center;
		border-right: 1px solid #DDE3E6;
	}

	.calendar-holder #outdate-inputs.single {
		border-right: none;
	}

	.directions_modal .destination {
		margin-bottom: 20px;
	}

	.directions_modal label {
		color: #023F88;
	}

	.directions_modal>div {
		flex-grow: 1;
	}

	.directions_modal .destination span {
		color: #023F88;
	}

	.directions_modal span.info {
		font-size: 12px;
		color: #ccc;
	}



	.directions_modal .input-group {
		height: 54px;
		width: unset;
		border: 1px solid #DDE3E6;
	}

	.directions_modal .input-group input {
		width: 54px;
		background-image: unset;
		border: unset;
		padding: 10px;
	}

	.directions_modal .input-group .btn {
		height: 100%;
		border: unset;
		border-radius: unset;
	}

	.directions_dates_holder .pasagjer {
		border: 1px solid #DDE3E6;
		margin-bottom: 22px;
	}

	.directions_dates_holder .pasagjer .has_drop {
		display: flex;
		height: 39px;
		align-items: center;
		padding-left: 15px;
		position: relative;
	}

	.directions_dates_holder .pasagjer .has_drop label {
		position: absolute;
		top: 0;
		left: 15px;
		transform: translateY(-50%);
		width: fit-content;
		background-color: #FFF;
		font-size: 12px;
		font-weight: 500;
		font-family: 'Inter';
		color: #023F88;
		padding: 0 5px;
	}

	.mobile_directions_dates .drejtimet label {
		white-space: nowrap;
	}

	.search-form-mobile.mobile_directions_dates .radio_buttons {
		justify-content: flex-start;
	}

	.search-form-mobile .nisja_kthimi_box {
		height: 100%;
		display: flex;
		align-items: center;
		position: relative;
	}

	.search-form-mobile .nisja_kthimi_box.return-box.shown {
		border-left: 1px solid #DDE3E6;
	}

	.search-form-mobile .city_name {
		height: 100%;
		display: flex;
		align-items: center;
	}

	/* Hide radio inputs */
	.search-form-mobile .radio_buttons input[type="radio"] {
		display: none;
	}

	/* Style the labels */
	.search-form-mobile .radio_buttons label {
		display: block;
		padding: 10px;
		margin: 5px 0;
		background-color: #f0f0f0;
		cursor: pointer;
		border-radius: 32px;
		transition: background-color 0.3s;
	}

	/* Style for the selected label */
	.search-form-mobile .radio_buttons input[type="radio"]:checked+label {
		background-color: #023F88;
		color: white;
	}

	.search-form-mobile .city_name h5 {
		margin-bottom: 0;
	}

	.calendar-holder .close_box {
		margin-bottom: 40px;
	}

	.calendar_box span,
	.search-form-mobile .direction_box span,
	.search-form-mobile .calendar_box span,
	.search-form-mobile .currency_holder span {
		padding: 0 5px;
	}

	.calendar-holder .close_box,
	.calendar-holder .calendar_box {
		margin-left: 20px;
		margin-right: 20px;
	}

	.calendar-holder .close_box {
		margin-left: 15px;
		justify-content: center;
	}

	.calendar-holder .weeknames {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		row-gap: 2px;
		padding: 12.5px 20px;
	}

	.calendar-holder .weeknames span {
		text-align: center;
	}



	.apply-button,
	.calendar-holder .calendari #applyDates {
		position: sticky;
		bottom: 0;
		background-color: #023F88;
		padding: 20px 0;
		color: white;
		width: 100%;
	}

	.apply-button {
		position: absolute;
		box-sizing: border-box;
		width: calc(100% - 40px);
		bottom: 20px;
	}

	.calendar-holder .calendari {
		height: calc((var(--vh, 1vh) * 100) - 320px);
		overflow: auto;
		margin: 30px 20px 40px 20px;

		overflow-x: hidden;
		overflow-y: scroll;
	}

	.calendar-holder .weeknames {
		position: relative;
	}

	.calendar-holder .weeknames::after {
		content: "";
		position: absolute;
		top: 41px;
		left: 0;
		right: 0;
		height: 30px;
		/* Adjust the height as needed */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
		z-index: 1;
	}

	.calendar-holder .nisja_kthimi {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.calendar-holder .nisja_kthimi>div {
		display: flex;
		align-items: center;
	}

	.add-date {
		font-size: 12px;
		font-weight: 400;
		font-family: 'Inter';
		color: #6E7477;
	}

	section.booking .book_flight {
		padding: 32px 25px 36px 25px;
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
		margin-top: 10px;
	}

	section.booking .book_flight .directions_dates_holder {
		grid-template-columns: 1fr;
		margin-top: 12px;
		gap: 28px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .to_holder {
		border-left: 1px solid #DDE3E6;
		border-right: 1px solid #DDE3E6;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .arrow_directions {
		left: auto;
		right: 0;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .from_to .searching_list {
		display: none;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi {
		height: 62px;
	}

	.close_calendar_modal_arrow {
		opacity: 1 !important;
		width: 10px;
		top: 7%;
		left: 30px !important;
		cursor: pointer;
	}

	.open_zgjedh_datat_btn_holder {
		display: block;
		position: fixed;
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		height: 86px;
		font-family: 'Inter';
		z-index: 99;
		padding: 16px 0;
		background-color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.open_zgjedh_datat_btn_holder .zgjedh_datat_btn {
		width: 80% !important;
		height: 54px !important;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder {
		width: 100%;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #outdate {
		padding-left: 35px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder #indate {
		padding-left: 10px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder .add-date {
		right: 20px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder:last-child .date-picker {
		border-right: 1px solid #DDE3E6;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_span {
		left: 10px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_kthimi_calendar {
		left: 14px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .kthimi_span {
		right: 70px;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi #datepicker {
		height: 67px;
		width: 100%;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer {
		height: 39px;
	}



	section.booking .special_offers .show_all h2 {
		font-size: 16px;
		font-weight: 500;
	}

	section.booking .special_offers .special_offers_holder {
		padding-bottom: 25px;

		padding-top: 10px;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .img_holder {
		display: none;
	}

	section.booking .special_offers .special_offers_holder .swiper-wrapper {
		flex-direction: column;
		row-gap: 10px;
	}

	

	section.booking .special_offers .special_offers_holder .special_offers_content {
		box-shadow:none;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder {
		padding: 50px 20px;
		background-color: #FFF;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li {
		padding: 10px 0;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li:last-child {
		border-bottom: none;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder::after {
		display: none;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .img_holder img {

		height: 100%;
		object-fit: cover;
	}

	.from_to_modal {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #FFF;
		width: 100%;
		height: 100%;
		z-index: 99;
		padding: 90px 20px 50px 20px;
		display: none;
	}

	.from_to_modal .from_to_modal_content .from_to_x {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}

	.from_to_modal .from_to_modal_content .from_to_x .from_to_title {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.from_to_modal .from_to_modal_content .from_to_x .from_to_title span {
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.48px;
		color: #B9C0C5;
	}

	.from_to_modal .from_to_modal_content .modal_search_holder {
		position: relative;
		margin-bottom: 35px;
	}

	.from_to_modal .from_to_modal_content .modal_search_holder input {
		width: 100%;
		height: 54px;
		border: 1px solid #DDE3E6;
		padding-left: 40px;
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.42px;
		color: #010036;
	}

	.from_to_modal .from_to_modal_content .modal_search_holder input::placeholder {
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.42px;
		color: #010036;
	}

	.from_to_modal .from_to_modal_content .modal_search_holder .modal_search_logo {
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
	}

	.from_to_modal .from_to_modal_content .country_names_holder {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.from_to_modal .from_to_modal_content .country_names_holder .city_list_holder {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.from_to_modal .from_to_modal_content .country_names_holder .city_list_holder h4 {
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.42px;
		color: #6E7477;
	}

	.from_to_modal .from_to_modal_content .country_names_holder .city_list_holder .city_list {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.from_to_modal .from_to_modal_content .country_names_holder .city_list_holder .city_list li {
		padding: 16.5px 10px;
		background-color: #EEF2F5;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.from_to_modal .from_to_modal_content .country_names_holder .city_list_holder .city_list li h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.48px;
		color: #010036;
		text-transform: uppercase;
	}

	.show_from_to_modal {
		display: block;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi.nisja_kthimi_open {
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		background-color: white;
		padding: 145px 45px 0 45px;
		overflow: scroll;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_kthimi_calendar.nisja_kthimi_calendar_open {
		left: 55px;
		top: 17.5%;
		transform: translateY(0);
		z-index: 9;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .nisja_span.nisja_span_open {
		left: 55px;
		top: 15%;
		z-index: 9;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .kthimi_span.kthimi_span_open {
		right: 130px;
		top: 15%;
		z-index: 9;
	}

	.outdate_indate {
		height: 62px !important;
	}

	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder .add-date.add-date-open {
		right: 100px;
		top: 18%;
		transform: translateY(0);
	}
}

@media only screen and (max-width: 450px) {
	section.booking .book_flight .directions_dates_holder .directions_dates_content .nisja_kthimi .input-holder .easepick-wrapper .container:not(.inline).show {
		width: 165px !important;
	}

	
	section.booking .special_offers .show_all h2 {
		font-size: 16px;
		font-weight: 500;
	}

	section.booking .special_offers .special_offers_holder {
		padding-bottom: 25px;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content {
		/* box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15); */
		box-shadow: none;
	}

	section.booking .special_offers .special_offers_holder .direction_prices {
		display: grid;
		grid-template-columns: 2.5fr 1fr;
	}

	section.booking .special_offers .special_offers_holder .direction_prices li:last-child {
		border-left: 1px solid #EEF2F5;
		padding-left: 30px !important;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder {
		padding: 50px 20px;
		background-color: #FFF;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li {
		padding: 10px 0;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder .direction_prices li:last-child {
		border-bottom: none;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .text_holder::after {
		display: none;
	}

	section.booking .special_offers .special_offers_holder .special_offers_content .img_holder img {
		height: 100%;
		object-fit: cover;
	}
}

section.client_information {
	margin-top: 40px;
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	padding: 55px 20px 69px 20px;
}

section.client_information .show_all {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

section.client_information .show_all h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.client_information .show_all a {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.42px;
	text-decoration-line: underline;
	color: #6E7477;
}

section.client_information .client_information_holder {
	overflow: hidden;
}

/* another page start */
.another-page h1 {
	font-size: 34px;
	font-weight: 700;
	word-break: break-word;
	color: #6D6E71;
	margin-bottom: 30px;
}

.another-page p {
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: #6D6E71;
}

.another-page ol,
.another-page ul {
	padding-left: 50px;
}

.another-page ul {
	list-style: disc;
}

.another-page ol li,
.another-page ul li {
	font-size: 19px;
	font-weight: 300;
	line-height: 30px;
	color: #6D6E71;
	margin-bottom: 20px;
	padding-left: 15px;
}

.another-page ol li ol,
.another-page ul li ul {
	margin-top: 25px;
}

.tab-item {
	transition: all .3s;
	border: 1px solid #eaeaea;
	border-bottom: none;
	border-radius: 5px;
	background-color: #fff;
}

#differentDestinationFields {
	border-right: 1px solid #ddd;
}

.tab-item:hover,
.tab-item.active {
	-webkit-box-shadow: 0 4px 28px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 28px 0 rgb(0 0 0 / 10%);
}


.tab-item .tab-header {
	padding: 20px 30px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}

.tab-item .tab-header::after {
	content: "\f078";
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: all .3s ease-in-out;
	color: #ccc;
}

.tab-item.active .tab-header::after {
	transform: rotate(180deg) translateY(50%);
}

.tab-item .tab-content {
	display: none;
	max-width: 80%;
	padding: 20px 30px;
}

.tab-item .tab-content a {
	color: #023F88;
}

.tab-item .tab-content a:hover {
	text-decoration: underline;
}

.tab-item .tab-content p {
	color: #666;
	margin-bottom: 1rem;
	line-height: 22px;
}

.tab-item .tab-header h2 {
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #5e5e5e;
}

/* another page end */

section.client_information .client_information_holder .client_information_content {
	display: flex;
	flex-direction: column;
	gap: 27px;
}

section.client_information .client_information_holder .client_information_content .img_holder img {
	width: 100%;
}

section.client_information .client_information_holder .client_information_content .text_holder h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
	margin-bottom: 27px;
}

section.client_information .client_information_holder .client_information_content .text_holder p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
	color: #6E7477;
}

@media only screen and (max-width: 768px) {
	#differentDestinationFields {
		border: none;
	}

	section.client_information {
		padding: 55px 0px 10px 0px;
		box-shadow: unset;
		margin-top: 0;
	}

	section.client_information .show_all {
		margin-bottom: 0;
		gap: 30px;
	}

	section.client_information .show_all h2 {
		flex-grow: 1;
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
	}

	section.client_information .show_all a {
		white-space: nowrap;
	}

	section.client_information .client_information_holder {
		gap: 0px;
		display: flex;

		width: calc(100% + 40px);
		padding-left: 20px;
		margin-right: -20px;
		margin-left: -20px;
		padding-top: 10px;
		padding-bottom: 15px;
	}

	section.client_information .client_information_holder .client_information_content {
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
		padding: 10px 10px 17px 10px;
		flex: 0 0 60%;
		gap: 20px;
		display: block;
		height: 100%;
	}

	section.client_information .client_information_holder .client_information_content .text_holder {
		margin-top: 15px;
	}

	section.client_information .client_information_holder .client_information_content .img_holder img {
		width: 100%;
	}

	section.client_information .client_information_holder .client_information_content .text_holder h3 {
		margin-bottom: 0;
	}

	section.client_information .client_information_holder .client_information_content .text_holder p {
		display: none;
	}
}

section.booking .book_flight .directions_dates_holder .directions_dates_content .pasagjer .html-dropdown input {
	font-size: 14px;
	font-family: "Inter";
}

section.booking .book_flight .directions_dates_holder .html-dropdown button {
	padding: 5px;
	width: unset;
	line-height: auto;
	border: none;
	height: unset;
	background-color: transparent;
	color: #DDE3E6;
}

.form_content_holder h3 {
	grid-column: 1/-1;
	font-weight: 600;
}

.has_drop {
	flex-grow: 1;
}

.html-dropdown .input-group {
	width: fit-content;
	border: 1px solid #DDE3E6;
}

strong,
b {
	font-weight: 600;
}

.html-dropdown {
	border: 1px solid #023F88;
	position: absolute;
	top: 57px;
	right: -1px;
	background-color: white;
	width: 291px;
	/* border-bottom: none; */
	z-index: 10;
}

.html-dropdown::after {
	content: "";
	position: absolute;
	height: 1px;
	width: 111px;
	top: -1px;
	right: 0;
	background: white;
	z-index: 999999999999;
}

.html-dropdown label {
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #023F88;
}

a.information {
	display: block;
	color: #023F88;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.information svg {
	width: 25px;
}

.html-dropdown input {
	width: 40px !important;
}

.modal-backdrop {
	background: #fff;
}

.modal-backdrop.show {
	opacity: unset;
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.html-dropdown span.info {
	font-size: 12px;
	color: #ccc;
	font-family: Inter;
}

.html-dropdown .input-group input[type=text] {
	width: 40px;
	border: 1px solid #ccc;
}

.html-dropdown .input-group .btn {
	border-radius: 0;
	border-color: #ccc;
}

.html-dropdown .destination {
	padding: 15px 15px;
	border-bottom: 1px solid #dde3e6;
}

.html-dropdown {
	display: none;
}

section.our_sponsors {
	margin-top: 65px;
	margin-bottom: 110px;
}

section.our_sponsors .our_sponsors_holder {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 57px;
}

section.our_sponsors .our_sponsors_holder img {
	max-width: 150px;
}

@media only screen and (max-width: 768px) {
	section.our_sponsors {
		margin-top: 40px;
		margin-bottom: 50px;
	}

	section.our_sponsors .our_sponsors_holder {
		gap: 20px;
	}

	section.our_sponsors .our_sponsors_holder a img {
		width: 70px;
	}
}

section.change_flight {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
}

section.change_flight .select_holder {
	/* position: relative;
	width: fit-content; */
}

section.change_flight .select_holder .nisja_holder {
	display: flex;
		align-items: center;
		gap: 10px;
		padding-left: 0;
}

section.change_flight .select_holder #change_flight {
	width: fit-content;
	border: 1px solid #DDE3E6;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #010036;
	padding: 14px 32px 14px 16px;
	outline: none;
}



section.change_flight .departure_change_flight_holder {}



section.change_flight .departure_change_flight_holder .change_flight_under_slider {
	padding: 20px;
	background-color: #FFF;
}



section.change_flight .flight_info_content {
	display: grid;
	grid-template-columns: 2fr 0.5fr 0.5fr;
	align-items: stretch;
	background-color: #fff;
	/* margin-bottom: 10px; */
	padding: 25px;
	border-radius: 15px;
	box-shadow: 0 4px 6px #0000000a;
	border: 1px solid #eee;
}

section.change_flight .flight_info_content.last {
	margin-bottom: 0 !important;
}

section.change_flight .flight_info_content .cities_content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

section.change_flight .flight_info_content .cities_content h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.change_flight .flight_info_content .flight_time_content {
	display: grid;
	grid-template-columns: 1fr 9fr 1fr;
	gap: 10px;
	align-items: center;
}

section.change_flight .flight_info_content .flight_time_content .time_content {
	display: flex;
	flex-direction: column;
}

section.change_flight .flight_info_content .flight_time_content .time_content h5 {
	font-size: 2.1875rem;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.54px;
	color: #010036;
}

.operated_by {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .75rem;
	color: #747980;
	gap: 5px;
}

.operated_by svg {
	height: 30px;
	order: 2;
}
.operated_by span {
	order: 1;
}
.direction-names {
	font-size: 1.125rem;
	font-weight: 300;
	color: #6E7477;
}

.direction-names .small-font {
	font-size: .75rem;
	margin-top: -10px;
}

section.change_flight .flight_info_content .flight_time_content .time_content span {
	font-size: 10px;
	font-weight: 500;
	line-height: normal;
	color: #6E7477;
}

section.change_flight .flight_info_content .flight_time_content .img_line_holder img {
	width: 100%;
}

section.change_flight .flight_info_content .flight_time_content .airlines_company {
	display: none;
}

section.change_flight .flight_info_content .price_content {
	display: flex;
	align-items: center;
	gap: 25px;
	background-color: #eff7ff;
	padding: 25px;
	border-radius: 10px;
}

section.change_flight .flight_info_content .price_content .direct_time {
	display: flex;
	flex-direction: column;
}

section.change_flight .flight_info_content .price_content .direct_time span {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.change_flight .flight_info_content .price_content h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}
section.change_flight .flight_info_content .price_content h2 span {
	font-size: 20px;
	font-weight: 300;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider {
	display: block;
	padding: 15px;
	padding-bottom: 0;
	background-color: #FFF;
	border-bottom: 1px solid #DDE3E6;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .left_arrow_slider {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	z-index: 99999;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .right_arrow_slider {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 99999;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .slick-list .slick-track .slick-current {
	border-bottom: 2px solid #FDB813;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .slick-list .slick-track .date_price_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .slick-list .slick-track .date_price_content p {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #6E7477;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .slick-list .slick-track .date_price_content h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
}

section.change_flight .departure_change_flight_holder .change_flight_upper_slider .slick-list .slick-track .date_price_content h4 span {
	font-size: 10px;
	font-weight: 400;
	line-height: normal;
	margin-right: 3px;
}

.sold-out {
	position: absolute;
	background: rgba(238, 242, 245, .9);
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px;
	border-radius: 15px;
	z-index: 100;
}

.sold-out span {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	text-transform: uppercase;
	background: #EEF2F5;
	padding: 25px 35px;
}

.customer-login a {
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	gap: 5px;
	font-size: 14px;
	color: black;
	transition: all .3s ease-in-out;
}

.customer-login a:hover svg {
	color: rgba(255, 255, 255, .7);
}

.customer-login a:hover {
	background: rgba(0, 0, 0, .5);
	color: white;
}

.customer-login a svg {
	transition: all .3s ease-in-out;
	color: rgba(0, 0, 0, .5);
}

a.login {
	color: white;
	background-color: #023F88;
	border-color: #023F88;
}

a.login:hover {
	border-color: #FDB813;
	background-color: #FDB813;
}

a.login svg {
	color: rgba(255, 255, 255, .7);
}

@media only screen and (min-width: 768px){
	section.change_flight .select_holder .nisja_holder  h4 {
		font-weight: 300;
		line-height: normal;
		color: #013f88;
		font-size: 1.3rem;
	}
	span.baggage {
        font-size: 12px;
    }
	span.baggage svg {
		width: 12px;
	}
	
}

@media only screen and (max-width: 768px) {
	.operated_by {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.operated_by span {
		order: 2;
	}
	.operated_by svg {
		order: 1;
	}
	section.change_flight {
		margin-top: 20px;
		border: 1px solid #FFF;
		background: rgba(255, 255, 255, 0.85);
		z-index: 99;
		margin-bottom: 15px;
		z-index: 0;
	}

	section.change_flight .select_holder {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding-top: 20px;
		padding: 20px 10px 0 10px;
	}

	section.change_flight .select_holder .nisja_holder {
		
	}

	section.change_flight .select_holder .nisja_holder .nisja {
		display: flex;
		align-items: center;
		gap: 3px;
	}

	section.change_flight .select_holder .nisja_holder .nisja span {
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.36px;
		color: #6E7477;
	}

	section.change_flight .select_holder .nisja_holder h4 {
		font-size: 12px;
		font-weight: 500;
		line-height: normal;
		color: #010036;
	}

	section.change_flight .select_holder #change_flight {
		width: fit-content;
		border: none;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: -0.36px;
		color: #00AEEF;
		padding: 0 20px;
		background-color: transparent;
	}

	section.change_flight .select_holder .down_arrow {
		right: 5px;
		top: 73%;
	}

	section.change_flight .select_holder .down_arrow path {
		stroke: #333;
	}



	section.change_flight .departure_change_flight_holder .change_flight_under_slider {
		padding: 15px 10px;
	}

	section.change_flight {
		border: 1px solid #DDE3E6;
	}

	section.change_flight.flight-list {
		border-color: transparent;
	}

	section.change_flight :last-child .flight_info_content:last-child {
		margin-bottom: 0;
	}

	section.change_flight .flight_info_content {
		grid-template-columns: 1fr;
		gap: 10px;
		background-color: unset;
		margin-bottom: 0;
		border-bottom: 1px solid #DDE3E6;
		padding: 15px 25px;
	}

	section.change_flight .flight_info_content:last-child {
		border-bottom: none;
	}

	section.change_flight .flight_info_content .cities_content {
		display: none;
	}

	section.change_flight .flight_info_content .flight_time_content {
		grid-template-columns: 1fr 9fr 1fr;
		gap: 10px;
		align-items: center;
	}

	section.change_flight .flight_info_content .flight_time_content .time_content h5 {
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.48px;
	}

	section.change_flight .flight_info_content .flight_time_content .time_content span {
		font-size: 10px;
		font-weight: 400;
	}

	section.change_flight .flight_info_content .flight_time_content .airlines_company {
		display: flex;
		flex-direction: column;
		gap: 3px;
		font-size: 12px;
	}

	section.change_flight .flight_info_content .flight_time_content .airlines_company span {
		font-size: 10px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.3px;
		color: #6E7477;
	}

	section.change_flight .flight_info_content .flight_time_content .airlines_company svg {
		width: 30px;
	}

	section.change_flight .flight_info_content .price_content {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0;
		background-color: #F6FAFC;
		border-radius: 10px;
		height: 100%;
		padding: 10px;
	}

	section.change_flight .flight_info_content .flight_time_content .airline-and-baggage {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column: 1 / 4;
	}

	section.change_flight .flight_info_content .price_content .direct_time {
		display: none;
	}

	section.change_flight .flight_info_content .price_content h2 {
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
	}

	section.change_flight .flight_info_content .price_content h2 strong {
		font-size: 18px;
		font-weight: normal;
	}
}

section.flights_overview {
	margin-bottom: 100px;
}

section.flights_overview .desktop_version {
	display: grid;
	grid-template-columns: 1.2fr 1.5fr 1fr;
	gap: 40px;
}

section.flights_overview .desktop_version .eurowings_holder {
	display: flex;
	align-items: center;
	gap: 20px;
}

section.flights_overview .price {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.flights_overview .flight-and-button {
	gap: 40px;
}

.calendars-flight-date.place {
	color: #ccc;
}

section.flights_overview .continute-button {
	flex: 0 0 20%;
}

section.flights_overview .d-version h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.flights_overview .desktop_version .eurowings_holder .img_holder {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.desktop_version .flight-information .img_holder .eurowings_text h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #6E7477;
}

.desktop_version .flight-information .img_holder .eurowings_text p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
	color: #6E7477;
}

section.flights_overview .desktop_version .eurowings_range {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	align-items: center;
	gap: 5px;
}

.desktop_version .flight-information h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
	white-space: nowrap;
}

.desktop_version .flight-information h3 span {
	font-weight: 300;
}

section.change_flight label {
	border: 1px solid transparent;
	cursor: pointer;
}

section.change_flight input[type="radio"]:checked+label {
	/* Styles for label when the radio is checked */
	color: black;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border-left-color: #FDB813;
	border-left-width: 4px;
	box-shadow: 0 4px 6px #00000022;
}

/* section.change_flight input[type="radio"]:checked+label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 100%;
	background-color: #FDB813;
} */

#submitFlights {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	padding: 14px 0;
	width: 100%;
	height: fit-content;
	background-color: #FDB813;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
}

#submitFlights:disabled {
	opacity: .5;
}

form button:disabled {
	opacity: .5;
}

section.flights_overview .mobile_version {
	display: none;
}

.radio {
	margin: 0;
}

.radio input[type=radio] {
	position: absolute;
	opacity: 0;
}

.radio input[type=radio]+.radio-label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -0.2em;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}

.radio input[type=radio]:checked+.radio-label:before {
	background-color: #023F88;
	box-shadow: inset 0 0 0 2px #f4f4f4;
}

.radio input[type=radio]:focus+.radio-label:before {
	outline: none;
	border-color: #023F88;
}

.radio input[type=radio]:disabled+.radio-label:before {
	box-shadow: inset 0 0 0 2px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}

.radio input[type=radio]+.radio-label:empty:before {
	margin-right: 0;
}

div#payment-options input[type="radio"]:checked+label {
	background-color: rgba(0, 0, 0, .2);

}

div#payment-options .options {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

div#payment-options h4 {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 30px;
}

div#payment-options label svg {
	width: 50px;
	height: auto;
}

div#payment-options label span {
	margin-right: auto;
}

div#payment-options label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 150px;
	padding: 20px;
	margin: 0;
	background-color: #f1f1f1;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.3s;
	min-height: 80px;
}

section.flights_overview .mobile_version h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDE3E6;
}

section.flights_overview .mobile_version h2 span {
	font-weight: 300;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content {
	position: relative;
	padding: 30px 10px;
	border-left: 1px solid #B9C0C5;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content h2:first-child {
	position: absolute;
	top: 0;
	left: 10px;
	transform: translateY(-50%);
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content h2:first-child::after {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #FFF;
	border: 1px solid #B9C0C5;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
}

section.flights_overview .mobile_version .eurowings_holder .flight_content h2:last-child {
	position: absolute;
	bottom: 0;
	left: 10px;
	transform: translateY(50%);
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content h2:last-child::after {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #B9C0C5;
	border: 1px solid #B9C0C5;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
}

section.flights_overview .mobile_version .eurowings_holder .flight_content .flight_company_details {
	display: flex;
	gap: 10px;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content .flight_company_details .text_holder {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.flights_overview .mobile_version .eurowings_holder .flight_content .flight_company_details .text_holder p {
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
	color: #6E7477;
}

section.flights_overview .mobile_version .eurowings_holder .change_gate {
	position: relative;
	padding: 26px 10px;
	border-left: 1px dashed #B9C0C5;
}

section.flights_overview .mobile_version .eurowings_holder .change_gate p {
	font-size: 10px;
	font-weight: 500;
	line-height: normal;
	color: #6E7477;
	position: relative;
}

section.flights_overview .mobile_version .eurowings_holder .change_gate p::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #FFF;
	border: 1px solid #B9C0C5;
	top: 50%;
	left: -13px;
	transform: translateY(-50%);
}

section.flights_overview .mobile_version a {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	padding: 15px 0;
	width: 93%;
	height: fit-content;
	background-color: #FDB813;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
	margin: 35px auto 0 auto;
}

@media only screen and (max-width: 768px) {

	section.flights_overview {
		position: relative;
		margin-bottom: 50px;
		margin-top: 40px;
	}

	section.flights_overview .desktop_version {
		display: none;
	}

	section.flights_overview .mobile_version {
		display: block;
		margin-bottom: 77px;
	}

}

section.personal_information {
	/* padding: 15px; */
	display: grid;
	grid-template-columns: 1fr;
	/* grid-template-columns: 1.7fr 1fr; */
	/* gap: 25px;
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 110px;
	background-color: #FFF;
	z-index: 0;
	position: relative; */
}

section.personal_information.payments {
	display: grid;
	grid-template-columns: 1.7fr 1fr;
	gap: 25px;
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 110px;
	background-color: #FFF;
	z-index: 0;
	position: relative;
	padding-right: 0;
}

section.personal_information .form_holder {
	padding: 20px 0 25px 25px;
}

section.personal_information .form_holder .title_holder {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-bottom: 40px;
}

section.personal_information .form_holder .title_holder h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.personal_information .form_holder .title_holder .sign_in {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #023F88;
	display: flex;
	align-items: center;
	gap: 5px;
}

section.personal_information .form_holder .title_holder .guest {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #6E7477;
}

section.personal_information .form_holder .title_holder .cards_holder {
	display: flex;
	gap: 16px;
	margin-left: 16px;
}

section.personal_information .form_holder form .form_content_holder {
	/* display: grid; */
	/* grid-template-columns: repeat(2, 1fr); */
	gap: 20px;
}

.vija-verticale {
	width: 1px;
	background-color: #fff;
	opacity: .5;
}

section.personal_information .form_content_holder.billing-info,
section.personal_information .form_holder form .passenger {
	border-bottom: 1px solid #ccc;
	padding: 32px;
}

section.personal_information .form_content_holder.billing-info {
	border-bottom: none;
}

section.personal_information .billing-information,
section.personal_information .form_holder form .passenger-list {
	border: 1px solid #ccc;
	border-radius: 8px;
}

section.personal_information .form_holder form .passenger-list .passenger.disabled {
	background-color: #efefef;
	opacity: .6;
}

section.personal_information .form_holder form .passenger-list .passenger:not(.disabled) .title {
	cursor: pointer;
}

section.personal_information .form_holder form .passenger-list .passenger .title>.open-passenger {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}

section.personal_information .form_holder form .passenger-list .passenger .title>.open-passenger>span {
	transition: all .3s ease-in-out;
}

section.personal_information .form_holder form .passenger-list .passenger.open:not(.disabled) .title>.open-passenger>span {
	transform: rotate(-180deg);
}

section.personal_information .form_holder form .passenger-list .passenger.open:not(.disabled) .title>.open-passenger {
	background-color: #013f88;
	color: white;
}

section.personal_information .form_holder form .passenger-list .passenger:not(.disabled) .title>.open-passenger {
	background-color: #f8f8f8;
	color: #013f88;
}

section.personal_information .form_holder form .passenger-list .passenger.disabled .title>.open-passenger {
	color: #b0b4bc;
	background-color: #f8f8f8;
}

section.personal_information .form_holder form .passenger-list>div.passenger:last-child {
	border-bottom: none;
}

section.personal_information .form_holder form .form_content_holder .contet_holder {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.personal_information .form_holder form .form_content_holder .contet_holder:first-child {
	padding-right: 0;
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder {
	position: relative;
	flex-grow: 1;
}

#passenger-and-billing span[data-validate-for] {
	color: red;
	padding-left: 10px;
}



section.personal_information .form_holder form .form_content_holder .contet_holder .select_holder {
	position: relative;
	height: 62px;
	font-size: 16px;
	font-weight: 500;
	color: rgb(46, 50, 59);
	padding: 10px 16px 10px;
	border: 1px solid #ced4da;
	border-radius: 7px;
	display: flex;
	flex-direction: column;

}

section.personal_information .form_holder form .form_content_holder .contet_holder .select_holder select {
	outline: none;
	border: transparent;
	color: rgb(46, 50, 59);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	background: white;
	margin-top: auto;
}


section.personal_information .form_holder form .form_content_holder .contet_holder .select_holder select option:disabled {
	color: #eee;
	/* Change the text color */
}

section.personal_information .passenger-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 50%;
}

section.personal_information .passenger-content h4 {
	font-size: 1.125rem;
	font-weight: 500;
}

section.personal_information .passenger .material-symbols-outlined {
	font-variation-settings:
		'FILL' 1,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

section.personal_information .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9fc;
	border: 1px solid #dddee2;
	border-radius: 50%;
	width: 48px;
	height: 48px;
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder .select_holder img {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	filter: grayscale(1);
	opacity: 0.5;
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder input {
	border-radius: 7px;
	height: 62px;
	font-size: 16px;
	font-weight: 500;
	color: rgb(46, 50, 59);
	padding: 36px 16px 14px;
	border: 1px solid #ced4da;
	width: 100%;
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder input:enabled:focus {
	outline: 0 none;
	outline-offset: 0;
	border-color: #008cff;
}

.customer-registration h2 {
	font-size: 1.25rem;
	font-weight: 600;
}

.customer-registration div.fields>.field input::placeholder,
section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder input::placeholder {
	color: #B9C0C5;
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder svg {
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(-50%);
}

section.personal_information .form_holder form .form_content_holder .contet_holder .input_holder .birthday_side {
	left: 90%;
}

section.personal_information .form_holder form .confirmation_holder {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 55px;
}

section.personal_information .form_holder form .confirmation_holder .confirmation_btn {
	width: fit-content;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 40px;
	background-color: #023F88;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #FFF;
}

section.personal_information .form_holder form .confirmation_holder .cancel_btn {
	width: fit-content;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 40px;
	background-color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #023F88;
	border: 1px solid #B9C0C5;
}

section.personal_information .form_holder form .non_payment {
	justify-content: flex-end;
	margin-top: 40px;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.select_holder label {
	font-size: 14px;
	color: #4f5564;
	font-weight: 500;
	opacity: 1;
	cursor: default !important;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

.input_holder label {
	font-size: 14px;
	color: #4f5564;
	font-weight: 500;
	position: absolute;
	opacity: 1;
	top: 10px;
	left: 16px;
	cursor: default !important;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder {
	position: relative;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder select {
	padding-left: 5px;
	border: none;
	border-bottom: 1px solid #DDE3E6;
	height: 35px;
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: #B9C0C5;
	background: white;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder img {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	filter: grayscale(1);
	opacity: 0.5;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder input {
	padding-left: 5px;
	border: none;
	border-bottom: 1px solid #DDE3E6;
	height: 35px;
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: #B9C0C5;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder input::placeholder {
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: #B9C0C5;
}

section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .double_input {
	display: flex;
	align-items: center;
	gap: 35px;
}

section.personal_information .form_holder .payment_form .title_inside_form {
	display: none;
}

section.personal_information .form_holder .payment_form button {
	margin: 55px auto 130px 0;
	width: 48%;
}

section.personal_information .ticket_holder {
	background-color: #F6FAFC;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding: 40px 0;
}

section.personal_information .ticket_holder>.static {
	position: sticky;
	top: 40px;
}

section.personal_information .ticket_holder>.static>div {
	padding: 0 40px 0 50px;
}

section.personal_information .ticket_holder>.static>.inbound {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 15px solid #fff;
}

section.personal_information .ticket_holder .title_holder {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}

section.personal_information .ticket_holder .title_holder .city_names {
	display: flex;
	gap: 3px;
}

section.personal_information .ticket_holder .title_holder .city_names h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
}

section.personal_information .ticket_holder .title_holder .direct_time {
	text-align: end;
}

section.personal_information .ticket_holder .title_holder .direct_time p {
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.personal_information .ticket_holder .title_holder .direct_time h4 {
	display: none;
}

section.personal_information .ticket_holder .flight_time {
	display: grid;
	grid-template-columns: 1fr 6fr 1fr;
	margin-bottom: 65px;
	gap: 10px;
	align-items: center;
}

section.personal_information .ticket_holder .flight_time .time h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #010036;
}

section.personal_information .ticket_holder .flight_time .time span {
	font-size: 10px;
	font-weight: 500;
	line-height: normal;
	color: #6E7477;
}

section.personal_information .ticket_holder .flight_time .range img {
	width: 100%;
}

section.personal_information .ticket_holder .flight_time .range .mobile_img {
	display: none;
}

section.personal_information .ticket_holder .date_time_price {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	border-top: 1px solid #DDE3E6;
	padding-top: 10px;
}

section.personal_information .ticket_holder .date_time_price .date span {
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	color: #6E7477;
}

section.personal_information .ticket_holder .date_time_price .date .calendar {
	display: flex;
	align-items: center;
	gap: 5px;
}

section.personal_information .ticket_holder .date_time_price .date .calendar p {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

section.personal_information .ticket_holder .price span,
section.personal_information .ticket_holder .date_time_price .time span {
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	color: #6E7477;
}

section.personal_information .ticket_holder .date_time_price .time .clock {
	display: flex;
	align-items: center;
	gap: 5px;
}

section.personal_information .ticket_holder .date_time_price .time .clock p {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

section.personal_information .ticket_holder .date_time_price .price {
	display: flex;
	align-items: center;
	flex-direction: column;
}

section.personal_information .ticket_holder .date_time_price .price h4 {
	font-size: 22px;
	font-weight: 300;
	line-height: 21.667px;
	color: #010036;
}

section.personal_information .ticket_holder .date_time_price .price h2 {
	font-size: 26px;
	font-weight: 600;
	line-height: 32.5px;
	color: #010036;
}

section.personal_information .payments_ticket_holder {
	padding: 90px 40px 129px 50px;
}

@media only screen and (max-width: 768px) {
	section.personal_information {
		grid-template-columns: 1fr;
		margin-bottom: 50px;
	}

	section.personal_information .form_holder {
		padding: 0;
	}

	section.personal_information .form_holder .title_holder {
		display: flex;
		flex-direction: column;
		margin: 0px auto 30px auto;
	}

	section.personal_information .form_holder .title_holder h2 {
		display: none;
	}

	section.personal_information .form_holder .title_holder .sign_in {
		color: #FFF;
		background-color: #023F88;
		width: 100%;
		justify-content: center;
		padding: 13px 0;
	}

	section.personal_information .form_holder .title_holder .sign_in svg path {
		fill: #FFF;
	}

	section.personal_information .form_holder form .form_content_holder {
		grid-template-columns: 1fr;
	}

	section.personal_information .form_holder form .form_content_holder .contet_holder {
		padding-right: 0;
	}

	section.personal_information .form_holder form .title_inside_form {
		display: flex;
		flex-direction: column;
		margin: 30px auto 30px auto;
	}

	section.personal_information .form_holder form .title_inside_form h2 {
		display: none;
	}

	section.personal_information .form_holder form .title_inside_form .sign_in {
		color: #FFF;
		background-color: #023F88;
		width: 100%;
		justify-content: center;
		padding: 13px 0;
	}

	section.personal_information .form_holder form .title_inside_form .sign_in svg path {
		fill: #FFF;
	}

	section.personal_information .form_holder form .confirmation_holder {
		flex-direction: column;
		margin-top: 30px;
	}

	section.personal_information .form_holder form .confirmation_holder .confirmation_btn {
		width: 100%;
	}

	section.personal_information .form_holder form .confirmation_holder .cancel_btn {
		width: 100%;
		padding: 15px 0;
	}

	section.personal_information .form_holder .payment_form .title_inside_form {
		display: flex;
		margin: 30px auto 30px auto;
	}

	section.personal_information .form_holder .payment_form .title_inside_form h2 {
		display: none;
	}

	section.personal_information .form_holder .payment_form .title_inside_form .sign_in {
		color: #FFF;
		background-color: #023F88;
		width: 100%;
		justify-content: center;
		padding: 13px 0;
	}

	section.personal_information .form_holder .payment_form .title_inside_form .sign_in svg path {
		fill: #FFF;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder {
		gap: 20px;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder label {
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
		font-size: 14px;
		font-weight: 500;
		line-height: normal;
		color: #010036;
		margin-bottom: 5px;
		padding: 0;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder {
		position: relative;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder select {
		padding-left: 0;
		border: none;
		border-bottom: 1px solid #DDE3E6;
		height: 35px;
		font-size: 16px;
		font-weight: 300;
		line-height: normal;
		color: #B9C0C5;
		background: white;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder .select_holder img {
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		filter: grayscale(1);
		opacity: 0.5;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder input {
		padding-left: 0;
		border: none;
		border-bottom: 1px solid #DDE3E6;
		height: 35px;
		font-size: 16px;
		font-weight: 300;
		line-height: normal;
		color: #B9C0C5;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .input_holder input::placeholder {
		font-size: 16px;
		font-weight: 300;
		line-height: normal;
		color: #B9C0C5;
	}

	section.personal_information .form_holder .payment_form .form_content_holder .contet_holder .double_input {
		display: flex;
		align-items: center;
		gap: 35px;
	}

	section.personal_information .form_holder .payment_form button {
		margin: 55px auto 130px 0;
		width: 48%;
	}

	section.personal_information .ticket_holder {
		display: none;
	}

	section.personal_information .ticket_holder .title_holder {
		margin-bottom: 30px;
	}

	section.personal_information .ticket_holder .title_holder .city_names {
		display: flex;
		gap: 3px;
	}

	section.personal_information .ticket_holder .title_holder .city_names h3 {
		font-size: 16px;
	}

	section.personal_information .ticket_holder .title_holder .direct_time {
		text-align: end;
	}

	section.personal_information .ticket_holder .title_holder .direct_time p {
		display: none;
	}

	section.personal_information .ticket_holder .title_holder .direct_time h4 {
		display: flex;
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.48px;
		color: #010036;
	}

	section.personal_information .ticket_holder .flight_time {
		margin-bottom: 30px;
		gap: 30px;
	}

	section.personal_information .ticket_holder .flight_time .time h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		color: #010036;
	}

	section.personal_information .ticket_holder .flight_time .time span {
		font-size: 10px;
		font-weight: 500;
		line-height: normal;
		color: #6E7477;
	}

	section.personal_information .ticket_holder .flight_time .time:last-child h3 {
		text-align: end;
	}

	section.personal_information .ticket_holder .flight_time .range img {
		display: none;
	}

	section.personal_information .ticket_holder .flight_time .range .mobile_img {
		display: flex;
	}

	section.personal_information .ticket_holder .flight_time .range .mobile_img img {
		display: flex;
	}

	section.personal_information .ticket_holder .flight_time .range .mobile_img .staying_plane {
		width: 30px;
	}

	section.personal_information .ticket_holder .date_time_price {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		border-top: 1px solid #DDE3E6;
		padding-top: 10px;
	}

	section.personal_information .ticket_holder .date_time_price .date span {
		font-size: 12px;
		font-weight: 300;
		line-height: 16px;
		color: #6E7477;
	}

	section.personal_information .ticket_holder .date_time_price .date .calendar {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	section.personal_information .ticket_holder .date_time_price .date .calendar p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
		color: #010036;
	}

	section.personal_information .ticket_holder .date_time_price .time span {
		font-size: 12px;
		font-weight: 300;
		line-height: 16px;
		color: #6E7477;
	}

	section.personal_information .ticket_holder .date_time_price .time .clock {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	section.personal_information .ticket_holder .date_time_price .time .clock p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
		color: #010036;
	}

	section.personal_information .payments_form_holder {
		order: 2;
	}

	section.personal_information .payments_form_holder .title_holder {
		display: none;
	}

	section.personal_information .payments_ticket_holder {
		display: block;
		order: 1;
	}

	section.personal_information .payments_ticket_holder .date_time_price {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 20px;
	}

	section.personal_information .payments_ticket_holder .date_time_price .date {
		grid-column: 1/-1;
	}

	section.personal_information .payments_ticket_holder .date_time_price .price {
		grid-column: -2/-1;
	}

	section.payments {
		box-shadow: none;
		padding: 0px;
		gap: 10px;
	}

	section.payments .payments_form_holder {
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
		padding: 15px 15px 44px 15px;
	}

	section.payments .payments_ticket_holder {
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
		background-color: #FFF;
		padding: 15px;
	}
}

input[type=date]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

section.blog_list {
	padding-top: 110px;
	position: relative;
	z-index: 1;
	background-color: #FFF;
	margin-bottom: 100px;
}

section.blog_list .container {
	max-width: 1090px;
}

section.blog_list .blog_list_holder {
	display: flex;
	flex-direction: column;
	gap: 120px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content {
	display: flex;
	flex-direction: column;
	gap: 120px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content {
	display: grid;
	grid-template-columns: 1.5fr 3fr;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .bg_box {
	position: relative;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .bg_box .img_date {
	display: none;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box {
	position: relative;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder {
	position: absolute;
	top: 100px;
	left: -75px;
	background-color: #FFF;
	padding-top: 55px;
	padding-left: 50px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .date {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .date span {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	margin-bottom: 30px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .text_holder {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 70%;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .text_holder p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
	color: #333;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content {
	display: grid;
	grid-template-columns: 3fr 1.5fr;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .bg_box {
	position: relative;
	order: 2;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .bg_box .img_date {
	display: none;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box {
	position: relative;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder {
	position: absolute;
	top: 100px;
	left: 75px;
	background-color: #FFF;
	padding: 50px;
	padding-left: 0;
	width: 100%;
	z-index: 9;
	display: flex;
	flex-direction: column;
	align-items: end;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .date {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
	justify-content: flex-end;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .date span {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	margin-bottom: 30px;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .text_holder {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 70%;
	text-align: right;
}

section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .text_holder p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
	color: #333;
}

.readmore figure {
	width: 100%;
}

.readmore figure img {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	section.blog_list {
		background-color: transparent;
		margin-bottom: 50px;
		padding-top: 20px;
	}

	section.blog_list .blog_list_holder {
		display: block;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content {
		gap: 20px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content {
		display: block;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .bg_box img {
		width: 100%;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .bg_box .img_date {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 5px 0 5px 10px;
		display: flex;
		align-items: center;
		gap: 15px;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .bg_box .img_date span {
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.36px;
		color: #6E7477;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder {
		position: unset;
		top: 0;
		left: 0;
		padding-top: 0;
		padding-left: 10px;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder h2 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .date {
		display: none;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_odd_content .content_box .content_holder .text_holder {
		display: none;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content {
		grid-template-columns: 1fr;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .bg_box img {
		width: 100%;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .bg_box .img_date {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 5px 0;
		display: flex;
		align-items: center;
		gap: 15px;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .bg_box .img_date span {
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.36px;
		color: #6E7477;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box {
		order: 2;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder {
		position: unset;
		top: 0;
		left: 0;
		padding-top: 0;
		padding-left: 0;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder h2 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .date {
		display: none;
	}

	section.blog_list .blog_list_holder .blog_odd_and_even_content .blog_even_content .content_box .content_holder .text_holder {
		display: none;
	}
}

section.blog_article {
	padding-top: 60px;
	position: relative;
	background-color: #FFF;
	z-index: 1;
	margin-bottom: 220px;
}

section.blog_article .blog_article_holder {
	display: grid;
	grid-template-columns: 4fr 1fr;
}

section.blog_article .blog_article_holder .blog_article_content .date {
	display: none;
}

section.blog_article .blog_article_holder .blog_article_content h2 {
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: 45.45px;
	letter-spacing: -1.32px;
	color: #010036;
	margin-bottom: 20px;
}

section.blog_article .blog_article_holder .blog_article_content h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.54px;
	color: #010036;
	margin-bottom: 60px;
	width: 75%;
}

section.blog_article .blog_article_holder .blog_article_content .img_holder {
	margin-bottom: 60px;
}

section.blog_article .blog_article_holder .blog_article_content .img_holder img {
	width: 100%;
}

section.blog_article .blog_article_holder .blog_article_content .text_content {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 75%;
}

section.blog_article .blog_article_holder .blog_article_content .text_content p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22.9px;
	letter-spacing: -0.42px;
}

section.blog_article .blog_article_holder .blog_article_content button {
	display: none;
}

.plane_part_rotated {
	display: none;
}

@media only screen and (max-width: 768px) {
	section.blog_article {
		margin-top: 175px;
		margin-bottom: 50px;
		z-index: -1;
	}

	section.blog_article .blog_article_holder {
		background-color: rgba(255, 255, 255, 0.9);
		grid-template-columns: 1fr;
		width: 84%;
		margin-top: 14px;
	}

	section.blog_article .blog_article_holder .blog_article_content {
		padding-top: 30px;
	}

	section.blog_article .blog_article_holder .blog_article_content .date {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 17.5px;
	}

	section.blog_article .blog_article_holder .blog_article_content .date p {
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.36px;
		color: #6E7477;
	}

	section.blog_article .blog_article_holder .blog_article_content h2 {
		font-size: 24px;
		line-height: 28px;
	}

	section.blog_article .blog_article_holder .blog_article_content h4 {
		font-size: 14px;
		font-weight: 300;
		line-height: 22.9px;
		margin-bottom: 20px;
		width: 100%;
	}

	section.blog_article .blog_article_holder .blog_article_content .img_holder {
		margin-bottom: 0;
		position: absolute;
		top: -60px;
		left: 0;
		padding: 0 20px;
		z-index: -1;
	}

	section.blog_article .blog_article_holder .blog_article_content .img_holder img {
		width: 100%;
		position: relative;
		z-index: -1;
	}

	section.blog_article .blog_article_holder .blog_article_content .text_content {
		width: 100%;
		gap: 20px;
	}

	section.blog_article .blog_article_holder .blog_article_content .text_content p {
		font-weight: 400;
	}

	section.blog_article .blog_article_holder .blog_article_content button {
		margin: 50px auto 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: fit-content;
		background-color: transparent;
		font-size: 12px;
		font-weight: 700;
		line-height: normal;
		color: #070614;
		border: 1px solid #B9C0C5;
		border-radius: 25px;
		padding: 10px 30px;
	}

	.plane_part_rotated {
		display: flex;
		position: absolute;
		top: 30px;
		left: 0px;
		z-index: 0;
		width: 95%;
		max-width: 95%;
	}
}

section.ticket {
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	padding: 0;
	padding-top: 35px;
	padding-bottom: 65px;
	margin-bottom: 110px;
	z-index: 0;
	position: relative;
	background-color: #FFF;
}

section.ticket h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.72px;
	color: #010036;
	margin-bottom: 50px;
	padding-left: 40px;
}

section.ticket .user_name_holder {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
	padding-left: 40px;
}

section.ticket .user_name_holder .img_holder img {
	border-radius: 50%;
}

section.ticket .user_name_holder .text_holder h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	color: #191919;
}

section.ticket .user_name_holder .text_holder p {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #888;
}

section.ticket .ticket_holder {
	border-top: 1px solid #B9C0C5;
	border-bottom: 1px solid #B9C0C5;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

section.ticket .ticket_holder .barcode_holder {
	padding: 35px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
}

section.ticket .ticket_holder .barcode_holder .flight_information {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	border-bottom: 1px solid #B9C0C5;
	padding-bottom: 16px;
	width: 85%;
}

section.ticket .ticket_holder .barcode_holder .flight_information .information_content {
	display: flex;
	flex-direction: column;
}

section.ticket .ticket_holder .barcode_holder .flight_information .information_content p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #6E7477;
}

section.ticket .ticket_holder .barcode_holder .flight_information .information_content h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

section.ticket .ticket_holder .barcode_holder .barcode_content {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

section.ticket .ticket_holder .barcode_holder .barcode_content h5 {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #010036;
}

section.ticket .ticket_holder .flight_time_holder {
	padding: 35px 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-left: 1px solid #B9C0C5;
	border-right: 1px solid #B9C0C5;
}

section.ticket .ticket_holder .flight_time_holder .range_holder {
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	gap: 10px;
	align-items: center;
}

section.ticket .ticket_holder .flight_time_holder .range_holder .ticket_time h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	color: #010036;
	padding-left: 0;
	margin-bottom: 0;
}

section.ticket .ticket_holder .flight_time_holder .range_holder .ticket_time span {
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	color: #6E7477;
}

section.ticket .ticket_holder .flight_time_holder .range_holder .ticket_time:last-child {
	text-align: end;
}

section.ticket .ticket_holder .flight_time_holder .range_holder .range img {
	width: 100%;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder {
	text-align: start;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder .date {
	position: relative;
	padding: 12px 16px;
	border: 1px solid #DDE3E6;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder .date span {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	left: 11px;
	background-color: #FFF;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	color: #555;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder .date .inside_date {
	display: flex;
	align-items: center;
	gap: 10px;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .date_holder .date .inside_date h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder {
	text-align: end;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder .time {
	position: relative;
	padding: 12px 16px;
	border: 1px solid #DDE3E6;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder .time span {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	left: 11px;
	background-color: #FFF;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	color: #555;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder .time .inside_time {
	display: flex;
	align-items: center;
	gap: 10px;
}

section.ticket .ticket_holder .flight_time_holder .date_time_holder .time_holder .time .inside_time h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #010036;
}

section.ticket .ticket_holder .shkarko_holder {
	padding: 35px 80px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

section.ticket .ticket_holder .shkarko_holder p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #6E7477;
}

section.ticket .ticket_holder .shkarko_holder button {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #023F88;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #FFF;
	width: 100%;
	padding: 20px;
}

section.ticket .under_title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 65px;
}

section.ticket .under_title h2 {
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.72px;
	color: #023F88;
	padding-left: 0;
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
	section.ticket {
		box-shadow: none;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 100px;
	}

	section.ticket h2 {
		display: none;
	}

	section.ticket .user_name_holder {
		margin: 0 60px 22px 60px;
		padding-left: 0px;
	}

	section.ticket .ticket_holder {
		border-bottom: none;
		grid-template-columns: 1fr;
		margin: 0 60px;
	}

	section.ticket .ticket_holder .barcode_holder {
		padding: 16px 0px;
		gap: 10px;
		order: 2;
	}

	section.ticket .ticket_holder .barcode_holder .flight_information {
		width: 100%;
	}

	section.ticket .ticket_holder .barcode_holder .barcode_content .barcode img {
		width: 100%;
	}

	section.ticket .ticket_holder .flight_time_holder {
		padding: 23px 0px;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B9C0C5;
	}

	section.ticket .ticket_holder .flight_time_holder .range_holder h2 {
		display: flex;
		font-size: 16px;
	}

	section.ticket .ticket_holder .flight_time_holder .range_holder .range img {
		width: 100%;
	}

	section.ticket .ticket_holder .shkarko_holder {
		padding: 23px 0px;
		order: 3;
	}

	section.ticket .ticket_holder .shkarko_holder p {
		margin-bottom: 17px;
	}

	section.ticket .under_title {
		margin: 30px 60px 0 60px;
	}

	section.ticket .under_title h2 {
		display: flex;
		text-align: center;
	}

	input,
	select,
	textarea {
		font-size: 16px !important;
	}
}

select {
	appearance: none;
	background-color: white;
}

.blog_list_body {
	position: relative;
	z-index: 0;
}

.modal-content {
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.modal-header {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.range-vertical {
	height: 150px;
	width: 1px;
	background: black;
	margin-left: 5px;
	position: relative;
}

.range-vertical::before,
.range-vertical::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #000;
	position: absolute;
	left: -4px;
	top: 0;
	background: white;
}

.range-vertical::after {
	top: auto;
	bottom: 0;
	background: black;
}

/* .range-vertical.outbound::after {
    background: black;
}

.range-vertical.inbound::before {
    background: black;
} */

/* Start Sponsors */
section.sponsors {
	margin: 40px 0;
}

section.sponsors .col .inside-sponsors {
	height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.sponsors .col .inside-sponsors a img {
	filter: grayscale(1);
	opacity: .5;
	transition: all .3s ease;
}

section.sponsors .col .inside-sponsors a:hover img {
	filter: none;
	opacity: 1;
}

/* End Sponsors */
.swiper-wrapper {
	align-items: stretch;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	height: unset;
}

.sales-orders .sale .edit-box>*::before {
	content: "/";
	float: left;
	color: #ddd;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	margin-right: 6px;
}

.sales-orders .sale .edit-box .material-symbols-outlined {
	font-size: 18px;
	margin-right: 5px;
}

.sales-orders .sale .edit-box>*:first-child::before {
	content: unset;
}

.sales-orders .sale .edit-box>*>*,
.sales-orders .sale .edit-box>* {
	color: #999999;
	font-size: 14px;
	line-height: 12px;
	font-weight: 300;
	margin-right: 6px;
	transition: all .3s ease-in-out;
	display: flex;
	align-items: center;
	padding: 0;
}

#changeNamesForm {
	padding: 15px;
	border-top: 1px dotted #dcdcdc
}

#changeNamesForm .alert {
	font-size: 14px;
}

#changeNamesForm>form>div {
	display: flex;
	gap: 20px;
}

#changeNamesForm>form>div>div {
	flex: 1;
}

#changeNamesForm>form label {
	font-size: 12px;
	color: #999;
}

[data-ajax-partial="flash-messages"] {
	position: sticky;
	top: 0;
	z-index: 9999;
}

#changeNamesForm>form .form-select,
#changeNamesForm>form .form-control {
	border: 1px solid #ddd;
	background-color: white;
	border-radius: 0;
	height: 40px;
	font-size: 14px;
	color: #666;
}

#changeNamesForm>form .form-select {
	max-width: fit-content;
}

#changeNamesForm>form>div>div.select {
	max-width: fit-content;
}

.sales-orders .sale button.active,
.sales-orders .sale .edit-box>*>*:hover,
.sales-orders .sale .edit-box>*:hover {
	color: #023F88;
}

.sales-orders .sale .edit-box>*:disabled,
.sales-orders .sale .edit-box>*.disabled,
.sales-orders .sale .edit-box>*>*:disabled,
.sales-orders .sale .edit-box>*>*.disabled {
	color: #ddd;
	cursor: default;
}

.sales-orders .sale .edit-box {
	display: flex;
	flex: 1;
	flex-wrap: nowrap;
}

.sales-orders .sale .status-and-state span:first-child {
	padding-right: 3px;
	margin-right: 3px;
}

.sales-orders .sale .status-and-state span:first-child::after {
	content: "/";
	padding-left: 6px;
}

.sales-orders .sale {
	border: 1px solid #dcdcdc;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
	border-radius: 0px;
}

.sales-orders .sale .pp-info span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #999;
	font-weight: 300;
	line-height: 12px;
}

.sales-orders .sale .pp-info {
	flex: 1;
	padding: 10px 15px;
	border-right: 1px dotted #dcdcdc;
	font-size: 14px;
	color: #868686;
	font-weight: normal;
	line-height: 18px;
}

.sales-orders .sale .price-info {
	display: flex;
	width: 100%;
	flex-direction: row;
	border-bottom: 1px solid #dcdcdc;
	align-items: stretch !important;
}

.sales-orders .foot-row {
	width: 100%;
	max-height: 42px;
	display: flex;
	align-items: center;
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
	padding: 15px;
}

.terms a {
	color: #023F89;
	text-decoration: none;
	transition: all;
	font-weight: bold;
}

.terms a:hover {
	text-decoration: underline;
}

.sales-orders .sale button.btn .material-symbols-outlined {
	font-size: 20px;
	margin: 0;
}

[data-ajax-partial="flash-messages"]>div.alert {
	border-radius: 0;
}

#changeNamesForm>form button:disabled {
	opacity: .4;
}

.sales-orders:not(#flights) .sale .foot-row a.btn,
.sales-orders:not(#flights) .sale .foot-row button.btn {
	background: none;
	color: #878787;
	box-shadow: none;
	outline: none;
	border: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sales-orders:not(#flights) .sale .foot-row button.btn:disabled {
	opacity: .3;
}

.tippy-box {
	max-width: none;
	/* Remove any maximum width restriction */
	white-space: nowrap;
	/* Prevent the text from wrapping */
	font-size: 12px;
}

.sales-orders .sale button.btn:disabled {
	color: #ddd;
	opacity: 1;
}

.sales-orders .sale span.order-number {
	color: #808285;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 600;
}

.sales-orders .sale span.date {
	color: #023F88;
	font-size: 14px;
	line-height: 19px;
	font-weight: 300;
}

.sales-orders .sale span.status {
	color: #999;
	font-size: 14px;
	line-height: 19px;
	display: block;
	font-weight: 300;
	margin-bottom: 0;
}

.sales-orders .sale .number-and-status {
	padding: 15px;
	border-right: 1px solid #dcdcdc;
	min-width: 40%;
	border-bottom: 1px solid #dcdcdc;
}

.sales-orders table th {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
}

form.has-high-labels {
	display: grid;
	grid-template-columns: 11fr 1fr;
	column-gap: 20px;
}

#passengerListModal .modal-content,
#depositHistoryModal .modal-content {
	border-radius: 0;
}

form.has-high-labels.deposit-history .inputs-container {
	grid-template-columns: 1fr 1fr 1fr;
}

form.has-high-labels.deposit-history .inputs-container>div:last-child {
	border-right: 1px solid #ddd;
}

form.has-high-labels.deposit-history button {
	padding: 20px 30px;
}

#changeNamesForm>form button,
form.has-high-labels button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px 0;
	background-color: #023F88;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	height: 59px;
}

.chars-left {
	max-width: fit-content;
}

.chars-left>div {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#changeNamesForm>form .buttons {
	column-gap: 10px;
}

#changeNamesForm>form button {
	font-size: 14px;
	height: 45px;
	border-radius: 0;
	width: fit-content;
	padding: 20px 30px;
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
}

#changeNamesForm>form button[type="reset"] {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #666;
	transition: all .3s ease-in-out;
}

#changeNamesForm>form button[type="reset"]:hover {
	background-color: #ddd;
}

form.has-high-labels .inputs-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 0.4fr 0.7fr;
}

form.has-high-labels.pnl .inputs-container {
	grid-template-columns: 2fr 5fr 1fr;
}

section.booking .book_flight form.has-high-labels.pnl .directions_dates_holder {
	margin-top: 0;
	grid-template-columns: 1fr;
}

form.has-high-labels.pnl .inputs-container .directions_dates_content {
	grid-template-columns: 1fr !important;
}

form.has-high-labels .input-holder {
	position: relative;
}

form.has-high-labels.deposit-history .input-holder select {
	text-align: left;
}

form.has-high-labels .input-holder input,
form.has-high-labels .input-holder select {
	border: 1px solid #ddd;
	min-height: 59px;
	width: 100%;
	padding: 0 20px;
	display: flex;
	align-items: center;
	outline: none;
	border-right: none;
	font-size: 14px;
	color: #666;
}

form.has-high-labels .input-holder select::placeholder,
form.has-high-labels .input-holder input::placeholder {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.42px;
	color: #B9C0C5;
}

form.has-high-labels .last-input {
	border-right: 1px solid #ddd;
}

form.has-high-labels .input-holder select {
	text-align: center;
}

form.has-high-labels .input-holder label {
	position: absolute;
	top: 0;
	left: 18px;
	transform: translateY(-50%);
	display: block;
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;
	padding: 0 5px;
	background-color: #FFF;
	color: #023F88;
	z-index: 1;
}

.currency_holder:hover,
.currency_holder.is-open,
.choose_directions:hover,
.choose_directions.is-open {
	border: 1px solid #023F88 !important;
	position: relative;
}

/* .choose_directions.is-open::before {
	content: "";
	height: 100%;
	width: 4px;
	background-color: #FDB813;
	left: 0;
	position: absolute;
} */
.customList .choices .choices__inner .choices__list--single .choices__item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.customList .is-focused .choices__inner,
.customList .is-open .choices__inner {
	border-color: #ddd;
}

.customList .choices__inner {
	height: 40px;
	min-height: 59px;
	background-color: white;
	border-radius: 0;
	padding: 0 20px !important;
}

.customList .choices .choices__inner .choices__list--single {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

.customList.border-e-0 .choices__inner {
	border-right: 0;
}

.customList .choices[data-type*=select-one] .choices__input {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	padding: 0 20px;
	min-height: 40px;
}

.customList .choices .choices__list--dropdown {
	border: 1px solid #DDE3E6;
	z-index: 100;
}

.customList .choices .choices__list--dropdown .choices__list .choices__item {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #010036;
	transition: background-color 0.3s ease;
	padding: 10px 19px 15px 19px;
}

.customList .choices .choices__list--dropdown .choices__list .is-highlighted {
	background-color: #023F88;
	color: #FFF !important;
}

/* changes to flight list */
.main-swiper-container {
	background-color: #FFF;
	width: 100%;
	overflow: hidden;
}

.main-swiper-container .swiper-slide {
	margin-bottom: 15px;
}

.main-swiper-container .swiper-slide>div {
	margin-bottom: 1px;
	padding: 5px;
}

.pagination-swiper-container .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 5.75rem;
	border-bottom: 1px solid transparent;
	color: #747980;
}

.pagination-swiper-container .swiper-slide:not([data-clickable="false"]):hover {
	background-color: #f0f0f0;
	/* Replace with your desired background color */
	cursor: pointer;
}

.pagination-swiper-container .swiper-slide::before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: .0625rem;
	height: 2rem;
	transform: translateY(-50%);
	background-color: #b0b3b7;
}

.pagination-swiper-container .swiper-slide.swiper-slide-active::before,
.pagination-swiper-container .swiper-slide.swiper-slide-next-custom::before {
	content: none;
}

.pagination-swiper-container .swiper-slide.swiper-slide-active {
	border: 2px solid #013f88;
	border-radius: .625rem;
	/* background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #013f88, #FDB813);
	background-origin: border-box;
	background-clip: padding-box, border-box; */
}

.pagination-swiper-container .swiper-slide p {
	font-size: 1rem;
	font-weight: 300;
	line-height: normal;
	color: #6E7477;
}

.pagination-swiper-container .swiper-slide h4 {
	font-size: 1rem;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #010036;
}

.pagination-swiper-container .swiper-slide.swiper-slide-active h4 {
	font-size: 1.125rem;
	font-weight: 700;
}

.pagination-swiper-container .swiper-slide.swiper-slide-active p {
	font-size: 1.25rem
}

.pagination-swiper-container {
	display: block;
	padding-bottom: 0;
	background-color: #FFF;
	margin-bottom: 30px;
}

.pagination-swiper-container .swiper-slide h4 span {
	font-size: 10px;
	font-weight: 400;
	line-height: normal;
	margin-right: 3px;
}

.pagination-swiper-container .swiper-button-prev,
.pagination-swiper-container .swiper-rtl .swiper-button-next,
.pagination-swiper-container .swiper-button-next,
.pagination-swiper-container .swiper-rtl .swiper-button-prev {
	height: 40px;
	width: 25px;
	background-color: white;
	top: 24px;
}

.pagination-swiper-container .swiper-button-prev {
	left: 0;
	padding-left: 25px;
}

.pagination-swiper-container .swiper-button-next {
	right: 0;
	padding-right: 25px;
}

.slider-wrapper-body {
	padding: 0px;
}

:root,
:host {
	--color-fg-primary: #023F89;
	--color-bg-inrange: rgba(2, 63, 137, .2);
	--swiper-navigation-size: 17px;
	--swiper-theme-color: #000;
	--bs-primary: #023F88;
	--bs-blue: #023F88;
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

.passenger-form input,
.passenger-form select,
.passenger-form button {
	font-size: 14px;
	color: #666;
}

section.dashboard {
	padding-top: 50px;
	border-top: 2px solid #ddd;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .2;
}

/* end of flight list */

/* PNL */
.change-names-form-container {
	border-top: 1px dotted #ddd;
}

.flight-passeger {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	color: #666;
	align-items: center;
}

.flight-passeger.header {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border-top: 1px solid #ddd;
	color: #023F88;
}

.flight-passeger>div {
	flex: 1;
}

.flight-passeger>div.tools {
	justify-content: flex-end;
	display: flex;
	column-gap: 10px;
}

.flight-passeger button.tool {
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
	column-gap: 5px;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 5px;
	transition: all .3s ease-in-out;
}

.flight-passeger button.tool:hover {
	color: #023F88;
	border-color: #023F88;
}

.flight-passeger button.tool:hover .material-symbols-outlined {
	color: #023F88;
}

.flight-passeger button.tool .material-symbols-outlined {
	font-size: 16px;
	color: #999;
	transition: all .3s ease-in-out;
}

.change-names-form-container .toolbar {
	padding: 15px;
	position: sticky;
	top: 0;
	background: white;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.add-passenger-btn {
	text-transform: uppercase;
	font-size: 12px;
	gap: 10px;
}

div#pnl-forms>form {
	padding: 15px;
	border-top: 1px solid #ddd;
}

.error-500 {
	padding: 50px 0;
	margin-bottom: 50px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.error-500 h1 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.error-500 p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 15px;
}

.sticky-footer-summary {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px 20px;
	background-color: #013f88;
	left: 0;
	z-index: 104;
	color: white;
}

.sticky-footer-summary.desktop {
	background-color: #013f88;
	color: white;
}

.sticky-footer-summary .acting-button {
	margin-left: auto;
}

.sticky-footer-summary>div.d-flex>div {
	flex-grow: 1;
}

.sticky-footer-summary.desktop>div.d-flex>div {
	flex-grow: 0;
}

/* .sticky-footer-summary>div.d-flex>div:first-child {
	max-width: 50%;
	flex: 0 0 50%;
}
 */
.sticky-footer-summary>div.d-flex button {
	width: fit-content !important;
	margin: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 40px !important;
	background-color: #FDB813;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.48px;
	color: #FFF;
	white-space: nowrap;
	border-radius: 15px;
	color: #013f88;
}


.show-flight-summary-details {
	background-color: transparent;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	column-gap: 5px;
	width: fit-content;
	color: white;
	height: 100%;
	text-align: right;
	row-gap: 5px;
}

#submitFlights {
	border-radius: 15px;
}

.sticky-footer-summary.desktop .show-flight-summary-details {
	background-color: transparent;
	color: white;
	flex-direction: column;
	align-items: flex-end;
	row-gap: 5px;
	position: relative;
}

#flight-summary-details.desktop {
	position: relative;
}

.sticky-footer-summary.desktop .flight-details {
	display: none !important;
}

.sticky-footer-summary.desktop a.close {
	color: #999;
	font-size: 30px;
	line-height: 1;
	top: 10px;
	right: 0px;
	font-weight: 300;
}

.sticky-footer-summary.desktop #flight-summary-details a.close:hover {
	color: white;
}

.sticky-footer-summary.desktop .show-flight-summary-details>div strong {
	font-size: 22px;
	padding-left: 5px;
}


.range-holder {
	width: 100%;
	position: relative;
	height: 1px;
	background-color: #013f88;
}

.range-holder::before,
.range-holder::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #FDB813;
}

.range-holder::after {
	right: 0;
}

.backdrop.show {
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	display: block;
}
.o-special-price {
	background-color: #eff7ff;
    padding: 15px;
    border-radius: 10px;
}
@media (max-width: 768px) {

	.pagination-swiper-container .swiper-slide.swiper-slide-active h4,
	.pagination-swiper-container .swiper-slide.swiper-slide-active p {
		font-size: 1rem;
	}

	.show-flight-summary-details {
		text-align: left;
		align-items: flex-start;
	}

	#changeNamesForm>form>div {
		flex-direction: column;
		border-bottom: 1px solid #ddd;
		padding: 15px;
	}

	#changeNamesForm {
		padding: 0;
	}

	#changeNamesForm>form .buttons {
		flex-direction: row;
	}

	form.has-high-labels button {
		padding: 20px 30px;
	}

	form.has-high-labels {
		grid-template-columns: 1fr;
	}

	form.has-high-labels .inputs-container {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 25px;
		margin-bottom: 15px;
	}

	form.has-high-labels .choices__list--dropdown .choices__list {
		max-height: 200px;
	}

	form.has-high-labels.deposit-history .inputs-container {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 25px;
	}

	.sales-orders .sale .price-info {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.customList .choices__inner {
		min-height: 40px;
	}

	form.has-high-labels .input-holder input,
	form.has-high-labels .input-holder select {
		min-height: 40px;
		border-radius: 0;
	}

	.sales-orders .sale .price-info>div {
		border-bottom: 1px solid #ddd;
	}

	form.has-high-labels .input-holder input,
	form.has-high-labels .input-holder select {
		border: 1px solid #ddd !important;
	}

	form.has-high-labels.deposit-history .inputs-container .choices {
		margin-bottom: 0;
	}

	.chars-left {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	.chars-left .form-label {
		margin-bottom: 0;
	}

	.pagination-swiper-container .swiper-button-prev {
		left: 0;
		padding-left: 10px;
	}

	.pagination-swiper-container .swiper-button-next {
		right: 0;
		padding-right: 10px;
	}

	.sales-orders .sale .edit-box>*>*,
	.sales-orders .sale .edit-box>* {
		font-size: 12px;
	}

	section.sponsors .col .inside-sponsors {
		height: fit-content;
	}

	section.sponsors .col .inside-sponsors a img {
		width: 100%;
		display: block;
	}

	.sponsors-m-slider .slick-list {
		margin: 0;
	}

	section.agent-login {
		margin: 0 20px 40px 20px;
		width: calc(100% - 40px);
	}

	section.agent-login form {
		width: 100%;
	}

	.mobile-language-switcher {
		border-top: 1px solid #B9C0C5;
		margin-top: 15px;
		padding-top: 15px;
	}

	.mobile-language-switcher ul {
		padding: 0;
		margin: 0;
		display: flex;
		column-gap: 20px;
		margin-left: 20px;
	}

	.mobile-language-switcher ul li a {
		text-transform: capitalize;
		font-size: 16px;
		line-height: 24px;
		color: #010036;
	}

	.mobile-language-switcher ul li a.active {
		text-decoration: underline;
		font-weight: 700;
	}

	footer .footer_under_content .terms_and_conditions {
		flex-wrap: wrap;
	}

	footer .footer_under_content .terms_and_conditions a {
		padding: 0;
	}

	footer .footer_upper_holder .upper_content .upper_inside_content .address {
		margin-bottom: 0;
	}

	footer .footer_upper_holder .upper_content .upper_inside_content .contacts.double,
	footer .footer_upper_holder .upper_content .upper_inside_content .contacts {
		display: none;
		margin-top: 40px !important;
	}

	footer .footer_upper_holder .upper_content.show_upper_content .upper_inside_content .contacts.double,
	footer .footer_upper_holder .upper_content.show_upper_content .upper_inside_content .contacts {
		display: flex;
	}

	.modal-dialog {
		align-items: flex-end;
		margin: 0;
		min-height: 100%;
	}

	.modal-content {
		border-radius: 0;
	}

	.price-summary {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 20px 0px;
		background-color: #F6FAFC;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		z-index: 100;
	}

	.price-summary .left {
		display: flex;
		flex-direction: column;
	}

	.price-summary .left>div {
		display: flex;
		justify-content: space-between;
		padding: 0 25px;
	}

	.price-summary .title_holder,
	.price-summary .city_names {
		display: flex;
		gap: 10px;
	}

	.price-summary .left .total-summary {
		justify-content: space-between;
		align-items: center;
		text-transform: uppercase;
		font-size: 12px;
		color: #6E7477;
		letter-spacing: 1px;
	}

	.price-summary .total-summary h2,
	.price-summary .city_names h3 {
		font-size: 14px;
		font-weight: 300;
		line-height: 28px;
		letter-spacing: -0.72px;
		color: #010036;
		line-height: 1;
	}

	.price-summary .total-summary h2 {
		font-size: 18px;
		color: #010036;
		font-weight: 600;
	}

	header .language-switcher {
		display: none;
	}

	.easepick-wrapper {
		z-index: unset;
	}

	section.personal_information .easepick-wrapper {
		z-index: 20;
	}

	.tab-item .tab-content {
		max-width: 100%;
	}

	section.mesi {
		width: 100%;
	}

	form.has-high-labels .easepick-wrapper {
		z-index: 12;
	}

	
	span.vija {
		height: 1px;
		width: 100%;
		background: #023F88;
		position: relative;
	}

	span.vija::before,
	span.vija::after {
		content: "";
		height: 10px;
		width: 10px;
		background: #FDB813;
		border-radius: 50%;
		position: absolute;
		top: 50%;

		transform: translateY(-50%);
	}

	#flight-summary-details span.vija {
		background: #fff;
	}

	span.vija::before {
		left: 0;
	}

	span.vija::after {
		right: 0;
	}

	.flight-summary-info .flight-slider>span {
		font-size: 18px;
		font-weight: bold;
	}

	.flight-summary-info .from-to-airports {
		font-weight: 300;
		font-size: 18px;
		color: rgba(255, 255, 255, .8);
	}

	.flight-summary-info .flight-date {
		font-weight: 500;
		color: rgba(255, 255, 255, .8);
		font-size: 14px;
	}

	.flight-summary-info .flight-number-info {
		font-size: 14px;
		color: rgba(255, 255, 255, .8);
		margin: 0;
		font-weight: 900;
	}

	span.baggage {
		font-size: 12px;
	}

	div#flight-summary-details {
		position: fixed;
		width: 100%;
		background: #013f88;
		bottom: 0;
		z-index: 105;
		height: fit-content;
		max-height: 95vh;
		left: 0;
		padding: 0;
		display: none;
		color: white;
	}

	.flight-summary-info .airports-codes>span {
		color: rgba(255, 255, 255, .5);
		font-weight: 300;
		font-size: 18px;
		padding-top: 5px;
	}

	.flight-prices span.price-total {
		font-size: 20px;
		white-space: nowrap;
	}

	.flight-prices .flight-price>span {
		white-space: nowrap;
	}

	#flight-summary-details a.close {
		color: #999;
		font-size: 30px;
		line-height: 1;
		top: 10px;
		right: 20px;
		font-weight: 300;
	}

	#flight-summary-details a.close:hover {
		color: #333;
	}

	

	section.personal_information,
	section.flights_overview {
		z-index: unset;
	}

	.select_holder a.change-flight-button {
		border-color: #eee;
		border-radius: 3px;
		padding: 10px;
	}

	.select_holder a.change-flight-button:hover,
	.select_holder a.change-flight-button.active {
		border-color: #ccc;
		color: #013f88;
	}

	section#change-booking-form {
		position: relative;
		z-index: 3;
		background-color: transparent;
	}

	section#change-booking-form a.close {
		font-size: 30px;
		font-weight: 300;
		color: black;
		position: absolute;
		right: 0;
		display: flex;
		line-height: 1;
		align-items: center;
		justify-content: center;
	}
	section.personal_information .passenger-content {
		width: 100%;
	}
	section.personal_information {
		display: block;
	}
	.w-25,
	.w-50,
	.w-75 {
		width: 100% !important;
	}

	.pagination-swiper-container .swiper-slide.swiper-slide-active {
		border-width: 1px;
		height: 4.5rem;
	}

	.range-holder::before,
	.range-holder::after {
		height: 6px;
		width: 6px;
	}
	.direction-names .small-font {
		margin-top: -5px;
	}
	section.personal_information.payments {
		grid-template-columns: 1fr;
	}

	.sold-out {
		align-items: flex-end;
		padding: 0;
	}
	.sold-out span {
		padding: 15px 25px;
	}
	section.change_flight .flight_info_content .price_content h2 span {
		font-size: 14px;
		font-weight: 300;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px;
		margin: 1.75rem auto;
	}

	#modal-container .modal-dialog {
		max-width: 900px;
	}
}

/*# sourceMappingURL=style.css.map */