/*------------------------------------------------------
* 	 Date : 10.06.2025
*  Design : [Hasan MUTLU]
* 	 Mail : bilgi@cocukpsikiyatriankara.com.tr
* Website : www.cocukpsikiyatriankara.com.tr
*-------------------------------------------------------
* Description:
* - Ankara Çocuk ve Ergen Psikiyatristi
* - Mustafa Kemal Mah. 2156. Sk. No:20/1 Casanita Plaza,
* - Casanita Plaza, Kat:1, No:102, 06510 Çankaya-Ankara
*-------------------------------------------------------*/

/*
TABLE BUILD

    1. FONT

	2. GENERAL
		A. Owl Sliders
		B. Fslightbox
		C. Pagination
		D. Tabs
		E. Section Title
		F. Special Form
		G. Buttons Group
		H. Modal
		H. Accordion

	3. HEADER
		A. Contact
		B. Social Media
		C. Logo & Menu
		D. Other Menu
		E. Off Canvas Menu
		F.

	4. SLIDER (CAROUSEL)
		A. Main Slider (Image & Text Slider)
		B. Services Slider
		C. Blog Slider
		D. Memberships Slider

	5. MAIN CONTENT
		A. About Us
		B.
		C.
		D. Feedback
		E.
		F.
		G.
		H. Contact

	6. ADDITIONAL CONTENT
		A.
		B.
		C.
		D.
		E.
		F. Scroll(Footer) Style
		G.

	7. MORE CONTAINER
		A. Title
		B. Sidebar Left
		C. Sidebar Right
		D. File Download
		E. Comment Form
		F. Related News
		G. Section Details
		H. Project Sponsored
		I. Video Gallery
		J. Photo Gallery
		K. Page Detail
		L. Social Media Sharing
		M. About Us Detail
		N. Services Detail
		O. Mission And Vision

	8. FOOTER
		A. Working Hours
		B. Social Media
		C. Title
		D. Logo, Site Name, Address...
		E. Lists
		F. Contact
		G. Newsletter
		H. Copyright & Design
		I. Scroll Up/ Down

	9. RESPONSIVE DESIGN
		A. 100 x 576 (mobile)
		B. 576 x 768 (tablet)
		C. 768 x 1024 (medium tablet and phone)
		D. 1024 x 1199 (large tablet and laptop)
		E. 1199 x 1399 (large desktop and wide monitor)
		F. 1400 > (Larger than 1400px) (large desktop)
		G. Print

	10. ANIMATIONS
		A. Video Icon
		B. Fixed Menu
		C. About Icon

*/

/*===================================================
   1. FONT
=====================================================*/
@import "cp-fonts.css";
@import "cp-root.css?v=1.0.26";
/*===================================================
   END OF FONT
=====================================================*/

/*===================================================
   2. GENERAL
=====================================================*/
body {
	background-color:var(--background-color);
	font-family: var(--primary-font), sans-serif;
	font-size: var(--body-font-size);
	color:var(--color-text);
	line-height: var(--body-line-height);
	font-weight: var(--body-font-weight);
	margin:0;
	padding:0;
}
a {
	transition: all var(--transition-medium);
	text-decoration: none;
	outline: none;
}

a:hover,
a:active,
a:focus {
	color:var(--primary-color);
}
dl, ol, ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
::selection{
	background:var(--primary-background) none repeat scroll 0 0;
	color:var(--white-color);
}
::-moz-selection{
	background:var(--primary-background) none repeat scroll 0 0;
	color:var(--white-color);
}
/*---------------------------------------------------
   2.A Owl Sliders
-----------------------------------------------------*/
.layout1.owl-carousel,
.layout2.owl-carousel,
.layout3.owl-carousel,
.layout4.owl-carousel,
.layout4b.owl-carousel,
.layout5.owl-carousel{overflow: hidden;}

.layout1 .owl-nav button,
.layout2 .owl-nav button,
.layout3 .owl-nav button,
.layout4 .owl-nav button,
.layout4b .owl-nav button,
.layout5 .owl-nav button {
	background: var(--white-color) !important;
	color: var(--primary-color) !important;
	font-size: 1.125rem !important;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: var(--radius-circle);
	height: 48px;
	width: 48px;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
	transition: var(--transition-all-medium);
}
.layout1.layout1-additional .owl-nav button,
.layout2.layout2-additional .owl-nav button,
.layout3.layout3-additional .owl-nav button,
.layout4.layout4-additional .owl-nav button,
.layout4b.layout4b-additional .owl-nav button,
.layout5.layout5-additional .owl-nav button{width: 38px;height: 38px;}

/*.layout4b.layout4b-additional .owl-nav button{opacity: 1;}*/

.layout1 .owl-nav,
.layout3 .owl-nav,
.layout4 .owl-nav,
.layout4b .owl-nav,
.layout5 .owl-nav{
	position: absolute;
	top: 40%;
	right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layout1 .owl-nav button.owl-prev,
.layout2 .owl-nav button.owl-prev,
.layout3 .owl-nav button.owl-prev,
.layout4 .owl-nav button.owl-prev,
.layout4b .owl-nav button.owl-prev,
.layout5 .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
	left: -40px;
}
/*.layout4b .owl-nav button.owl-prev {
	position: absolute;
	top: 75%;
	left: -65px;
}*/
.layout1 .owl-nav button.owl-next,
.layout2 .owl-nav button.owl-next,
.layout3 .owl-nav button.owl-next,
.layout4 .owl-nav button.owl-next,
.layout4b .owl-nav button.owl-next,
.layout5 .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	right: -40px;
}
/*.layout4b .owl-nav button.owl-next{
	position: absolute;
	top: 75%;
	left: -125px;
}*/
.layout1 .owl-nav button:hover,
.layout2 .owl-nav button:hover,
.layout3 .owl-nav button:hover,
.layout4 .owl-nav button:hover,
.layout4b .owl-nav button:hover,
.layout5 .owl-nav button:hover {
	background: var(--primary-background) !important;
	color: var(--white-color) !important;
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20);
}

.layout1.owl-carousel:hover button.owl-prev,
.layout2.owl-carousel:hover button.owl-prev,
.layout3.owl-carousel:hover button.owl-prev,
.layout4.owl-carousel:hover button.owl-prev,
.layout4b.owl-carousel:hover button.owl-prev,
.layout5.owl-carousel:hover button.owl-prev{
	opacity: 1;
	left: 40px;
}
.layout1.owl-carousel:hover button.owl-next,
.layout2.owl-carousel:hover button.owl-next,
.layout3.owl-carousel:hover button.owl-next,
.layout4.owl-carousel:hover button.owl-next,
.layout4b.owl-carousel:hover button.owl-next,
.layout5.owl-carousel:hover button.owl-next{
	opacity: 1;
	right: 40px;
}

/*------*/
.layout3,
.layout4 {
	background: transparent;
	margin: 0 0 1.5rem 0;
	position: relative;
	zoom: 1;
}
.layout4.layout4-modifier{margin:1rem 0 0 !important;}
.layout4 .owl-stage-outer{padding-bottom:1.5rem;}
.layout4b .owl-stage-outer{border-radius: var(--radius-lg);}

.layout3 .owl-nav.disabled + .owl-dots,
.layout4 .owl-nav.disabled + .owl-dots {
	margin-top: 15px;
}
.layout3 .owl-dots,
.layout4 .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	/*text-align: center;*/
	padding: .5rem 0;
	-webkit-tap-highlight-color: transparent;
}
.layout4 .owl-dots .owl-dot,
.layout4 .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.layout3 .owl-dots .owl-dot span,
.layout4 .owl-dots .owl-dot span {
	background: transparent;
	border: 1px solid var(--grey-color);
	border-radius: var(--radius-full);
	width: 18px;
	height: 18px;
	margin: 0 4px;
	display: block;
	position: relative;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
}
.layout3 .owl-dots .owl-dot span::after,
.layout4 .owl-dots .owl-dot span::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: var(--grey-color);
	border-radius: var(--radius-full);
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	transition: all var(--transition-fast);
}
.layout3 .owl-dots .owl-dot.active span,
.layout3 .owl-dots .owl-dot:hover span,
.layout4 .owl-dots .owl-dot.active span,
.layout4 .owl-dots .owl-dot:hover span {
	border-color: var(--primary-color-light);
}

.layout3 .owl-dots .owl-dot:hover span::after,
.layout3 .owl-dots .owl-dot.active span::after,
.layout4 .owl-dots .owl-dot:hover span::after,
.layout4 .owl-dots .owl-dot.active span::after{
	background-color: var(--primary-color-dark);
}

/*---------------------------*/
.header-carousel-one .owl-nav {
	position: absolute;
	right: 50px;
	top: 42%;
	z-index: 2;
}
/*@media (min-width: 768px) and (max-width: 1024px) {
	.header-carousel-one .owl-nav {
		bottom: 210px;
		left: 45%;
		top: auto;
		right: auto;
	}
}
@media (max-width: 575.98px) {

}*/
.header-carousel-one .owl-nav button {
	background: rgba(var(--white-opacity),.2) !important;
	color: var(--white-color) !important;
	font-size: 1.25rem;
	line-height: 48px;
	border-radius: var(--radius-circle);
	height: 48px;
	width: 48px;
	display: block;
	transition: var(--transition-all-medium);
}
.header-carousel-one .owl-nav button:hover {
	background: rgba(var(--white-opacity),1) !important;
	color: var(--primary-color) !important;
}
.header-carousel-one .owl-nav button.owl-next {
	margin-left: 10px;
}
/*@media (max-width: 991.98px), (max-width: 575.98px) {
	.header-carousel-one .owl-nav button.owl-next {
		margin-left: 10px;
	}
	.header-carousel-one .owl-nav button {
		display: inline-block;
	}
}*/

/*---------------------------------------------------
   2.B Fslightbox
-----------------------------------------------------*/
.fslightboxs {
	border-radius: var(--radius-lg) !important;
}
.fslightbox-thumb {
	border-radius: var(--radius-lg) !important;
}
.fslightboxta {
	border: 2px solid var(--white-color) !important;
}
.fslightbox-slide-btn{border-radius: var(--radius-full) !important;}

.fslightboxci h4,
.fslightboxci h5,
.fslightboxci h6 {
	font-weight: 600;
	font-size: 1.25rem;
	color: var(--white-color);
	margin-bottom: .4rem;
}
.fslightboxci,
.fslightboxci p {
	font-size: 0.9rem !important;
	color: var(--white-color) !important;
	font-weight: normal;
	margin: 0;
}
/*---------------------------------------------------
   2.C Pagination
-----------------------------------------------------*/
ul.pagination{
	list-style:none;
	margin: 5px 0;
	padding-left: 5px;
}
ul.pagination > li{
	list-style-type:none;
	margin: 5px 0;
	padding-left: 5px;
	float:left;
	display:block;
}
ul.pagination > li > a,
ul.pagination > li > span{
	color:var(--secondary-color);
	line-height: 36px;
	text-align: center;
	border:1px solid var(--color-border);
	border-radius:var(--radius-circle) !important;
	margin:0;
	padding:0;
	width: 36px;
	height: 36px;
	transition: var(--transition-all-fast);
}
ul.pagination > li.previous-page > a,
ul.pagination > li.next-page > a{border-radius:3px;}

ul.pagination > li.active-page > a:hover,
ul.pagination > li.active-page > a,
ul.pagination > li > a:focus,
ul.pagination > li > a:hover,
ul.pagination > li > span:focus,
ul.pagination > li > span:hover{
	background:var(--primary-background) !important;
	color:var(--white-color);
	border-color:var(--primary-border-color);
}

.paginate-customize{
	font-size: .9rem;
	color: var(--secondary-color);
	font-weight: 400;
}
.page-item.active .page-link {
	z-index: var(--z-low);
	color: var(--white-color);
	background-color: var(--primary-background) !important;
	border-color: var(--primary-border-color) !important;
}
/*---------------------------------------------------
   2.D Tabs
-----------------------------------------------------*/
.tab-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* iOS için */
}
.nav-tabs {
	display: flex;
	flex-wrap: nowrap;
	/* min-width: max-content; Bu çok önemli: içerik genişliğinden az olmasın */
	transition:var(--transition-opacity);
}
.nav-tabs .nav-item {
	flex: 0 0 auto;
}

.nav-tabs .nav-link {
	background-color: var(--color-success);
	color: var(--secondary-color);
	font-size: .9rem;
	border: 1px solid var(--grey-color-light);
	border-bottom: none;
	/*border-top-left-radius: var(--button-border-radius);
	border-top-right-radius: var(--button-border-radius);*/
	border-radius: 0;
	margin-right: 0.25rem;
	padding: .5rem;
}
.nav-tabs .nav-link.active {
	background-color: var(--white-color);
	border-color: var(--primary-border-color);
	color:var(--primary-color);
	font-weight: 500;
	position: relative;
	z-index: var(--z-low);
}
.tab-content {
	background-color: var(--white-color);
	text-align: start;
	border: 1px solid var(--grey-color-light);
	border-top: none;
	/*border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;*/
	padding: 1.5rem .75rem;
	transition: var(--transition-all-slow) !important;
}
.tab-content .image-wrapper {position: relative;}
.tab-content img:not(.other-list-wrapper img,
.video-card-thumbnail picture img) {
	width: 100% !important;
	height: auto !important;
	margin: .75rem 0;
	display: block !important;
	transition: var(--transition-transform), var(--transition-opacity);
}
.tab-content img:hover {
	/*opacity: 0.7;*/
	transform: scale(1.02);
}

.tab-content .zoom-icon{
	background: rgba(var(--secondary-opacity),.7) none repeat scroll 0 0;
	text-align: center;
	border-radius: var(--radius-circle);
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: var(--z-float);
}
.tab-content .zoom-icon i {
	color: var(--white-color);
	line-height: 40px;
	font-size: 1rem;
}

.tab-content h1 {
	font-size: 1.75rem;
	font-weight: 800;
}
.tab-content h2 {
	font-size: 1.5rem;
	font-weight: 700;
}
.tab-content h3 {
	font-size: 1.25rem;
	font-weight: 600;
}
.tab-content h4 {
	font-size: 1.125rem;
	font-weight: 500;
}
.tab-content h5 {
	font-size: 1rem;
	font-weight: 400;
}
.tab-content h6 {
	font-size: .9rem;
	font-weight: 300;
}

.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4,
.tab-content h5,
.tab-content h6 {
	color: var(--secondary-color);
	margin-top: .5rem;
	margin-bottom: .5rem;
	line-height: 1.2;
	transition: var(--transition-color);
}
.tab-content h1:hover,
.tab-content h2:hover,
.tab-content h3:hover,
.tab-content h4:hover,
.tab-content h5:hover,
.tab-content h6:hover {
	color: var(--primary-color);
}
/*---------------------------------------------------
   2.E Section Title
-----------------------------------------------------*/
.section-title{
	text-align: center;
	margin:0;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.section-title.left-modifier{align-items: start; text-align: start;}
.section-title.right-modifier{align-items: end; text-align: end;}
.section-title h2{
	background-color:var(--primary-color-extra-light);
	font-size:1rem;
	font-weight:500;
	color: var(--primary-color);
	line-height: 1.5;
	border-radius: var(--radius-xl);
	margin: 0 0 .5rem 0;
	padding: .35rem 1.125rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: var(--z-base);
}
.section-title span{
	color: var(--color-heading);
	font-size:1.75rem;
	font-weight:700;
	padding: 0;
	margin: 0;
}
.section-title p {
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
}
/*---------------------------------------------------
   2.F Special Form
-----------------------------------------------------*/
.special-frm label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 20px;
}
.special-frm .label {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.25;
	color:var(--color-text);
	text-align:left;
	padding:3px 2px;
	margin-bottom: 5px;
	display: block;
}
.special-frm .input,
.special-frm .select,
.special-frm .textarea,
.special-frm .radio,
.special-frm .checkbox{
	position: relative;
	display: block;
}
.special-frm .select:hover select{cursor:pointer;}
.special-frm .select select{background-color: transparent !important;color: var(--color-text) !important;}
.special-frm .select i {
	background: transparent;
	position: absolute;
	top: 14px;
	right: 8px;
	width: 5px;
	height: 11px;
	box-shadow: 10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;;
}
.special-frm .select i:after,
.special-frm .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .select i:after {
	bottom: 0;
	border-top: 4px solid var(--color-border);
}
.special-frm .select i:before {
	top: 0;
	border-bottom: 4px solid var(--color-border);
}
.special-frm .select-multiple select {height: auto;}

