/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#logo img {
	width: 200px;
	height: auto !important;
}



.blur-content-div {
	background-color: rgba(var(--cnvs-themecolor-rgb), 0.1);
	border: 1px solid rgba(var(--cnvs-themecolor-rgb), var(--cnvs-border-opacity));
	border-radius: 0.25rem;
	padding: 1.5rem;
}

.h-detail {
	color: var(--cnvs-themecolor);
}

.blockqoute-right {
	border-left: none;
	border-right: 5px solid var(--cnvs-contrast-200);
}

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

.text-indent {
	text-indent: 2em;
}

.fbox-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;

}


.fbox-icon img {
	filter: invert(100%) sepia(0%) saturate(200%);
}

.ul-detail {
	/* list-style-type:circle; */
	list-style-position: inside;
	color: #e2e2e2;
}

ul li::marker {
	color: #F1C77A;
}

.fbox-icon img {
	filter: invert(100%) sepia(0%) saturate(200%);
}

.d-img img {
	filter: invert(100%) sepia(0%) saturate(200%);
}

.custom-dropdown {
	padding: 0;
	border-radius: 0;
	background-color: rgba(99, 99, 99, 0.2) !important;
	backdrop-filter: blur(10px);
	border-color: #636363;
}

.custom-dropdown li a {
	padding: 10px 7px;
}

.col-padding-detail {
	padding: 2rem !important;
}

.portfolio-item {
	overflow: hidden;
}

.portfolio-item img {
	transition: transform 0.3s ease-in-out;
}

.portfolio-item:hover img {
	transform: scale(1.1);
}

.top-bar {
	background-color: #F1C77A;
	/* Arka plan rengi */
	color: #2E364F;
	/* Yazı rengi */
	font-weight: 500;
	padding: 10px 20px;
	/* Yastık (padding) ayarları */
	text-align: center;
	/* Yazıyı ortala */
	font-size: 15px;
	/* Yazı boyutu */
	font-family: Arial, sans-serif;
	/* Yazı tipi */
	z-index: 10;
	position: relative;
	/* Konumlandırma ekleyin */
}

.top-bar span {
	color: #2E364F;
	margin: 0 10px;
	/* Sağ ve sol boşluk */
}

.social-right-bar {
	border-right: 2px solid #2E364F;
	padding-right: 20px;
}

.top-bar .email,
.top-bar .phone {
	text-decoration: none;
	/* Alt çizgi kaldır */
	color: white;
	/* Renk beyaz */
}

.top-bar a {
	color: #2E364F;
	/* Bağlantı rengi */
	text-decoration: none;
	/* Alt çizgi kaldır */
}

.top-bar a:hover {
	text-decoration: underline;
	/* Üzerine gelindiğinde alt çizgi */
}


.top-bar span {
	color: #2E364F !important;
	margin: 0 10px;
	/* Sağ ve sol boşluk */
}

.top-bar .email,
.top-bar .phone {
	text-decoration: none;
	/* Alt çizgi kaldır */
	color: white;
	/* Renk beyaz */
}

.top-bar a {
	color: #2E364F !important;
	/* Bağlantı rengi */
	text-decoration: none;
	/* Alt çizgi kaldır */
}

.top-bar a:hover {
	text-decoration: underline;
	/* Üzerine gelindiğinde alt çizgi */
}
.is-expanded-menu #header .menu-link{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.toggle-header, .accordion-header{
	margin: 0 0!important;
	padding: 0 0 !important;
}
.accordion-button{
	background: transparent !important;
}
.accordion-item{
	background: rgba(255,255,255, 0.05) !important;
	backdrop-filter: blur(15px);
}
@media (max-width: 1400px) {
	.logo-default {
		width: 150px !important;
	}

	.header-misc a {
		font-size: 14px !important;
	}
	.menu-container .menu-item a{
		font-size: 14px !important;
	}
	
	.is-expanded-menu #header .menu-link{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (max-width: 576px) {
	.top-text {
		display: none;
	}

	
}
@media (min-width: 992px) and (max-width: 1100px) {
    .container {
        /* İstediğiniz stilleri buraya ekleyin */
        width: 100%; /* Örnek bir stil */
    }
}