.pdp {
		max-width: 1440px;
		margin: 0px auto !important;
}

		.pdp h1,
		.pdp h2 {
				margin: 5px 0px 10px 12px;
				padding: 0px;
		}

		.pdp h3 {
				margin: 5px 0px 10px 4px;
				padding: 0px;
		}

.hMin200 {
		min-height: 200px !important;
}

.rounded-rectangle {
		background-color: #d8e0e5;
		border-radius: 20px;
		display: inline-block;
}

.rounded-5 {
		border-radius: 30px;
}

.text-blue-light {
		color: #0A9EF6;
}

.fa-icon-blue-arrow {
		color: #466FD9;
}

.fa-icon-orange-laptop {
		color: #EFA35D;
}


.text-blue-dark {
		color: #2D6EB4;
}

.text-blue-neww {
		color: #006DBD;
}

.nav-style {
		overflow-x: auto;
		scrollbar-width: none;
}

.w11rem {
		width: 11rem;
}

.td-right {
		text-align-last: right;
}

.padding-2 {
		padding: 2px;
}

.padding-table-info {
		padding: 6px 0px;
}

.padding-margin-kafile {
		padding: 3px 6px;
		margin: 3px;
}

.gap11 {
		gap: 11px;
}

.gap8 {
		gap: 8px;
}

.td-center {
		text-align-last: center;
}

.table-top-0 {
		top: 0;
		margin-top: 0px;
		width: 100%;
}

.table-bottom-0 {
		bottom: 0;
		width: 100% !important;
		position: absolute;
}

.table-bottom-1 {
		bottom: 0;
		width: 100% !important;
}

@media (max-width: 768px) {
		.table-bottom-0 {
				position: static;
				bottom: auto;
		}
}

.tr-price-padding {
		padding: 8px 0px;
		width: 50%;
}

.tr-button-padding {
		padding: 12px 6px;
}

@media (max-width: 344px) {
		.tr-button-padding {
				padding: 12px 0px;
		}

		.tr-price-padding {
				padding: 0px;
		}
}


.btn-blue-neww {
		background-color: #006DBD;
		color: white;
}

		.btn-blue-neww:hover {
				background-color: #004f8a;
				color: white;
		}

.title-padding {
		padding: 0px 0px 0px 24px;
}

.taksit-div-padding {
		padding: 16px;
}

.title-wbody-padding {
		padding: 30px 0px 0px 0px;
}

.subtitle-padding {
		padding: 0px 24px 24px 24px;
}

.mb-0 {
		margin-bottom: 0px !important;
}

.text-blue-dark-2 {
		color: #173E62;
}

.bg-grey {
		background-color: rgba(209, 216, 224, 0.1);
}

.bg-grey-dark {
		color: rgba(106, 121, 139, 1);
}

.text-start {
		text-align: start;
}

.border-right {
		border-right: 1px solid #000;
}

.color-siemens-title {
		color: #00A4B4;
}

.btn-bg-color-blue {
		background-color: rgba(10, 158, 246, 0.3);
}


.add-to-card-btn-color {
		background-color: #32B737;
}

		.add-to-card-btn-color:hover {
				color: #ffffff;
				background-color: rgb(102, 211, 47);
		}

.bg-grey-100 {
		background-color: rgba(106, 121, 139, 1);
}

.grey-100 {
		color: rgba(23, 62, 98, 1);
}

.bg-grey-50 {
		background-color: rgba(143, 157, 174, 1);
}

.card-title {
		color: #0A9EF6;
		font-size: 1.75rem;
}

.card-text {
		color: #173E62;
		font-size: 13px;
}

.stock-btn-color {
		background-color: #173E62;
}


.banksettings-border-left {
		border-left: 1px solid;
}

.banksettings-border-top {
		border-top: 1px solid;
}

.maximum-border-color {
		border-color: rgba(214, 27, 101, 1);
}

.maximum-background-color {
		background-color: rgba(214, 27, 101, 0.2);
}

.maximum-background-color-full {
		background-color: rgba(214, 27, 101, 1);
}


.world-border-color {
		border-color: rgba(63, 27, 91, 1);
}

.world-background-color {
		background-color: rgba(63, 27, 91, 0.2);
}

.world-background-color-full {
		background-color: rgba(63, 27, 91, 1);
}


.axess-border-color {
		border-color: rgba(255, 183, 27, 1);
}

.axess-background-color {
		background-color: rgba(255, 183, 27, 0.2);
}

.axess-background-color-full {
		background-color: rgba(255, 183, 27, 1);
}

.garanti-border-color {
		border-color: rgba(126, 202, 60, 1);
}

.garanti-background-color {
		background-color: rgba(126, 202, 60, 0.2);
}

.garanti-background-color-full {
		background-color: rgba(126, 202, 60, 1);
}

.cf-border-color {
		border-color: rgba(0, 88, 161, 1);
}

.cf-background-color {
		background-color: rgba(0, 88, 161, 0.2);
}

.cf-background-color-full {
		background-color: rgba(0, 88, 161, 1);
}


.paraf-border-color {
		border-color: rgba(0, 166, 210, 1);
}

.paraf-background-color {
		background-color: rgba(0, 166, 210, 0.2);
}

.paraf-background-color-full {
		background-color: rgba(0, 166, 210, 1);
}

.bankkart-border-color {
		border-color: rgba(224, 18, 36, 1);
}

.bankkart-background-color {
		background-color: rgba(224, 18, 36, 0.2);
}

.bankkart-background-color-full {
		background-color: rgba(224, 18, 36, 1);
}

.kt-border-color {
		border-color: rgba(207, 192, 131, 1);
}

.kt-background-color {
		background-color: rgba(207, 192, 131, 0.2);
}

.kt-background-color-full {
		background-color: rgba(207, 192, 131, 1);
}

.d-none {
		display: none;
}

.mt-0 {
		margin-top: 0px;
}

.margin-0 {
		margin: 0 !important;
}