.special-frm .input input,
.special-frm .select select,
.special-frm .textarea textarea {
	background: var(--white-color);
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-text);
	line-height: 1.2;
	border: none;
	border-radius: var(--radius-sm);
	width: 100%;
	height: 54px;
	padding: 10px 16px;
	display: block;
	box-sizing: border-box;
	outline: none;
	appearance: none;
}

.special-frm .input input,
.special-frm .select select,
.special-frm .textarea textarea,
.special-frm .radio i,
.special-frm .checkbox i{
	border-color: var(--color-border);
	transition: border-color 0.3s;
}
.special-frm .input:hover input,
.special-frm .select:hover select,
.special-frm .textarea:hover textarea,
.special-frm .radio:hover i,
.special-frm .checkbox:hover i{color: var(--primary-color);}

.special-frm .input input:focus,
.special-frm .select select:focus,
.special-frm .textarea textarea:focus,
.special-frm .radio input:focus + i,
.special-frm .checkbox input:focus + i{color: var(--primary-color);}

.special-frm .input input::-moz-placeholder,
.special-frm .select select::-moz-placeholder,
.special-frm .textarea textarea::-moz-placeholder{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	color:var(--grey-color);
}

.special-frm .input input:focus::-moz-placeholder,.special-frm .input input:active::-moz-placeholder,
.special-frm .select select:focus::-moz-placeholder,.special-frm .select select:active::-moz-placeholder,
.special-frm .textarea textarea:focus::-moz-placeholder,.special-frm .textarea textarea:active::-moz-placeholder{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	color:var(--primary-color);
}

.special-frm .radio input + i:after {background-color: var(--primary-background);}
.special-frm .checkbox input + i:after {color: var(--white-color);}
.special-frm .radio input:checked + i,
.special-frm .checkbox input:checked + i,
.special-frm .toggle input:checked + i {border-color: var(--white-color);}
.special-frm .rating input:checked ~ label {color: var(--white-color);}

.special-frm .textarea textarea {
	height: auto;
	resize: none;
}
.special-frm .textarea-expandable textarea {height: 55px;}
.special-frm .textarea-expandable textarea:focus {height: auto;}
.special-frm .textarea textarea{resize: none;}

.special-frm .radio,
.special-frm .checkbox {
	font-size: 1rem;
	color: var(--white-color);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 4px;
	padding-left: 27px;
	cursor: pointer;
}
.special-frm .radio:last-child,
.special-frm .checkbox:last-child {margin-bottom: 0;}
.special-frm .radio input,
.special-frm .checkbox input {
	position: absolute;
	left: -9999px;
}
.special-frm .radio i,
.special-frm .checkbox i {
	background: transparent;
	border-radius: 3px;
	border:1px solid var(--color-border);
	width: 17px;
	height: 17px;
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	outline: none;
}
.special-frm .radio i {border-radius: 50%;}
.special-frm .radio input + i:after,
.special-frm .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
}
.special-frm .radio input + i:after {
	content: '';
	top: 5px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: var(--radius-circle);
}
.special-frm .checkbox input + i:after {
	font: normal bold 13px/16px "Font Awesome 5 Pro";
	text-align: center;
	content: '\f00c';
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
}
.special-frm .radio input:checked + i:after,
.special-frm .checkbox input:checked + i:after {opacity: 1;}
.special-frm .inline-group {margin: 0 -30px 20px 0;}
.special-frm .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.special-frm .inline-group .radio,
.special-frm .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.special-frm .inline-group .radio:last-child,
.special-frm .inline-group .checkbox:last-child {margin-bottom: 4px;}

.special-frm .inline-group .radio,
.special-frm .inline-group .checkbox{margin-top: 0;}

/*-------------------*/
.special-frm .tooltip {
	background: var(--color-tooltip);
	font-size: .8rem;
	line-height: 1.2rem;
	font-weight: 400;
	color: var(--white-color);
	border-radius: var(--radius-md);
	position: absolute;
	left: -9999px;
	z-index: 1;
	padding: 5px 10px;
	opacity: 0;
	transition: margin 0.3s, opacity 0.3s;
}
.special-frm .tooltip:after {
	content: '';
	position: absolute;
}
.special-frm .input input:focus + .tooltip,
.special-frm .textarea textarea:focus + .tooltip {opacity: 1;}

