@charset "UTF-8";
/*User Dropdown Menu*/
.dropdown-user .dropdown-menu:before {
	content: "";
	background-color: transparent;
	border-right: 8px solid transparent;
	position: absolute;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #525252;
	border-top: 8px solid transparent;
	top: -15px;
	left: 10px;
}
.dropdown-user:hover > .dropdown-menu {
	display: block;
	top: 60px;
	position: absolute;
}
.dropdown > .dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}
.dropdown-item:focus {
	background-color: #ce1417;
}

/*------------------------------------
  Mega Menü Start
------------------------------------*/

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.dropdown-menu.show {
	-webkit-animation: fadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	animation: fadeIn 0.3s alternate;
}
.nav-item.dropdown.dropdown-mega {
	position: static;
}
.navbar-toggler {
	border: none;
	padding: 0;
	outline: none;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	z-index: 11;
	float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
	position: absolute;
	transform: translate(-50%, -50%) rotate(0deg);
	left: 50%;
	top: 50%;
	width: 50%;
	height: 50%;
	pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
	width: 100%;
	height: 4px;
	position: absolute;
	background: #333;
	border-radius: 2px;
	z-index: 1;
	transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1),
		all 0.2s ease-in-out;
	left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
	top: 10%;
	transform-origin: 50% 50%;
	transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
	top: 50%;
	transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
	left: 0px;
	top: auto;
	bottom: 10%;
	transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
	position: absolute;
	margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
	top: 45%;
	transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
	left: 50%;
	width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
	top: 45%;
	transform: rotate(-45deg);
}
.icons {
	display: inline-flex;
	margin-left: auto;
}
.icons a {
	transition: all 0.2s ease-in-out;
	padding: 0.2rem 0.4rem;
	color: #ccc !important;
	text-decoration: none;
}
.icons a:hover {
	color: white;
	text-shadow: 0 0 30px white;
}
/* Custom styles for Mega Menu */
.navbar-nav .nav-item:hover > .dropdown-menu {
	display: block;
}
.navbar-nav .nav-item:hover > .dropdown-menu .dropdown-item:hover > .dropdown-menu {
	display: block;
}
.dropdown-menu {
	border: 0px;
	border-radius: 0;
	background-color: #f1f1f1;
}
.dropdown-menu h2 {
	color: #ce1417;
	font-size: 1.25rem;
	font-weight: bold;
}
.dropdown-menu h3 {
	color: #151515;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: underline;
}
.dropdown-menu p {
	color: #151515;
	font-size: 1rem;
}
.bg-sub-menu-links {
	background-color: #adc7ed;
}
.nav-link {
	font-weight: bold;
}
.line {
	border-right: 2px solid rgb(219, 219, 219);
}
@media (max-width: 991.98px) {
	.line {
		border-right: 0px;
	}
}
@media (max-width: 991.98px) {
	.navbar-nav {
		margin-top: 30px;
	}
}
@media (max-width: 767.98px) {
	.navbar-nav {
		margin-top: 30px;
	}
}
@media (max-width: 991.98px) {
	.navbar-nav .nav-item {
		border-bottom: 1px solid #f1f1f1;
	}
}
@media (max-width: 767.98px) {
	.navbar-nav .nav-item {
		border-bottom: 1px solid #f1f1f1;
	}
}
/*Mobil Menü açılır kısım kapansın
@media (max-width: 991.98px) {
    .dropdown-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .dropdown-menu.show {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}
*/
/*------------------------------------
  Mega Menü End
------------------------------------*/
.header-ctn {
	float: right;
	padding: 15px 0px;
}
.header-ctn > div {
	display: inline-block;
}
.header-ctn > div + div {
	margin-left: 0px;
}
.header-ctn > div > a {
	display: block;
	position: relative;
	width: 90px;
	text-align: center;
	color: #fff;
}
.header-ctn > div > a > i {
	display: block;
	font-size: 25px;
}
.header-ctn > div > a > span {
	font-size: 12px;
}
.header-ctn > div > a > .qty {
	position: absolute;
	right: 33px;
	top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	font-size: 10px;
	color: #fff;
	background-color: #d10024;
}
.social-media {
	color: #ce1417;
}
.red {
	color: #ff0000;
}
.user {
	color: #ff0000;
	font-size: 40px;
}
.basket {
	color: #707070;
	font-size: 40px;
}
.green {
	color: #06d826;
	font-size: 30px;
}
.topbar {
	color: #787878;
	text-decoration: none;
	font-size: 25px;
	font-weight: 600;
}
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
	top: 20%;
}
/* img elemanının konumuna göre yükseklikleri bildirelim slide boyutu */
.carousel-item {
	height: 40rem;
}
.carousel .carousel-indicators button {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid #000;
	top: 0px;
}
.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.carousel-caption a {
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	margin-top: 15px;
}
/**OWL CAROUSEL HİZMETLERİMİZ ALANI*/
.owl-carousel {
	position: relative;
}
.owl-carousel .owl-item {
	opacity: 1;
}
.owl-carousel .owl-item.active {
	opacity: 1;
}
.owl-carousel .owl-nav {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	color: rgba(0, 0, 0, 0.2) !important;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}
.owl-carousel .owl-nav .owl-prev span:before,
.owl-carousel .owl-nav .owl-next span:before {
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	.owl-carousel .owl-nav .owl-prev span:before,
	.owl-carousel .owl-nav .owl-next span:before {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}
.owl-carousel .owl-nav .owl-prev:hover span:before,
.owl-carousel .owl-nav .owl-next:hover span:before {
	color: #b063c5;
}
.owl-carousel .owl-nav .owl-prev {
	right: 0;
	margin-right: 20px;
}
.owl-carousel .owl-nav .owl-next {
	right: 0;
}
.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 10px;
}
.owl-carousel .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	position: relative;
}
.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
	outline: none !important;
}
.owl-carousel .owl-dots .owl-dot.active {
	background: #3a383a;
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.ftco-section {
	padding: 0;
}
.heading-section {
}
.work {
	width: 100%;
}
.work .img {
	width: 100%;
	height: 500px;
}
.work .text {
	padding-top: 0;
}
.work .text h3 {
	margin-bottom: 0;
}
.work .text h3 a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
.work .text .cat {
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 30px;
}
.work2 {
	width: 100%;
}
.work2 .img {
	width: 100%;
	height: auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.work3 {
	width: 100%;
}
.work3 .img {
	width: 100%;
	height: 90px;
	position: relative;
}
.work4 {
	width: 100%;
}
.work4 .img {
	width: 100%;
	height: 300px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 0;
}
.work4 .text {
	padding: 35px;
	padding-top: 0;
}
.work4 .text h3 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.work5 {
	width: 100%;
}
.work5 .img {
	width: 100%;
	height: 445px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.work6 {
	width: 100%;
}
.work6 .img {
	width: 100%;
	height: auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.work7 {
	width: 100%;
}
.work7 .img {
	width: 100%;
	height: 370px;
	position: relative;
}
.col-lg-3 h5 {
	font-size: 1rem;
	height: 30px;
	background: url(../img/underline.png) no-repeat left bottom;
}
/*** Footer Button ***/

.btn.btn-primary,
.btn.btn-outline-primary:hover {
	color: #ffffff;
}
.btn-square {
	width: 38px;
	height: 38px;
}
.btn-sm-square {
	width: 32px;
	height: 32px;
}
.btn-lg-square {
	width: 48px;
	height: 48px;
}
.back-to-top {
	position: fixed;
	display: none;
	left: 45px;
	bottom: 45px;
	z-index: 99;
	width: 80px;
	height: 80px;
	font-size: 35px;
}
.whatsapp {
	position: fixed;
	display: none;
	right: 45px;
	bottom: 45px;
	z-index: 9999;
}
.btn-whatsapp {
	width: 80px;
	height: 80px;
	background-color: #25d366;
	border: 0px;
	font-size: 35px;
}
.btn-whatsapp:hover {
	width: 80px;
	height: 80px;
	background-color: #0ba946;
	border: 0px;
}
.btn-square,
.btn-sm-square,
.btn-whatsapp,
.btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}
.badge {
	font-size: 1rem;
}
.dropdown {
	z-index: 5000;
}
.bg-icon {
	background: url(../img/kurumsal-yemek-hizmeti.webp);
	background-size: cover;
}
.bg-etkinlik {
	background: url(../img/etkinlik-organizasyon-hizmetleri.webp) left top;
	background-position: 50% 50%;
	background-size: cover;
}
/*Üye Girişi Dropdown*/
.drop-down {
	display: inline-block;
	position: relative;
}
.drop-down__button {
	background: linear-gradient(to right, #3d6def, #8fadfe);
	display: inline-block;
	line-height: 40px;
	padding: 0 18px;
	text-align: left;
	border-radius: 4px;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.drop-down__name {
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	letter-spacing: 2px;
}
.drop-down__icon {
	width: 18px;
	vertical-align: middle;
	margin-left: 14px;
	height: 18px;
	border-radius: 50%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.drop-down__menu-box {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
	margin-top: 5px;
}
.drop-down__menu {
	margin: 0;
	padding: 0 13px;
	list-style: none;
}
.drop-down__menu-box:before {
	content: "";
	background-color: transparent;
	border-right: 8px solid transparent;
	position: absolute;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-top: 8px solid transparent;
	top: -15px;
	right: 18px;
}
.drop-down__menu-box:after {
	content: "";
	background-color: transparent;
}
.drop-down__item {
	font-size: 13px;
	padding: 13px 0;
	text-align: left;
	font-weight: 500;
	color: #909dc2;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #e0e2e9;
}
.drop-down__item-icon {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	fill: #8995b6;
}
.drop-down__item:hover .drop-down__item-icon {
	fill: #3d6def;
}
.drop-down__item:hover {
	color: #3d6def;
}
.drop-down__item:last-of-type {
	border-bottom: 0;
}
.drop-down--active .drop-down__menu-box {
	visibility: visible;
	opacity: 1;
	margin-top: 15px;
}
.drop-down__item:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 28px;
	background-color: #3d6def;
	left: -13px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
.drop-down__item:hover:before {
	display: block;
}
.menu-h {
	min-height: 326px;
}
.certificate {
	width: 100%;
	height: 326px;
	position: relative;
}
.certificate .contents {
	width: 100%;
}
.certificate .contents p {
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
}
.certificate .contents .subtitle {
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
}
.catering-bg {
	background: url(../img/etkinlik-catering-bg.webp) top left no-repeat;
	background-size: cover;
	background-position: 50%;
}
.hakkimizda-bg {
	background: url(../img/hakkimizda-bg.webp) center center no-repeat;
	background-size: cover;
}
.pages-bg {
	background: url(../img/yorumlar-bg.webp) center center no-repeat;
	background-size: cover;
}
/*yorumlar sayfasında kullanıldı*/
.desc {
	padding: 10px 30px;
	position: relative;
	background: #f1f1f1;
	border: 1px solid #cbcbcb;
	margin-bottom: 30px;
	border-radius: 25px 0px 25px 0px;
}
.desc p i {
	color: #ce1417;
	font-size: 2rem;
	vertical-align: middle;
	margin-right: 12px;
	margin: 0;
}
.testi-meta {
	display: block;
	margin-top: 20px;
}
.testi-meta i {
	font-size: 1.5rem;
	color: #ce1417;
	margin-right: 12px;
	vertical-align: middle;
}
.fiyat .nav-link:hover {
	color: #fff;
}
/*İletişim sayfası menü css kodu*/
.sagmenu .nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	background: 0 0;
	border: 0;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.sagmenu .nav-link:focus,
.nav-link:hover {
	color: var(--bs-nav-link-hover-color);
}
.sagmenu .nav-pills {
	--bs-nav-pills-border-radius: var(--bs-border-radius);
	--bs-nav-pills-link-active-color: #fff;
	--bs-nav-pills-link-active-bg: #ebebeb;
}
.sagmenu .nav-pills .nav-link {
	border-radius: var(--bs-nav-pills-border-radius);
}
.sagmenu .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--bs-nav-pills-link-active-color);
	background-color: var(--bs-nav-pills-link-active-bg);
}
/*sepeete ekle sayaç*/
icon-shape {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	vertical-align: middle;
}
.icon-sm {
	width: 2rem;
	height: 2rem;
	background-color: #b3b2b2;
	color: #fff;
	font-weight: bold;
}
.quantity-field::-webkit-inner-spin-button,
.quantity-field::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.quantity-field {
	-moz-appearance: textfield;
}
.mark {
	background: url(../img/menu-cizgi.webp) left bottom no-repeat;
}
.form-signin {
	max-width: 800px;
	padding: 1rem;
}
.form-signin .form-floating:focus-within {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.login-content {
	display: inline-flex;
	width: 100%;
	border-radius: 8px;
	background-color: #eee;
	border: 2px solid #eee;
}
.form-reset {
	max-width: 500px;
	padding: 1rem;
}
.form-addres {
	max-width: 600px;
	padding: 1rem;
}
.custom-tooltip {
	position: relative;
	display: inline-block;
	margin-top: 30px;
	font-size: 1.5rem;
}
.custom-tooltip .tooltip-image {
	position: absolute;
	top: 100%; /* Or adjust as needed */
	left: 50%;
	transform: translateX(-50%);
	width: 260px;
	height: 160px;
	background-image: url("path/to/your/image.jpg"); /* Replace with your image path */
	background-size: cover;
	background-position: center;
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: none;
}
.custom-tooltip:hover .tooltip-image {
	display: block;
}
/* ===================================================
*     Shopping cart
* ===================================================
*/
.cart-item {
	border: 1px solid #ddd;
	padding: 20px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.input-group {
	display: flex;
	align-items: center;
}
.quantity-field {
	text-align: center;
}
.button-minus,
.button-plus {
	cursor: pointer;
}
.cart-remove {
	display: flex;
	align-items: center;
}
.info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
@media (min-width: 576px) {
	.cart-item {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
}
.way > hr {
	border: 2px solid #ffc107;
}
.way2 > hr {
	border: 2px solid #8b8b99;
}
/* ===================================================
*     Üye Sayfaları Sol Menü Stili
* ===================================================
*/
/* Desktop görünüm (varsayılan) */
.sidebar {
	background-color: #f8f9fa;
	padding: 15px;
	border-right: 1px solid #ddd;
	width: 100%;
	max-width: 250px;
	overflow: auto;
}

.sidebar-align {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
}

.sidebar a {
	display: block;
	padding: 10px;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 0.75rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.sidebar a i {
	padding-right: 1rem;
	font-size: 1.5rem;
}

.sidebar a.active,
.sidebar a:hover {
	background-color: #ce1417;
	color: #fff;
}

.sidebar-toggler {
	display: none;
}
.sidebar-close-btn {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	display: none;
}


/* Mobil & Tablet görünüm */
@media (max-width: 992px) {
	.sidebar-align {
		justify-content: flex-start;
	}

	.sidebar {
		position: fixed;
		top: 0;
		left: -100%;
		height: 100%;
		width: 250px;
		z-index: 1050;
		background-color: #f8f9fa;
		transition: left 0.3s ease-in-out;
		padding-top: 2.5rem;
		border-right: 1px solid #ddd;
	}

	.sidebar.show {
		left: 0;
	}

	.sidebar-toggler {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: #ce1417;
		color: white;
		border: none;
		padding: 10px 15px;
		cursor: pointer;
		font-weight: bold;
		border-radius: 5px;
	}
	.sidebar-close-btn {
		display: block;
	}
}

/* menü takvimi css*/
.card-body.green-bg {
	background-color: #4be34b;
}
.select-container {
	display: none;
	margin-left: 10px;
}
/* Card Group İçindeki Kartlar için Genel Ayar */
.card-group .container {
	display: flex;
	flex-wrap: wrap; /* Kartların taşmasını engeller */
}
/* Card Group İçindeki Row için Ayar */
.card-group .row {
	display: flex;
	flex-wrap: wrap; /* Kartların taşmasını engeller */
}
/* Card İçin Genel Ayar */
.card-group .card {
	display: flex;
	flex-direction: column; /* Kart içindeki elemanları dikey hizalar */
	height: 100%; /* Kart yüksekliğini kapsayıcı container yüksekliği ile eşitler */
}
/* Card Body İçin Ayar */
.card-group .card-body {
	flex: 1; /* İçeriğin kart yüksekliğine uyum sağlamasını sağlar */
	overflow-y: auto; /* İçeriğin kartın dışına taşmasını engeller ve kaydırma çubuğu ekler */
}
/* Card Header İçin Ayar */
.card-group .card-header {
	flex-shrink: 0; /* Başlığın sıkışmasını engeller, sabit yükseklikte kalır */
}
/* Card İçindeki img-fluid Resimleri İçin Özel Stil */
.no-calendar {
	width: 100px; /* Resmin genişliğini sınırlayıp taşmasını engeller */
	height: 100px; /* Yüksekliği otomatik olarak ayarlar, oranı korur */
	margin: auto auto; /* Resmi yatayda ortalar */
}
/*********************
BASINDA SAYFASI
*********************/
.border-0 .card {
	border: none;
	min-height: 230px;
}
.border-0 .card .card-title {
	font-size: 1rem;
	font-weight: bold;
}
.border-0 .card .card-text {
	height: 3rem;
	line-height: 1.5em;
}
.logo-img {
	width: auto;
	height: auto;
}
.img-height {
	min-height: 60px;
}
/************************
Kayıtlı Kartlar
*************************/
.toggle-content {
	display: none;
}
.card-info {
	margin-top: 20px;
}
.card-list-item {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 2rem;
	margin-bottom: 2rem;
}
.normal {
	font-weight: normal;
}

.intl-tel-input {
	width: 100%;
}
.radio-wrapper-26 {
	width: 90%;
}

.radio-wrapper-26 label {
	display: flex;
	align-items: flex-start;
	text-align: left;
	min-width: 140px;
	justify-content: space-between;
	padding: 11px;
	border: none;
	border-radius: 6px;
	box-shadow: 0 0 0 1px #d8dee4;
	transition: all 0.2s ease;
	font-size: 0.875rem;
}

.radio-wrapper-26 label:not(:has(input:disabled)):hover {
	background: #f5f6f8;
}

.radio-wrapper-26 label:has(input:disabled) {
	opacity: 0.8;
	cursor: not-allowed;
	background: #f5f6f8;
}

.radio-wrapper-26 label:has(input:checked) {
	box-shadow: 0 0 0 1.5px rgb(37 99 235), 0 0 0 1px #d8dee4;
}

.radio-wrapper-26 label:has(input:focus) {
	box-shadow: 0 0 0 1.5px rgb(37 99 235), 0 0 0 4px rgb(191 219 254), 0 0 0 1px #d8dee4;
}

.radio-wrapper-26 label .inputAndLeftText {
	display: flex;
	gap: 0.75em;
}

.radio-wrapper-26 label .inputAndLeftText div {
	color: rgb(55 65 81);
	line-height: 1.25rem;

	display: flex;
	flex-direction: column;
}

.radio-wrapper-26 label .title,
.radio-wrapper-26 label .price {
	font-weight: 500;
}

.radio-wrapper-26 label .desc {
	color: rgb(107 114 128);
}

.radio-wrapper-26 input,
.radio-wrapper-26 label .price {
	color: rgb(37 99 235);
}

.radio-wrapper-26 label .price {
	margin-top: 1px;
}

.radio-wrapper-26 input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	display: inline-block;
	vertical-align: middle;
	background-origin: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	border: 1px solid rgb(209 213 219);

	box-shadow: 0 1px 2px 0 #0000000d;
	border-radius: 9999px;
	width: 1rem;
	height: 1rem;

	margin: 2px 0 0;
}

.radio-wrapper-26 input:checked {
	border-color: #0000;
	background-color: currentColor;
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjMiLz48L3N2Zz4=);
}

.radio-wrapper-26 input:focus {
	box-shadow: 0 0 0 3px rgb(191 219 254), 0 1px 2px 0 #0000000d;
}

.radio-wrapper-26 input:disabled,
.radio-wrapper-26 label:has(input:disabled) .price {
	color: rgb(156 163 175);
}

.select2-selection--single {
	height: 38px !important;
}

#loader-area {
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000000;
	position: fixed;
}

/* HTML: <div class="loader"></div> */
.loader {
	position: absolute;
	top: calc(50% - 80px);
	left: calc(43% - 80px);
	z-index: 10000000 !important;
	font-size: 60px;
	letter-spacing: 6px;
	background: #b02a00;
	padding: 16px;
	border-radius: 9px;
	width: fit-content;
	font-weight: bold;
	font-family: monospace;
	background: linear-gradient(90deg, #b02a00 50%, #0000 0) right/200% 100%;
	animation: l21 2s infinite linear;
}

.loader::before {
	content: "MEAL BOX...";
	color: #0000;
	padding: 0 5px;
	background: inherit;
	background-image: linear-gradient(90deg, #fff 50%, #b02a00 0);
	-webkit-background-clip: text;
	background-clip: text;
}

@keyframes l21 {
	100% {
		background-position: left;
	}
}

/* ** Scroll Nav Bar ** */
.scroll-navbar {
	position: fixed;
	top: 3rem;
	left: 0;
	right: 0;
	z-index: 15;
	display: none;
}
.scroll-navbar--visible {
	display: block;
}
.scroll-navbar__container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: white;
	padding: 1rem;
	box-shadow: 0px 8px 32px 0px rgba(18, 26, 43, 0.32), 0px 2px 8px 0px rgba(18, 26, 43, 0.12);
	border-radius: 0.5rem;
	min-width: fit-content;
	width: 80%;
	max-width: 1375px;
	margin: 0 auto;
	gap: 1rem;
	font-size: 12px;
}
.scroll-navbar__a {
	color: var(--bs-nav-link-color);
}
.scroll-navbar__a:hover,
.scroll-navbar__a:active {
	color: var(--bs-nav-link-hover-color);
}
.scroll-navbar__a--active {
	color: var(--color-brand-500, #e40505);
	font-weight: 700;
	border-bottom: 2px solid var(--color-brand-500, #e40505);
	padding-bottom: 0.25rem;
}
.scroll-navbar__item--desktop {
	display: none;
}
@media (min-width: 769px) {
	.scroll-navbar {
		top: 3rem;
	}
	.scroll-navbar__item--desktop {
		display: inline;
	}
	.scroll-navbar__container {
		font-size: 1rem;
		font-weight: 500;
		line-height: 30px;
	}
}
@media (min-width: 992px) {
	/* ** Fonts ** */
	.scroll-navbar__container {
		font-size: 1.25rem;
	}
	.scroll-navbar__container {
		padding: 2rem 4rem;
	}
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
body {
	font-family: "Poppins", sans-serif;
}