/*.table-min-width {
    min-width: min-content;
}*/

.right-0 {
		right: 0 !important;
}

.container .content {
		width: 100%;
		margin: 0 auto;
}

.w100 {
		width: 100%;
}


.borderr {
		border: 1px solid;
}

.border-primary {
		border-color: #415f7c;
		border-radius: 5px !important;
		-moz-border-radius: inherit;
		-webkit-border-radius: inherit;
		border-radius: inherit;
}

.row-padding {
		padding: 8px 24px 0px 24px;
}

.padding-8 {
		padding: 8px;
}

.padding-0 {
		padding: 0px;
}


.border-top {
		border-top: 1px solid #D1D8E0;
		border-left-width: 15px;
}

.border-top-padding {
		border-top: 1px solid #D1D8E0;
		padding: 8px 0px;
}


.border-warning {
		border-color: #ffc107;
}

.border-success {
		border-color: #28a745;
}

.border-light-gray {
		border-color: #efefef;
}

.rounded {
		border-radius: 6px !important;
}

.border-secondary {
		border-color: #6c757d;
}

.bg-white {
		background-color: #fff;
}

.w10 {
		width: 37px;
		height: 27px;
}

.border-0 {
		border-width: 0 !important;
}

.border-5 {
		border-width: 5px;
}

.border-4 {
		border-width: 4px;
}

.left {
		position: absolute;
		left: 0px;
}

.left-50 {
		position: absolute;
		left: 50px;
}


.mySlides {
		width: 100%;
		height: 350px;
}


.button-div {
		width: 157px !important;
		height: 40px !important;
		padding: 1px 0px 1px 0px;
		gap: 0px;
		border-radius: 8px 0px 0px 0px;
		border: 1px 0px 0px 0px;
		opacity: 0px;
}



.align-middle {
		vertical-align: middle !important;
}

.fs-1 {
		font-size: 2.5rem !important;
}

.fs-2 {
		font-size: 2rem !important;
}

.fs-23 {
		font-size: 23px !important;
}

.fs-3 {
		font-size: 1.75rem !important;
}


.fs-4 {
		font-size: 1.5rem !important;
}

.fs-5 {
		font-size: 1.25rem !important;
}

.fs-6 {
		font-size: 1rem !important;
}

.mt-5 {
		margin-top: 3rem !important;
}

.fs-7 {
		font-size: 0.875rem !important;
}

.fs-14 {
		font-size: 14px !important;
}

.fs-17 {
		font-size: 17px !important;
}

.mt-44 {
		margin-top: 44px;
}

.mt-100 {
		margin-top: 120px;
}

.breadcrumb-padding {
		padding: 42px 0px 28px 0px;
}


.fw-bold {
		font-weight: bold !important;
}

.details-padding {
		padding: 16px 8px 16px 8px;
}

.fs-13 {
		font-size: 13px !important;
}

.fs-12 {
		font-size: 12px !important;
}

.border-right-color {
		border-right: 1px solid #afcbe2;
}

.py-0 {
		padding-top: 0rem !important;
		padding-bottom: 0rem !important;
}

.py-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
}

.stockcontrol {
		padding: 12px 24px 12px 24px;
}

.mb-2 {
		margin-bottom: 8px !important;
}

.fs-28 {
		font-size: 28px;
}

.fs-15 {
		font-size: 15px;
		;
}

.py-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
}

.py-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
}

.py-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
}

.py-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
}

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

.mx-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
}

.px-0 {
		padding-left: 0rem !important;
		padding-right: 0rem !important;
}

.px-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
}

.px-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
}

.px-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
}

.px-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
}

.mr-0 {
		margin-right: 0rem !important;
}

.mr-1 {
		margin-right: 0.25rem !important;
}

.mr-2 {
		margin-right: 0.5rem !important;
}

.mr-3 {
		margin-right: 1rem !important;
}

.mr-4 {
		margin-right: 1.5rem !important;
}

.mr-5 {
		margin-right: 2rem !important;
}

.ml-0 {
		margin-left: 0rem !important;
}

.ml-1 {
		margin-left: 0.25rem !important;
}

.ml-2 {
		margin-left: 0.5rem !important;
}

.ml-3 {
		margin-left: 1rem !important;
}

.ml-4 {
		margin-left: 1.5rem !important;
}

.ml-5 {
		margin-left: 2rem !important;
}

.my-0 {
		margin-top: 0rem !important;
		margin-bottom: 0rem !important;
}

.my-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
}

.my-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
}

.my-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
}

.my-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
}

.my-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
}

.text-center {
		text-align: center !important;
}

.justify-items-center {
		justify-items: center !important;
}

.px-1 {
		padding-left: 0.25rem !important;
		padding-right: 0.25rem !important;
}

.fst-italic {
		font-style: italic !important;
}

.fw-light {
		font-weight: lighter !important;
}

.text-decoration-line-through {
		text-decoration: line-through !important;
}


.mt-4 {
		margin-top: 1.5rem !important;
}

.border-siemens {
		border-color: #19A4B3 !important;
}


.text-end {
		text-align: right !important;
}

.align-self-center {
		align-self: center !important;
}


.nav {
		--bs-nav-link-padding-x: 1rem;
		--bs-nav-link-padding-y: 0.5rem;
		--bs-nav-link-font-weight:;
		--bs-nav-link-color: var(--bs-link-color);
		--bs-nav-link-hover-color: var(--bs-link-hover-color);
		--bs-nav-link-disabled-color: var(--bs-secondary-color);
		display: flex;
		flex-wrap: nowrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none
}

.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 .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
		.nav-link {
				transition: none
		}
}

.nav-link:focus,
.nav-link:hover {
		color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
		outline: 0;
		box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
		color: var(--bs-nav-link-disabled-color);
		pointer-events: none;
		cursor: default
}