.special-frm .tooltip-top-right {
	bottom: 100%;
	margin-bottom: 15px;
}
.special-frm .tooltip-top-right:after {
	top: 100%;
	right: 16px;
	border-top: 4px solid var(--color-tooltip);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-top-right,
.special-frm .textarea textarea:focus + .tooltip-top-right {
	right: 0;
	left: auto;
	margin-bottom: 5px;
}
.special-frm .tooltip-top-left {
	bottom: 100%;
	margin-bottom: 15px;
}
.special-frm .tooltip-top-left:after {
	top: 100%;
	left: 16px;
	border-top: 4px solid var(--color-tooltip);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-top-left,
.special-frm .textarea textarea:focus + .tooltip-top-left {
	right: auto;
	left: 0;
	margin-bottom: 5px;
}
.special-frm .tooltip-right {
	top: 9px;
	white-space: nowrap;
	margin-left: 15px;
}
.special-frm .tooltip-right:after {
	top: 6px;
	right: 100%;
	border-top: 4px solid transparent;
	border-right: 4px solid var(--color-tooltip);
	border-bottom: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-right,
.special-frm .textarea textarea:focus + .tooltip-right {
	left: 100%;
	margin-left: 5px;
}
.special-frm .tooltip-left {
	top: 9px;
	white-space: nowrap;
	margin-right: 15px;
}
.special-frm .tooltip-left:after {
	top: 6px;
	left: 100%;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid var(--color-tooltip);
}
.special-frm .input input:focus + .tooltip-left,
.special-frm .textarea textarea:focus + .tooltip-left {
	right: 100%;
	left: auto;
	margin-right: 5px;
}
.special-frm .tooltip-bottom-right {
	top: 100%;
	margin-top: 15px;
}
.special-frm .tooltip-bottom-right:after {
	bottom: 100%;
	right: 16px;
	border-right: 4px solid transparent;
	border-bottom: 4px solid var(--color-tooltip);
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-bottom-right,
.special-frm .textarea textarea:focus + .tooltip-bottom-right {
	right: 0;
	left: auto;
	margin-top: 5px;
}
.special-frm .tooltip-bottom-left {
	top: 100%;
	margin-top: 15px;
}
.special-frm .tooltip-bottom-left:after {
	bottom: 100%;
	left: 16px;
	border-right: 4px solid transparent;
	border-bottom: 4px solid var(--color-tooltip);
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-bottom-left,
.special-frm .textarea textarea:focus + .tooltip-bottom-left {
	right: auto;
	left: 0;
	margin-top: 5px;
}
.special-form .select-list {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 47px;
}
/*---------------------------------------------------
   2.G Buttons Group
-----------------------------------------------------*/
.cp-btn {
	color: var(--white-color);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	/*line-height: 16px;*/
	border-radius: var(--radius-xl);
	padding: 17px 32px;
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: var(--transition-all-medium);
	cursor: pointer;
}
.cp-btn::after {
	content: "";
	border-radius: var(--radius-circle);
	height: 40px;
	width: 40px;
	display: inline-block;
	transition: var(--transition-all-medium);
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: -1;
}
.cp-btn:hover::after {
	width: 94%;
	transition: var(--transition-all-medium);
	border-radius: var(--radius-xl);
}
.cp-btn i {
	margin-left: 4px;
	transform: rotate(-45deg);
}

.cp-btn-primary {background: var(--primary-color);color: var(--white-color) !important;}
.cp-btn-primary::after {background: var(--primary-button-hover);}

.cp-btn-secondary {background: var(--secondary-color);}
.cp-btn-secondary::after {background: var(--secondary-button-hover);}

.cp-btn-success {background: var(--color-success);}
.cp-btn-success::after {background: var(--success-button-hover);}

.cp-btn-warning {background: var(--color-warning);color: var(--color-heading);}
.cp-btn-warning::after {background: var(--warning-button-hover);}

.cp-btn-white {background: var(--white-color);color: var(--primary-color);}
.cp-btn-white::after {background: var(--white-button-hover);}

/*---------------------------------------------------
   2.H Modal
-----------------------------------------------------*/
.modal-backdrop {
	background-color: rgba(var(--intro-opacity), 0.7) !important;
	z-index: 99998 !important;
}
.modal {
	z-index: 99999 !important;
}
.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99999 !important;
	pointer-events: auto !important;
	/*height: auto !important;*/
	overflow: auto;
}

.close-icon{background: none;border:0;/*margin-bottom: 1.5rem*/}
.close-icon > span {
	backdrop-filter: blur(6px);
	background: rgba(var(--white-opacity),.6) !important;
	border: 1px solid rgba(var(--white-opacity),.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: var(--radius-circle);
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	cursor: pointer;
}
.close-icon > span:hover {
	background: rgba(var(--white-opacity),.9);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
}
.close-icon > span i {
	color: var(--primary-color);
	font-size: 1.5rem;
	transition: color 0.3s ease;
}
.close-icon > span:hover i {
	color: var(--primary-color-light);
}

.modal-backdrop {
	background-color: rgba(23,34,52,.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999 !important;
	pointer-events: auto !important;
}
.modal-backdrop.show {opacity: 1;}
.modal-container {
	font-family: var(--primary-font), sans-serif;
	border-radius: var(--radius-lg);
	/*max-width: 500px;*/
	padding: 0;
	margin: 20px 0;
	box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}
.modal-title {
	font-size: 1.5rem;
	font-weight: 800;
	/*line-height: 2.4;
	padding: 1rem 0;*/
}
.modal-content {
	border-radius: var(--radius-xl);
	border: none;
	max-height: 100%;
	overflow: hidden;
}
.modal-header{justify-content: space-between !important; padding: 1rem 1rem;}
.modal-body{
	overflow-y: auto;
	max-height: 92vh;
	padding: 2rem 1rem !important;
}

.reply-modal .cp-form-comment {
    margin: 0 !important;
    padding: 0 2rem !important;
}
/*.modal-body {
	max-height: calc(100vh - 230px);
	min-height: 50px;
	overflow-y: auto;
}
*/
.modal-footer {
	padding: 1rem 0;
	text-align: right;
}
p:first-child {margin-top: 0;}
.copyright-foot p{
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--white-color);
}

/* TinyMCE element show default: 1100-1200 */
.tox-tinymce-aux,
.tox-dialog-wrap {
	z-index: 99999 !important;
	pointer-events: auto !important;
}

.special-picker-wrap {
	position: relative !important; /* Takvimin bu containera göre konumlanması için */
	display: inline-block !important;
	width: 100%;
}

.modal-news-xl {
	max-width: min(1280px, calc(100vw - 1.5rem));
	width: auto;
}

.modal-news-xl .container,
.modal-news-xl .container-fluid {
	max-width: 100%;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
}
@media (max-width: 575.98px) {
	.modal-news-xl {
		max-width: calc(100vw - 1.5rem);
		margin: 0.75rem auto; /* Yan boşluk sağlar */
	}
}
@media (min-width: 576px) {
	.modal-news-xl {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.modal-news-xl {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.modal-news-xl {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.modal-news-xl {
		max-width: 1140px;
	}
}
@media (min-width: 1280px) {
	.modal-news-xl {
		max-width: 1280px;
	}
}
@media (min-width: 1400px) {
	.modal-xl,
	.modal-news-xl {
		max-width: 1320px;
	}
}
/*---------------------------------------------------
   2.H. Accordion
-----------------------------------------------------*/
.accordion {
	--bs-accordion-border-color: none;
}
.accordion-item {
	border: none;
	border-radius: 7px;
	margin-bottom: 16px;
	background:var(--background-color);
	box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
}
.accordion-item:last-child {
	border-bottom: none !important;
}
.accordion-button {
	color: var(--black-color);
	background: var(--color-membership-bg);
	font-size: var(--font-size-base);
	font-weight: 600;
	width: 100%;
	padding: 25px 70px 25px 40px;
	position: relative;
	box-shadow: none;
	border-radius: 0;
	transition: all 0.3s ease;

	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
}

.accordion-button:not(.collapsed) {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}
.accordion-button .count {
	color: var(--primary-color);
	padding-right: 8px;
}

.accordion-button::after {
	content: "+";
	font-size: var(--font-size-xl) !important;
	color: var(--primary-color);
	background-image: none !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
	transition: transform 0.2s ease-in-out;

	position: absolute;
	top: 50%;
	right: 35px;
	transform: translateY(-50%);
	font-weight: 600;
	line-height: 1;
	height: auto;
}
.accordion-button:not(.collapsed)::after {
	content: "-";
}
button[aria-expanded="true"] {
	color: var(--primary-color) !important;
	background-color: var(--color-membership-bg) !important;
	box-shadow: none !important;
}
.accordion-button:focus {
	z-index: 3;
	outline: 0;
	box-shadow: none;
}
.accordion-body {
	background-color: var(--color-membership-bg);
	font-size: var(--font-size-base) !important;
	line-height: 1.4;
	padding: 0 40px 30px;
}
.accordion-body b {
	font-weight: 600;
}
.accordion-body .text {
	display: block;
	position: relative;
	top: 0;
}
.accordion-box .block .acc-btn:before {
	content: none !important;
}
.accordion-item {
	background: var(--background-color);
	border-radius: var(--radius-lg) !important;
	overflow: hidden;
}
/*===================================================
   END OF GENERAL
=====================================================*/

/*===================================================
   3. HEADER
=====================================================*/
#header{
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 9999;
}

.header-topbar{
	background: linear-gradient(93deg, rgba(var(--white-opacity),.10) 5.46%, rgba(var(--white-opacity),.10) 91.45%);
	backdrop-filter: blur(5px);
	/*background:transparent;
	border-bottom: 1px solid rgba(var(--white-opacity),.2);
	padding:.75rem 0;*/
}
.header-bottombar{
	background:none;
	border-bottom: 1px solid rgba(var(--white-opacity),.2);
	padding: .5rem 0;
}
/*---------------------------------------------------
   3.A Contact
-----------------------------------------------------*/
.topbar-left .list-wrap {
	display: flex;
	align-items: center;
	gap: 10px 35px;
}
.topbar-left .list-wrap li {
	font-size: 1rem;
	color: var(--white-color);
	line-height: 2.75rem;
	display: flex;
	align-items: center;
	position: relative;
	transition: all var(--transition-medium);
}
.topbar-left .list-wrap li::before {
	background: rgba(var(--white-opacity),.2);
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
}
.topbar-left .list-wrap li:last-child::before {
	display: none;
}
.topbar-left .list-wrap li i {
	font-size: 1rem;
	line-height: 0;
	color: var(--white-color);
	margin-right: 8px;
	transition: all var(--transition-medium);
}
.topbar-left .list-wrap li a {
	color: var(--white-color);
}
.topbar-left .list-wrap li:hover,
.topbar-left .list-wrap li:hover i,
.topbar-left .list-wrap li:hover a i,
.topbar-left .list-wrap li:hover a{
	color: var(--primary-color);
}

.topbar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-contact {
	color: var(--white-color);
	font-size: 1rem;
	line-height: 2.75rem;
	margin-right: 35px;
	position: relative;
	transition: all var(--transition-medium);
}
.header-contact::before {
	background: rgba(var(--white-opacity),.2);
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	width: 1px;
	height: 100%;
	transform: translateY(-50%);
}
.header-contact a {
	font-size: 1rem;
	line-height: 1.2;
	color: var(--white-color);
	display: flex;
	align-items: center;
}
.header-contact i {
	font-size: 1rem;
	margin-right: 8px;
	transition: all var(--transition-medium);
}
.header-contact:hover,
.header-contact:hover i,
.header-contact:hover a i,
.header-contact:hover a {
	color: var(--primary-color);
}
/*---------------------------------------------------
   3.B Social Media
-----------------------------------------------------*/
.social-icons {
	margin:7px 0;
	padding: 0;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	list-style: none;
}
.social-icons li {
	margin:0 5px 0 0;
	padding: 0;
	overflow: visible;
}
.social-icons li:last-child{margin-right: 0;}
.social-icons li a {
	color:var(--white-color);
	font-size: 1.2rem;
	line-height:1.4;
	text-align: center;
	text-decoration: none;
	height: 26px;
	width: 26px;
	display: block;
	transition: all var(--transition-fast);
}
.social-icons li i { line-height: inherit; }
.social-icons.social-icons-sm li {	margin: 0 4px 4px; }
.social-icons.social-icons-sm li a { font-size: 1rem; }
.social-icons.social-icons-lg li a {
	background-color: transparent;
	font-size: 1rem;
	/*line-height:1.7;*/
	border-radius:var(--radius-circle);
	border: 1px solid var(--white-color);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-icons.social-icons-light li a { color: var(--white-color); }
.social-icons.social-icons-muted li a { color: var(--white-color); }
.social-icons li:hover a {
	color:var(--white-color);
	transform: scale(1.2);
}

.social-icons-twitter svg{fill:var(--white-color) !important;}

.social-icons li:hover.social-icons-twitter a,
.social-icons.social-icons-colored li.social-icons-twitter a { background-color:var(--black-color); }

.social-icons li:hover.social-icons-facebook a,
.social-icons.social-icons-colored li.social-icons-facebook a { background-color:var(--facebook); }

.social-icons li:hover.social-icons-linkedin a,
.social-icons.social-icons-colored li.social-icons-linkedin a { background-color: var(--linkedin); }

.social-icons li:hover.social-icons-rss a,
.social-icons.social-icons-colored li.social-icons-rss a { background-color:var(--rss);}

.social-icons li:hover.social-icons-dribbble a,
.social-icons.social-icons-colored li.social-icons-dribbble a { background-color:var(--dribbble); }

.social-icons li:hover.social-icons-github a,
.social-icons.social-icons-colored li.social-icons-github a { background-color:var(--github); }

.social-icons li:hover.social-icons-behance a,
.social-icons.social-icons-colored li.social-icons-behance a { background-color:var(--behance); }

.social-icons li:hover.social-icons-google a,
.social-icons.social-icons-colored li.social-icons-google a { background-color:var(--youtube); }

.social-icons li:hover.social-icons-pinterest a,
.social-icons.social-icons-colored li.social-icons-pinterest a { background-color:var(--pinterest); }

.social-icons li:hover.social-icons-youtube a,
.social-icons.social-icons-colored li.social-icons-youtube a { background-color:var(--youtube); }

.social-icons li:hover.social-icons-instagram a,
.social-icons.social-icons-colored li.social-icons-instagram a {
	background:radial-gradient(circle at 30% 107%, var(--instagram-one-color) 0%, var(--instagram-one-color) 5%, var(--instagram-two-color) 45%,var(--instagram-three-color) 60%,var(--instagram-four-color) 90%);
}

.social-icons li:hover.social-icons-skype a,
.social-icons.social-icons-colored li.social-icons-skype a { background-color:var(--skype); }

.social-icons li:hover.social-icons-email a,
.social-icons.social-icons-colored li.social-icons-email a { background-color:var(--email); }

.social-icons li:hover.social-icons-vk a,
.social-icons.social-icons-colored li.social-icons-vk a { background-color:var(--vk); }

.social-icons li:hover.social-icons-xing a,
.social-icons.social-icons-colored li.social-icons-xing a { background-color:var(--xing); }

.social-icons li:hover.social-icons-tumblr a,
.social-icons.social-icons-colored li.social-icons-tumblr a { background-color:var(--tumblr); }

.social-icons li:hover.social-icons-reddit a,
.social-icons.social-icons-colored li.social-icons-reddit a { background-color:var(--reddit); }

.social-icons li:hover.social-icons-delicious a,
.social-icons.social-icons-colored li.social-icons-delicious a { background-color:var(--delicious); }

.social-icons li:hover.social-icons-stumbleupon a,
.social-icons.social-icons-colored li.social-icons-stumbleupon a { background-color:var(--stumbleupon); }

.social-icons li:hover.social-icons-digg a,
.social-icons.social-icons-colored li.social-icons-digg a { background-color:var(--digg); }

.social-icons li:hover.social-icons-blogger a,
.social-icons.social-icons-colored li.social-icons-blogger a { background-color:var(--blogger); }

.social-icons li:hover.social-icons-flickr a,
.social-icons.social-icons-colored li.social-icons-flickr a { background-color:var(--flickr); }

.social-icons li:hover.social-icons-vimeo a,
.social-icons.social-icons-colored li.social-icons-vimeo a { background-color:var(--vimeo); }

.social-icons li:hover.social-icons-yahoo a,
.social-icons.social-icons-colored li.social-icons-yahoo a { background-color:var(--yahoo); }

.social-icons li:hover.social-icons-apple a,
.social-icons.social-icons-colored li.social-icons-apple a { background-color:var(--apple); }

.social-icons.social-icons-colored li:hover a { background-color:var(--white-color); }

/*---------------------------------------------------
   3.C Logo & Menu
-----------------------------------------------------*/
.header-branding.horizontal {
	display: flex;
	align-items: center;
	gap: .75rem;
}
.header-branding__logo {
	flex-shrink: 0;
	transition: var(--transition-transform);
}
.header-branding:hover .header-branding__logo {
	transform: rotateY(180deg);
}
.header-branding__img {
	max-width: 80px;
}
.header-branding__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.header-branding__title-pre {
	font-family: var(--fourth-font), sans-serif;
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--secondary-color);
	line-height: 1.2;
}
.header-branding__title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--primary-color);
	line-height: 1.3;
}
.header-branding__subtitle {
	font-family: var(--tertiary-font), sans-serif;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--secondary-color);
	line-height: 1.2;
}
/*@media (max-width: 576px) {
	.header-branding.horizontal {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}*/

.bg-menu{
	background-color:transparent;
	position: relative;
	z-index: var(--z-float);
	height: auto !important;
	display: flex !important;
	animation: slide-down 0.7s;
}
.mn-fix{
	background:var(--white-color) none repeat scroll 0 0;
	box-shadow: 0 9px 38px rgb(0 0 0 / 5%), 0 5px 12px rgb(0 0 0 / 10%);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--z-float);
}

.menu-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/*max-height: 70px;*/
}
.header-item-left {
	display: flex;
	-webkit-box-flex: 0;
	flex: 0 0 35%;
}
.head-menu{position: relative;}
.menu-section{list-style: none;margin: 0;padding: 0;}

.header-item-center {
	display: flex;
	justify-content: end;
	-webkit-box-flex: 0;
	flex: 1 1 auto !important;
}
.fixed-add{
	background:var(--white-color) none repeat scroll 0 0;
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	/*animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;*/
	box-shadow: 0 9px 38px rgba(0,0,0,.05),0 5px 12px rgba(0,0,0,.1);
}
.header-item-right {
	display: flex;
	flex: 0 0 22%;
	align-items: center;
	justify-content: flex-end;
}
/*.header-item-right .menu-icon {
    font-size: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-left: 1rem;
    border: none;
    outline: none;
    color: #232323;
    transition: all 0.3s ease;
}*/
.head-menu > ul > li {
	display: inline-block;
	line-height: 5.5rem;
	margin-left: .5rem;
}
.head-menu > ul > li:first-child{margin-left: 0;}
.head-menu > ul > li > a {
	color:var(--white-color);
	font-size:1.125rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 1px;
	border: none;
	position: relative;
	outline: none;
	text-transform: capitalize;
	text-rendering: optimizeLegibility;
	transition: var(--transition-all-slow);
}
.head-menu > ul > li > a:before {
	background-color: var(--white-color);
	border-radius:var(--radius-lg);
	content: '';
	width: 10px;
	height: 3px;
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(50%) scale(1, 0);
	transition: transform .4s ease;
	transform-origin: left center;
}
@media (max-width: 1199px) {
	.head-menu > ul > li > a:before {
		display: none;
	}
}
.head-menu > ul > li.active > a:before,
.head-menu > ul > li:hover > a:before {
	background-color: var(--primary-background);
	transform: translateX(-50%) scale(1, 1);
	transform-origin: right center;
}

.header-bottom.fixed-add .head-menu > ul > li.active > a:before,
.header-bottom.fixed-add .head-menu > ul > li:hover > a:before {
	background-color: var(--white-color);
	transform: translateX(-50%) scale(1, 1);
	transform-origin: right center;
}

.head-menu > ul > li .menu-subs {
	background: var(--white-color);
	border-radius:0 0 var(--radius-sm) var(--radius-sm);
	border-top: 3px solid var(--primary-border-color);
	width: 100%;
	height: auto;
	margin-top:1.75rem;
	padding: .5rem;
	outline: none;
	position: absolute;
	z-index: var(--z-fixed);
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	transition: var(--transition-all-slow);
}
.head-menu > ul > li .menu-subs > ul {list-style:none; margin: 0;padding: 0;}
.head-menu > ul > li .menu-subs > ul > li {line-height: 1;}
.head-menu > ul > li .menu-subs > ul > li > a {
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	padding: 0.5rem 0;
	border: none;
	outline: none;
	display: block;
	/*display: inline-block;*/
	text-transform: capitalize;
	text-rendering: optimizeLegibility;
	position: relative;
	transition:all 500ms ease !important;
}

.head-menu > ul > li .menu-subs > ul > li > a:before {
	background-color: var(--primary-background);
	font-family: "Font Awesome 5 Duotone",serif;
	line-height: 0;
	border-radius: var(--radius-lg);
	content: "";
	opacity: 0;
	width: 10px;
	height: 2px;
	margin-right: 5px;
	position: absolute;
	top: 50%;
	left: 0;
	display: inline;
	transform: translateY(-50%);
	transition:all 500ms ease !important;
}
/*.head-menu > ul > li .menu-subs > ul > li > a:before {
    font-family: "Font Awesome 5 Duotone", serif;
    display: inline;
    text-align: center;
    font-size: 24px;
    line-height: 0;
    border-radius: var(--radius-lg);
    content: "-";
    opacity: 0;
    margin-right: 5px;
    left: 0;
    transition:all 500ms ease !important;
}*/
.head-menu > ul > li .menu-column-1 {
	min-width: 12rem;
	max-width: 15rem;
}
.head-menu > ul > li .menu-subs.menu-mega {
	left: 50%;
	transform: translateX(-50%);
}
.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li {
	display: block;
	line-height: 1;
	padding: 0.5rem 0;
}
.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	text-rendering: optimizeLegibility;
	border: none;
	outline: none;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	transition:all 500ms ease !important;
}

.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:before {
	background-color: var(--primary-background);
	font-family: "Font Awesome 5 Duotone",serif;
	/*text-align: center;
    font-size: 24px;*/
	line-height: 0;
	border-radius: var(--radius-lg);
	content: "";
	width: 10px;
	height: 2px;
	margin-right: 5px;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	display: inline;
	transform: translateY(-50%);
	transition:all 500ms ease !important;
}
.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover::before,
.head-menu > ul > li .menu-subs > ul > li > a:hover::before{opacity: 1;left: .2rem;}

.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover,
.head-menu > ul > li .menu-subs > ul > li > a:hover {color: var(--primary-color);padding-left: 1rem !important;}

.head-menu > ul > li .menu-subs.menu-column-4 {
	max-width: 52rem;
	width: 100%;
	padding: .4rem;
	display: flex;
	flex-wrap: wrap;
}
.head-menu > ul > li .menu-subs.menu-column-4 > .list-item {
	-webkit-box-flex: 0;
	flex: 0 0 33.333%;
	padding: 0 .2rem;
}
.head-menu > ul > li .menu-subs.menu-column-4 > .list-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.head-menu > ul > li .menu-subs.menu-column-4 > .list-item .title {
	font-size: 1rem;
	font-weight: 500;
	color: var(--primary-color);
	line-height: 1;
	border: none;
	margin: 0;
	padding: 0.5rem 0;
	outline: none;
	text-rendering: optimizeLegibility;
	transition: var(--transition-all-fast);
}
.head-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {text-align: center;}
.head-menu > ul > li .menu-subs.menu-column-4 > .list-item img.responsive {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-top: 0.75rem;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: middle;
}

/*.header-item-right a:hover,   ----BEKLET*/
.head-menu > ul > li:hover > a {color: var(--primary-color) !important;}

@media only screen and (min-width: 993px) {
	.head-menu > ul > li.menu-item-has-children:hover .menu-subs {
		margin-top: 0.5rem;
		opacity: 1;
		visibility: visible;
	}
}

.menu-mobile-header,
.menu-mobile-trigger {display: none;}

/*----------------------------------*/
@media only screen and (max-width: 1199px) {
	.header-item-center {
		flex: 0 0 100%;
	}
	.header-item-left, .header-item-right {
		flex: 0 0 75%;
	}
	.menu-wrapper {
		justify-content: space-between;
	}
	.menu-mobile-trigger {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: end;
		justify-content: center;
		flex-direction: column;
		gap: 7px;
		cursor: pointer;
	}
	.menu-mobile-trigger span {
		background: var(--white-color);
		border-radius: var(--radius-lg);
		width: 32px;
		height: 2px;
		transition: all .5s ease-in-out;
	}
	/*.menu-mobile-trigger span:nth-child(1) {width:29px;}
    .menu-mobile-trigger span:nth-child(2),*/
	.menu-mobile-trigger span:nth-child(2) {width:24px;}

	.menu-mobile-trigger span:nth-child(3) {width:32px;}

	.menu-mobile-trigger:hover span:nth-child(1) {background:rgba(var(--primary-opacity),.9) !important;}
	.menu-mobile-trigger:hover span:nth-child(2) {background:rgba(var(--primary-opacity),.7) !important;}
	.menu-mobile-trigger:hover span:nth-child(3) {background:rgba(var(--primary-opacity),.5) !important;}


	.header-item-right {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.head-menu {
		background:rgba(var(--intro-opacity),1);
		position: fixed;
		top: 0;
		left: 0;
		width: 19rem;
		height: 100%;
		z-index: 1099;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease-in-out;
	}
	.head-menu.active {
		transform: translate(0);
	}
	.head-menu > ul > li {
		display: block;
		line-height: 1;
		margin: 0;
	}
	.head-menu > ul > li > a {
		color: var(--white-color) !important;
		line-height: 3.125rem;
		border-bottom:1px solid rgba(var(--intro-border),1);
		height: 3.125rem;
		padding: 0 3.125rem 0 1rem;
		display: block;
	}
	.head-menu > ul > li > a i {
		position: absolute;
		font-size: 1.25rem;
		line-height: 3.125rem;
		top: 0;
		right: 0;
		width: 3.125rem;
		height: 3.125rem;
		text-align: center;
		transform: rotate(-90deg);
	}
	.head-menu .menu-mobile-header {
		background:rgba(var(--intro-opacity),1);
		border-bottom: 1px solid rgba(var(--intro-border),1);
		position: sticky;
		/*position: relative;*/
		top: 0;
		z-index: 501;
		height: 3.125rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.head-menu .menu-mobile-header .menu-mobile-arrow {
		font-size: 1.5rem;
		color: var(--white-color);
		text-align: center;
		line-height: 2.5rem;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		width: 2.5rem;
		height: 2.5rem;
		display: none;
		cursor: pointer;
	}
	.head-menu .menu-mobile-header.active .menu-mobile-arrow {display: block;}
	.head-menu .menu-mobile-header .menu-mobile-title {
		font-family: inherit;
		color: var(--white-color);
		font-size: 1rem;
		font-weight: 500;
		line-height: inherit;
		text-transform: capitalize;
		text-rendering: optimizeLegibility;
	}
	.head-menu .menu-mobile-header .menu-mobile-close {
		/*background-color: var(--background-white);*/
		color: var(--white-color);
		font-size:1.5rem;
		text-align: center;
		line-height: 2.5rem;
		/*border-radius: 0.75rem;*/
		cursor: pointer;
		width: 2.5rem;
		height: 2.5rem;
	}
	.head-menu .menu-section {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.head-menu > ul > li .menu-subs {
		background-color:rgba(var(--intro-opacity),1);
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		max-width: none;
		min-width: auto;
		width: 100%;
		height: 100%;
		margin: 0;
		padding:4rem 1rem 1rem;
		opacity: 1;
		overflow-y: auto;
		visibility: visible;
		transform: translateX(0%);
		box-shadow: none;
	}
	.head-menu > ul > li .menu-subs.menu-mega {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		max-width: none;
		min-width: auto;
		width: 100%;
		height: 100%;
		margin: 0;
		padding:4rem 1rem 1rem;
		opacity: 1;
		overflow-y: auto;
		visibility: visible;
		transform: translateX(0%);
		box-shadow: none;
	}
	.head-menu > ul > li .menu-subs.active {display: block;}
	.head-menu > ul > li .menu-subs.menu-column-4 > .list-item {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		padding: 0;
	}
	.head-menu > ul > li .menu-subs.menu-column-4 > .list-item img.responsive {margin-top: 0;}
	.head-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {margin-bottom: 1.25rem;}
	.head-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title {margin-bottom: 0;}
	.head-menu > ul > li .menu-subs > ul > li > a {display: block;color: var(--white-color);}
	.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul {margin-bottom: 1rem;}
	.head-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {display: block;color: var(--white-color);}
	.overlay {
		background: rgba(0, 0, 0, 0.55);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		opacity: 0;
		visibility: hidden;
		transition: all 0.5s ease-in-out;
	}
	.overlay.active {
		opacity: 1;
		visibility: visible;
	}
}
/*----------------------------------*/
@-webkit-keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(100%);
	}
}
@keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(100%);
	}
}
/*---------------------------------------------------
   3.D Other Menu
-----------------------------------------------------*/
ul.user-actions-menu {
	display: flex;
	align-items: center;
	margin-left:1rem;
}
ul.user-actions-menu li {
	position: relative;
	margin-left:1.2rem;
}
ul.user-actions-menu li:first-child {margin-left: 0;}
ul.user-actions-menu li:first-child::before {display: none;}
/*ul.user-actions-menu li a {
    color: var(--secondary-color);
    font-size: 1rem;
}*/

