@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
	--bs-body-font-family: "Inter", sans-serif;
	--bs-font-sans-serif: "Inter", sans-serif;
	font-optical-sizing: auto;
	--bg-tagline-slate-rgb: rgb(15, 23, 42);
	--bs-breadcrumb-divider: "»";
}

.bi::before,
[class*=" bi-"]::before,
[class^="bi-"]::before {
	margin-right: 2px;
}

.bi-currency-turkish-lira::before {
	content: "\20ba";
	font-size: 1.07em;
	vertical-align: 0 !important;
	margin-right: 4px;
}

.text-justify {
	text-align: justify;
}
.text-xs {
	font-size: 0.8rem;
}

.tagline,
footer {
	background-color: var(--bg-tagline-slate-rgb);
}

.filter {
	position: absolute !important;
	inset: 0px !important;
	background-color: rgb(22 28 46 / 0.7) !important;
}

.current-menu-item > a {
	color: var(--bs-navbar-active-color);
}

.navbar {
	transition: all 0.5s;
}
.nav-link:focus-visible {
	box-shadow: none;
}

.link-light {
	text-underline-offset: 3px !important;
	transition: text-underline-offset 0.4s ease-in-out, text-decoration-color 0.4s ease-in-out;
}
.link-light:hover {
	text-decoration-color: var(--bs-danger) !important;
	text-underline-offset: 5px !important;
}
.link-secondary:hover,
.social-icons li a i:hover {
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.carousel-control-next,
.carousel-control-prev {
	width: 10%;
}
.carousel-caption {
	right: 10%;
	left: 10%;
}

.card-text {
	display: inline-block;
	font-weight: 500;
	color: var(--bs-tertiary-color);
	margin-bottom: 0.5rem;
}

.shadow:hover {
	--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-danger-rgb), 0.25);
	box-shadow: var(--bs-box-shadow);
}

@media (min-width: 991.98px) {
	.mt-lg-6 {
		margin-top: 3.5rem !important;
	}
}

.ajet-logo,
.tatil-com,
.tatilbudur,
.pegasus-logo,
.thy-logo {
	height: 48px;
	margin: 0 auto;
}
.ajet-logo {
	width: 134px;
	background-position: 0 0;
}
.tatil-com {
	width: 236px;
	background-position: 0 -49px;
}
.tatilbudur {
	width: 318px;
	background-position: 0 -98px;
}
.pegasus-logo {
	width: 291px;
	background-position: 0 -147px;
}
.thy-logo {
	width: 303px;
	background-position: 0 -196px;
}
.tursab {
	width: 171px;
	height: 48px;
	background-position: -139px 0;
}

/* animations */
@-webkit-keyframes slide {
	from {
		left: 100%;
	}
	to {
		left: calc(var(--width) * -1);
	}
}
@keyframes slide {
	from {
		left: 100%;
	}
	to {
		left: calc(var(--width) * -1);
	}
}
/* scroller styles */
.slider {
	width: 100%;
	height: calc(var(--height) * 2);
	margin-top: 72px;
	overflow: hidden;
	mask-image: linear-gradient(to right, transparent, #000 10% 90%, transparent);
}
.slider .list {
	display: flex;
	width: 100%;
	height: 100%;
	min-width: calc(var(--width) * var(--quantity));
	position: relative;
	justify-content: center;
	align-items: center;
}

.slider .list .item {
	width: var(--width);
	height: var(--height);
	position: absolute;
	left: 100%;
	-moz-animation: slide 15s linear infinite;
	-webkit-animation: slide 15s linear infinite;
	animation: slide 15s linear infinite;
	-moz-animation-delay: calc((15s / var(--quantity)) * (var(--position) - 1) - 15s) !important;
	-webkit-animation-delay: calc((15s / var(--quantity)) * (var(--position) - 1) - 15s) !important;
	animation-delay: calc((15s / var(--quantity)) * (var(--position) - 1) - 15s) !important;
}
.slider .list .item div,
.tursab {
	background-image: url("../images/icons/brand-logos-sprite.png");
	background-repeat: no-repeat;
}

.slider:hover .item {
	-moz-animation-play-state: paused !important;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

.form-control:focus,
.form-check-input:focus {
	border-color: var(--bs-danger);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input:checked {
	background-color: var(--bs-danger);
	border: var(--bs-border-width) solid var(--bs-danger);
}

.dropdown-menu {
	display: none;
	width: max-content;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

.dropdown-menu.show {
	display: block;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: auto;
	right: 101%;
	min-width: 200px;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.dropdown-menu {
		padding-inline-start: 8px;
	}
}

/* Hero Carousel */
#hero-carousel {
	margin-bottom: 2rem;
}

#hero-carousel .carousel-inner {
	max-height: 80vh;
	min-height: 396px;
}

@media (max-width: 768px) {
	#hero-carousel {
		margin-top: 4.625rem;
	}

	#hero-carousel .carousel-inner {
		min-height: 315px;
	}

	#hero-carousel .carousel-caption h2 {
		font-size: 1.5rem !important;
	}

	#hero-carousel .carousel-caption p {
		font-size: 0.875rem !important;
	}

	#hero-carousel .carousel-caption .btn {
		font-size: 0.875rem !important;
		padding: 0.5rem 1rem !important;
	}
}

@media (max-width: 576px) {
	#hero-carousel .carousel-inner {
		min-height: 250px;
	}

	#hero-carousel .carousel-caption h2 {
		font-size: 1.25rem !important;
	}
	
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Hero */
.page-hero {
	height: 400px;
	margin-bottom: 2rem;
	overflow: hidden;
}

.page-hero img {
	height: 100%;
	object-position: top;
}

.page-hero .breadcrumb-item + .breadcrumb-item::before {
	color: var(--bs-white);
	opacity: 0.75;
}

.page-hero .breadcrumb-item.active {
	color: var(--bs-white);
	opacity: 0.75;
}

@media (max-width: 768px) {
	.page-hero {
		height: 300px;
		margin-top: 4.625rem;
	}

	.page-hero h1 {
		font-size: 2rem !important;
	}
}

@media (max-width: 576px) {
	.page-hero {
		height: 250px;
	}

	.page-hero h1 {
		font-size: 1.75rem !important;
	}
}