.nav-tabs {
		--bs-nav-tabs-border-width: var(--bs-border-width);
		--bs-nav-tabs-border-color: var(--bs-border-color);
		--bs-nav-tabs-border-radius: var(--bs-border-radius);
		--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
		--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
		--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
		--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
		border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

		.nav-tabs .nav-link {
				margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
				border: var(--bs-nav-tabs-border-width) solid transparent;
				border-top-left-radius: var(--bs-nav-tabs-border-radius);
				border-top-right-radius: var(--bs-nav-tabs-border-radius)
		}

				.nav-tabs .nav-link:focus,
				.nav-tabs .nav-link:hover {
						isolation: isolate;
						border-color: var(--bs-nav-tabs-link-hover-border-color)
				}

				.nav-tabs .nav-item.show .nav-link,
				.nav-tabs .nav-link.active {
						color: var(--bs-nav-tabs-link-active-color);
						background-color: var(--bs-nav-tabs-link-active-bg);
						border-color: var(--bs-nav-tabs-link-active-border-color)
				}

		.nav-tabs .dropdown-menu {
				margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
				border-top-left-radius: 0;
				border-top-right-radius: 0
		}

.nav-pills {
		--bs-nav-pills-border-radius: var(--bs-border-radius);
		--bs-nav-pills-link-active-color: #fff;
		--bs-nav-pills-link-active-bg: #0d6efd
}

		.nav-pills .nav-link {
				border-radius: var(--bs-nav-pills-border-radius)
		}

				.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)
				}

.nav-underline {
		--bs-nav-underline-gap: 1rem;
		--bs-nav-underline-border-width: 0.125rem;
		--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
		gap: var(--bs-nav-underline-gap)
}

		.nav-underline .nav-link {
				padding-right: 0;
				padding-left: 0;
				border-bottom: var(--bs-nav-underline-border-width) solid transparent
		}

				.nav-underline .nav-link:focus,
				.nav-underline .nav-link:hover {
						border-bottom-color: currentcolor
				}

				.nav-underline .nav-link.active,
				.nav-underline .show > .nav-link {
						font-weight: 700;
						color: var(--bs-nav-underline-link-active-color);
						border-bottom-color: currentcolor
				}

.nav-fill .nav-item,
.nav-fill > .nav-link {
		flex: 1 1 auto;
		text-align: center
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
		flex-basis: 0;
		flex-grow: 1;
		text-align: center
}

		.nav-fill .nav-item .nav-link,
		.nav-justified .nav-item .nav-link {
				width: 100%;
		}

.tab-content > .tab-pane {
		display: none
}

.tab-content > .active {
		display: block
}

.navbar {
		--bs-navbar-padding-x: 0;
		--bs-navbar-padding-y: 0.5rem;
		--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
		--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
		--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
		--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-brand-padding-y: 0.3125rem;
		--bs-navbar-brand-margin-end: 1rem;
		--bs-navbar-brand-font-size: 1.25rem;
		--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-nav-link-padding-x: 0.5rem;
		--bs-navbar-toggler-padding-y: 0.25rem;
		--bs-navbar-toggler-padding-x: 0.75rem;
		--bs-navbar-toggler-font-size: 1.25rem;
		--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
		--bs-navbar-toggler-border-radius: var(--bs-border-radius);
		--bs-navbar-toggler-focus-width: 0.25rem;
		--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

		.navbar > .container,
		.navbar > .container-fluid,
		.navbar > .container-lg,
		.navbar > .container-md,
		.navbar > .container-sm,
		.navbar > .container-xl,
		.navbar > .container-xxl {
				display: flex;
				flex-wrap: inherit;
				align-items: center;
				justify-content: space-between
		}

.navbar-brand {
		padding-top: var(--bs-navbar-brand-padding-y);
		padding-bottom: var(--bs-navbar-brand-padding-y);
		margin-right: var(--bs-navbar-brand-margin-end);
		font-size: var(--bs-navbar-brand-font-size);
		color: var(--bs-navbar-brand-color);
		text-decoration: none;
		white-space: nowrap
}

		.navbar-brand:focus,
		.navbar-brand:hover {
				color: var(--bs-navbar-brand-hover-color)
		}

.navbar-nav {
		--bs-nav-link-padding-x: 0;
		--bs-nav-link-padding-y: 0.5rem;
		--bs-nav-link-font-weight:;
		--bs-nav-link-color: var(--bs-navbar-color);
		--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
		--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
		display: flex;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none
}

		.navbar-nav .nav-link.active,
		.navbar-nav .nav-link.show {
				color: var(--bs-navbar-active-color)
		}

		.navbar-nav .dropdown-menu {
				position: static
		}

.navbar-text {
		padding-top: .5rem;
		padding-bottom: .5rem;
		color: var(--bs-navbar-color)
}

		.navbar-text a,
		.navbar-text a:focus,
		.navbar-text a:hover {
				color: var(--bs-navbar-active-color)
		}

.navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center
}

.navbar-toggler {
		padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
		font-size: var(--bs-navbar-toggler-font-size);
		line-height: 1;
		color: var(--bs-navbar-color);
		background-color: transparent;
		border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
		border-radius: var(--bs-navbar-toggler-border-radius);
		transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
		.navbar-toggler {
				transition: none
		}
}

.navbar-toggler:hover {
		text-decoration: none
}

.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		vertical-align: middle;
		background-image: var(--bs-navbar-toggler-icon-bg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%
}

.navbar-nav-scroll {
		max-height: var(--bs-scroll-height, 75vh);
		overflow-y: auto
}