ul.user-actions-menu li i{transform: rotate(0deg);}
ul.user-actions-menu li a {}
ul.user-actions-menu li a:hover {}

ul.user-actions-menu li.user-account-button {
	display: flex;
	align-items: center;
	/*margin-right: 30px;*/
}
ul.user-actions-menu li.user-account-button > span {
	background:transparent;
	color:var(--white-color);
	font-size: 1.25rem;
	line-height: 0;
	border: 1px solid var(--white-color);
	border-radius: 50%;
	/*margin-right: 7px;*/
	min-width: 40px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
ul.user-actions-menu li.user-account-button span,
ul.user-actions-menu li.user-account-button span i {
	transition: all 0.5s ease-in-out;
}
ul.user-actions-menu li.user-account-button:hover span i {color:var(--secondary-color);}
ul.user-actions-menu li.user-account-button:hover span {border-color:var(--primary-border-color) !important;}

ul.user-actions-menu li.menu-toggle-button a {
	min-width: 26px;
	padding:.7rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	justify-content: center;
}
ul.user-actions-menu li.menu-toggle-button a span {
	background:var(--white-color);
	border-radius:var(--radius-lg);
	width: 26px;
	height: 2px;
	transition: .3s linear;
}
ul.user-actions-menu li.menu-toggle-button a span:nth-child(2) {width: 23px;}
ul.user-actions-menu li.menu-toggle-button a span:nth-child(3) {width: 15px;}
ul.user-actions-menu li.menu-toggle-button a:hover span:nth-child(1) {background:rgba(var(--primary-opacity),.9) !important;}
ul.user-actions-menu li.menu-toggle-button a:hover span:nth-child(2) {background:rgba(var(--primary-opacity),.7) !important;}
ul.user-actions-menu li.menu-toggle-button a:hover span:nth-child(3) {background:rgba(var(--primary-opacity),.5) !important;}
/*
/*---------------------------------------------------
   3.E Off Canvas Menu
-----------------------------------------------------*/
.popup-info {
	background: var(--white-color) none repeat scroll 0 0;
	width: 465px;
	height: 100%;
	padding:1.2rem 2rem 1.2rem 1.2rem;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	overflow-y: scroll;
	transition: all 0.7s ease 0s;
	transform: translateX(100%);
}
.popup-info.active {transform: translateX(15px);}

/*.close-icon{margin-bottom: 1.5rem}
.close-icon > span {
	backdrop-filter: blur(6px);
	background: rgba(var(--white-opacity),.6) !important;
	border: 1px solid rgba(var(--white-opacity),.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: var(--radius-circle);
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	cursor: pointer;
}
.close-icon > span:hover {
	background: rgba(var(--white-opacity),.9);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
}
.close-icon > span i {
	color: var(--primary-color);
	font-size: 1.5rem;
	transition: color 0.3s ease;
}
.close-icon > span:hover i {
	color: var(--primary-color-light);
}*/

.popup-info .logo-side{text-align: center;margin-bottom: 1.5rem;}
.popup-info .logo-side img {max-width:95px;transition: var(--transition-transform);}
.popup-info .logo-side:hover img {
	transform: rotateY(180deg);
}

.overlay-title{
	font-size: 1.5rem;
	font-weight: 700;
	color:var(--color-heading);
	line-height: 1.4;
	margin-bottom: 1.5rem;
	position: relative;
}
.overlay-title span{font-weight:400;}
.overlay-title p{
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	margin: .5rem 0 0;
}

.overlay-title p a{
	color:var(--primary-color);
	position: relative;
}
.overlay-title p a::before {
	background: var(--primary-background);
	border-radius: var(--radius-lg);
	content: "";
	width: 0;
	height: 1px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: var(--transition-width-linear);
}
.overlay-title p a:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.overlay-title p a:hover{
	color:var(--primary-color);
	text-decoration: none;
}

.offcanvas-overly {
	background: rgba(var(--intro-opacity),1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.offcanvas-overly.active {
	opacity: .8;
	visibility: visible;
}

.side-social-media {
	display: flex;
	align-items: center;
	justify-content: center;
}
.side-social-media a {
	background-color:var(--side-social-bg);
	color:var(--primary-color);
	font-size:1rem;
	text-align: center;
	border-radius:var(--radius-circle);
	height: 40px;
	width: 40px;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: all 500ms ease;
}
/*.side-social-media a[media="facebook"]:hover {
	border-color: var(--facebook);
}
.side-social-media a[media="twitter"]:hover {
	border-color: var(--black-color);
}
.side-social-media a[media="instagram"]:hover {
	border-color: var(--instagram-three-color);
}
.side-social-media a[media="linkedin"]:hover {
	border-color: var(--linkedin);
}
.side-social-media a[media="youtube"]:hover {
	border-color: var(--youtube);
}*/

.side-social-media a i {font-size: 1rem;}
.side-social-media a:hover i{color:var(--white-color) !important;}

.side-social-media a[media="twitter"] svg{fill:var(--primary-color) !important;}
.side-social-media a:hover svg{fill:var(--white-color) !important;}

.side-social-media a:after {
	background:var(--primary-background);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 1;
	height: 100%;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .4s;
	transition-property: all;
	transform-origin: top;
	transform-style: preserve-3d;
	transform: scaleY(0);
}
.side-social-media a[media="facebook"]:after {background-color: var(--facebook);}
.side-social-media a[media="twitter"]:after {background-color: var(--black-color);}
.side-social-media a[media="instagram"]:after {
	background: radial-gradient(circle at 30% 107%, var(--instagram-one-color) 0%, var(--instagram-one-color) 5%, var(--instagram-two-color) 45%,var(--instagram-three-color) 60%,var(--instagram-four-color) 90%);
}
.side-social-media a[media="linkedin"]:after {background-color: var(--linkedin);}
.side-social-media a[media="youtube"]:after {background-color: var(--youtube);}

.side-social-media a:hover:after {
	opacity: 1;
	transform: scaleY(1);
}
.side-social-media a+a {margin-left: 10px;}

/*===================================================
   END OF HEADER
=====================================================*/

/*===================================================
   4. SLIDER (CAROUSEL)
=====================================================*/
#slider {
	/*margin-bottom: 2rem;*/
	padding:0 0 3rem 0;
	position: relative;
}
.shape-bottom {
	line-height: 0;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 38px;
	z-index: 2;
	transform: rotate(180deg);
	direction: ltr;
	pointer-events: none;
}
.shape-bottom svg {
	height: 110px;
	width: calc(100% + 1.3px);
	position: relative;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	display: block;
	overflow: hidden;
}
.shape-bottom svg .shape-fill {
	fill: var(--white-color);
	transform: rotateY(0deg);
}
/*---------------------------------------------------
   4.A Main Slider (Image & Text Slider)
-----------------------------------------------------*/
.intro-area {
	position: relative;
	z-index: 1;
	padding: 525px 0 170px;
	overflow: hidden;
}
.intro-area::before {
	background-color:rgba(var(--intro-opacity),.5);
	height: 100%;
	width: 100%;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: var(--z-0);
	mix-blend-mode: multiply;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

@media (max-width: 991.98px), (max-width: 575.98px) {
	.intro-area {
		padding: 200px 0 120px;
	}
}

.intro-area .intro-image {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: var(--z-minus);
	object-fit: cover;
	transform: scale(1);
	transition: transform 8000ms ease, opacity 2400ms ease-in;
}
.intro-area .intro-image::after {
	background: var(--primary-background);
	height: 100%;
	width: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.2;
	z-index: var(--z-base);
}
.intro-area .intro-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro-area .intro-content {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	position: relative;
	opacity: 0;
	z-index: 1;
	overflow: hidden;
	transform: perspective(400px) rotateY(0deg) translateY(-120px);
	transition: all 2000ms ease;
}
.intro-area .intro-content h5 {
	color: var(--primary-color);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 .625rem;
	display: inline-block;
}
.intro-area .intro-content h2 {
	color: var(--white-color);
	font-size: 3.75rem;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 1rem;
}
.intro-area .intro-content p {
	color: var(--white-color);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 2rem;
}

.header-carousel-one .active .intro-area .intro-content{
	opacity: 1;
	transform: perspective(400px) rotateY(0deg) translateY(0px);
}
.header-carousel-one .active .intro-area .intro-content {
	transition-delay: 1200ms;
}

.header-carousel-one .active .intro-area .intro-image {
	transform: scale(1.2);
}
@media screen and (min-width: 2000px) {
	.header-carousel-one .intro-area .intro-image {
		width: 100%;
	}
}
/*---------------------------------------------------
   4.B Services Slider
-----------------------------------------------------*/
#services{
	padding: 3rem 0;
}

.service-item {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-item:nth-child(even) .service-item {
	margin-top: 40px;
}

.service-item .service-item__image {
	border-radius: var(--radius-circle);
	margin: 0 auto;
	height: 175px;
	width: 175px;
	position: relative;
	top: 0;
	z-index: 1;
	overflow: hidden;
	transition: var(--transition-all-medium);
}
.service-item .service-item__image::after {
	background: var(--primary-color-light);
	border-radius: var(--radius-circle);
	content: "";
	height: 100px;
	width: 100px;
	position: absolute;
	top: 20%;
	left: 20%;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-all-medium);
}

.service-item .service-item__image img {
	border-radius: var(--radius-circle);
	height: 175px;
	width: 175px;
	margin: 0 auto;
	object-fit: cover;
	transition: var(--transition-all-medium);
}

.service-item:hover .service-item__image {
	transition: var(--transition-all-medium);
}
.service-item:hover .service-item__image::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5;
	visibility: visible;
	transition: var(--transition-all-medium);
}
.service-item:hover .service-item__image img {
	transform: scale(1.1) rotate(-4deg);
	transition: var(--transition-all-medium);
}

.service-item .service-item__content {
	text-align: center;
	margin-top: 1rem;
	position: relative;
}
.service-item .service-item__content a {
	color: var(--color-text);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.2;
	display: inline-block;
}
.service-item .service-item__content a:hover {
	color: var(--primary-color);
}

.service-item .service-item__content p {
	color: var(--color-text);
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4;
	margin-top: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.service-item .service-item__content h3 {
	background: var(--primary-color);
	color: var(--color-heading);
	font-size:1.125rem;
	font-weight: 600;
	text-align: center;
	border-radius: var(--radius-circle);
	border: 2px solid var(--primary-color);
	height: 48px;
	width: 48px;
	position: absolute;
	top: -150px;
	right: 65px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition-all-medium);
}

.service-item:hover .service-item__content h3 {
	transform: rotateY(-360deg);
	transition: var(--transition-all-medium);
}
/*---------------------------------------------------
   4.B Blog Slider
-----------------------------------------------------*/
#blog-detail-content.inside-bg {
	background-color: var(--background-color);
	font-family: var(--primary-font), sans-serif;
	padding: 3rem 0;
}

#blogs{
	padding: 3rem 0;
}

.blog-card {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}
.blog-card-image {
	border-radius: var(--radius-lg);
	position: relative;
	overflow: hidden;
	transition: var(--transition-all-medium);
}
.blog-card-image::after {
	background-color: rgba(var(--white-opacity), 0.3);
	width: 200%;
	height: 0;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%) rotate(-45deg);
	transition: var(--transition-all-linear);
}
.blog-card-image:hover::after {
	background-color: transparent;
	height: 250%;
}
.blog-card-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: var(--radius-lg);
	transition: var(--transition-all-medium);
}
.blog-card:hover .blog-card-image img {
	transform: scale(1.1) rotate(4deg);
	transition: var(--transition-all-medium);
}

.blog-card-content {
	background: var(--white-color);
	border-radius: var(--radius-lg);
	padding: 24px 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -60px;
	position: relative;
	transition: var(--transition-all-medium);
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.09);
}
ul.blog-meta {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
ul.blog-meta li {
	font-size: 1rem;
	font-weight: 400;
	color: var(--grey-color-dark);
	line-height: 1.2;
	display: inline-flex;
	align-items: center;
	transition: var(--transition-all-medium);
}
ul.blog-meta li:hover {
	color: var(--primary-color);
	transition: var(--transition-all-medium);
}
ul.blog-meta li i {
	font-size: 14px;
	color: var(--primary-color);
	margin-right: 6px;
}
ul.blog-meta li span {
	color: var(--grey-color-dark);
	margin: 0 8px;
	display: inline-block;
	transition: var(--transition-all-medium);
}

.blog-title {
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--color-heading);
	line-height: 1.4;
	margin-bottom: 20px;
}
.blog-title a {
	color: inherit;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.blog-title a:hover {
	color: var(--primary-color);
}

.blog-readmore {
	color: var(--color-text);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.2;
	display: block;
	text-decoration: none;
}
.blog-readmore:hover {
	color: var(--primary-color);
}
.blog-readmore i {
	margin-left: 4px;
	transform: rotate(-45deg);
}

/*---------------------------------------------------
   4.C Memberships Slider
-----------------------------------------------------*/
#memberships{
	background: var(--color-membership-bg);
	padding: 3rem 0;
}