@media (min-width:576px) {
		.navbar-expand-sm {
				flex-wrap: nowrap;
				justify-content: flex-start
		}

				.navbar-expand-sm .navbar-nav {
						flex-direction: row
				}

						.navbar-expand-sm .navbar-nav .dropdown-menu {
								position: absolute
						}

						.navbar-expand-sm .navbar-nav .nav-link {
								padding-right: var(--bs-navbar-nav-link-padding-x);
								padding-left: var(--bs-navbar-nav-link-padding-x)
						}

				.navbar-expand-sm .navbar-nav-scroll {
						overflow: visible
				}

				.navbar-expand-sm .navbar-collapse {
						display: flex !important;
						flex-basis: auto
				}

				.navbar-expand-sm .navbar-toggler {
						display: none
				}

				.navbar-expand-sm .offcanvas {
						position: static;
						z-index: auto;
						flex-grow: 1;
						width: auto !important;
						height: auto !important;
						visibility: visible !important;
						background-color: transparent !important;
						border: 0 !important;
						transform: none !important;
						transition: none
				}

						.navbar-expand-sm .offcanvas .offcanvas-header {
								display: none
						}

						.navbar-expand-sm .offcanvas .offcanvas-body {
								display: flex;
								flex-grow: 0;
								padding: 0;
								overflow-y: visible
						}
}

@media (min-width:768px) {
		.navbar-expand-md {
				flex-wrap: nowrap;
				justify-content: flex-start
		}

				.navbar-expand-md .navbar-nav {
						flex-direction: row
				}

						.navbar-expand-md .navbar-nav .dropdown-menu {
								position: absolute
						}

						.navbar-expand-md .navbar-nav .nav-link {
								padding-right: var(--bs-navbar-nav-link-padding-x);
								padding-left: var(--bs-navbar-nav-link-padding-x)
						}

				.navbar-expand-md .navbar-nav-scroll {
						overflow: visible
				}

				.navbar-expand-md .navbar-collapse {
						display: flex !important;
						flex-basis: auto
				}

				.navbar-expand-md .navbar-toggler {
						display: none
				}

				.navbar-expand-md .offcanvas {
						position: static;
						z-index: auto;
						flex-grow: 1;
						width: auto !important;
						height: auto !important;
						visibility: visible !important;
						background-color: transparent !important;
						border: 0 !important;
						transform: none !important;
						transition: none
				}

						.navbar-expand-md .offcanvas .offcanvas-header {
								display: none
						}

						.navbar-expand-md .offcanvas .offcanvas-body {
								display: flex;
								flex-grow: 0;
								padding: 0;
								overflow-y: visible
						}
}

@media (min-width:992px) {
		.navbar-expand-lg {
				flex-wrap: nowrap;
				justify-content: flex-start
		}

				.navbar-expand-lg .navbar-nav {
						flex-direction: row
				}

						.navbar-expand-lg .navbar-nav .dropdown-menu {
								position: absolute
						}

						.navbar-expand-lg .navbar-nav .nav-link {
								padding-right: var(--bs-navbar-nav-link-padding-x);
								padding-left: var(--bs-navbar-nav-link-padding-x)
						}

				.navbar-expand-lg .navbar-nav-scroll {
						overflow: visible
				}

				.navbar-expand-lg .navbar-collapse {
						display: flex !important;
						flex-basis: auto
				}

				.navbar-expand-lg .navbar-toggler {
						display: none
				}

				.navbar-expand-lg .offcanvas {
						position: static;
						z-index: auto;
						flex-grow: 1;
						width: auto !important;
						height: auto !important;
						visibility: visible !important;
						background-color: transparent !important;
						border: 0 !important;
						transform: none !important;
						transition: none
				}

						.navbar-expand-lg .offcanvas .offcanvas-header {
								display: none
						}

						.navbar-expand-lg .offcanvas .offcanvas-body {
								display: flex;
								flex-grow: 0;
								padding: 0;
								overflow-y: visible
						}
}

@media (min-width:1200px) {
		.navbar-expand-xl {
				flex-wrap: nowrap;
				justify-content: flex-start
		}

				.navbar-expand-xl .navbar-nav {
						flex-direction: row
				}

						.navbar-expand-xl .navbar-nav .dropdown-menu {
								position: absolute
						}

						.navbar-expand-xl .navbar-nav .nav-link {
								padding-right: var(--bs-navbar-nav-link-padding-x);
								padding-left: var(--bs-navbar-nav-link-padding-x)
						}

				.navbar-expand-xl .navbar-nav-scroll {
						overflow: visible
				}

				.navbar-expand-xl .navbar-collapse {
						display: flex !important;
						flex-basis: auto
				}

				.navbar-expand-xl .navbar-toggler {
						display: none
				}

				.navbar-expand-xl .offcanvas {
						position: static;
						z-index: auto;
						flex-grow: 1;
						width: auto !important;
						height: auto !important;
						visibility: visible !important;
						background-color: transparent !important;
						border: 0 !important;
						transform: none !important;
						transition: none
				}

						.navbar-expand-xl .offcanvas .offcanvas-header {
								display: none
						}

						.navbar-expand-xl .offcanvas .offcanvas-body {
								display: flex;
								flex-grow: 0;
								padding: 0;
								overflow-y: visible
						}
}

@media (min-width:1400px) {
		.navbar-expand-xxl {
				flex-wrap: nowrap;
				justify-content: flex-start
		}

				.navbar-expand-xxl .navbar-nav {
						flex-direction: row
				}

						.navbar-expand-xxl .navbar-nav .dropdown-menu {
								position: absolute
						}

						.navbar-expand-xxl .navbar-nav .nav-link {
								padding-right: var(--bs-navbar-nav-link-padding-x);
								padding-left: var(--bs-navbar-nav-link-padding-x)
						}

				.navbar-expand-xxl .navbar-nav-scroll {
						overflow: visible
				}

				.navbar-expand-xxl .navbar-collapse {
						display: flex !important;
						flex-basis: auto
				}

				.navbar-expand-xxl .navbar-toggler {
						display: none
				}

				.navbar-expand-xxl .offcanvas {
						position: static;
						z-index: auto;
						flex-grow: 1;
						width: auto !important;
						height: auto !important;
						visibility: visible !important;
						background-color: transparent !important;
						border: 0 !important;
						transform: none !important;
						transition: none
				}

						.navbar-expand-xxl .offcanvas .offcanvas-header {
								display: none
						}

						.navbar-expand-xxl .offcanvas .offcanvas-body {
								display: flex;
								flex-grow: 0;
								padding: 0;
								overflow-y: visible
						}
}

.navbar-expand {
		flex-wrap: nowrap;
		justify-content: flex-start
}

		.navbar-expand .navbar-nav {
				flex-direction: row
		}

				.navbar-expand .navbar-nav .dropdown-menu {
						position: absolute
				}

				.navbar-expand .navbar-nav .nav-link {
						padding-right: var(--bs-navbar-nav-link-padding-x);
						padding-left: var(--bs-navbar-nav-link-padding-x)
				}

		.navbar-expand .navbar-nav-scroll {
				overflow: visible
		}

		.navbar-expand .navbar-collapse {
				display: flex !important;
				flex-basis: auto
		}

		.navbar-expand .navbar-toggler {
				display: none
		}

		.navbar-expand .offcanvas {
				position: static;
				z-index: auto;
				flex-grow: 1;
				width: auto !important;
				height: auto !important;
				visibility: visible !important;
				background-color: transparent !important;
				border: 0 !important;
				transform: none !important;
				transition: none
		}

				.navbar-expand .offcanvas .offcanvas-header {
						display: none
				}

				.navbar-expand .offcanvas .offcanvas-body {
						display: flex;
						flex-grow: 0;
						padding: 0;
						overflow-y: visible
				}

.navbar-dark,
.navbar[data-bs-theme=dark] {
		--bs-navbar-color: rgba(255, 255, 255, 0.55);
		--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
		--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
		--bs-navbar-active-color: #fff;
		--bs-navbar-brand-color: #fff;
		--bs-navbar-brand-hover-color: #fff;
		--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
		--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
		--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#contact-tab:not(.active) {
		background-color: #D1D8E0;
		color: #173E62;
		border-radius: 0px;
}

@media (max-width: 1024px) {
		#bankSettingsButton {
				padding: 0px 12px 0px 4px;
				border-radius: 24px;
				border: 1px solid #0A9EF6;
				color: #0A9EF6;
				height: 38px;
				gap: 5px;
		}
}


@media (max-width: 344px) {

		.btn-bank-settings {
				width: 59px;
				height: 28px;
				font-size: 19px;
				padding: 0px 8px 0px 5px;
		}
}

@media (max-width: 768px) {
}

@media (max-width: 468px) {
		.text-escape-stock,
		.text-escape-cart {
				display: none;
		}
}

@media (max-width: 376px) {
		.text-escape-stock,
		.text-escape-cart {
				display: none;
		}

		#stock {
				width: 32px;
				height: 32px;
				text-align: center;
				padding: 4px 6px 4px 6px;
		}

		.main-container-margin-0 {
				padding: 0px;
		}

		#cart {
				width: 60px;
				height: 32px;
				text-align: center;
				padding: 4px 6px 4px 6px;
		}
}



.fa-container-icon {
		width: 21px;
		height: 21px;
		text-align: center;
		padding: 3px;
		font-size: 0.875em;
		border-radius: 100px;
}

.fa-container-icon-white {
		width: 21px;
		height: 21px;
		text-align: center;
		padding: 5px;
		font-size: 10px;
		border-radius: 100px;
		background-color: rgba(255, 255, 255, 0.2);
}

.percent-bg-color {
		background-color: rgba(10, 158, 246, 0.2);
}



.custom-input-group {
		margin: 0px 4px;
		display: flex;
		align-items: center;
		background-color: rgba(204, 226, 242, 1);
		border-radius: 8px;
		border: 1px solid rgba(10, 158, 246, 0.3);
		padding: 3px;
		height: 40px;
}

.custom-input-group-mini {
		margin: 4px;
		display: flex;
		align-items: center;
		padding: 3px;
		height: 30px;
		text-align: center;
}

.custom-btn {
		background-color: transparent;
		border: none;
		color: #007bff;
		font-size: 14px;
		;
		padding: 4px;
		cursor: pointer;
}

		.custom-btn:focus {
				outline: none;
		}

.input-placeholder {
		position: absolute;
		margin-top: 10px;
		margin-right: 30px;
		right: 0 !important;
		z-index: 2;
		font-family: Source Sans Pro;
		font-size: 16px;
		font-weight: 600;
		line-height: 20.11px;
		text-align: left;
		color: rgba(23, 62, 98, 0.32);
}

.custom-input-meter {
		border: 1px solid rgba(10, 158, 246, 0.3);
		text-align: left !important;
		font-size: 17px;
		font-weight: 600;
		height: 35px !important;
		width: 101px !important;
		margin: 0;
		border-radius: 8px !important;
		color: #007bff;
		/*background-color: white;*/
}

.cross-prods {
		position: absolute;
		/* Relative yerine absolute kullanıyoruz */
		z-index: 99;
		padding: 2px 2px 2px 2px;
		border-radius: 5px;
		color: #ffffff;
		font-size: 13px;
		top: 0;
		/* Üstte konumlandır */
		left: 0;
		/* Solda konumlandır */
		right: 0;
		/* Sağda konumlandır */
		width: fit-content;
		/* İçeriğe göre genişlik */
}

#tBody_mkProducts .cross-prods {
		top: 10px;
}

		.cross-prods .custom-input-meter {
				width: 40px !important;
				padding: 3px;
		}

		.cross-prods .custom-input-meter,
		.cross-prods .input-placeholder,
		.cross-prods .custom-btn,
		.cross-prods .custom-btn i {
				font-size: 16px !important;
				text-align: center !important;
		}

.btn-cross-prod {
		border-radius: 3px !important;
		background-color: #007bff !important;
		border: solid 1px #cccccc;
		padding: 3px;
		color: white !important;
		margin: 0px auto !important;
}


.input-err {
		border: 1px solid #e22743;
		color: #e22743;
}

.custom-input-piece {
		border: 1px solid rgba(239, 93, 93, 1);
		text-align: left !important;
		font-size: 19px;
		height: 38px !important;
		width: 101px !important;
		font-weight: bold;
		border-radius: 8px !important;
		color: rgba(239, 93, 93, 1);
		background-color: white;
}