.membership-card {
	background:var(--white-color);
	text-align: center;
	border-radius:0;
	padding:36px 20px;
	position:relative;
	z-index:1;
	transition:var(--transition-all-medium);
}
.membership-card::before {
	background:var(--color-membership-bg);
	border-radius: inherit;
	position:absolute;
	content:"";
	width:100%;
	height:0;
	bottom:0;
	left:0;
	z-index:-1;
	transition:.6s;
}
.membership-card:hover {
	-webkit-box-shadow:0 15px 25px rgba(35,47,85,0.1);
	box-shadow:0 15px 25px rgba(35,47,85,0.1)
}
.membership-card:hover::before {
	height:100%;
}

.membership-card .membership-logo {margin-bottom:25px;}
.membership-card .membership-logo img {
	width: 100%;
	max-width: 85px;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.membership-card .membership-title a {
	color:var(--color-heading);
	font-size:1.125rem;
	font-weight:500;
	line-height: 1.2;
	min-height: 48px;
	margin-bottom:0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:all var(--transition-fast);
}
.membership-card:hover .membership-title a {
	color:var(--primary-color);
}

/*===================================================
   END OF SLIDER (CAROUSEL)
=====================================================*/

/*===================================================
   5. MAIN CONTENT
=====================================================*/

/*---------------------------------------------------
   5.A About Us
-----------------------------------------------------*/
#aboutus{
	padding:0 0 3rem 0;
}
.column-modifier{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
}
.column-modifier-two{padding-left: 2.5rem}

.about-thumbnail {
	line-height: 1.5;
	position: relative;
	z-index: var(--z-base);
	overflow: hidden;
	display: inline-block;
}
.about-thumbnail:first-child:not(.one) {
	margin-bottom: 1rem;
}
.about-thumbnail:not(.one) img {
	border-radius: 0 !important;
}
.about-thumbnail.one img {
	border-radius:var(--radius-lg) 0 0 var(--radius-lg);
    margin-top: 1rem;
}
.about-group-effect {
	position: relative;
	overflow: hidden;
}

.about-group-effect::after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: var(--z-low); /* veya 1 */
	transition: all 0.6s ease-in-out;
	pointer-events: none;
}

.about-group-effect:hover::after {
	height: 250%;
	background-color: transparent;
}
/*.about-group-effect {
	position: relative;
	overflow: hidden;
}
.about-group-effect::after {
	background-color:rgba(var(--white-opacity),.3);
	content: "";
	width: 200%;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: var(--z-low);
	!*transform: translate(-50%, -50%) rotate(-45deg);*!
	--transition-transform: transform 0.6s ease-in-out;
	transition: all var(--transition-slow);
	pointer-events: none;
}
.about-group-effect:hover::after {
	background-color: transparent;
	height: 250%;
}*/

.about-play-button {
	background: var(--primary-color);
	border-radius: var(--radius-circle);
	color: var(--background-color);
	font-size: 1.75rem;
	text-align: center;
	height: 80px;
	width: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: var(--z-low);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(15%, -50%)!important;
	--transition-transform: transform 0.6s ease-in-out;
	transition: var(--transition-all-medium);
}
.about-play-button.play-modifier {
	width: 60px;
	height: 60px;
	transform: translate(-50%, -50%) !important;
	--transition-transform: transform 0.6s ease-in-out !important;
}
.about-play-button.play-modifier i {font-size: 1.3rem !important;}
.about-play-button::after {
	background: var(--primary-color);
	border-radius: var(--radius-circle);
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0.4;
	z-index: var(--z-minus);
	animation: pulse-border 1500ms ease-out infinite;
}
.about-play-button i {
	color: var(--background-color);
	font-size: 1.7rem;
}
/*---------------------------------------------------
   5.C Services
-----------------------------------------------------*/

/*---------------------------------------------------
   5.D Feedback
-----------------------------------------------------*/
#feedback{
	padding: 3rem 0;
}