.custom-input:focus {
		outline: none;
}

.divider-gap {
		gap: 11px;
}

.btn-bank-settings, .td-center span.dusuk-iskonto {
		padding: 0px 12px 4px 4px;
		border-radius: 24px;
		border: 1px solid #0A9EF6;
		color: #0A9EF6;
		width: 164px;
		height: 30px;
		text-align: center;
}
.td-center span.dusuk-iskonto {
		padding: 6px !important;
		margin: 0px 5px 0px 0px !important;
		color: #c12d05;
}

.dusuk-iskonto-info {
		border: thin 1px #efefef;
		border-radius: 6px !important;
		width: 80% !important;
		margin:0px auto !important;
}

.dusuk-iskonto-info p{
		font-size:14px !important;
		padding:0px !important;
		color: #c12d05;
}


.btn-outline-primary {
		border: 1px solid #0A9EF6;
		color: #0A9EF6;
}

		.btn-outline-primary:hover {
				color: #fff;
				background-color: #007bff;
		}

.text-white {
		color: white;
}

.scrolling-container {
		overflow: hidden;
		position: relative;
		/*padding: 0 30px;*/
}

.scrolling-wrapper {
		overflow-x: hidden;
		scroll-behavior: smooth;
}

.vendor-card {
		width: 161px;
		/*height: 255px;*/
		display: inline-block;
		position: relative;
		margin-right: 27px;
		border-right: solid 1px #efefef;
}

.brand-home-carousel .vendor-card {
		width: 100% !important;
		margin: 0px auto !important;
}

.vendor-card-inline {
		width: 161px;
		/*height: 255px;*/
		display: inline-block;
		position: relative;
		margin-right: 27px;
		border-right: solid 1px #efefef;
}

.vendor-card-mostpoular {
		width: 248px;
		height: 255px;
		display: inline-block;
}

@media (max-width: 768px) {
		.vendor-card {
				border-right: none;
		}

		.nav-link {
				width: auto !important;
		}
}

.card-img-top {
		height: 155px;
		max-height: 155px;
		width: auto;
		cursor: pointer;
}

.brand-home-carousel .card-img-top {
		height: 200px;
		max-height: 200px;
		cursor: auto;
}

.card-anonce {
		position: absolute;
		/* Relative yerine absolute kullanıyoruz */
		z-index: 99;
		padding: 2px 2px 2px 10px;
		border-radius: 5px;
		background-color: #f31701;
		color: #ffffff;
		font-size: 13px;
		bottom: 90px;
		/* Üstte konumlandır */
		left: 0;
		/* Solda konumlandır */
		right: 0;
		/* Sağda konumlandır */
		width: fit-content;
		/* İçeriğe göre genişlik */
}

#scrolling-wrapper-benzer-urunler {
		margin-left: 0px !important;
}

.breadcrumb {
		background-color: transparent;
}

.fs-20 {
		font-size: 20px;
}

.breadcrumb-item + .breadcrumb-item::before {
		content: "\00BB" !important;
		/*»*/
}

.scroll-button.left {
		left: 0;
		top: 127px;
		z-index: 3;
}

.scroll-button.left50 {
		left: 50px;
}

.scroll-button.right {
		right: 0;
		top: 127px;
}

.accessories-table {
		border-bottom: 1px solid rgba(209, 216, 224, 0.3);
}

.bottom-0 {
		bottom: 0 !important;
}

.mt-10 {
		margin-top: 10px;
}

.nav-item {
		margin-right: 11px;
}

.nav-link {
		margin-right: 11px;
		color: #173E62;
		font-size: 17px;
		font-weight: 600;
		line-height: 18px;
		letter-spacing: -0.01em;
		text-align: left;
		width: 245px;
		height: 54px;
		display: flex;
		align-items: center;
}

.active > .nav-link {
		color: #ffffff !important;
}

.tab-group-default {
		background-color: #19A4B3;
		color: white;
		border-radius: 0px;
}

		/*#tab-group-ACCESSORIES {
    background-color: #173E62;
    color: white;
    border-radius: 0px;
}*/

		/*#tab-group-SELECT {
    background-color: #FCCB1F;
    color: white;
    border-radius: 0px;
}*/

		/*#tab-group-SIMILAR {
    background-color: #19A4B3;
    color: white;
    border-radius: 0px;
}*/



		#tab-group-ACCESSORIES:not(.active),
		#tab-group-SELECT:not(.active),
		#tab-group-SIMILAR:not(.active),
		.tab-group-default:not(.active) {
				background-color: #D1D8E0;
				/*color: #173E62;*/
				border-radius: 0px;
		}

.b-top-line-group1 {
		border-top: 6px solid #173E62;
		z-index: 999 !important;
}

.b-top-line-group2 {
		border-top: 6px solid #FCCB1F;
		z-index: 999 !important;
}

.b-top-line-group3 {
		border-top: 6px solid #19A4B3;
		z-index: 999 !important;
}

.d-inline-flex {
		display: inline-flex !important;
}



.list-unstyled {
		gap: 10px;
}

.scroll-button {
		position: absolute;
		top: 50%;
		background-color: #0A9EF6;
		border: 0px;
		text-align: center;
		font-size: 15px;
		color: white;
		border-radius: 20px;
		padding: 6px 12px;
		cursor: pointer;
}

		.scroll-button:hover {
				background-color: #007bff;
		}


.icon-container {
		position: absolute;
		margin-top: 25px;
		margin-right: 25px;
		right: 0 !important;
}



.icon-container-wrapper {
		position: absolute;
		top: 8px;
		right: 8px;
		color: white;
		border-radius: 50%;
		width: 24px;
		height: 24px;
		size: 11px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		z-index: 10;
}

.slide img {
		max-width: 250px;
		max-height: 400px;
		object-fit: cover;
}

.circle-icon {
		color: #fff;
		font-size: 28px;
		width: 66px;
		height: 66px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 3;
		font-weight: 700;
}

.slider-container {
		position: relative;
		max-width: 419px;
		height: 440px;
		overflow: hidden;
		margin-top: 20px !important;
		margin-bottom: 0px !important;
}

.slider {
		display: flex;
		transition: transform 0.5s ease-in-out;
		height: 100%;
		/*width: fit-content;*/
}

.slide {
		min-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
}

.circuit-breaker {
		width: 100%;
		max-width: 150px;
		border-radius: 10px;
}

.prev,
.next {
		position: relative;
		bottom: 20px;
		transform: translateY(-50%);
		cursor: pointer;
		z-index: 1;
}

.prev {
		left: 0;
}

.next {
		left: 15px;
}

.background-circle {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 419px;
		height: 430px;
		border: 1px solid;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		/*z-index: 2;*/
}

@media (min-width: 769px) and (max-width: 1025px) {

		.slide img {
				max-width: 180px;
				max-height: 350px;
				object-fit: cover;
		}

		.icon-container {
				margin-top: 10px;
				margin-right: 10px;
		}
}

@media (min-width: 425px) and (max-width: 769px) {
		.background-circle {
				width: 387px;
				height: 407px;
		}

		.icon-container {
				position: absolute;
				margin-top: 10px;
				margin-right: 10px;
				right: 0 !important;
		}

		.slide img {
				max-width: 200px;
				max-height: 270px;
				object-fit: cover;
		}
}

@media (min-width: 390px) and (max-width: 425px) {
		.background-circle {
				width: 366px;
				height: 356px;
		}

		.icon-container {
				position: absolute;
				margin-top: 10px;
				margin-right: 10px;
				right: 0 !important;
		}

		.slide img {
				max-width: 200px;
				max-height: 250px;
				object-fit: cover;
		}

		.slider-container {
				height: 415px;
		}
}

@media (min-width: 319px) and (max-width:389px) {
		.background-circle {
				width: 300px;
				height: 292px;
		}

		.icon-container {
				position: absolute;
				margin-top: 0px;
				margin-right: 0px;
				right: 0 !important;
		}

		.slide img {
				max-width: 150px;
				object-fit: cover;
		}

		.slider-container {
				height: 415px;
		}
}

@media (min-width: 320px) and (max-width:389px) {
		.background-circle {
				width: 300px;
				height: 352px;
		}

		.icon-container {
				position: absolute;
				margin-top: 10px;
				margin-right: 10px;
				right: 0 !important;
		}

		.slide img {
				max-width: 150px;
				max-height: 300px;
				object-fit: cover;
		}

		.slider-container {
				height: 415px;
		}
}



.fs-10 {
		font-size: 10px;
}

.fs-19 {
		font-size: 19px;
}

.border-none {
		border-right: none;
}

.content-info {
		padding: 4px 10px 4px 10px;
}

		.content-info p {
				width: 100% !important;
				font-size: 12px;
				line-height: 14px;
				font-weight: 400;
				padding: 5px;
				display: block !important;
		}

				.content-info p.stok-sonuc, .content-info .alert-row {
						font-size: 15px !important;
						font-weight: 600 !important;
				}


.alert-row {
		background-color: rgba(239, 93, 93, 0.08);
}


@media (max-width: 768px) {
		.d-sm-block {
				display: none;
		}
}

.table {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
}

		.table thead th {
				vertical-align: bottom;
				border-bottom: 2px solid #eceeef;
		}

		.table tbody + tbody {
				border-top: 2px solid #eceeef;
		}

		.table .table {
				background-color: #fff;
		}

.table-sm th,
.table-sm td {
		padding: 0.3rem;
}



.table-striped tbody tr:nth-of-type(odd) {
		background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
		background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
		background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
		background-color: rgba(0, 0, 0, 0.075);
}

		.table-hover .table-active:hover > td,
		.table-hover .table-active:hover > th {
				background-color: rgba(0, 0, 0, 0.075);
		}

.table-success,
.table-success > th,
.table-success > td {
		background-color: #dff0d8;
}

.table-hover .table-success:hover {
		background-color: #d0e9c6;
}

		.table-hover .table-success:hover > td,
		.table-hover .table-success:hover > th {
				background-color: #d0e9c6;
		}

.table-info,
.table-info > th,
.table-info > td {
		background-color: #d9edf7;
}

.table-hover .table-info:hover {
		background-color: #c4e3f3;
}

		.table-hover .table-info:hover > td,
		.table-hover .table-info:hover > th {
				background-color: #c4e3f3;
		}

.table-warning,
.table-warning > th,
.table-warning > td {
		background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
		background-color: #faf2cc;
}

		.table-hover .table-warning:hover > td,
		.table-hover .table-warning:hover > th {
				background-color: #faf2cc;
		}

.table-danger,
.table-danger > th,
.table-danger > td {
		background-color: #f2dede;
}

.table-hover .table-danger:hover {
		background-color: #ebcccc;
}

		.table-hover .table-danger:hover > td,
		.table-hover .table-danger:hover > th {
				background-color: #ebcccc;
		}

.thead-inverse th {
		color: #fff;
		background-color: #292b2c;
}

.thead-default th {
		color: #464a4c;
		background-color: #eceeef;
}

.table-inverse {
		color: #fff;
		background-color: #292b2c;
}

		.table-inverse th,
		.table-inverse td,
		.table-inverse thead th {
				border-color: #fff;
		}

		.table-inverse.table-bordered {
				border: 0;
		}

.table-responsive {
		display: block;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
}

.kusurat {
		color: #57748F;
}

.table-responsive.table-bordered {
		border: 0;
}

.bank-settings-padding {
		padding: 8px 0px 8px 0px;
}

.fw-600 {
		font-weight: 600;
}

.bank-settings-number-padding {
		padding: 0px 12px;
}

.bank-settings-icon-padding {
		padding: 0px 12px;
}