.testimonial-intro {
	position: relative;
	overflow: hidden;
}
.testimonial-intro img {
	border-radius: var(--radius-lg);
	width: 100%;
	display: block;
}
.testimonial-intro::before {
	background: linear-gradient(to bottom, rgba(var(--intro-opacity),.5), rgba(var(--intro-opacity),.5));
	border-radius: var(--radius-lg);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.testimonial-arrow-area {
	background: var(--primary-background);
	border-radius: var(--radius-lg);
	padding: 1.5rem 1.5rem 0 1.5rem;
	max-width: 100%;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
.testimonial-item {
	background: var(--white-color);
	color: var(--color-text);
	border-radius: var(--radius-lg);
	padding: 1.125rem;
	margin-bottom: 1.5rem;
	box-sizing: border-box;
}
.testimonial-header {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.testimonial-avatar {
	display: flex;
	align-items: center;
}
.testimonial-avatar .avatar-box img {
	height: 75px;
	width: 75px;
	border-radius: var(--radius-circle);
	object-fit: cover;
}
.testimonial-avatar .avatar-info {
	padding-left: 20px;
}
.testimonial-avatar .avatar-info a {
	color: var(--color-heading);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.2;
	display: inline-block;
}
.testimonial-avatar .avatar-info a:hover {
	color: var(--primary-color);
}
.testimonial-avatar .avatar-info p {
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
}

.testimonial-item .testimonial-content > span {
	color: var(--color-heading);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5;
	display: block;
	margin-bottom: 6px;
}
.testimonial-item .testimonial-content {
	border-top: 1px solid var(--color-border);
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	padding-top: 1rem;
	margin-bottom: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.testimonial-arrows {
	position: absolute;
	top: 50%;
	right: -50px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.testimonial-arrows button {
	background: var(--white-color) !important;
	color: var(--primary-color) !important;
	font-size: 1.125rem !important;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: var(--radius-circle);
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
	transition: var(--transition-all-medium);
}
.testimonial-arrows button:hover {
	background: var(--primary-background) !important;
	color: var(--white-color) !important;
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20);
}

.testimonial-prev,
.testimonial-next {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index:var(--z-low);
	cursor: pointer;
}
.testimonial-prev {
	top: 10px;
}
.testimonial-next {
	bottom: 10px;
}

@media (max-width: 768px) {
	.testimonial-arrow-area {
		padding: 1.5rem;
	}
	.testimonial-arrows {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 1.5rem;
		justify-content: center;
		flex-direction: row;
		gap: 10px;
	}
	.testimonial-header {
		justify-content: flex-start;
	}
}

/*---------------------------------------------------
   5.F Blogs
-----------------------------------------------------*/

/*---------------------------------------------------
   5.G
-----------------------------------------------------*/

/*---------------------------------------------------
   5.H Contact
-----------------------------------------------------*/
#contact {
	background-color:var(--white-color);
	padding:0;
	margin: 0;
	position: relative;
	z-index: var(--z-base);
}

.contact-form-area {
	background-image: url('../files/cp-contact-1.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-form-area::before {
	background-color: rgba(17, 34, 53, 0.5); /* yarı şeffaf overlay */
	content: '';
	position: absolute;
	z-index: var(--z-base);
	inset: 0;
}

.contact-form-content {
	background: linear-gradient(135deg, rgba(var(--primary-opacity), 0.3), rgba(var(--primary-opacity), 0.6));
	/*background: rgba(var(--primary-opacity), 0.3);*/
	border-radius: 100% 0 0 80% / 70% 37% 63% 62%;
	padding: 7rem 2rem 5rem 7rem;
	max-width: 645px;
	width: 100%;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	z-index: var(--z-low);
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
@media (max-width: 1024px) {
    .contact-form-content {
        border-radius: 0;
        padding: 2rem;
        max-width: none;
        position: static;
    }
}
.contact-title {
	margin:30px 0;
	position: relative;
	z-index: 1;
}
.contact-title h2{
	font-weight: 500;
	font-size: 1.375rem;
	color: var(--white-color);
	margin: 0;
}
.contact-title h2:after{
	color: rgba(var(--white-opacity), 0.7);
	font-size: 70px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 0;
	content: attr(data-title);
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	opacity: .2;
	transform: translateX(-50%);
	-webkit-user-select: none;
}

/*----------*/
.contact-map {
	height: 700px;
	/*margin-right: -15px;
	margin-left: -15px;*/
	position: relative;
}
.contact-map iframe {
	width: 100%;
	mix-blend-mode: luminosity;
}

.contact-box {
	background-color: var(--white-color);
	border-radius: var(--radius-md);
	max-width: 325px;
	width: 100%;
	padding: 40px 16px 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: var(--z-low);
	transform: translate(-46%,-35%);
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}
.contact-box::before {
	border-top: 25px solid var(--white-color);
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%,-10%);
}

.contact-box-icon {
	background-color: var(--white-color);
	border-radius: var(--radius-circle);
	width: 80px;
	height: 80px;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translate(-50%,-10%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-box-icon img {
	max-width: 60px;
}

.contact-list {
	position: relative;
	display: block;
}
.contact-list li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.contact-list li:last-child {margin-bottom: 0}

.contact-list li .icon {
	position: relative;
	display: inline-block;
}
.contact-list li .icon i {
	position: relative;
	display: inline-block;
	font-size: .9rem;
	color: var(--primary-color);
}
.contact-list li .text {
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 400;
	margin-left: 10px;
}
.contact-list li .text a {
	color: var(--color-text);
}
.contact-list li .map-link {
    color: var(--color-text);
    text-decoration: none;
}

.contact-list li .map-link:hover {
    color: var(--primary-color);
}
.contact-list li .text a:hover {
	color: var(--primary-color);
}

/*===================================================
   END OF MAIN CONTENT
=====================================================*/

/*===================================================
   6. ADDITIONAL CONTENT
=====================================================*/

/*---------------------------------------------------
   6.A
-----------------------------------------------------*/

/*---------------------------------------------------
   6.F Scroll(Footer) Style
-----------------------------------------------------*/
.scroll-custom {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(var(--white-opacity),5) rgba(var(--white-opacity),.7);
}
.scroll-custom::-webkit-scrollbar {
	width: 8px;
}
.scroll-custom::-webkit-scrollbar-track {
	background: rgba(var(--white-opacity),.7);	/* Arka plan rengi */
}
.scroll-custom::-webkit-scrollbar-thumb {
	background: rgba(var(--white-opacity),.3);	/* Kaydırma çubuğu rengi */
	/*border-radius: 4px;
	border: 2px solid rgba(var(--white-opacity),.7);*/
}
.scroll-custom::-webkit-scrollbar-thumb:hover {
	background: var(--primary-color);
}
/*===================================================
   END OF ADDITIONAL CONTENT
=====================================================*/

/*===================================================
   7. MORE CONTAINER
=====================================================*/

/*---------------------------------------------------
   7.A Title
-----------------------------------------------------*/
/*---------------------------------------------------
   7.B Sidebar Left
-----------------------------------------------------*/
.sidebar-left {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: auto;
}

.sidebar-content {
	background: var(--grey-color-xlight);
	padding: 2.5rem;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	display: flex;
	flex-direction: column;
	position: relative;
}

.sidebar-left .media {
	margin-bottom: 1.5rem;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	position: relative;
	overflow: hidden;
}

.sidebar-left .media img {
	width: 100%;
/*	height: auto;*/
	max-height: 486px;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	vertical-align: middle;
	transition: transform 0.4s ease-out;
	display: block;
}

.sidebar-left .media:hover img {
	transform: scale(1.1);
}

.sidebar-left .details-tools {
	position: absolute;
	top: 10%;
	left: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

.sidebar-left .details-tools li {
	margin-bottom: 0.5rem;
	opacity: 0;
	transform: translateX(-60px);
	transition: transform 0.4s ease, opacity 0.4s ease;
}

.sidebar-left:hover .details-tools li {
	transform: translateX(0);
	opacity: 1;
}

.sidebar-left:hover .details-tools li:nth-child(1) {transition-delay: 0.1s;}
.sidebar-left:hover .details-tools li:nth-child(2) {transition-delay: 0.2s;}
.sidebar-left:hover .details-tools li:nth-child(3) {transition-delay: 0.3s;}
.sidebar-left:hover .details-tools li:nth-child(4) {transition-delay: 0.4s;}
.sidebar-left:hover .details-tools li:nth-child(5) {transition-delay: 0.5s;}

.sidebar-left .details-tools li a {
	background: var(--color-social-bg);
	color: var(--background-color);
	font-size: var(--font-size-md);
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: var(--radius-circle);
	text-align: center;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.sidebar-left .details-tools li a:hover {
	background: var(--primary-background);
	color: var(--background-color);
}

.sidebar-left .details-meta {
	color: var(--grey-color-dark);
	font-size: var(--font-size-base);
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.4rem;
	align-items: center;
}

.sidebar-left .details-meta span {
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.sidebar-left .details-meta i {
	color: var(--primary-color);
	font-size: var(--font-size-md);
}

.sidebar-left .details-meta .text-size {
	background: var(--white-color);
	color: var(--black-color);
	border: 1px solid var(--primary-color);
	font-weight: 600;
	border-radius: var(--radius-circle);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
}

.sidebar-left .details-meta .text-size:hover {
	background-color: var(--primary-background);
	color: var(--background-color);
	border-color: var(--primary-border-color);
}

.sidebar-left .vote {
	color: var(--black-color);
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
}

.sidebar-left .vote i {
	font-size: var(--font-size-md);
}

.sidebar-left .vote:hover {
	color: var(--primary-color);
}

.sidebar-left .vote-count {
	color: var(--grey-color-dark);
	font-weight: 400;
}

.sidebar-left h2 {
	font-size: var(--font-size-lg);
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.3;
	color: var(--black-color);
}

.sidebar-left .content-text {
	color: var(--black-color);
	font-size: var(--font-size-lg);
	border-top: 1px dashed var(--grey-color-mlight);
	border-bottom: 1px dashed var(--grey-color-mlight);
	margin-top: 15px;
	padding: 15px 0 25px;
	line-height: 1.5;
}

.sidebar-left .content-text a{color:var(--primary-color);}
.sidebar-left .content-text a:hover{color:var(--secondary-background);}

.psy-list li{
    color: var(--black-color);
    font-size: var(--font-size-lg);
    margin-top: 10px;
}

.comments .comment-reply:not(:first-child) {
	border-top: 1px dashed var(--grey-color-mlight);
	margin-top: 30px;
	padding-top: 30px;
	display: flex;
	gap: 1rem;
}

.sidebar-left .details-share {
	margin-top: 20px;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 12px;
}

.sidebar-left .details-share li:first-child {
	font-weight: 500;
	font-size: var(--font-size-md);
	color: var(--grey-color-xdark);
}

.sidebar-left .details-share a {
	color: var(--black-color);
	font-size: var(--font-size-md);
	text-decoration: none;
	transition: color 0.3s ease;
}

.sidebar-left .details-share a i {
	color: var(--color-social-bg);
}

.sidebar-left .details-share a svg {
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: sub;
}
.sidebar-left .details-share a:hover {
	color: var(--primary-color);
}

.comments {
	background: var(--grey-color-xlight);
	padding: 2.5rem;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	display: flex;
	flex-direction: column;
	position: relative;
	margin-top: 2rem;
}

.comment {
	margin: 2.5rem 0 1.5rem 0;
	display: flex;
	gap: 1rem;
}

.comment .avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.comment .header .author{
	color: var(--black-color);
	font-weight: 600;
	font-size: var(--font-size-md);
}

.comment .header .date{
	color: var(--grey-color-dark);
	font-size: var(--font-size-sm);
}

.comment .content{flex: 1;}

.comment .header {
	color: var(--grey-color-dark);
	font-size: var(--font-size-md);
	display: flex;
	justify-content: space-between;
}

.comment p {
	color: var(--grey-color-xxdark);
	font-size: var(--font-size-base);
	margin: 10px 0;
}

.reply-btn {
	font-size: var(--font-size-xs);
	background: var(--primary-color);
	color: var(--background-color);
	padding: 5px 12px;
	border-radius: var(--radius-xs);
	text-decoration: none;
	transition: background 0.3s ease;
}

.reply-btn:hover{background: var(--secondary-color); color: var(--black-color);}

/*---------------------------------------------------
   7.C Sidebar Right
-----------------------------------------------------*/
.sidebar-right {
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.sidebar-section {
	/*border-bottom: 1px solid var(--grey-color-xlight);*/
	padding-bottom: 1.5rem;
}

.sidebar-section:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar-section h3 {
	color: var(--black-color);
	font-size: var(--font-size-xl);
	font-weight: 700;
	margin-bottom: 1rem;
	position: relative;
}

.sidebar-section h3 span {
	font-weight: 400;
}

.sidebar-list-group ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem 0;
}

.sidebar-list-group ul li {
	margin-bottom: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.sidebar-list-group ul li a {
	color: var(--black-color);
	font-size: var(--font-size-base);
	font-weight: 400;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	transition: color 0.3s ease;
}

.sidebar-list-group ul li a:hover {
	color: var(--primary-color);
}

.sidebar-list-group ul li span {
	color: var(--grey-color-xdark);
	font-weight: 500;
	position: absolute;
	right: 0;
}

.more-link {
	margin-top: 0.5rem;
	color: var(--grey-color-xdark);
	font-size: var(--font-size-lg);
	font-weight: 600;
	line-height: 18px;
	display: block;
	text-decoration: none;
	transition: all 0.4s;
}

.more-link:hover {
	color: var(--primary-color);
}

.more-link i {
	margin-left: 5px;
	transform: rotate(-45deg);
}

.sidebar-featured-group article {
	margin-bottom: 2.4rem;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--grey-color-xlight);
}

.sidebar-featured-group article:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar-featured-group article img {
	height: 222px;
	border-radius: var(--radius-lg);
	transition: var(--transition-transform-fast);
	object-fit: cover;
}

.sidebar-featured-group article img:hover{transform: scale(1.05);}

.sidebar-featured-group article span {
	color: var(--grey-color-xdark);
	font-size: var(--font-size-base);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	margin: 15px 0 10px 0;
}

.sidebar-featured-group article span i {
	margin-right: 6px;
}

.sidebar-featured-group article h6 {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
}

.sidebar-featured-group article h6 a {
	color: var(--black-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

.sidebar-featured-group article h6 a:hover {
	color: var(--primary-color);
}

.sidebar-file-group .download-link {
	margin-bottom: 1rem;
}

.sidebar-file-group .download-link a {
	font-size: var(--font-size-base);
	font-weight: 500;
	color: var(--black-color);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: color 0.3s ease;
}

.sidebar-file-group .download-link a:hover {
	color: var(--primary-color);
}

.sidebar-file-group .download-link a i {
	font-size: 1.2rem;
}

.sidebar-tag-group .tag-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sidebar-tag-group .tag-list li {
	margin: 0;
}

.sidebar-tag-group .tag-list li a {
	background: var(--primary-color-extra-light);
	color: var(--primary-color);
	font-size: var(--font-size-base);
	font-weight: 500;
	line-height: 35px;
	border-radius: 30px;
	padding: 0 18px;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.sidebar-tag-group .tag-list li a:hover {
	background: var(--primary-color);
	color: var(--background-color);
}
/*---------------------------------------------------
   7.D File Download
-----------------------------------------------------*/
.sidebar-file-group {
	width: 100%;
	margin-bottom: 1rem;
}

.sidebar-file-group .download-link:nth-child(n+1) a {
	background: var(--secondary-background);
	color: var(--white-color);
}

.sidebar-file-group .download-link:nth-child(2n+1) a {background: var(--primary-color);}

.sidebar-file-group .download-link:nth-child(3n+1) a {background: var(--color-footer);}

.sidebar-file-group .download-link:nth-child(4n+1) a {background: var(--primary-background);}

.sidebar-file-group .download-link:nth-child(n+1) a:hover {background: var(--primary-color);color: var(--background-color);}

.sidebar-file-group .download-link:nth-child(2n+1) a:hover {background: var(--primary-accent-light);}

.sidebar-file-group .download-link:nth-child(3n+1) a:hover {background: var(--color-bg);}

.sidebar-file-group .download-link:nth-child(4n+1) a:hover {background: var(--primary-color-extra-light);}

.download-link a {
	background: var(--primary-background);
	color: var(--background-color);
	font-size: var(--font-size-base);
	font-weight: 400;
	width: 100%;
	padding: 0.8rem 2.5rem 0.8rem 0.8rem;
	border-radius: var(--radius-lg);
	line-height: 1.8;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	transition: background-color 0.3s ease, color 0.3s ease;
	text-decoration: none;
}

.download-link a:hover {
	background: var(--secondary-background);
	color: var(--background-color);
	transition: var(--transition-all);
}

.download-link a i {
	font-size: var(--font-size-xl);
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

/*---------------------------------------------------
   7.E Comment Form
-----------------------------------------------------*/
.cp-form-comment label.input input,
.cp-form-comment label.textarea textarea {
	font-size: var(--font-size-base);
	width: 100%;
	padding: 0.5rem;
	border: 1px solid var(--grey-color-mlight);
	border-radius: var(--radius-md);
}

.cp-form-comment button.cp-btn-primary {
	background-color: var(--primary-color);
	color: var(--background-color);
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: var(--radius-md);
	cursor: pointer;
	font-weight: 600;
	transition: background-color 0.3s ease;
}

.cp-form-comment button.cp-btn-primary:hover {
	background-color: var(--primary-background);
}

.cp-form-comment {
	background: var(--grey-color-xlight);
	padding: 2.5rem;
	margin:60px 0;
	border-radius: var(--radius-xl) 0  var(--radius-xl) 0;
	display: flex;
	flex-direction: column;
	position: relative;
}

/*-------------------------------------------------
    7.G. Sections Details
---------------------------------------------------*/
#sections-details-content{
	background-color: var(--background-color);
	padding: 3rem 0;
}
/*-------------------------------------------------
    7.I Online Therapy
---------------------------------------------------*/
#online-therapy-wrapper {
	background-color: var(--primary-background);
	color: var(--background-color);
	padding: 3rem 0;
	margin: 3rem 0;
	text-align: center;
}
.online-therapy-head {
	font-size: var(--font-size-xl);
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
.online-therapy-desc {
	color: var(--background-color);
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
}
.btn-therapy {
	background: var(--background-color);
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: 600;
	padding: 0 1rem;
	height: 43px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	position: relative;
	z-index: 1;
}
.btn-therapy::after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro", serif;
	font-size: 1rem;
	margin-left: 0.75rem;
}
.btn-therapy:hover {
	background-color: var(--primary-color);
}

.cp-online-btn {
	color: var(--white-color);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	border-radius: var(--radius-xl);
	padding: 17px 32px;
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: var(--transition-all-medium);
	cursor: pointer;
}
.cp-online-btn::after {
	content: "";
	position: absolute;
	height: 40px;
	width: 40px;
	display: inline-block;
	border-radius: var(--radius-circle);
	transition: var(--transition-all-medium);
	left: 5px;
	top: 5px;
	z-index: -1;
}
.cp-online-btn:hover::after {
	width: 94%;
	transition: var(--transition-all-medium);
	border-radius: var(--radius-xl);
}
/*.cp-online-btn-primary:hover {color: var(--white-color) !important;}*/
.cp-online-btn i {
	margin-left: 4px;
	transform: rotate(-45deg);
}

.cp-online-btn-primary {background: var(--email-background-color);color: var(--primary-color) !important;}
.cp-online-btn-primary::after {background: rgba(var(--primary-opacity),0.2);}

.cp-online-btn-secondary {background: var(--secondary-color);}
.cp-online-btn-secondary::after {background: var(--secondary-button-hover);}

.cp-online-btn-success {background: var(--color-success);}
.cp-online-btn-success::after {background: var(--success-button-hover);}

.cp-online-btn-warning {background: var(--color-warning);color: var(--color-heading);}
.cp-online-btn-warning::after {background: var(--warning-button-hover);}

.cp-online-btn-white {background: var(--white-color);color: var(--primary-color);}
.cp-online-btn-white::after {background: var(--white-button-hover);}
/*-------------------------------------------------
    7.J Photo Gallery
---------------------------------------------------*/
#gallery{
	padding: 3rem 0;
}

.gallery-popular-area {
	position: relative;
	z-index: 1;
}


.gallery-popular-area h3{
	/*color: var(--background-color);
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: center;
	margin: 0;
	padding: .5rem;
	position: absolute;
	right: 0;
	bottom: 5px;
	left: 0;
	z-index: 9;*/
}

.gallery-popular-area h3 a {
	height: 54px;
	width: 54px;
	font-size: 1.2rem;
	font-weight: 700;
	background: rgba(var(--white-opacity),.1);
	border-radius: var(--radius-circle);
	backdrop-filter: blur(5px);
	opacity: 0;
	margin-top: -30px;
	margin-left: -30px;
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: var(--z-base);
	transition: all .6s;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
}

.gallery-popular-area h3 a i,
.gallery-popular-area:hover h3 a i{color: var(--primary-color);transition: all 0.4s;}
.gallery-popular-area:hover h3 a:hover {background: var(--primary-background);}
.gallery-popular-area:hover h3 a:hover i{color: var(--white-color);}
.gallery-popular-area:hover h3 a{top: 50%;visibility: visible;opacity: 1;transition: all .6s;}

.popular-thumbnail {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: var(--radius-lg);
}
.popular-thumbnail::after {
	background: rgba(var(--intro-opacity),.7);
	border-radius: var(--radius-lg);
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.4s;
	visibility: hidden;
}
.popular-thumbnail img {
	height: 300px;
	width: 100%;
	border-radius: var(--radius-lg);
	transition: all .4s;
}

.gallery-popular-area .gallery-icons a {
	background: rgba(var(--white-opacity),.1);
	color: var(--background-color);
	font-size: 1.2rem;
	text-align: center;
	line-height: 60px;
	border-radius: var(--radius-circle);
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	transition: all 0.6s;
}
.gallery-popular-area:hover .gallery-icons a {
	top: 50%;
	transition: all 0.6s;
	visibility: visible;
	opacity: 1;
}
.gallery-popular-area:hover .popular-thumbnail::after {
	visibility: visible;
	opacity: 80%;
}
.gallery-popular-area:hover .popular-thumbnail img {
	transform: scale(1.1) rotate(-4deg);
	transition: all 0.4s;
}

.gallery-popular-area .play-button-overlay a{line-height:1.75;width: 3.5rem;height: 3.5rem;}
.gallery-popular-area .play-button-overlay a i{font-size: 1rem;margin-left: .2rem;}

/*---------------------------------------------------
   7.K Page Detail
-----------------------------------------------------*/
#details-title-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 250px 0 80px;
	text-align: center;
}

#details-title-wrapper.no-title {
	padding: 255px 0 120px;
}

#details-title-wrapper::before {
	background: var(--details-title-background);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    pointer-events: none;
}

.blog-title-detail {
	font-size: var(--font-size-xl);
	font-weight: 600;
	color: var(--background-color);
	line-height: 1.25;
	text-shadow: 2px 2px 3px var(--menu-text-shadow);
	display: inline-block;
	position: relative;
	margin: 0;
	padding-top: 1.375rem;
}

.breadcrumb-link {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
	border-radius: 50px;
	background: rgba(17, 34, 53, 0.4);
	backdrop-filter: blur(20px);
	padding: 10px 20px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}

@media (max-width: 576px) {
	.breadcrumb-link {
		margin-top: 25px;
	}
}

.breadcrumb-link li {
	color: var(--background-color);
	font-size:var(--font-size-lg);
	line-height: 1;
	display: inline-block;
	position: relative;
}

.breadcrumb-link li i {
	display: inline-flex;
	line-height: 1;
	font-size: var(--font-size-lg);
	color: var(--primary-color);
}

.breadcrumb-link li:not(:first-child) i {
	font-size: var(--font-size-lg);
	font-weight: 700;
	color:var(--primary-color);
	justify-content: center;
	width: 7px;
	margin-top: 2px;
}

.breadcrumb-link a {
	color: var(--grey-color);
	font-size: var(--font-size-lg);
	text-decoration: none;
}

.breadcrumb-link a:hover {
	color: var(--background-color);
}

/*---------------------------------------------------
   7.L Social Media Sharing
-----------------------------------------------------*/

/*---------------------------------------------------
   7.M About Us Detail
-----------------------------------------------------*/
#aboutus-details-content{
	background-color: var(--background-color);
	padding: 4rem 0;
}

.aboutus-wrapper{
	background: var(--grey-color-xlight);
	border-radius: var(--radius-lg);
	padding: 1.5rem;
	position: relative;
}
.aboutus-socialmedia {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	gap: 10px;
}

.aboutus-socialmedia a {
	background-color:var(--grey-color-light);
	color: var(--color-tooltip);
	font-size: 16px;
	width: 44px;
	height: 44px;
	border-radius: var(--radius-circle);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all 500ms ease;
}
.aboutus-socialmedia a + a {
	margin-left: 10px;
}
.aboutus-socialmedia a:hover {
	background-color: var(--primary-color);
	color: var(--background-color);
}
.aboutus-socialmedia a svg {
    fill: currentColor; /* bu sayede a'nın color değerini alır */
}

/*.aboutus-gallery a img{border-radius: var(--radius-lg); transition: all 0.4s ease-out 0s;}
.aboutus-gallery a:hover img{transform: scale(1.1);}*/
.aboutus-text{
    color: var(--black-color);
    font-size: var(--font-size-lg);
    border-top: 1px dashed var(--grey-color-mlight);
    border-bottom: 1px dashed var(--grey-color-mlight);
    margin-top: 15px;
    padding: 15px 0 25px;
    line-height: 1.5;
}
.aboutus-gallery a {
	display: block;
	overflow: hidden;
	border-radius: var(--radius-lg);
}
.aboutus-gallery a img {
	transition: transform 3s ease;
	display: block;
	width: 100%;
	height: auto;
}
.aboutus-gallery a:hover img {
	transform: scale(1.3);
}


.aboutus-gallery {
	position: relative;
	display: inline-block;
	z-index: 1;
}
.aboutus-gallery::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 4px solid var(--primary-color);
	border-radius: var(--radius-lg);
	bottom: -46px;
	right: -36px;
	z-index: -1;
	transition: all 0.3s ease;
}

/*---------------------------------------------------
   7.N Services Detail
-----------------------------------------------------*/
#services-details-content{
	background-color: var(--background-color);
	padding: 3rem 0;
}

/*---------------------------------------------------
   7.O Mission And Vision
-----------------------------------------------------*/
#mission-detail-content{
    padding: 4rem 0;
}

.mission-vision a {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-lg);
}
.mission-vision a img {
    transition: transform 3s ease;
    display: block;
    width: 635px;
    max-height: 500px;
}
.mission-vision a:hover img {
    transform: scale(1.3);
}

.mission-vision .mission-vision-wrapper{
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    position: relative;
}

.mission-vision-wrapper .whoarewe-text{
    color: var(--black-color);
    font-size: var(--font-size-lg);
    line-height: 1.5;
}

.missionvision-area .accordion-button{
    color: var(--color-footer-top);
    font-size: var(--font-size-xl);
}
.missionvision-area .accordion-body .text{
    color: var(--black-color);
    font-size: var(--font-size-md);
}


section.timeline {
    width: 100%;
    margin: 50px 0 0;
    position: relative;
    float: left;
    padding-bottom: 180px;
}

.timeline-title {
    font-size: 34px;
    font-weight: 700;
    color: var(--color-footer-top);
    /*letter-spacing: .5px;*/
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}

.timeline-title::after {
    content: "";
    width: 70px;
    height: 3px;
    background: var(--color-footer-top);
    border-radius: 6px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.timeline .text-muted {
    font-size: 17px;
    color:var(--grey-color-dark) !important;
    font-weight: 400;
    margin-top: 5px;
}


.timeline .timeline-body {
    position: relative;
    padding: 20px 0;
}

.timeline .timeline-body:before {
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, var(--grey-color-mlight) 8%, var(--grey-color-mlight) 92%, rgba(80, 80, 80, 0) 100%) !important;
    opacity: 0.35;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 3px;
    height: 100%;
    background: #ddd;
    transform: translateX(-50%);
    z-index: 0;
}

section.timeline::before {
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, var(--grey-color-mlight) 8%, var(--grey-color-mlight) 92%, rgba(80, 80, 80, 0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -60px;
    width: 3px;
    z-index: 0;
    filter: alpha(opacity=35);
    opacity: 0.35;
}


.history-box {
    padding: 1.5rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.history-box img {
    width: 100%;
    border-radius: 12px;
    display: block;
    margin-bottom: 1rem;
}

.history-box h3 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    color: #151719;
}

.history-box p {
    font-size: 1rem;
    color: var(--grey-color-deep);
    margin: 0;
    padding: 0.5rem 0;
}

.timeline .timeline-date {
    background-color: var(--background-color);
    text-align: center;
    margin: 50px 0 25px;
    position: relative;
    z-index: 2;
}

.timeline .timeline-date h3 {
    color: var(--primary-color);
    font-size: var(--font-size-xl);
    font-weight: 600;
    padding: 8px 50px;
    border-radius: 12px;
    border: 1px solid var(--grey-color-mlight);
    display: inline-block;
    background: transparent;
    margin: 0;
}

.timeline .timeline-box {
    position: relative;
    z-index: 2;
    width: 46%;
    background: var(--background-color);
    border-radius: 14px;
    border: 1px solid var(--grey-color-mlight);
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

.timeline .timeline-box.left { margin-right: auto; }
.timeline .timeline-box.right { margin-left: auto; }

.timeline .timeline-box.left .timeline-box-arrow{
    right: -13px;
    border-width: 7px 0 7px 13px;
    border-color: transparent transparent transparent var(--grey-color-mlight);
    transform: rotate(45deg);
    content: '';
    display: block;
    background: var(--background-color);
    border-right: 1px solid var(--grey-color-mlight);
    border-top: 1px solid var(--grey-color-mlight);
    float: right;
    height: 25px;
    margin-top: 60px;
    margin-right: -13px;
    width: 25px;
    z-index: 0;
}

.timeline .timeline-box.right .timeline-box-arrow{
    left: -13px;
    border-width: 7px 13px 7px 0;
    border-color: transparent var(--grey-color-mlight) transparent transparent;
    transform: rotate(45deg);
    content: '';
    display: block;
    background: var(--background-color);
    border-left: 1px solid var(--grey-color-mlight);
    border-bottom: 1px solid var(--grey-color-mlight);
    float: left;
    height: 25px;
    margin-top: 60px;
    margin-left: -13px;
    width: 25px;
}

.timeline .timeline-box img {
    border-radius: 12px;
}

@media (max-width: 991px) {
    .mission-vision a img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

}

/*===================================================
   END OF MORE CONTAINER
=====================================================*/

/*===================================================
   8. FOOTER
=====================================================*/
#footer {
	background: var(--color-footer);
	/*min-height: 405px;
	padding-top: 2rem;
	padding-bottom: 3.5rem;*/
	position: relative;
	z-index: var(--z-low);
}
.footer-top{background-color: var(--color-footer-top);position: relative;padding:1.5rem 0;}
.footer-top .top-innner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-center{position: relative;padding:4rem 0;}
.footer-bottom{position: relative;
	background:transparent;
	font-size: 1rem;
	font-weight: 400;
	color:var(--color-footer-text);
	line-height: 1.4;
	border-top: 1px solid var(--color-footer-divider);
	padding: 2rem 0;
}
/*-------------------------------------------------
    8.A Working Hours
---------------------------------------------------*/
.working-hours__start {
	position: relative;
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
    .working-hours__start{justify-content: center;}
}
.working-hours__start .wh-icon {
	position: relative;
	display: inline-block;
	padding-right: 2rem;
}
.working-hours__start .wh-icon::before {
	background-color: rgba(var(--white-opacity),.1);
	content: "";
	position: absolute;
	top: 2px;
	bottom: 8px;
	right: 0;
	width: 1px;
}
.working-hours__start .wh-icon img {
	width: 64px;
	height: auto;
	position: relative;
	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-delay: 0.1s;
	will-change: transform;
}
.working-hours__start .wh-icon:hover img {
	transform: scale(0.875);
}

.working-hours__start .wh-text {
	position: relative;
	display: block;
	margin-left: 2rem;
}
.working-hours__start h4{
	color: var(--white-color);
	font-weight: 500;
	font-size: 1.375rem;
	margin: 0;
	gap: .25rem;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.working-hours__start h4 span:not(:first-child) {
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-footer-text);
	margin-left: .75rem;
}
/*---------------------------------------------------
   8.B Social Media
-----------------------------------------------------*/
.social-media__end {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
}
.social-media__end h5{
	color: var(--white-color);
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0;
}
.social-media__end h5{
	color: var(--white-color);
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0;
}
/*.social-media__end h5::after{
	content: " :";
	margin-right: 4px;
}*/
@media (min-width: 1199.99px) {
    .social-media__end h5::after,
    .working-hours__start span:first-child::after {
        content: " :";
    }
}

ul.social-media{
	list-style: none;
	padding: 0;
	margin:0 0 0 .75rem;
	display: flex;
	align-items: center;
}
ul.social-media li{
	margin-right: 5px !important;
	padding: 0 !important;
	border:none;
	outline:none;
	position:relative;
	z-index:var(--z-0);
	cursor:pointer;
	display:inline-block;
}
ul.social-media li:last-child{margin-right:0 !important;}

ul.social-media li:hover::before {
	background:var(--white-color);
	box-shadow:none;
	opacity:1;
	transform:scale(0.7)
}
ul.social-media li::before {
	background:none;
	border-radius:var(--radius-circle);
	content:'';
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	bottom:-10px;
	left:-10px;
	opacity:0;
	z-index:var(--z-minus);
	box-sizing:border-box;
	transform:scale(0);
	transition-property:transform, opacity;
	transition-duration:.25s;
	transition-timing-function:cubic-bezier(0.4,0.0,0.2,1);
}
ul.social-media li a {
	background-color:var(--color-social-bg);
	font-size: 1rem !important;
	color:var(--white-color);
	/*line-height: 40px !important;*/
	border-radius: var(--radius-full);
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition-all-fast);
}
ul.social-media li:hover a:hover{color: var(--white-color);}

ul.social-media li[att*="facebook"]:hover a{
	background-color: transparent;
	color:var(--facebook) !important;
}
ul.social-media li[att*="facebook"]:hover::before{border:2px solid var(--facebook);}

[att="twitter"]  svg{fill:var(--white-color);}
ul.social-media li[att*="twitter"]:hover a {
	background-color: transparent;
	color:var(--black-color) !important;
}
ul.social-media li[att*="twitter"]:hover a svg{
	fill:var(--black-color) !important;
}
ul.social-media li[att*="twitter"]:hover::before{border:2px solid var(--black-color);}

ul.social-media li[att*="instagram"]:hover a {
	background-color: transparent;
	color:var(--instagram) !important;
}
ul.social-media li[att*="instagram"]:hover::before{border:2px solid var(--instagram);}

ul.social-media li[att*="google"]:hover a {
	background-color: transparent;
	color:var(--youtube) !important;
}
ul.social-media li[att*="google"]:hover::before{border:2px solid var(--youtube);}

ul.social-media li[att*="linkedin"]:hover a {
	background-color: transparent;
	color:var(--linkedin) !important;
}
ul.social-media li[att*="linkedin"]:hover::before{border:2px solid var(--linkedin);}

ul.social-media li[att*="youtube"]:hover a {
	background-color: transparent;
	color:var(--youtube) !important;
}
ul.social-media li[att*="google"]:hover::before{border:2px solid var(--youtube);}
/*---------------------------------------------------
   8.C Title
-----------------------------------------------------*/
.foot-title{
	font-size: 1.375rem;
	font-weight: 600;
	color: var(--white-color);
	line-height: 1.5;
	padding-bottom: .25rem;
	margin-bottom: 1rem;
	position: relative;
}
/* beklet
.foot-title::after {
	background: var(--primary-background) none repeat scroll 0 0;
	content: "";
	border-radius:var(--radius-lg);
	display: block;
	height: 4px;
	width: 30px;
	position: absolute;
	bottom: 0;
	transition: var(--transition-all-fast);
}
.foot-title:hover::after {width:50px;}
*/
/*-------------------------------------------------
    8.D Logo, Site Name, Address...
---------------------------------------------------*/
.footer-branding {text-align: center;}

.footer-branding__logo-wrap {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: .5rem;
}
.footer-branding__title-pre {
	font-family: var(--fourth-font), sans-serif;
	font-size: 1.375rem;
	font-weight: 500;
	color: var(--secondary-color);
	white-space: nowrap;
}
.footer-branding__logo {
	transition: var(--transition-transform);
}
.footer-branding:hover .footer-branding__logo {
	transform: rotateY(180deg);
}
.footer-branding__img {
	max-width: 95px;
}
.footer-branding__title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 1.55rem;
	font-weight: 600;
	color: var(--primary-color);
	line-height: 1.3;
	display: block;
}
.footer-branding__subtitle {
	font-family: var(--tertiary-font), sans-serif;
	font-size: .9rem;
	font-weight: 500;
	color: var(--secondary-color);
	display: block;
}
.footer-branding__desc {
	color: var(--white-color);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 1rem;
}

/*-------------------------------------------------
    8.E Lists
---------------------------------------------------*/
ul.foot-list li{line-height: 1;}
ul.foot-list li a {
	color:var(--color-footer-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	display: inline-block;
	position: relative;
	transition: var(--transition-color);
}
ul.foot-list li a:before {
	background:var(--primary-background);
	border-radius: var(--radius-lg);
	content: "";
	width: 0;
	height: 1px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: var(--transition-width-linear);
}
ul.foot-list li a:hover {color:var(--primary-color);}
ul.foot-list li a:hover:before {
	width: 100%;
	left: 0;
	right: auto;
}
ul.foot-list li:not(:last-child) {margin-bottom:7px;}
/*-------------------------------------------------
    8.F Contact
---------------------------------------------------*/
.footer-contact{}
.footer-contact__item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 15px;
    transition: var(--transition-all);
    text-wrap: wrap;
}
.footer-contact__item:last-child{margin-bottom: 0;}

.footer-contact__item a{color:var(--white-color);}
.footer-contact__item a:hover{color:var(--primary-color);}

.footer-contact__item:hover .footer-contact__icon span:before {transform: scale(1);}
.footer-contact__item:hover .footer-contact__icon i{ color:var(--white-color);}
.footer-contact__item:hover .footer-contact__info p{ color:var(--primary-color);}

.footer-contact__item i {
    font-size: 1.125rem;
    color: var(--primary-color);
    text-align: center;
    line-height: 50px;
    border-radius: var(--radius-circle);
    width: 50px;
    height: 50px;
}

.footer-contact__info {
    display: block;
    text-align: left;
    word-wrap: break-word;
}

.footer-contact__info h4{
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-footer-text);
    line-height: 1.2;
    margin: 0 0 .25rem;
}