.bank-title-padding {
		padding: 8px 0px 8px 0px;
}

.kafile-kilo-color {
		background-color: rgba(66, 125, 188, 0.1);
}

.bank-subtitle-padding {
		padding: 8px 0px 8px 0px;
		background-color: rgba(143, 157, 174, 0.05);
}

.bank-settings-number {
		padding: 0px 16px 80px 16px;
}

.bank-settings-header {
		padding: 5px 8px 5px 8px;
}

.margin-top-taksitler {
		margin-top: 32px;
}


/*---US---------------------------------------*/

.pdf-color,
.pdf {
		color: #e22743 !important;
}

.row-first,
#bankSettings {
		width: 98.8% !important;
		margin-bottom: 20px;
}

.content-container {
		display: flex;
		flex-wrap: wrap;
		margin: 0px;
		padding: 0px;
}

.content-container-group {
		flex: 1;
		min-width: 0;
		box-sizing: border-box;
}

.content-container > div a {
		width: 100% !important;
		display: block !important;
		font-weight: 500;
		padding: 5px;
		border-bottom: 1px solid #efefef;
}


		.content-container > div a:hover {
				color: #999999;
		}


		.content-container > div a i {
				float: right;
				margin-right: 5px;
				vertical-align: text-bottom !important;
				margin-top: 3px !important;
		}


.fiyat-liste-link-group {
		background-color: rgb(209 216 224 / 20%);
		border-radius: 5px;
		margin-bottom: 10px;
}

		.fiyat-liste-link-group a {
				font-size: 13px !important;
				font-weight: 600 !important;
				border-bottom: 1px solid #efefef;
				max-width: 94% !important;
				margin: 0px auto !important;
				color: #25a2f3;
				padding: 5px 0px;
		}

		.fiyat-liste-link-group span {
				font-size: 12px !important;
				font-weight: 400 !important;
				font-style: italic;
				right: 50px;
				position: absolute;
		}

@media (min-width: 435px) and (max-width: 1024px) {
		.fiyat-liste-link-group span {
				right: 60px;
		}
}

.onceki-liste a,
.onceki-liste a i {
		color: #666666;
		opacity: 0.5;
}

.fiyat-liste-link-group a:last-child {
		border-bottom: none;
}

.detail-group {
		border-bottom: solid 1px #d1d8e0;
		margin-bottom: 10px;
		padding-bottom: 10px;
}

.content-container-group .detail-group:first-child {
		border-top: solid 5px #d1d8e0;
}

		.content-container-group .detail-group:first-child h4 {
				padding-top: 10px;
		}

.detail-group > p {
		width: 100% !important;
		display: block !important;
		font-weight: 500;
		padding: 3px;
		color: #666666;
		font-size: 16px
}

		.detail-group > p span {
				float: right;
				margin-right: 15px;
				vertical-align: text-bottom !important;
				color: #006DBD;
		}

.detail-group .content-container {
		padding-top: 10px;
		padding-right: 10px;
}

		.detail-group .content-container > div a:last-child {
				border: none;
		}

.card-body {
		text-align: left;
		width: 100%;
		border-radius: 5px;
}

.brand-home-carousel .vendor-card .card-body {
		width: 90% !important;
		margin: 3px 10px 3px 5px;
}

.card-body a {
		font-size: 13px !important;
		font-weight: 600 !important;
}

.card-body p {
		font-size: 11px !important;
}


.circle-ico-discount {
		background-color: #006fba;
		border-radius: 100px;
		padding: 6px 12px;
		font-size: 18px;
		color: white;
		display: inline-block;
}

.circle-A {
		background-color: #4fc913;
		border-radius: 100px;
		padding: 6px 12px;
		font-size: 18px;
		color: white;
		display: inline-block;
}

.circle-B {
		background-color: #fda729;
		border-radius: 100px;
		padding: 6px 12px;
		font-size: 18px;
		color: white;
		display: inline-block;
}

.circle-C {
		background-color: #e22743;
		border-radius: 100px;
		padding: 6px 12px;
		font-size: 18px;
		color: white;
		display: inline-block;
}

#description_long {
		/* max-height: 120px;
    overflow: auto; */
		line-height: 18px !important;
		padding: 5px;
		text-align: justify;
}


@media (max-width: 1200px) {
		.content-container-group {
				flex: 0 0 24%;
		}
}

@media (max-width: 992px) {
		.content-container-group {
				flex: 0 0 33.33%;
		}
}

@media (max-width: 768px) {
		.content-container-group {
				flex: 0 0 48.5%;
		}
}

@media (max-width: 375px) {
		.content-container-group {
				flex: 0 0 100%;
		}
}

.parent-class {
		display: flex;
		align-items: stretch; /* Yükseklikleri eşitler */
		gap: 16px; /* İsteğe bağlı aralık */
}


.markaTemsilcileri {
		max-width: 419px !important;
		/*width: 50% !important;
    min-width: 200px;*/
		margin: 0 !important;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 5%;
		right: 0%;
}

.urun-ailesi-link {
		position: absolute;
		bottom: 0%;
		right: -2%;
		color: #052645;
		margin: 7px !important;
		padding: 2px 4px 2px 4px !important;
		font-size: 12px !important;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03);
		background-color: #cccccc;
		border-radius: 4px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		text-align: center !important;
}

.makara-select-container {
		width: 50% auto !important;
		padding: 10px !important;
		border-radius: 5px;
		background-color: #F1F5F9;
}

		.makara-select-container #makara-select {
				width: 45% !important;
				padding: 0px;
				margin: 0px;
				display: inline-block;
				font-size: 16px !important;
				font-weight: 600 !important;
				color: #007bff;
		}

				.makara-select-container #makara-select option {
						font-size: 15px !important;
						font-weight: 400 !important;
						margin-left: 10px !important;
						color: #222222;
				}

		.makara-select-container button {
				font-size: 13px !important;
		}


		.makara-select-container h5 {
				display: block;
				padding: 10px;
				margin: 5px;
		}