.footer-contact__info p{
    font-size: 1rem;
    font-weight: 400;
    color: var(--white-color);
    line-height: 1.2;
    margin: 0;
    padding: 0;
    transition: all var(--transition-medium);
    text-wrap: wrap;
    word-break: break-word;
}

.footer-contact__icon{
    flex-shrink: 0;
    padding-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contact__icon span{
    background-color: var(--color-contact-bg);
    border-radius: var(--radius-circle);
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-property: color;
    transition-duration: 0.3s;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contact__icon span:before {
    background: var(--primary-background);
    content: "";
    border: 2px solid var(--primary-color-dark);
    border-radius: var(--radius-circle);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-minus);
    transform: scale(0);
    transition: var(--transition-transform-fast);
}

.footer-contact__icon:hover,
.footer-contact__icon:focus,
.footer-contact__icon:active {
    color: var(--primary-color);
}

.footer-contact__icon:hover:before,
.footer-contact__icon:focus:before,
.footer-contact__icon:active:before {
    transform: scale(1);
}

.footer-contact__icon:hover i {
    color: var(--primary-color);
}


/*.footer-contact{}
.footer-contact__item{
	margin: 0 0 15px;
	transition: var(--transition-all);
}
.footer-contact__item:last-child{margin-bottom: 0;}

.footer-contact__item a{color:var(--white-color);}
.footer-contact__item a:hover{color:var(--primary-color);}

.footer-contact__item:hover {var(--primary-color);}
.footer-contact__item:hover .footer-contact__icon span:before {transform: scale(1);}
.footer-contact__item:hover .footer-contact__icon i{ color:var(--white-color);}
.footer-contact__item:hover .footer-contact__info p{ color:var(--primary-color);}

.footer-contact__item i {
	font-size:1.125rem;
	color:var(--primary-color);
	text-align: center;
	line-height: 50px;
	border-radius: var(--radius-circle);
	width: 50px;
	height: 50px;
}

.footer-contact__item .footer-contact__info{display: table-cell;vertical-align: middle;}
.footer-contact__item .footer-contact__info h4{
	font-size: 1rem;
	font-weight: 400;
	color:var(--color-footer-text);
	line-height: 1.2;
	text-align:left;
	margin: 0 0 .25rem;
}
.footer-contact__item .footer-contact__info p{
	font-size: 1rem;
	font-weight: 400;
	color:var(--white-color);
	line-height: 1.2;
	margin: 0;
	padding:0;
	transition: all var(--transition-medium);
}

.footer-contact__icon{
	display:table-cell;
	vertical-align: top;
	padding-right: 10px;
}
.footer-contact__icon span{
	background-color:var(--color-contact-bg);
	border-radius:var(--radius-circle);
	display: inline-block;
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	transform: translateZ(0);
	backface-visibility: hidden;
	transition-property: color;
	transition-duration: 0.3s;
}
.footer-contact__icon span:before {
	background:var(--primary-background);
	content: "";
	border: 2px solid var(--primary-color-dark);
	border-radius:var(--radius-circle);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: var(--z-minus);
	transform: scale(0);
	transition: var(--transition-transform-fast);
}
.footer-contact__icon:hover,
.footer-contact__icon:focus,
.footer-contact__icon:active {color:var(--primary-color);}

.footer-contact__icon:hover:before,
.footer-contact__icon:focus:before,
.footer-contact__icon:active:before {transform: scale(1);}
.footer-contact__icon:hover i{ color:var(--primary-color);}*/
/*-------------------------------------------------
    8.G Newsletter
---------------------------------------------------*/
.bulten-content {
	position: relative;
	z-index: var(--z-low);
}
.bulten-info{
	color:var(--color-footer-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.bulten-info > p {margin: 0;}
.bulten-info > p > b,
.bulten-info > p > strong {font-weight: 600;}

.bulten-info h3{
	font-size:1.5rem;
	font-weight: 300;
	margin-bottom: 10px;
}
.bulten-info span{
	font-weight: bold;
	line-height: 1.6rem;
	margin-bottom: 0;
}

.bulten-form input {
	background-color:transparent;
	color:var(--color-footer-text);
	font-size: 1rem;
	font-weight: 300;
	border: 2px solid var(--color-footer-border);
	border-radius:var(--radius-xl);
	width: 100%;
	height: 60px;
	padding: 0 20px;
	outline: 0;
	transition: var(--transition-all-medium);
}
.bulten-form input:active,
.bulten-form input:focus{
	border-color:var(--primary-border-color);
	color:var(--primary-color);
}

.bulten-form ::placeholder {color:rgba(var(--white-color),.9);}            /* Firefox */
.bulten-form :-ms-input-placeholder {color:rgba(var(--white-color),.9);}   /* Internet Explorer 10-11 */
.bulten-form ::-ms-input-placeholder {color:rgba(var(--white-color),.9);}  /* Microsoft Edge */

.bulten-content .bulten-form button {
	background-color:var(--primary-background);
	color:var(--white-color);
	font-size: 1rem;
	border: none;
	border-radius: var(--radius-circle);
	position: absolute;
	right:7px;
	bottom: 8px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	transition: var(--transition-fast);
}
.bulten-content .bulten-form button:hover {background-color:var(--primary-color-dark);}
.bulten-content .bulten-form button i{color:var(--white-color);}
/*-------------------------------------------------
    8.H Copyright & Design
---------------------------------------------------*/
.copyright{width: 100%;}
.copyright a,
.design-info a{
	color:var(--primary-color);
	position: relative;
}
.copyright a:before,
.design-info a:before{
	background: var(--primary-background);
	border-radius: var(--radius-lg);
	content: "";
	width: 0;
	height: 1px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: var(--transition-width-linear);
}
.copyright a:hover:before,
.design-info a:hover:before{
	width: 100%;
	left: 0;
	right: auto;
}
.copyright a:hover,
.design-info a:hover{
	color:var(--primary-color);
	text-decoration: none;
}
/*---------------------------------------------------
   8.I Scroll Up/ Down
-----------------------------------------------------*/
.scroll-up {
	color: transparent;
	font-size: 0;
	text-align: center;
	text-decoration: none;
	line-height: 2rem;
	border-radius:var(--radius-circle);
	width:40px;
	height:40px;
	padding: 0;
	margin-right: 0 !important;display: flex;align-items: center;justify-content: center;
	position: fixed;
	right: 25px !important;
	bottom: 50px;
	z-index: var(--z-float);
	opacity: 1 !important;
	box-shadow: 0 0 0 3px var(--primary-background);
	transition: var(--transition-all-medium);
}
.scroll-up::before {
	background: var(--primary-background) none repeat scroll 0 0;
	content: "";
	border-radius:var(--radius-circle);
	width: 100%;
	height: 100%;
	padding: 2px;
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: var(--z-minus);
	opacity: 1;
	pointer-events: none;
	box-sizing: content-box;
	transition: var(--transition-transform-faster), var(--transition-opacity-ease);
}
.scroll-up::after {
	font-family: "Font Awesome 5 Pro", serif;
	color: var(--white-color);
	font-weight: 300;
	font-size: 1.25rem;
	/*line-height: 2.375;*/
	content: "\f176";
	transition: all 0.4s ease 0s;
}
.scroll-up:hover {box-shadow: 0 0 0 2px var(--primary-background);}
.scroll-up:hover::before {
	opacity: 0;
	transform: scale(1.3);
}
.scroll-up:hover::after {color: var(--primary-color);}
/*===================================================
   END OF FOOTER
=====================================================*/

/*===================================================
   9. RESPONSIVE DESIGN
=====================================================*/

/*---------------------------------------------------
   9.A 100 x 576 (mobile)
-----------------------------------------------------*/
@media (min-width: 100px) and (max-width: 576px) {

	/*-------- Detail --------*/
    .mission-vision-wrapper{margin-top: 2rem;}
    section.timeline {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    section.timeline .timeline-box{ width: auto; !important}
    section.timeline .timeline-box.right {
        margin: 15px auto;
        max-width: 90%;
    }
	.aboutus-gallery::after{display: none;}
	#aboutus-details-content{padding: 2rem 0;}
	.breadcrumb-link{padding: 8px 15px;}
	.breadcrumb-link span,
	.breadcrumb-link a,
	.breadcrumb-link i,
	.breadcrumb-link span:not(:first-child) i {font-size: var(--font-size-md);}
	.sidebar-content,
	.cp-form-comment,
	.comments{padding: 2rem;}
	/*-------- Detail --------*/

	.header-branding__title-pre{font-size: 1rem;}
	.header-branding__title{font-size: .8rem;}
	.header-branding__subtitle{font-size: .9rem;}
	.header-branding__img{max-width: 55px;}
	.header-carousel-one .owl-nav button {display: inline-block;}
	.header-topbar{display: none;}
	.header-item-right{display: none;}
	.header-carousel-one .intro-area {
		min-height: 500px;
		padding: 1rem;
	}
	.header-carousel-one .owl-nav{
		bottom: 50px;
		left: 38%;
		top: auto;
		right: auto;
	}
	.intro-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.intro-area .intro-content h5{
		font-size:1.2rem;
		line-height: 1;!important;
	}
	.intro-area .intro-content h2{
		font-size: 1.5rem;
		line-height: 1;!important;
	}
	.intro-area .intro-content p{
		font-size: .8rem;
		line-height: 1;!important;
	}
	.shape-bottom{bottom: 12px;}
	.shape-bottom svg{height: 50px;}
	.cp-btn{padding: 12px 27px;}
	.cp-btn::after{height: 30px; width: 30px;}
	.section-title span{font-size: 1.3rem;}
	.about-thumbnail {
        border-radius: var(--radius-xl );
        margin-top:2rem;
    }
    .about-thumbnail.one img{margin-top: 0; }
	/*.about-thumbnail:last-child img {border-radius: 0 0 var(--radius-xl) var(--radius-xl)!important;}
	.about-thumbnail.one img{border-radius: 0 0 var(--radius-xl) var(--radius-xl);}*/
	.working-hours__start h4{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: .25rem;
	}
	.working-hours__start .wh-text{margin-left: 1rem;}
	.working-hours__start h4 span:not(:first-child){
		font-size: .9rem;
		margin-left: 0;
	}

	#aboutus{padding: 2rem 0;}
	.about-play-button{
		font-size:1.2rem;
		width: 50px;
		height: 50px;
		/*top: 20%;*/
	}
	.about-play-button.play-top {
		position: absolute;
		top: 20%;
		left: 50%;
		z-index: var(--z-low);
	}
	.about-play-button i{font-size: 1.2rem;}
	.column-modifier{align-items: unset;}
	#slider{padding: 0 0 2rem 0;}
	#online-therapy-wrapper{
		padding: 2rem 0;
		margin: unset;
	}
	#services{padding: 2rem 0;}
	#gallery{padding: 2rem 0;}
	#feedback{padding: 2rem 0;}
	.testimonial-intro{margin-bottom: 1rem;}
	#memberships{padding: 2rem 0;}
	#blogs{padding: 2rem 0;}
	.contact-form-area{margin-bottom: 0!important;}
	.contact-map{height: 550px;}
	.contact-title h2::after{font-size: 45px;}
	/*.contact-form-content {
        border-radius: 0;
		padding: 2rem;
		display: block;
		position: static;
	}*/
	.social-media__end{justify-content: center;}
	.footer-center{padding:2rem 0;}
	.foot-title{margin-top: 2rem;}
	.copyright, .design-info{text-align: center;}
}
/*---------------------------------------------------
   9.B 576 x 768 (tablet)
-----------------------------------------------------*/
@media (min-width: 576px) and (max-width: 768px) {

	/*-------- Detail --------*/

    .mission-vision-wrapper{margin-top: 2rem;}
    .mission-vision a img{
        max-width: 100%;
        height: auto !important;
    }
    section.timeline {
        width: 100%;
        margin: 0;
        float: none;
    }
    section.timeline .timeline-box,
    section.timeline .timeline-box.right {
        margin: 15px auto;
        width: 90% !important;
        float: none;
        clear: both;
    }
    .timeline .timeline-box.left .timeline-box-arrow,
    .timeline .timeline-box.right .timeline-box-arrow {display: none;}
	.aboutus-gallery::after{display: none;}
	#aboutus-details-content{padding: 2rem 0;}
	.breadcrumb-link{padding: 8px 15px;}
	.breadcrumb-link span,
	.breadcrumb-link a,
	.breadcrumb-link i,
	.breadcrumb-link span:not(:first-child) i {font-size: var(--font-size-md);}
	/*-------- Detail --------*/

	.header-branding__title-pre{font-size: 1rem;}
	.header-branding__title{font-size: .8rem;}
	.header-branding__subtitle{font-size: .9rem;}
	.header-branding__img{max-width: 55px;}
	.header-carousel-one .owl-nav button {
		display: inline-block;
		margin-left: 10px;
	}
	.header-topbar{display: none;}
	.header-item-right{display: none;}
	.header-carousel-one .intro-area {
		min-height: 500px;
		padding: 1rem;
	}
	.header-carousel-one .owl-nav{
		bottom: 25px;
		left: 40%;
		top: auto;
		right: auto;
	}
	.intro-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.intro-area .intro-content h5{
		font-size:1.2rem;
		line-height: 1;!important;
	}
	.intro-area .intro-content h2{
		font-size: 1.5rem;
		line-height: 1;!important;
	}
	.intro-area .intro-content p{
		font-size: .8rem;
		line-height: 1;!important;
	}
	/*.shape-bottom{display: none;}*/
	.cp-btn{padding: 10px 20px;}
	.cp-btn::after{height: 27px; width: 27px;}
	.about-play-button i{font-size: 1.2rem;}
	.working-hours__start h4{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: .25rem;
	}
	.working-hours__start .wh-text{margin-left: 1rem;}
	.working-hours__start h4 span{
		font-size: .9rem;
		margin-left: 0;
	}

	.section-title span{font-size: 1.3rem;}
	#online-therapy-wrapper{margin: unset;}
	#aboutus{padding: 2rem 0;}
	.about-play-button{
		font-size:1.2rem;
		width: 60px;
		height: 60px;
	}
	#online-therapy-wrapper{padding: 2rem 0;}
	#services{padding: 2rem 0;}
	#gallery{padding: 2rem 0;}
	#feedback{padding: 2rem 0;}
	.testimonial-intro{margin-bottom: 1rem;}
	#memberships{padding: 2rem 0;}
	#blogs{padding: 2rem 0;}
	.contact-form-area{margin-bottom: 0!important;}
	.contact-map{height: 550px;}
	.contact-title h2::after{font-size: 45px;}
	/*.contact-form-content {
        border-radius: 0;
		padding: 2rem;
		max-width: none;
		position: static;
	}*/
	.social-media__end{justify-content: center;}
	.footer-center{padding:2rem 0;}
	.copyright, .design-info{text-align: center;}
}

/*---------------------------------------------------
   9.C 992 (medium tablet and phone)
-----------------------------------------------------*/
@media (min-width: 992px) {

    .mission-vision-wrapper{margin-top: 2rem;}
    .mission-vision a img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    section.timeline .timeline-box {
        width: 45%;
        margin: 50px 0;
        float: none;
        clear: none;
        position: relative;
        left: 0;
        right: 0;
    }
    section.timeline .timeline-box.left {
        margin-left: 0;
        text-align: left;
    }
    section.timeline .timeline-box.right {
        margin-left: auto;
        text-align: left;
    }
    section.timeline .timeline-box.left:after,
    section.timeline .timeline-box.right:after,
    section.timeline .timeline-box.left:before,
    section.timeline .timeline-box.right:before {
        display: block;
    }
}
/*---------------------------------------------------
   9.D 768 x 1024 (medium tablet and phone)
-----------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {

    /*-------- Detail --------*/

    .mission-vision-wrapper{margin-top: 2rem;}
    section.timeline {
        width: 100%;
        margin: 0;
        float: none;
    }

    section.timeline .timeline-box,
    section.timeline .timeline-box.right {
        margin: 15px auto;
        width: 90% !important;
        float: none;
        clear: both;
    }
    .timeline .timeline-box.left .timeline-box-arrow,
    .timeline .timeline-box.right .timeline-box-arrow {display: none;}
    /*-------- Detail --------*/
	.header-branding__title-pre{font-size: 1rem;}
	.header-branding__title{font-size: .8rem;}
	.header-branding__subtitle{font-size: .9rem;}
	.header-branding__img{max-width: 55px;}
	.header-carousel-one .owl-nav button.owl-next {margin-left: 10px;}
	.header-carousel-one .owl-nav button {display: inline-block;}
	.header-topbar{display: none;}
	.header-item-right{display: none;}
	.header-carousel-one .intro-area {min-height: 500px; padding: 1rem;}
	.header-carousel-one .owl-nav{
		bottom: 25px;
		left: 40%;
		top: auto;
		right: auto;
	}
	.intro-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.intro-area .intro-content h5{font-size:1.2rem; line-height: 1;!important;}
	.intro-area .intro-content h2{font-size: 1.5rem; line-height: 1;!important;}
	.intro-area .intro-content p{font-size: .8rem; line-height: 1;!important;}

	.shape-bottom{display: none;}
	.cp-btn{padding: 10px 20px;}
	.cp-btn::after{height: 27px; width: 27px;}
	.header-contact{display: none;}
	.header-item-right{display: none;}
	#online-therapy-wrapper{margin: unset;}
	#aboutus{padding: 2rem 0;}
	.about-play-button{font-size:1.2rem; width: 60px; height: 60px;}

	#online-therapy-wrapper{padding: 2rem 0;}
	#services{padding: 2rem 0;}
	#gallery{padding: 2rem 0;}
	#feedback{padding: 2rem 0;}
	.testimonial-intro{margin-bottom: 1rem;}
	#memberships{padding: 2rem 0;}
	#blogs{padding: 2rem 0;}
	.contact-title h2::after{font-size: 45px;}

	.footer-center{padding:2rem 0;}
	.copyright, .design-info{text-align: center;}
}
/*---------------------------------------------------
   9.E 1024 x 1199 (large tablet and laptop)
-----------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1199px) {



	.header-carousel-one .owl-nav button.owl-next {
		margin-left:0;
		margin-top: 5px;
	}
	.about-play-button{font-size:1.2rem; width: 60px; height: 60px;}
	.header-contact{display: none;}
	.header-item-right{display: none;}
}


/*---------------------------------------------------
   9.F 1199 x 1399 (large desktop and wide monitor)
-----------------------------------------------------*/
@media (min-width: 1199px) and (max-width: 1399px) {

    .header-carousel-one .owl-nav button.owl-next {
		margin-left:0;
		margin-top: 5px;
	}
	.working-hours__start h4{flex-direction: unset;}

}

/*---------------------------------------------------
   9.G 1400 > (Larger than 1400px) (large desktop)
-----------------------------------------------------*/
@media (min-width: 1400px) {
	.header-carousel-one .owl-nav button.owl-next {
		margin-left:0;
		margin-top: 5px;
	}
	.aboutus-socialmedia {
		margin-top: 25px;
		margin-bottom: 40px;
	}
	.working-hours__start h4{flex-direction: unset;}
}
/*---------------------------------------------------
   9.H Print
-----------------------------------------------------*/
@media print {
	.no-print {
		display: none;
	}
	.content {
		width: 100%;
		margin: 0;
	}
}
/*===================================================
   END OF RESPONSIVE DESIGN
=====================================================*/

/*===================================================
   10. ANIMATIONS
=====================================================*/

/*---------------------------------------------------
   10.A Video Icon
-----------------------------------------------------*/
@keyframes video-effect{
	0%{opacity:0.4}
	40%{opacity:0.6;box-shadow:0 0 0 2px rgba(var(--white-opacity),.2), 0 0 10px 10px var(--white-color), 0 0 0 10px rgba(var(--white-opacity),.6)}
	100%{box-shadow:0 0 0 2px rgba(var(--white-opacity),.2), 0 0 10px 10px var(--white-color), 0 0 0 10px rgba(var(--white-opacity),.5);transform:scale(1.4);opacity:0; }
}
@keyframes single-video-effect{
	0%{opacity:0.4}
	40%{opacity:0.6;box-shadow:0 0 0 2px rgba(var(--secondary-opacity),.2), 0 0 10px 10px var(--secondary-color-dark), 0 0 0 10px rgba(var(--secondary-opacity),.7)}
	100%{box-shadow:0 0 0 2px rgba(var(--secondary-opacity),.2), 0 0 10px 10px var(--secondary-color-dark), 0 0 0 10px rgba(var(--secondary-opacity),.7);transform:scale(1.4);opacity:0; }
}
/*---------------------------------------------------
   10.B Fixed Menu
-----------------------------------------------------*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}
/*---------------------------------------------------
   10.C About Icon
-----------------------------------------------------*/
@keyframes pulse-border {
	0% {
		transform: scale(1);
		opacity: 0.5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}
/*---------------------------------------------------
   10.D
-----------------------------------------------------*/

/*===================================================
   END OF ANIMATIONS
=====================================================*/