/* Osmaniye Pilates — Kinesi teması üzerine kurulmuştur. */

/* Izgara — Bootstrap 5 karsiligi, yalnizca kullanilan siniflar (~3 KB) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img,svg,video{vertical-align:middle}
img,video{max-width:100%;height:auto}
a{text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.container,.container-fluid{width:100%;padding-right:12px;padding-left:12px;margin:0 auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}
.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:12px;padding-left:12px}
.row.no-gutters{margin-right:0;margin-left:0}
.row.no-gutters>*{padding-right:0;padding-left:0}
.align-items-center{align-items:center}
.align-items-start{align-items:flex-start}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.text-center{text-align:center}
.d-none{display:none}
.d-flex{display:flex}
.w-100{width:100%}
.mb-0{margin-bottom:0}
.col-1{width:8.333333%}
.col-2{width:16.666667%}
.col-3{width:25.000000%}
.col-4{width:33.333333%}
.col-5{width:41.666667%}
.col-6{width:50.000000%}
.col-7{width:58.333333%}
.col-8{width:66.666667%}
.col-9{width:75.000000%}
.col-10{width:83.333333%}
.col-11{width:91.666667%}
.col-12{width:100.000000%}
@media(min-width:576px){.col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25.000000%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50.000000%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-9{width:75.000000%}.col-sm-10{width:83.333333%}.col-sm-11{width:91.666667%}.col-sm-12{width:100.000000%}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}}
@media(min-width:768px){.col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25.000000%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50.000000%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-9{width:75.000000%}.col-md-10{width:83.333333%}.col-md-11{width:91.666667%}.col-md-12{width:100.000000%}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}}
@media(min-width:992px){.col-lg-1{width:8.333333%}.col-lg-2{width:16.666667%}.col-lg-3{width:25.000000%}.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50.000000%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}.col-lg-9{width:75.000000%}.col-lg-10{width:83.333333%}.col-lg-11{width:91.666667%}.col-lg-12{width:100.000000%}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}}
@media(min-width:1200px){.col-xl-1{width:8.333333%}.col-xl-2{width:16.666667%}.col-xl-3{width:25.000000%}.col-xl-4{width:33.333333%}.col-xl-5{width:41.666667%}.col-xl-6{width:50.000000%}.col-xl-7{width:58.333333%}.col-xl-8{width:66.666667%}.col-xl-9{width:75.000000%}.col-xl-10{width:83.333333%}.col-xl-11{width:91.666667%}.col-xl-12{width:100.000000%}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}}
.order-1{order:1}.order-2{order:2}.order-3{order:3}

@font-face{font-family:'Manrope';
font-style:normal;font-weight:200 800;font-display:swap;
src:url('../font/manrope-var.woff2') format('woff2');}
@font-face{font-family:'Marcellus';
font-style:normal;font-weight:400;font-display:swap;
src:url('../font/marcellus-400.woff2') format('woff2');}
@font-face{font-family:'Caveat';
font-style:normal;font-weight:400 700;font-display:swap;
src:url('../font/caveat-var.woff2') format('woff2');}
/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Kinesi - Physiotherapy HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Why Choose Us css
08. Our Features css
09. How It Work css
10. Case Study css
11. Our Pricing css
12. What We Do css
13. Our FAQs css
14. Our Testimonial css
15. Our Team css
16. Book Appointment css
17. Our Blog css
18. Footer css
19. About Us Page css
20. Services Page css
21. Service Single css
22. Blog Archive css
23. Blog Single css
24. Case Study Page css
25. Case Study Single css
26. Team Page css
27. Team Single css
28. Pricing Page css
29. Testimonials Page css
30. Image Gallery css
31. Video Gallery css
32. FAQs Page css
33. Contact Us Page css
34. Book Appointment css
35. 404 Error Page css
36. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
	--primary-color					: #2E303F;
	--secondary-color				: #F8E6D8;
	--text-color					: #463F37;
	--accent-color					: #5A4A66;
	--accent-light-color			: #7A6A86;
	--accent-secondary-color		: #D5E1E7;
	--blush-color					: #E8D3C2;
	--bg-color						: #FBF6F2;
	--white-color					: #FFFFFF;
	--divider-color					: #2E303F1A;
	--dark-divider-color			: #FFFFFF26;
	--error-color					: rgb(190, 90, 70);
	--default-font					: "Manrope", "Segoe UI", sans-serif;
	--accent-font					: "Marcellus", Georgia, serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--bg-color);
}

::-webkit-scrollbar-track{
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--primary-color);
}
::-webkit-scrollbar-thumb{
	background: var(--accent-color);
}

::selection{
	color: var(--primary-color);
	background-color: var(--accent-color);
	filter: invert(1);
}

p{
	line-height: 1.7em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: var(--accent-font);
	margin :0;
	font-weight: 400;
	line-height: 1.2em;
	color: var(--primary-color);
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
}

.container{
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
    display: inline-block;
    background: var(--accent-color);
	border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    text-transform: none;
    color: var(--white-color);
    border: none;
    padding: 17px 48px 17px 20px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.btn-default:hover{
	background: transparent;
	color: var(--primary-color);
}

.btn-default::before{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
    font-family: 'Font Awesome 6 Free';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 10px;
    align-content: center;
    text-align: center;
    color: var(--white-color);
	border: 1px solid var(--white-color);
	border-radius: 50%;
	width: 18px;
	height: 18px;
    transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-default::after{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
	right: 0;
    width: 0;
    height: 106%;
    background: var(--accent-secondary-color);
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default:hover:after{
	width: 100%;
    transform: skew(0deg);
    left: 0;
}

.btn-default.btn-highlighted::after{
	background: var(--white-color);
}

.readmore-btn{
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: none;
	color: var(--accent-color);
	padding-right: 25px;
	transition: all 0.4s ease-in-out;
}

.readmore-btn:hover{
	color: var(--primary-color);
}

.readmore-btn:after{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
    font-family: 'Font Awesome 6 Free';
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 10px;
    align-content: center;
    text-align: center;
    color: var(--accent-color);
	border: 1px solid var(--accent-color);
	border-radius: 50%;
	width: 18px;
	height: 18px;
    transition: all 0.4s ease-in-out;
}

.readmore-btn:hover:after{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.cb-cursor:before{
	background: var(--accent-color);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.bg-section{
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
	border-radius: 40px;
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-title.section-title-center{
	width: 100%;
	max-width: 635px;
	text-align: center;
	margin: 0 auto;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 40px;
}

.section-title h3{
	position: relative;
	font-size: 14px;
    font-weight: 400;
	line-height: normal;
	letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--primary-color);
	display: inline-block;
	padding-left: 14px;
    margin-bottom: 10px;
}

.section-title h3::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: var(--accent-color);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.section-title h1{
	font-size: 60px;
	font-weight: 400;
    line-height: 1.2em;
	margin-bottom: 0;
	cursor: var(--imlec, auto);
}

.section-title h2{
	font-size: 42px;
	font-weight: 400;
	line-height: 1.3em;
	margin-bottom: 0;
	cursor: var(--imlec, auto);
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.dark-section{
	background-color: var(--primary-color);
}

.dark-section .section-title-content p,
.dark-section .section-title p,
.dark-section .section-title h3,
.dark-section .section-title h2,
.dark-section .section-title h1{
	color: var(--white-color);
}

.dark-section .section-title h3::before{
	background: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

.topbar{
	background: var(--accent-color);
	border-radius: 0 0 20px 20px;
	width: 100%;
	max-width: 1840px;
	margin: 0 auto;
	padding: 10px 40px;
	margin-bottom: 30px;
}

.topbar .container-fluid{
	padding: 0;
}

.topbar-contact-info ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.topbar-contact-info ul li{
	color: var(--white-color);
	line-height: normal;
}

.topbar-contact-info ul li i{
	font-size: 18px;
	color: var(--white-color);
	margin-right: 10px;
}

.topbar-contact-info ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.topbar-contact-info ul li a:hover{
	color: var(--secondary-color);
}

.topbar-social-links{
    text-align: right;
}

.topbar-social-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.topbar-social-links ul li{
    display: inline-block;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}

.topbar-social-links ul li:last-child{
	margin-right: 0;
}

.topbar-social-links ul li a{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--white-color);
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.topbar-social-links ul li a:hover{
	border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.topbar-social-links ul li a i{
    font-size: 16px;
    color: inherit;
}

header.main-header{
	position: relative;
	z-index: 100;
}

header.main-header .container-fluid{
	padding: 0;
}

header.main-header .header-sticky{
	position: relative;
	top: 0;
	width: 100%;
	max-width: 1840px;
	margin: 0 auto;
	z-index: 100;
}

.main-header.bg-section{
	border-bottom: 1px solid var(--dark-divider-color);
	border-radius: 0;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
    transform: translateY(0);
}

.navbar{
	background: var(--secondary-color);
	border-radius: 20px;
	padding: 24px 40px;
	align-items: center;
}

header.main-header .header-sticky.active .navbar{
	border-radius: 0 0 20px 20px;
}

.navbar-brand{
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper{
	flex: 1;
	text-align: center;
	margin: 0 20px;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.main-menu ul li{
	margin: 0;
	position: relative;
}

.main-menu ul li a{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1em;
	padding: 15px 20px !important;
	color: var(--primary-color);
	text-transform: none;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu > a:after{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 416a32 32 0 0 1-23-9L41 215a32 32 0 1 1 45-45l170 170 170-170a32 32 0 1 1 45 45L279 407a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 416a32 32 0 0 1-23-9L41 215a32 32 0 1 1 45-45l170 170 170-170a32 32 0 1 1 45 45L279 407a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
	
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: var(--accent-color);
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scale(1,0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--accent-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul{
    width: 235px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
    float: right;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--white-color);
	padding: 8px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--accent-secondary-color);
	background-color: transparent;
	padding: 8px 20px 8px 23px !important;
}

.header-btn{
	text-align: end;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	top: 0;
	position: relative;
}

.slicknav_btn{
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--secondary-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
    transform: rotate(-45deg) translate(-5px, 5px);
	background-color: var(--secondary-color);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
    transform: rotate(45deg) translate(-5px, -5px);
	background-color: var(--secondary-color);
}

.slicknav_menu{
	position: absolute;
    width: 100%;
	padding: 0;
	background: var(--accent-color);
}

.slicknav_menu ul{
	margin: 5px 0;
}

.slicknav_menu ul ul{
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	padding: 7px 20px;
	color: var(--white-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--accent-secondary-color);
}

.slicknav_menu ul ul li a{
    padding: 7px 20px 7px 30px;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 416a32 32 0 0 1-23-9L41 215a32 32 0 1 1 45-45l170 170 170-170a32 32 0 1 1 45 45L279 407a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 416a32 32 0 0 1-23-9L41 215a32 32 0 1 1 45-45l170 170 170-170a32 32 0 1 1 45 45L279 407a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
	
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--white-color);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
	color: var(--accent-secondary-color);
}

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero{
	width: 100%;
	max-width: 1840px;
	margin: 30px auto 0;
}

.hero .container-fluid{
	padding: 0;
}

.hero.hero-bg-image{
	position: relative;
	background: url('../gorsel/hero-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 40px;
	padding: 150px 15px;
	overflow: hidden;
}

.hero.hero-bg-image::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: var(--primary-color);
    opacity: 80%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero.hero-bg-image.hero-video .hero-bg-video{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hero.hero-bg-image.hero-video .hero-bg-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-section{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.hero-content{
	width: calc(50% - 20px);
	align-content: center;
	background: var(--white-color);
	border-radius: 40px;
	padding: 4.688vw;
}

.hero.hero-bg-image .hero-content{
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: transparent;
	text-align: center;
	padding: 0;
	z-index: 2;
}

.hero.hero-bg-image .hero-content .section-title p{
	width: 100%;
	max-width: 750px;
	margin: 20px auto 0;
}

.hero.hero-bg-image .hero-content .hero-content-list ul,
.hero.hero-bg-image .hero-content .hero-body{
	justify-content: center;
}

.hero.hero-bg-image .hero-content .hero-body .video-play-button a{
	border-color: var(--white-color);
}

.hero.hero-bg-image .hero-content .hero-body .video-play-button a i,
.hero.hero-bg-image .hero-content .hero-content-list ul li::before,
.hero.hero-bg-image .hero-content .hero-content-list ul li,
.hero.hero-bg-image .hero-content .hero-body .video-play-button p{
	color: var(--white-color);
}

.hero-content .section-title p{
	font-size: 18px;
}

.hero-body{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 40px;
	margin-top: 40px;
}

.hero-body .video-play-button{
	display: inline-flex;
	align-items: center;
}

.hero-body .video-play-button p{
	font-weight: 700;
	text-transform: none;
	color: var(--primary-color);
	margin: 0 20px 0 0;
}

.video-play-button a{
	height: 50px;
	width: 50px;
	border: 5px solid var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: var(--imlec, auto);
	transition: all 0.3s ease-in-out;
}

.video-play-button a i{
	font-size: 18px;
	color: var(--accent-color);
	margin-left: 2px;
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a{
	background: var(--accent-color);
}

.video-play-button:hover a i{
	color: var(--white-color);
}

.hero-content-list{
	margin-top: 40px;
}

.hero-content-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.hero-content-list ul li{
    position: relative;
	display: inline-block;
	line-height: 1.5em;
	color: var(--text-color);
	text-align: left;
    padding-left: 30px;
}

.hero-content-list ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.hero-image{
	position: relative;
	width: calc(50% - 20px);
}

.hero-image figure{
	display: block;
	height: 100%;
	border-radius: 40px;
}

.hero-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.874;
	object-fit: cover;
	border-radius: 40px;
}

.working-hours-box{
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: inline-block;
	background: var(--divider-color);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 30px;
}

.working-hours-box .icon-box{
	margin-bottom: 20px;
}

.working-hours-box .icon-box i{
	color: var(--white-color);
	font-size: 35px;
}

.working-hours-content h3{
	font-size: 22px;
	color: var(--white-color);
	margin-bottom: 10px;
}

.working-hours-content p{
	color: var(--white-color);
	margin: 0;
}

/************************************/
/***        05. About Us css      ***/
/************************************/

.about-us{
	padding: 100px 0;
}

.about-us .section-title.section-title-center{
	max-width: 960px;
}

.about-us-image{
	margin-bottom: 50px;
}

.about-us-image figure{
	display: block;
	border-radius: 40px;
}

.about-us-image img{
	width: 100%;
	aspect-ratio: 1 / 0.457;
	object-fit: cover;
	border-radius: 40px;
}

.about-us-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 60px;
}

.about-us-list ul li{
    position: relative;
	font-family: var(--accent-font);
	font-size: 22px;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
}

.about-us-list ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 20px;
    color: var(--accent-color);
}

/************************************/
/*** 	 06. Our Services css	  ***/
/************************************/

.our-services{
	background: url('../gorsel/section-bg-image.webp') no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}

.service-item{
	position: relative;
	background: var(--white-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 30px;
	overflow: hidden;
}

.service-item:before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--secondary-color);
	border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.service-item.active:before,
.service-item:hover:before{
	border-radius: 0;
	height: 100%;
}

.service-item .icon-box,
.service-content,
.service-readmore-btn{
	position: relative;
	z-index: 1;
}

.service-item .icon-box{
	margin-bottom: 60px;
}

.service-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.service-content{
	margin-bottom: 30px;
}

.service-content h3{
	font-size: 22px;
	margin-bottom: 15px;
}

.service-content h3 a{
	color: inherit;
}

.service-content p{
	margin-bottom: 0;
}

.section-footer-text{
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p{
	font-size: 18px;
	margin-bottom: 0;
}

.section-footer-text span{
	font-family: var(--accent-font);
	font-size: 14px;
	color: var(--white-color);
	background: var(--accent-color);
	padding: 3px 10px;
	border-radius: 100px;
	margin-right: 10px;
}

.section-footer-text p a{
	font-weight: 700;
	text-transform: none;
	text-decoration: underline;
	color: var(--accent-color);
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover{
	color: var(--primary-color);
}

/************************************/
/*** 	 07. Why Choose Us css	  ***/
/************************************/

.why-choose-us{
	padding: 100px 0;
}

.why-choose-box-1,
.why-choose-box-2{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.why-choose-image figure{
	height: 100%;
	display: block;
	border-radius: 20px;
}

.why-choose-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.845;
	object-fit: cover;
	border-radius: 20px;
}

.why-choose-item{
	position: relative;
	background-color: var(--secondary-color);
	align-content: center;
	border-radius: 20px;
	height: 100%;
	padding: 40px;
	overflow: hidden;
}

.why-choose-item::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.why-choose-item:hover::before{
    border-radius: 0;
    height: 100%;
}

.why-choose-box-2 .why-choose-item{
	background-color: var(--accent-secondary-color);
} 

.why-choose-item p,
.why-choose-item h2{
	position: relative;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.why-choose-item:hover p,
.why-choose-item:hover h2{
	color: var(--white-color);
}

.why-choose-item p{
	margin-bottom: 40px;
}

.why-choose-item h2,
.why-choose-title h2{
	font-size: 34px;
}

.why-choose-image-box{
	position: relative;
	height: 100%;
}

.why-choose-image-box figure{
	position: relative;
	display: block;
	border-radius: 20px;
	height: 100%;
	overflow: hidden;
}

.why-choose-image-box figure::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(46, 48, 63, 0) 63.74%, rgba(46, 48, 63, 0.8) 93.09%), linear-gradient(0deg, rgba(46, 48, 63, 0) 68.34%, rgba(46, 48, 63, 0.8) 105.14%);
	width: 100%;
	height: 100%;
}

.why-choose-image-box figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.57;
	object-fit: cover;
	border-radius: 20px;
}

.why-choose-title,
.why-choose-content{
	position: absolute;
	right: 40px;
	left: 40px;
	z-index: 1;
}

.why-choose-title{
	top: 40px;
}

.why-choose-title h2{
	color: var(--white-color);
}

.why-choose-content{
	bottom: 40px;
}

.why-choose-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

/************************************/
/*** 	 08. Our Features css	  ***/
/************************************/

.our-features{
	position: relative;
	background: url('../gorsel/osmaniye-pilates-studyo-genis.webp') no-repeat;
    background-position: center center;
    background-size: cover;
	padding: 100px 0;
	overflow: hidden;
}

.our-features::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--primary-color);
	opacity: 70%;
	z-index: 0;
}

.features-item{
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(5px);
	--webkit-backdrop-filter: blur(5px);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 30px;
	transition: all 0.4s ease-in-out;
}

.features-item:hover{
	transform: translateY(-5px);
}

.features-item .icon-box{
	margin-bottom: 30px;
}

.features-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.feature-item-content h3{
	font-size: 22px;
	color: var(--white-color);
	margin-bottom: 15px;
}

.feature-item-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.feature-counters-box{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 50px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 50px;
	padding-top: 80px;
	z-index: 1;
}

.feature-counter-content{
	width: calc(24% - 25px);
}

.feature-counter-content h3{
	font-size: 22px;
	line-height: 1.4em;
	color: var(--white-color);
}

.feature-counter-list{
	width: calc(76% - 25px);
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
}

.feature-counter-item{
	width: calc(25% - 30px);
	text-align: center;
}

.feature-counter-item h2{
	font-size: 54px;
	color: var(--white-color);
	margin-bottom: 10px;
}

.feature-counter-item p{
	color: var(--white-color);
	text-transform: none;
	margin-bottom: 0;
}

/************************************/
/*** 	  09. How It Work css	  ***/
/************************************/

.how-it-work{
	padding: 100px 0;
}

.how-it-work-content{
	margin-right: 15px;
}

.how-it-work-image figure{
	display: block;
	border-radius: 40px;
}

.how-it-work-image img{
	width: 100%;
	aspect-ratio: 1 / 0.7;
	object-fit: cover;
	border-radius: 40px;
}

.work-step-item{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.work-step-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.work-step-item .icon-box{
	margin-right: 20px;
}

.work-step-item .icon-box img{
	width: 100%;
	max-width: 50px;
}

.work-step-item-content{
	width: calc(100% - 70px);
}

.work-step-item-content h3{
	font-size: 22px;
	margin-bottom: 15px;
}

.work-step-item-content p{
	margin-bottom: 0;
}

.work-step-btn{
	margin-top: 60px;
}

/************************************/
/*** 	  10. Case Study css	  ***/
/************************************/

.case-study{
	background-color: var(--secondary-color);
	padding: 100px 0 70px;
}

.case-study-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.case-study-image{
	margin-bottom: 20px;
}

.case-study-image a,
.case-study-image figure{
	display: block;
	border-radius: 20px;
	cursor: var(--imlec, auto);
}

.case-study-image img{
	width: 100%;
	aspect-ratio: 1 / 0.698;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
}

.case-study-item:hover .case-study-image img{
	transform: scale(1.1);
}

.case-study-content{
	margin-bottom: 20px;
}

.case-study-content h2{
	font-size: 22px;
	line-height: 1.4em;
}

.case-study-content h2 a{
	color: inherit;
}

/************************************/
/*** 	  11. Our Pricing css	  ***/
/************************************/

.our-pricing{
	padding: 100px 0;
}

.pricing-item{
	background-color: var(--white-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
}

.pricing-item.pricing-box-2{
	background-color: var(--secondary-color);
}

.pricing-item.pricing-box-3{
	background-color: var(--accent-secondary-color);
}

.pricing-header,
.pricing-body{
	margin-bottom: 40px;
}

.pricing-header h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 15px;
}

.pricing-header p{
	margin-bottom: 10px;
}

.pricing-header h2{
	font-size: 54px;
}

.pricing-header h2 sub{
	font-family: var(--default-font);
	font-size: 16px;
	color: var(--text-color);
	text-transform: none;
	bottom: 0;
}

.pricing-body .btn-default{
	width: 100%;
	text-align: center;
	padding: 17px;
}

.pricing-body .btn-default::before{
	display: none;
}

.pricing-footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-footer ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
	margin-bottom: 15px;
}

.pricing-footer ul li:last-child{
	margin-bottom: 0;
}

.pricing-footer ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.pricing-benefit-list{
	margin-top: 30px;
}

.pricing-benefit-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: 20px 40px;
}

.pricing-benefit-list ul li{
	color: var(--primary-color);
    display: inline-flex;
    align-items: center;
}

.pricing-benefit-list ul li img{
	max-width: 20px;
	margin-right: 15px;
}

/************************************/
/*** 	  12. What We Do css	  ***/
/************************************/

.what-we-do{
	background: url('../gorsel/section-bg-image.webp') no-repeat;
    background-position: center center;
    background-size: cover;
	padding: 100px 0;
}

.what-we-do-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 60px;
}

.client-review-rating{
	margin-bottom: 30px;
}

.client-review-rating i{
	color: var(--accent-color);
}

.client-review-content p{
	margin-bottom: 0;
}

.client-review-content p span{
	font-family: var(--accent-font);
	font-size: 30px;
	color: var(--primary-color);
}

.client-review-images{
	display: inline-flex;
	margin-top: 15px;
}

.client-image{
	position: relative;
	height: 42px;
	width: 42px;
	border: 1px solid var(--secondary-color);
	border-radius: 50%;
	margin-left: -6px;
	z-index: 1;
}

.client-image:first-child{
	margin-left: 0;
}

.client-image figure{
	display: block;
	border-radius: 50%;
}

.client-image img{
	width: 100%;
	border-radius: 50%;
}

.what-we-do-footer{
	margin-top: 40px;
}

.what-we-do-image{
	margin-left: 15px;
}

.what-we-do-image figure{
	display: block;
	border-radius: 40px;
}

.what-we-do-image img{
	width: 100%;
	aspect-ratio: 1 / 0.992;
	object-fit: cover;
	border-radius: 40px;
}

/************************************/
/*** 	 	13. Our FAQs css	  ***/
/************************************/

.our-faqs{
	padding: 100px 0;
}

.faqs-content{
    position: sticky;
    top: 30px;
    margin-right: 15px;
}

.faqs-contact-box{
	display: inline-block;
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
}

.faqs-contact-item{
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.faqs-contact-item .icon-box{
	margin-right: 20px;
}

.faqs-contact-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.faqs-contact-content{
	width: calc(100% - 60px);
}

.faqs-contact-content h3{
	font-size: 22px;
}

.faqs-contact-list ul{
	display: flex;
	gap: 20px 40px;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.faqs-contact-list ul li a{
	display: inline-flex;
	gap: 10px;
	color: var(--text-color);
	transition: all 0.3s ease-in-out;
}

.faqs-contact-list ul li i{
	font-size: 20px;
	color: var(--accent-color);
	transition: all 0.3s ease-in-out;
}

.faqs-contact-list ul li:hover a,
.faqs-contact-list ul li:hover i{
	color: var(--primary-color);
}

.faq-accordion .accordion-item{
	position: relative;
	border-radius: 12px;
	margin-bottom: 30px;
    padding: 0;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
    background: var(--accent-secondary-color);
    color: var(--primary-color);
    padding: 20px 50px 20px 20px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-header .accordion-button.collapsed{
	background: var(--white-color);   
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 96c8 0 16 3 23 9l192 192a32 32 0 0 1-45 45L256 172 86 342a32 32 0 1 1-45-45L233 105c7-6 15-9 23-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 96c8 0 16 3 23 9l192 192a32 32 0 0 1-45 45L256 172 86 342a32 32 0 1 1-45-45L233 105c7-6 15-9 23-9z'/%3E%3C/svg%3E") center/contain no-repeat;
    
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
    font-size: 14px;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    transform: translateY(-50%) rotate(180deg);
}

.faq-accordion .accordion-item .accordion-body{
	background: var(--accent-secondary-color);
	border-top: 1px solid var(--divider-color);
	padding: 20px 50px 20px 20px;
}

.faq-accordion .accordion-item .accordion-body p{
	margin: 0;
}

/************************************/
/***   14. Our Testimonials css	  ***/
/************************************/

.our-testimonials{
	background-color: var(--accent-secondary-color);
	padding: 100px 0;
}

.our-testimonials-content{
	margin-right: 15px;
}

.testimonial-body{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}

.testimonial-item-list,
.testimonial-image{
	width: calc(50% - 15px);
}

.testimonial-body-item{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.testimonial-body-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.testimonial-body-item h3{
	position: relative;
	font-size: 22px;
	padding-left: 30px;
	margin-bottom: 15px;
}

.testimonial-body-item h3::before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 20px;
    color: var(--accent-color);
}

.testimonial-body-item p{
	margin-bottom: 0;
}

.testimonial-image figure{
	display: block;
	border-radius: 20px;
}

.testimonial-image img{
	width: 100%;
	aspect-ratio: 1 / 0.974;
	object-fit: cover;
	border-radius: 20px;
}

.testimonial-slider .swiper-wrapper{
	cursor: var(--imlec, auto);
}

.testimonial-rating{
	margin-bottom: 30px;
}

.testimonial-rating i{
	font-size: 20px;
	color: var(--accent-color);
}

.testimonial-content{
	margin-bottom: 40px;
}

.testimonial-content h3{
	font-size: 22px;
	margin-bottom: 15px;
}

.testimonial-content p{
	margin-bottom: 0;
}

.testimonial-author{
	display: flex;
	align-items: center;
}

.author-image figure{
	display: block;
	border-radius: 12px;
}

.author-image{
	margin-right: 20px;
}

.author-image img{
	width: 100%;
	max-width: 60px;
	border-radius: 12px;
}

.author-content h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 5px;
}

.author-content p{
	text-transform: none;
	margin-bottom: 0;
}

.testimonial-btn{
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{
	position: relative;
	width: 40px;
	height: 40px;
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next{
	margin-left: 20px;
}

.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{
	color: var(--white-color);
	background: var(--primary-color);
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
	font-family: 'Font Awesome 6 Free';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	font-size: 20px;
	font-weight: 600;
	color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-slider .testimonial-button-prev::before{
	transform: rotate(180deg);
}

/************************************/
/*** 	   15. Our Team css 	  ***/
/************************************/

.our-team{
	padding: 100px 0 70px;
}

.team-item{
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.team-image{
	position: relative;
	margin-bottom: 20px;
}

.team-image a,
.team-image figure{
	display: block;
	cursor: var(--imlec, auto);
	border-radius: 20px;
	overflow: hidden;
}

.team-image figure::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(46, 48, 63, 0) 56.82%, rgba(46, 48, 63, 0.8) 100%);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.team-item:hover .team-image figure::before{
	opacity: 1;
}

.team-image img{
    width: 100%;
	aspect-ratio: 1 / 1.155;
    object-fit: cover;
	transition: all 0.4s ease-in-out;
}

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

.team-social-icon{
	position: absolute;
	right: 30px;
	bottom: 0;
	left: 30px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.team-item:hover .team-social-icon{
	bottom: 30px;
	opacity: 1;
	visibility: visible;
}

.team-social-icon ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.team-social-icon ul li a{
	width: 36px;
	height: 36px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.team-social-icon ul li a:hover{
	border-color: var(--accent-color);
	background: var(--accent-color);
}

.team-social-icon ul li a i{
	font-size: 18px;
	color: inherit;
}

.team-content{
	text-align: center;
}

.team-content h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 5px;
}

.team-content h3 a{
	color: inherit;
}

.team-content p{
	text-transform: none;
	margin: 0;
}

/************************************/
/***   16. Book Appointment css	  ***/
/************************************/

.book-appointment{
	background: var(--secondary-color);
	padding: 100px 0;
}

.book-appointment-content{
	margin-right: 15px;
}

.appointment-image-info{
	position: relative;
}

.appointment-image{
	border-radius: 20px;
	overflow: hidden;
}

.appointment-image figure{
	display: block;
}

.appointment-image figure::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(46, 48, 63, 0) 24.49%, rgba(46, 48, 63, 0.8) 90.25%);
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.appointment-image img{
	width: 100%;
	aspect-ratio: 1 / 0.5;
	object-fit: cover;
}

.appointment-info-list{
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 50px;
	z-index: 1;
}

.appointment-info-item .icon-box{
	margin-bottom: 20px;
}

.appointment-info-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.appointment-info-content h3{
	font-size: 22px;
	text-transform: none;
	color: var(--white-color);
	margin-bottom: 5px;
}

.appointment-info-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.appointment-info-content p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.appointment-info-content p a:hover{
	color: var(--secondary-color);
}

.appointment-form .form-control{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--text-color);
	background-color: var(--white-color);
	border-radius: 10px;
	padding: 18px 20px;
	border: none;
	box-shadow: none;
	outline: none;
}

.appointment-form .form-control::placeholder{
	color: var(--text-color);
}

.appointment-form form .form-group select{
	padding: 18px 30px 18px 20px;
}

.appointment-form form .form-group select option{
	color: var(--primary-color);
	font-weight: 500;
}

/************************************/
/*** 	   17. Our Blog css 	  ***/
/************************************/

.our-blog{
	padding: 100px 0 70px;
}

.post-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.post-featured-image{
	margin-bottom: 20px;
}

.post-featured-image a,
.post-featured-image figure{
    cursor: var(--imlec, auto);
    display: block;
	border-radius: 20px;
    overflow: hidden;
}

.post-featured-image img{
	width: 100%;
    aspect-ratio: 1 / 0.745;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.post-item:hover .post-featured-image img{
	transform: scale(1.1);
}

.post-item-content{
	margin-bottom: 15px;
}

.post-item-content h2{
    font-size: 22px;
	line-height: 1.4em;
}

.post-item-content h2 a{
    color: inherit;
}

/************************************/
/*** 	 	18. Footer css		  ***/
/************************************/

.main-footer{
	background-color: var(--accent-color);
	padding: 100px 0 0;
	margin-bottom: 100px;
}

.footer-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.footer-header-content h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 10px;
}

.footer-header-content h2{
	font-size: 46px;
	color: var(--white-color);
}

.footer-header-content h2 a{
	color: inherit;
}

.footer-logo img{
	width: 100%;
	max-width: 142px;
}

.about-footer-content{
	margin-bottom: 40px;
}

.about-footer-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-social-links ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-social-links ul li{
	display: inline-block;
	margin-right: 12px;
}

.footer-social-links ul li:last-child{
	margin-right: 0;
}

.footer-social-links ul li a{
	width: 36px;
	height: 36px;
	font-size: 18px;
	color: var(--white-color);
    border: 1px solid var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.footer-social-links ul li a:hover{
	color: var(--primary-color);
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}

.footer-links.services-links{
	margin-left: 40px;
}

.footer-links h3{
	font-size: 22px;
	color: var(--white-color);
	text-transform: none;
	margin-bottom: 20px;
}

.footer-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links ul li{
	text-transform: none;
	line-height: 1.5em;
	margin-bottom: 12px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-links ul li a{
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover{
	color: var(--accent-secondary-color);
}

.footer-contact-item{
	margin-bottom: 25px;
}

.footer-contact-item:last-child{
	margin-bottom: 0;
}

.footer-contact-item p{
	color: var(--white-color);
	margin-bottom: 5px;
}

.footer-contact-item h3{
	font-size: 20px;
	margin: 0;
}

.footer-contact-item h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-contact-item h3 a:hover{
	color: var(--accent-secondary-color);
}

.footer-links.footer-privacy-policy{
	margin-left: 0;
}

.footer-newsletter-form{
	margin-bottom: 20px;
}

.footer-newsletter-form .form-group{
	display: flex;
}

.footer-newsletter-form .form-group .form-control{
	width: calc(100% - 60px);
	font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--white-color);
    background: transparent;
    border: 1px solid var(--white-color);
	border-right: none;
    border-radius: 12px 0 0 12px;
    padding: 17px 20px;
    box-shadow: none;
	outline: none;
}

.footer-newsletter-form .form-group .form-control::placeholder{
	color: var(--white-color);
}

.footer-newsletter-form .form-group .newsletter-btn{
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
    background-color: var(--white-color);
	color: var(--accent-color);
    border: none;
	border-radius: 0 12px 12px 0;
    padding: 0;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form .form-group .newsletter-btn:hover{
	background-color: var(--secondary-color);
}

.footer-newsletter-form .form-group .newsletter-btn i{
	font-size: 30px;
	color: inherit;
	margin-right: 3px;
}

.footer-privacy-policy p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-copyright-text{
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 60px;
	padding: 60px 0;
}

.footer-copyright-text p{
	color: var(--white-color);
	text-align: center;
	margin-bottom: 0;
}

/************************************/
/*** 	 19. About Us Page css	  ***/
/************************************/

.page-header{
	width: 100%;
	max-width: 1840px;
	margin: 30px auto 0;
	background: var(--white-color);
	border-radius: 40px;
	padding: 100px 0;
}

.page-header-box{
	text-align: center;
}

.page-header-box h1{
	display: inline-block;
    font-size: 60px;
    line-height: 1.1em;
    margin-bottom: 10px;
    cursor: var(--imlec, auto);
}

.page-header-box ol{
	margin: 0;
	padding: 0;
	justify-content: center;
}

.page-header-box ol li.breadcrumb-item{
	font-size: 18px;
	text-transform: none;
	line-height: normal;
	color: var(--text-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
	color: var(--text-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.our-approach{
	background: url('../gorsel/section-bg-image.webp') no-repeat;
    background-position: center center;
    background-size: cover;
	padding: 100px 0;
}

.our-approach-content{
	position: sticky;
	top: 30px;
}

.approach-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.approach-item,
.approach-image{
	width: calc(50% - 15px);
}

.approach-item{
	background: var(--white-color);
	border-radius: 20px;
	padding: 40px;
}

.approach-item.approach-box-2{
	background: var(--accent-secondary-color);
}

.approach-item.approach-box-3{
	background: var(--secondary-color);
}

.approach-item .icon-box{
	margin-bottom: 40px;
}

.approach-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.approach-item-content h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 10px;
}

.approach-item-content p{
	margin-bottom: 0;
}

.approach-image figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.approach-image img{
	width: 100%;
	aspect-ratio: 1 / 0.6;
	object-fit: cover;
	border-radius: 20px;
}

.our-commitment{
	padding: 100px 0;
}

.our-commitment-image{
	position: relative;
	margin-right: 15px;
}

.our-commitment-image figure{
	display: block;
	border-radius: 20px;
}

.our-commitment-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.98;
	object-fit: cover;
	border-radius: 20px;
}

.project-complete-box{
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: flex;
	border-radius: 20px;
	background: var(--white-color);
	padding: 20px;
	overflow: hidden;
	z-index: 1;
}

.project-complete-box::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	border-radius: 999px 999px 0 0;
	height: 0;
	width: 100%;
	transition: all 0.4s ease-in-out;
}

.our-commitment-image:hover .project-complete-box::before{
	border-radius: 0;
	height: 100%;
}

.project-complete-box .icon-box,
.project-complete-counter{
	position: relative;
	z-index: 1;
}

.project-complete-box .icon-box{
	margin-right: 20px;
}

.project-complete-box .icon-box img{
	width: 100%;
	max-width: 55px;
}

.project-complete-counter h2{
	font-size: 54px;
	line-height: 1em;
	margin-bottom: 5px;
}

.project-complete-counter p{
	margin-bottom: 0;
}

.commitment-body{
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	overflow: hidden;
}

.commitment-body-item{
	width: 50%;
	display: flex;
	background-color: var(--accent-secondary-color);
	padding: 30px;
}

.commitment-body-item:nth-child(4n - 3),
.commitment-body-item:nth-child(4n){
	background-color: var(--secondary-color);
}

.commitment-body-item .icon-box{
	margin-right: 20px;
}

.commitment-body-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.commitment-body-content{
	width: calc(100% - 80px);
}

.commitment-body-content h3{
	font-size: 22px;
	margin-bottom: 10px;
}

.commitment-body-content p{
	margin-bottom: 0;
}

.commitment-list,
.commitment-btn{
	margin-top: 40px;
}

.commitment-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.commitment-list ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
	margin-bottom: 15px;
}

.commitment-list ul li:last-child{
	margin-bottom: 0;
}

.commitment-list ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.our-promise{
    padding: 100px 0;
}

.our-promise-images{
    margin-right: 15px;
}

.promise-image-counter{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

.promise-img-1 figure,
.promise-img-2 figure{
    display: block;
    border-radius: 20px;
}

.promise-img-1 figure,
.promise-counter-box{
    height: 100%;
}

.promise-img-1 img,
.promise-img-2 img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 0.496;
    border-radius: 20px;
}

.promise-img-1,
.promise-counter-box{
    width: calc(50% - 15px);
}

.promise-counter-box{
    background: var(--accent-secondary-color);
    border-radius: 20px;
    text-align: center;
    padding: 30px 20px;
}

.promise-counter-header{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.promise-counter-header h2{
    width: calc(50% - 20px);
    font-size: 46px;
    font-weight: 700;
    text-align: right;
    margin-right: 20px;
}

.promise-counter-header p{
    width: 50%;
	text-transform: none;
    text-align: left;
    margin-bottom: 0;
}

.promise-counter-body a{
	display: inline-block;
    border-radius: 50%;
}

.promise-counter-body a img{
	width: 100%;
    max-width: 120px;
    border-radius: 50%;
    animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}

.promise-counter-footer{
	margin-top: 30px;
}

.promise-counter-footer h3{
	font-size: 20px;
	color: var(--accent-color);
}

.promise-body h3{
	font-size: 22px;
	line-height: 1.4em;
}

.promise-list{
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.promise-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.promise-list ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
}

.promise-list ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.our-values{
    background: url('../gorsel/section-bg-image.webp') no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}

.value-image-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.value-counter-image{
	width: calc(50% - 15px);
}

.value-counter-image figure{
	display: block;
	border-radius: 20px;
	height: 100%;
}

.value-counter-image img{
	width: 100%;
	aspect-ratio: 1 / 0.6;
	object-fit: cover;
	border-radius: 20px;
}

.value-counter-box{
	position: relative;
	width: calc(50% - 15px);
	background-color: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	overflow: hidden;
}

.value-counter-box::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--secondary-color);
    border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.value-counter-box:hover::before{
    border-radius: 0;
    height: 100%;
}

.value-counter-title,
.value-counter-content{
	position: relative;
	z-index: 1;
}

.value-counter-title{
	margin-bottom: 70px;
}

.value-counter-title h3{
	font-size: 22px;
	text-transform: none;
}

.value-counter-content h2{
	font-size: 54px;
	margin-bottom: 10px;
}

.value-counter-content p{
	margin-bottom: 0;
}

.value-image figure{
	display: block;
	border-radius: 20px;
}

.value-image img{
	width: 100%;
	aspect-ratio: 1 / 1.488;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	 20. Services Page css	  ***/
/************************************/

.page-services{
	padding: 100px 0 70px;
}

/************************************/
/*** 	21. Service Single css	  ***/
/************************************/

.page-service-single{
	padding: 100px 0;
}

.page-single-sidebar{
	position: sticky;
	top: 20px;
	margin-right: 15px;
}

.page-catagery-list{
	border: 1px solid var(--divider-color);
	border-radius: 20px;
    margin-bottom: 60px;
	overflow: hidden;
}

.page-catagery-list h3{
    font-size: 22px;
    color: var(--white-color);
    text-transform: none;
	background: var(--accent-color);
    padding: 20px 30px;
}

.page-catagery-list ul{
    list-style: none;
    margin: 0;
    padding: 30px;
}

.page-catagery-list ul li{
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page-catagery-list ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.page-catagery-list ul li a{
    position: relative;
    display: block;
	line-height: 1.5em;
    text-transform: none;
    color: var(--text-color);
    padding-right: 30px;
    transition: all 0.4s ease-in-out;
}

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

.page-catagery-list ul li a::before{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480a32 32 0 0 1-23-55l169-169L73 87a32 32 0 1 1 46-45l192 192c12 12 12 33 0 45L119 471a32 32 0 0 1-23 9z'/%3E%3C/svg%3E") center/contain no-repeat;
    font-family: 'Font Awesome 6 Free';
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 10px;
	font-weight: 600;
    color: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
    border: 1px solid var(--accent-color);
    border-radius: 50%;
    width: 18px;
    height: 18px;
	transition: all 0.4s ease-in-out;
}

.page-catagery-list ul li a:hover::before{
	background-color: var(--accent-color);
	color: var(--white-color);
}

.sidebar-cta-box{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.sidebar-cta-image figure{
	position: relative;
	display: block;
}

.sidebar-cta-image figure::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(179.96deg, rgba(90, 74, 102, 0) 33.3%, rgba(90, 74, 102, 0.738) 56.63%, rgba(90, 74, 102, 0.9) 98.98%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sidebar-cta-image img{
	width: 100%;
	aspect-ratio: 1 / 1.242;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.sidebar-cta-box:hover .sidebar-cta-image img{
	transform: scale(1.1);
}

.sidebar-cta-content{
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	z-index: 1;
}

.sidebar-cta-item{
	display: flex;
	margin-bottom: 20px;
}

.sidebar-cta-item .icon-box{
	margin-right: 20px;
}

.sidebar-cta-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.cta-item-content h3{
	font-size: 22px;
	color: var(--white-color);
	margin-bottom: 10px;
}

.cta-item-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.sidebar-cta-contact a{
	display: flex;
	align-items: center;
	background-color: var(--white-color);
	color: var(--text-color);
	font-weight: 500;
	border-radius: 20px;
	padding: 20px;
	transition: all 0.3s ease-in-out;
}

.sidebar-cta-contact a:hover{
	background-color: var(--secondary-color);
}

.sidebar-cta-contact a img{
	width: 100%;
	max-width: 20px;
	margin-right: 15px;
}

.page-single-image{
	margin-bottom: 40px;
}

.page-single-image figure{
	display: block;
	border-radius: 20px;
}

.page-single-image img{
	width: 100%;
	aspect-ratio: 1 / 0.598;
	object-fit: cover;
	border-radius: 20px;
}

.service-entry{
	margin-bottom: 60px;
}

.service-entry h2{
    font-size: 42px;
    margin-bottom: 20px;
}

.service-entry p{
	margin-bottom: 20px;
}

.service-entry p:last-child{
	margin-bottom: 0;
}

.service-entry ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-entry ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
	margin-bottom: 15px;
}

.service-entry ul li:last-child{
	margin-bottom: 0;
}

.service-entry ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.service-why-choose,
.service-transform-box,
.service-expertise-box{
	margin-top: 60px;
}

.service-why-choose-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-why-choose-image,
.service-why-choose-items{
	width: calc(50% - 15px);
}

.service-why-choose-image figure{
	display: block;
	border-radius: 20px;
}

.service-why-choose-image img{
	width: 100%;
	aspect-ratio: 1 / 1.11;
	object-fit: cover;
	border-radius: 20px;
}

.service-why-choose-item{
	position: relative;
	background-color: var(--accent-secondary-color);
	border-radius: 20px;
	margin-bottom: 30px;
	padding: 40px;
	overflow: hidden;
}

.service-why-choose-item:last-child{
	margin-bottom: 0;
}

.service-why-choose-item::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	border-radius: 20px;
	height: 0;
	width: 100%;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.service-why-choose-item:hover::before{
	height: 100%;
}

.service-why-choose-item p,
.service-why-choose-item h2{
	position: relative;
	z-index: 1;
}

.service-why-choose-item p{
	margin-bottom: 30px;
}

.service-why-choose-item h2{
	font-size: 34px;
	margin-bottom: 0;
}

.service-transform-steps{
	margin-top: 40px;
}

.transform-step-item{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.transform-step-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.transform-step-item-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 15px;
}

.transform-step-item-title h3{
	position: relative;
	font-size: 22px;
	padding-left: 30px;
}

.transform-step-item-title h3::before{
	content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 20px;
    color: var(--accent-color);
}

.transform-step-item-title h2{
	font-size: 22px;
	margin-bottom: 0;
}

.personalized-care-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	padding: 30px;
	margin-top: 40px;
}

.personalized-care-content,
.personalized-care-image{
	width: calc(50% - 15px);
}

.personalized-care-content{
	align-content: center;
}

.personalized-care-content ul{
	margin-top: 40px;
}

.personalized-care-image figure{
	display: block;
	border-radius: 20px;
}

.personalized-care-image img{
	width: 100%;
	aspect-ratio: 1 / 0.823;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	 22. Blog Archive css	  ***/
/************************************/

.page-blog{
	padding: 100px 0;
}

.page-pagination{
    margin-top: 20px;
    text-align: center;
}

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--white-color);
    color: var(--accent-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 600;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: var(--accent-color);
    color: var(--white-color);
}

/************************************/
/*** 	 23. Blog Single css	  ***/
/************************************/

.page-single-post{
	padding: 100px 0;
}

.post-single-meta ol li{
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: var(--primary-color);
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;	
	border-radius: 30px;
	overflow: hidden;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 30px;
}

.post-content{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 400;
	line-height: 1.1em;
	margin: 0 0 0.358em;
}

.post-entry h1{
	font-size: 60px;
}

.post-entry h2{
	font-size: 42px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 20px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--text-color);
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: url('../gorsel/icon-blockquote.svg'), var(--accent-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 45px;
    border: 1px solid var(--divider-color);
	border-radius: 20px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--white-color);
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
	font-family: var(--accent-font);
    font-size: 22px;
	font-weight: 400;
    text-transform: none;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a{
    display: inline-block;
	font-family: var(--default-font);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
	background: var(--accent-color);
    color: var(--white-color);
	border-radius: 100px;
    padding: 12px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover{
	background: var(--accent-secondary-color);
	color: var(--primary-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: var(--accent-color);
    color: var(--white-color);
	border-radius: 100px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background: var(--accent-secondary-color);
	color: var(--primary-color);
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/*** 	24. Case Study Page css	  ***/
/************************************/

.page-case-study{
	padding: 100px 0 70px;
}

/************************************/
/***   25. Case Stydy Single css  ***/
/************************************/

.page-case-study-single{
	padding: 100px 0;
}

.case-study-catagery-list{
	background-color: var(--secondary-color);
	border-radius: 20px;
	margin-bottom: 60px;
	padding: 30px;
}

.case-study-catagery-item{
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: var(--white-color);
	border-radius: 14px;
	margin-bottom: 20px;
	padding: 20px;
	transition: all 0.4S ease-in-out;
}

.case-study-catagery-item:last-child{
	margin-bottom: 0;
}

.case-study-catagery-item:hover{
	background-color: var(--accent-secondary-color);
}

.case-study-catagery-content{
	width: calc(100% - 50px);
}

.case-study-catagery-content h3{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 3px;
}

.case-study-catagery-content p{
	margin-bottom: 0;
}

.case-study-catagery-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.case-study-entry{
	margin-bottom: 60px;
}

.case-study-entry h2{
    font-size: 42px;
    margin-bottom: 20px;
}

.case-study-entry p{
	margin-bottom: 20px;
}

.case-study-entry p:last-child{
	margin-bottom: 0;
}

.case-study-entry ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-study-entry ul li{
	position: relative;
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
	margin-bottom: 15px;
}

.case-study-entry ul li:last-child{
	margin-bottom: 0;
}

.case-study-entry ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.rebuilding-strength-box,
.treatment-approach-box,
.movement-steps-box{
	margin-top: 60px;
}

.rebuilding-image-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.rebuilding-image,
.rebuilding-content{
	width: calc(50% - 15px);
}

.rebuilding-image figure{
	height: 100%;
	display: block;
	border-radius: 20px;
}

.rebuilding-image img{
	width: 100%;
	aspect-ratio: 1 / 0.953;
	object-fit: cover;
	border-radius: 20px;
}

.rebuilding-content{
	background: var(--accent-secondary-color);
	border-radius: 20px;
	padding: 30px;
}

.treatment-approach-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.treatment-approach-item{
	position: relative;
	width: calc(50% - 15px);
	display: flex;
	border: 1px solid var(--divider-color);
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	overflow: hidden;
}

.treatment-approach-item::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--secondary-color);
	border-radius: 18px;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.treatment-approach-item:hover:before{
	height: 100%;
}

.treatment-approach-item .icon-box{
	position: relative;
	margin-right: 20px;
	z-index: 1;
}

.treatment-approach-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.treatment-approach-content{
	position: relative;
	width: calc(100% - 80px);
	z-index: 1;
}

.treatment-approach-content h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 15px;
}

.movement-steps-list{
	margin-top: 40px;
}

.movement-step-item{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: center;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.movement-step-item:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.movement-step-item:nth-child(even){
	flex-direction: row-reverse;
}

.movement-step-image{
	width: calc(38% - 15px);
}

.movement-step-image figure{
	display: block;
	border-radius: 20px;
}

.movement-step-image img{
	width: 100%;
	aspect-ratio: 1 / 0.68;
	object-fit: cover;
	border-radius: 20px;
}

.movement-step-content{
	width: calc(62% - 15px);
}

.movement-step-content p{
	display: inline-block;
	background: var(--accent-secondary-color);
	border-radius: 100px;
	padding: 10px 20px;
	margin-bottom: 30px;
	transition: all 0.4s ease-in-out;
}

.movement-step-item:hover .movement-step-content p{
	background: var(--secondary-color);
}

.movement-step-content h3{
	font-size: 22px;
	line-height: 1.3em;
	margin-bottom: 20px;
}

/************************************/
/*** 	  26. Team Page css 	  ***/
/************************************/

.page-team{
	padding: 100px 0 70px;
}

/************************************/
/*** 	 27. Team Single css	  ***/
/************************************/

.page-team-single{
	padding: 100px 0;
}

.team-sidebar-box{
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 60px;
}

.team-sidebar-image figure{
    display: block;
}

.team-sidebar-image img{
    width: 100%;
	aspect-ratio: 1 / 1.045;
    object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.team-sidebar-box:hover .team-sidebar-image img{
	transform: scale(1.05);
}

.team-sidebar-body{
    background-color: var(--secondary-color);
    padding: 30px;
}

.team-sidebar-body h3{
	font-size: 22px;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.team-sidebar-body ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-sidebar-body ul li{
	font-family: var(--accent-font);
	font-size: 22px;
	text-transform: none;
	color: var(--primary-color);
    display: inline-flex;
	justify-content: space-between;
    width: 100%;
	line-height: 1.3em;
	margin-bottom: 20px;
}

.team-sidebar-body ul li:last-child{
    margin-bottom: 0;
}

.team-sidebar-body ul li span{
	font-family: var(--default-font);
	font-size: 16px;
	text-transform: none;
    color: var(--text-color);
    width: 65%;
}

.team-sidebar-footer{
    background-color: var(--accent-color);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 30px;
}

.team-sidebar-footer h3{
	font-size: 22px;
    text-transform: none;
    color: var(--white-color);
}

.team-sidebar-footer ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.team-sidebar-footer ul li{
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.team-sidebar-footer ul li:last-child{
	margin-right: 0;
}

.team-sidebar-footer ul li a{
    border: 1px solid var(--white-color);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.team-sidebar-footer ul li:hover a{
    background-color: var(--white-color);
}

.team-sidebar-footer ul li a i{
    color: var(--white-color);
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.team-sidebar-footer ul li:hover a i{
    color: var(--primary-color);
}

.team-experience-box,
.team-expertise-box,
.team-skills-box{
	margin-bottom: 60px;
}

.team-experience-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.team-experience-list ul li{
	position: relative;
	width: calc(50% - 15px);
	line-height: 1.5em;
	color: var(--text-color);
    padding-left: 30px;
}

.team-experience-list ul li:before{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 168L228 344c-5 5-13 5-18 0l-94-94c-5-5-5-13 0-18l18-18c5-5 13-5 18 0l67 67 141-141c5-5 13-5 18 0l18 18c5 5 5 13 0 18z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--accent-color);
}

.team-expertise-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.team-expertise-item{
	width: calc(50% - 15px);
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
}

.team-expertise-item:nth-child(4n - 2){
	background-color: var(--accent-secondary-color);
}

.team-expertise-item:nth-child(4n - 1){
	background-color: var(--secondary-color);
}

.team-expertise-item .icon-box{
	margin-bottom: 60px;
}

.team-expertise-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.approach-item-content h3{
	margin-bottom: 20px;
}

.team-expertise-item-content h3{
	font-size: 22px;	
	text-transform: none;
	margin-bottom: 15px;
}

.team-expertise-item-content p{
	margin-bottom: 0;
}

.skills-progress-bar{
	margin-bottom: 30px;
}

.skills-progress-bar:last-child{
	margin-bottom: 0;
}

.skills-progress-bar .skillbar .skill-data{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.skills-progress-bar .skill-data .skill-title{
    text-transform: none;
}

.skills-progress-bar .skill-data .skill-no{
	margin-left: 20px;
}

.skills-progress-bar .skillbar .skill-progress{
	position: relative;
	width: 100%;
	height: 16px;
	border: 1px solid var(--divider-color);
	background: var(--white-color);
	border-radius: 100px;
}

.skills-progress-bar .skill-progress .count-bar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--accent-color);
	border-radius: 100px;
}

.team-contact-form.contact-form{
    border-radius: 40px;
}

/************************************/
/***      28. Pricing Page css    ***/
/************************************/

.page-pricing{
	padding: 100px 0;
}

/************************************/
/***   29. Testimonials Page css  ***/
/************************************/

.page-testimonials{
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item{
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;	
	padding: 30px;
}

/************************************/
/*** 	 30. Image Gallery css	  ***/
/************************************/

.page-gallery{
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a{
	cursor: var(--imlec, auto);
}

.page-gallery-box .photo-gallery figure{
	display: block;
	border-radius: 20px;
}

.page-gallery-box .photo-gallery img{
	width: 100%;
	aspect-ratio: 1 / 0.829;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	 31. Video Gallery css	  ***/
/************************************/

.page-video-gallery{
	padding: 100px 0 70px;
}

.video-gallery-image{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a{
	position: relative;
	display: block;
	cursor: var(--imlec, auto);
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
	border-radius: 20px;
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 40%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14-8-33-8-47 1S0 65 0 81v350c0 16 9 32 26 41s33 8 47-1l288-175c14-8 23-24 23-40s-9-32-23-40L73 39z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14-8-33-8-47 1S0 65 0 81v350c0 16 9 32 26 41s33 8 47-1l288-175c14-8 23-24 23-40s-9-32-23-40L73 39z'/%3E%3C/svg%3E") center/contain no-repeat;
	
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--white-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: var(--imlec, auto);
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
	width: 100%;
	aspect-ratio: 1 / 0.829;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	  32. FAQs Page css 	  ***/
/************************************/

.page-faqs{
	padding: 100px 0;
}

.page-faqs .page-faq-accordion{
    margin-bottom: 60px;
}

.page-faqs .page-faq-accordion:last-child{
    margin-bottom: 0px;
}

/************************************/
/*** 	33. Contact Us Page css	  ***/
/************************************/

.page-contact-us{
	padding: 100px 0;
}

.contact-us-content{
	margin-right: 15px;
}

.contact-us-image figure{
	display: block;
	border-radius: 20px;
}

.contact-us-image img{
	width: 100%;
	aspect-ratio: 1 / 0.495;
	object-fit: cover;
	border-radius: 20px;
}

.contact-info-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.contact-info-item{
	position: relative;
	width: calc(50% - 15px);
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	overflow: hidden;
}

.contact-info-item::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-secondary-color);
	border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.contact-info-item:hover::before{
	height: 100%;
	border-radius: 0;
}

.contact-info-item .icon-box,
.contact-info-content{
	position: relative;
	z-index: 1;
}

.contact-info-item .icon-box{
	margin-bottom: 60px;
}

.contact-info-item .icon-box img{
	width: 100%;
	max-width: 60px;
}

.contact-info-content h3{
	font-size: 22px;
	text-transform: none;
	margin-bottom: 15px;
}

.contact-info-content p{
	margin-bottom: 2px;
}

.contact-info-content p:last-child{
	margin-bottom: 0;
}

.contact-info-content p a{
	color: inherit;
}

.conatct-us-form{
	display: flex;
	flex-wrap: wrap;
	border-radius: 40px;
	overflow: hidden;
	margin-top: 100px;
}

.contact-form{
	background-color: var(--secondary-color);
	padding: 40px;
}

.contact-form form .form-control{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--text-color);
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 18px 20px;
	border: none;
    outline: none;
    box-shadow: none;
}

.contact-form form .form-control::placeholder{
    color: var(--text-color);
}

.contact-form form .btn-default.btn-highlighted{
	width: 100%;
	padding: 17px;
}

.contact-form form .btn-default.btn-highlighted::before{
	display: none;
}

.conatct-us-form .contact-form,
.google-map-iframe{
	width: 50%;
}

.google-map-iframe iframe{
	width: 100%;
	height: 100%;
}

/************************************/
/***  34. Book Appoiment Page css ***/
/************************************/

.page-book-appointment{
	padding: 100px 0;
}

/************************************/
/*** 	35. 404 Error Page css	  ***/
/************************************/

.error-page{
	padding: 100px 0;
}

.error-page-image{
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img{
	width: 100%;
	max-width: 45%;
}

.error-page-content{
	text-align: center;
}

.error-page-content .section-title{
	margin-bottom: 15px;
}

/************************************/
/***      36. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1840px){

	header.main-header .header-sticky,
	.topbar{
    	max-width: calc(100% - 30px);
	}

	.hero,
	.page-header{
    	max-width: calc(100% - 30px);
	}
}

@media only screen and (max-width: 1720px){

	.bg-section{
		width: calc(100% - 40px);
		max-width: 100%;
		margin: 0 20px;
		border-radius: 30px;
	}

	.main-footer{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1366px){

	.topbar{
		padding: 10px 20px;
	}
	
	.main-menu .nav-menu-wrapper{
		margin: 0 10px;
	}
	
	.main-menu ul li a{
		padding: 15px 10px !important;
	}

	.hero-content{
		padding: 50px 30px;
	}
}

@media only screen and (max-width: 1024px){

	.hide-tablet{
		display: none;
	}

	.navbar{
		padding: 24px 20px;
	}

	.hero-content,
	.hero-image{
		width: 100%;
	}

	.hero-content{
		padding: 50px 15px;
	}

	.hero-image figure{
		height: auto;
	}

	.hero-image figure img{
		height: auto;
		aspect-ratio: 1 / 0.55;
	}
}

@media only screen and (max-width: 991px){

	.btn-default{
		padding: 14px 43px 14px 15px;
	}

	.btn-default::before{
		right: 15px;
	}

	.topbar{
		max-width: 100%;
		padding: 10px 15px;
		border-radius: 0;
		margin: 0px;
	}

	.topbar-contact-info ul{
		gap: 15px;
	}

	.topbar-contact-info ul li i{
		font-size: 16px;
		margin-right: 5px;
	}

	header.main-header .header-sticky{
        max-width: 100%;
        margin: 0;
    }

	.navbar{
		padding: 15px;
		border-radius: 0;
	}

	header.main-header .header-sticky.active .navbar{
		border-radius: 0;
	}

	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.bg-section{
		width: 100%;
		border-radius: 0;
		margin: 0;
	}
	
	.section-row{
		margin-bottom: 40px;
	}

	.section-title.section-title-center{
		max-width: 100%;
	}

	.section-content-btn .section-btn{
		margin-top: 20px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 45px;
	}

	.section-title h2{
		font-size: 34px;
	}

	.section-title p{
		margin-top: 10px;
	}

	.section-title-content{
        margin-top: 10px;
    }

	.section-btn{
        text-align: left;
        margin-top: 15px;
	}

	.hero.hero-bg-image{
		border-radius: 26px;
		padding: 100px 15px;
	}

	.hero.hero-bg-image .hero-content{
		max-width: 100%;
	}
	
	.hero.hero-bg-image .hero-content .section-title p{
		margin-top: 15px;
	}

	.hero-section{
		gap: 30px;
	}

	.hero-content{
        padding: 30px 15px;
		border-radius: 26px;
    }

	.hero-image figure,
	.hero-image figure img{
		border-radius: 26px;
	}

	.hero-body{
		margin-top: 30px;
	}

	.hero-body .video-play-button p{
		margin: 0 10px 0 0;
	}

	.hero-content-list{
		margin-top: 30px;
	}

	.hero-content-list ul{
		gap: 20px;
	}

	.hero-content-list ul li{
		padding-left: 25px;
	}

	.hero-content-list ul li:before{
		font-size: 16px;
	}

	.working-hours-box{
		left: 30px;
		bottom: 30px;
		padding: 20px;
	}

	.working-hours-box .icon-box{
		margin-bottom: 15px;
	}

	.working-hours-box .icon-box i{
		font-size: 25px;
	}

	.working-hours-content h3{
		font-size: 20px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us .section-title.section-title-center{
		max-width: 100%;
	}

	.about-us-image{
		margin-bottom: 30px;
	}

	.about-us-image figure{
		border-radius: 26px;
	}

	.about-us-image img{
		aspect-ratio: 1 / 0.52;
		border-radius: 26px;
	}

	.about-us-list ul{
		gap: 10px 30px;
	}

	.about-us-list ul li{
		font-size: 20px;
		padding-left: 25px;
	}

	.about-us-list ul li:before{
		font-size: 18px;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-item{
		padding: 20px;
	}

	.service-item .icon-box{
		margin-bottom: 40px;
	}

	.service-item .icon-box img{
		max-width: 50px;
	}

	.service-content{
		margin-bottom: 20px;
	}

	.service-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.section-footer-text{
		margin-top: 10px;
	}

	.why-choose-us{
		padding: 50px 0;
	}

	.why-choose-item{
		width: calc(50% - 15px);
		height: auto;
		padding: 30px;
	}

	.why-choose-item p{
		margin-bottom: 30px;
	}

	.why-choose-item h2,
	.why-choose-title h2{
		font-size: 28px;
	}
	
	.why-choose-image{
		width: calc(50% - 15px);
	}

	.why-choose-image img{
		aspect-ratio: 1 / 0.65;
	}

	.why-choose-image-box{
		margin: 30px 0;
		height: auto;
	}

	.why-choose-image-box figure{
		height: auto;
	}

	.why-choose-image-box figure img{
		aspect-ratio: 1 / 0.6;
		height: auto;
	}

	.why-choose-title,
	.why-choose-content{
		right: 30px;
		left: 30px;
	}
	
	.why-choose-title{
		top: 30px;
	}

	.why-choose-content{
		bottom: 30px;
	}
	
	.our-features{
		padding: 50px 0;
	}

	.features-item{
		padding: 20px;
	}

	.features-item .icon-box{
		margin-bottom: 20px;
	}

	.features-item .icon-box img{
		max-width: 50px;
	}

	.feature-item-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.feature-counters-box{
		gap: 20px;
		margin-top: 10px;
		padding-top: 40px;
	}

	.feature-counter-content{
		width: 100%;
	}

	.feature-counter-content h3{
		text-align: center;
		font-size: 20px;
	}

	.feature-counter-list{
		width: 100%;
		gap: 20px;
	}

	.feature-counter-item{
		width: calc(25% - 15px);
	}

	.feature-counter-item h2{
		font-size: 40px;
		margin-bottom: 5px;
	}

	.feature-counter-item p{
		font-size: 14px;
	}

	.how-it-work{
		padding: 50px 0;
	}

	.how-it-work-content{
		margin: 0 0 30px 0;
	}

	.how-it-work-image figure{
		border-radius: 26px;
	}

	.how-it-work-image img{
		aspect-ratio: 1 / 0.6;
		border-radius: 26px;
	}

	.work-step-item{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.work-step-item-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.work-step-btn{
		margin-top: 30px;
	}

	.case-study{
		padding: 50px 0 20px;
	}

	.case-study-image{
		margin-bottom: 15px;
	}

	.case-study-content{
		margin-bottom: 15px;
	}

	.case-study-content h2{
		font-size: 20px;
	}

	.our-pricing{
		padding: 50px 0;
	}

	.pricing-item{
		padding: 30px;
	}

	.pricing-header,
	.pricing-body{
		margin-bottom: 30px;
	}

	.pricing-header h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.pricing-header h2{
		font-size: 40px;
	}

	.pricing-body .btn-default{
		padding: 14px;
	}

	.pricing-footer ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.pricing-footer ul li::before{
		font-size: 16px;
	}

	.pricing-benefit-list{
		margin-top: 5px;
	}

	.pricing-benefit-list ul{
		gap: 15px 30px;
	}

	.pricing-benefit-list ul li img{
		max-width: 18px;
		margin-right: 10px;
	}

	.what-we-do{
		padding: 50px 0;
	}

	.what-we-do-content{
		margin-bottom: 30px;
	}

	.client-review-content p span{
		font-size: 24px;
	}

	.what-we-do-footer{
		margin-top: 30px;
	}

	.what-we-do-image{
		margin-left: 0;
	}

	.what-we-do-image figure{
		border-radius: 26px;
	}

	.what-we-do-image img{
		aspect-ratio: 1 / 0.72;
		border-radius: 26px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.faqs-content{
		position: initial;
		margin: 0 0 30px 0;
	}

	.faqs-contact-box{
		padding: 20px;
	}

	.faqs-contact-item{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.faqs-contact-item .icon-box{
		margin-right: 10px;
	}

	.faqs-contact-item .icon-box img{
		max-width: 34px;
	}

	.faqs-contact-content{
		width: calc(100% - 44px);
	}

	.faqs-contact-content h3{
		font-size: 20px;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 15px 42px 15px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		right: 15px;
		width: 20px;
		height: 20px;
		font-size: 12px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 15px 42px 15px 15px;
	}

	.our-testimonials{
		padding: 50px 0;
	}

	.our-testimonials-content{
		margin: 0 0 30px 0;
	}

	.testimonial-body-item{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.testimonial-body-item h3{
		font-size: 20px;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.testimonial-body-item h3::before{
		font-size: 18px;
	}

	.testimonial-image img{
		aspect-ratio: 1 / 0.75;
	}

	.testimonial-rating{
		margin-bottom: 20px;
	}

	.testimonial-rating i{
		font-size: 18px;
	}

	.testimonial-content{
		margin-bottom: 30px;
	}

	.testimonial-content h3,
	.author-content h3{
		font-size: 20px;
	}

	.testimonial-btn{
		margin-top: 30px;
	}

	.our-team{
		padding: 50px 0 20px;
	}

	.team-image{
		margin-bottom: 15px;
	}

	.team-image img{
		aspect-ratio: 1 / 0.97;
	}

	.team-content h3{
		font-size: 20px;
	}

	.book-appointment{
		padding: 50px 0;
	}

	.book-appointment-content{
		margin: 0 0 30px 0;
	}

	.appointment-info-list{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.appointment-info-item .icon-box{
		margin-bottom: 15px;
	}

	.appointment-info-content h3{
		font-size: 20px;
	}

	.appointment-form .form-control{
		padding: 12px 15px;
	}

	.appointment-form form .form-group select{
		padding: 12px 30px 12px 15px;
	}

	.our-blog{
		padding: 50px 0 20px;
	}

	.post-featured-image{
		margin-bottom: 15px;
	}

	.post-item-content h2{
		font-size: 20px;
	}

	.main-footer{
		padding: 50px 0 0;
	}

	.footer-header{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-header-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.footer-header-content h2{
		font-size: 36px;
	}

	.about-footer{
		margin-bottom: 30px;
	}

	.about-footer-content{
		margin-bottom: 20px;
	}

	.footer-links{
		margin-bottom: 30px;
	}

	.footer-links.services-links{
		margin-left: 0px;
	}

	.footer-links h3{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.footer-contact-item{
		margin-bottom: 15px;
	}

	.footer-contact-item h3{
		font-size: 18px;
		margin: 0;
	}

	.footer-newsletter-form .form-group .form-control{
		width: calc(100% - 50px);
		padding: 12px 20px;
	}

	.footer-newsletter-form .form-group .newsletter-btn{
		width: 50px;
	}

	.footer-newsletter-form .form-group .newsletter-btn i{
		font-size: 24px;
	}

	.footer-copyright-text{
		margin-top: 0px;
		padding: 30px 0;
	}

	.page-header{
		border-radius: 26px;
		padding: 60px 0;
	}

	.page-header-box h1{
		font-size: 45px;
	}

	.page-header-box ol li.breadcrumb-item{
		font-size: 16px;
	}

	.our-approach{
		padding: 50px 0;
	}

	.our-approach-content{
		position: initial;
	}

	.approach-item{
		padding: 30px;
	}

	.approach-item .icon-box{
		margin-bottom: 30px;
	}

	.approach-item-content h3{
		font-size: 20px;
	}

	.our-commitment{
		padding: 50px 0;
	}

	.our-commitment-image{
		margin: 0 0 30px 0;
	}

	.our-commitment-image figure img{
		aspect-ratio: 1 / 0.75;
	}

	.project-complete-box{
		bottom: 20px;
		left: 20px;
		border-radius: 12px;
		padding: 15px;
	}

	.project-complete-box .icon-box{
		margin-right: 15px;
	}

	.project-complete-box .icon-box img{
		max-width: 50px;
	}

	.project-complete-counter h2{
		font-size: 40px;
	}

	.commitment-body-item{
		padding: 20px;
	}

	.commitment-body-item .icon-box{
		margin-right: 15px;
	}

	.commitment-body-item .icon-box img{
		max-width: 50px;
	}

	.commitment-body-content{
		width: calc(100% - 65px);
	}

	.commitment-body-content h3{
		font-size: 20px;
		margin-bottom: 5px;
	}

	.commitment-list,
	.commitment-btn{
		margin-top: 30px;
	}

	.commitment-list ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.commitment-list ul li:before{
		font-size: 16px;
	}

	.our-promise{
		padding: 50px 0;
	}

	.our-promise-images{
		margin: 0 0 30px 0;
	}

	.promise-counter-header{
		margin-bottom: 20px;
	}

	.promise-counter-header h2{
        width: calc(40% - 15px);
        font-size: 36px;
        margin-right: 15px;
    }

	.promise-counter-header p{
		width: 60%;
	}

	.promise-counter-body a img{
		max-width: 100px;
	}

	.promise-counter-footer{
		margin-top: 20px;
	}

	.promise-body h3{
		font-size: 20px;
	}

	.promise-list{
		margin-top: 30px;
		padding-top: 30px;
	}

	.promise-list ul{
		gap: 15px 40px;
	}

	.promise-list ul li{
		padding-left: 25px;
	}

	.promise-list ul li:before{
		font-size: 16px;
	}

	.our-values{
		padding: 50px 0;
	}

	.value-image-content{
		margin-bottom: 30px;
	}

	.value-counter-box{
		padding: 20px;
	}

	.value-counter-title{
		margin-bottom: 40px;
	}

	.value-counter-title h3{
		font-size: 20px;
	}

	.value-counter-content h2{
		font-size: 40px;
		margin-bottom: 5px;
	}

	.value-image img{
		aspect-ratio: 1 / 0.8;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}

	.page-single-sidebar{
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagery-list{
		margin-bottom: 30px;
	}

	.page-catagery-list h3{
		font-size: 20px;
		padding: 15px 20px;
	}

	.page-catagery-list ul{
		padding: 20px;
	}

	.page-catagery-list ul li{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.sidebar-cta-image img{
		aspect-ratio: 1 / 0.52;
	}

	.sidebar-cta-content{
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.sidebar-cta-item .icon-box{
		margin-right: 15px;
	}

	.cta-item-content h3{
		font-size: 20px;
	}

	.sidebar-cta-contact a{
		border-radius: 12px;
		padding: 12px 15px;
	}

	.page-single-image{
		margin-bottom: 30px;
	}

	.service-entry{
		margin-bottom: 40px;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-entry h2{
		font-size: 34px;
		margin-bottom: 15px;
	}

	.service-entry ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.service-entry ul li:before{
		font-size: 16px;
	}

	.service-why-choose,
	.service-transform-box,
	.service-expertise-box{
		margin-top: 40px;
	}

	.service-why-choose-content{
		margin-top: 30px;
	}

	.service-why-choose-image img{
		aspect-ratio: 1 / 1.035;
	}

	.service-why-choose-item{
		padding: 30px;
	}

	.service-why-choose-item p{
		margin-bottom: 20px;
	}
	
	.service-why-choose-item h2{
		font-size: 28px;
		margin-bottom: 0;
	}

	.service-transform-steps{
		margin-top: 30px;
	}

	.transform-step-item{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.transform-step-item-title{
		margin-bottom: 10px;
	}

	.transform-step-item-title h3{
		font-size: 20px;
		padding-left: 25px;
	}

	.transform-step-item-title h3::before{
		font-size: 18px;
	}

	.transform-step-item-title h2{
        font-size: 20px;
        margin-bottom: 0;
    }

	.personalized-care-box{
		padding: 20px;
		margin-top: 30px;
	}

	.personalized-care-content ul{
		margin-top: 30px;
	}

	.page-blog{
		padding: 50px 0;
	}

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
        padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }

    .post-image figure,
    .post-image img{
        border-radius: 20px;
    }
    
    .post-entry h1,
    .post-entry h2,
    .post-entry h3,
    .post-entry h4,
    .post-entry h5,
    .post-entry h6{
        margin: 0 0 0.45em;
    }
    
    .post-entry h2{
        font-size: 34px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }
    
    .post-entry ol li,
    .post-entry ul li{
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 20px 20px;
        background-size: 40px;
        padding: 20px 20px 20px 70px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 20px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }

	.tag-links{
		font-size: 20px;
	}
    
    .post-tags .tag-links a{
        padding: 12px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

	.page-case-study{
		padding: 50px 0 20px;
	}

	.page-case-study-single{
		padding: 50px 0;
	}	

	.case-study-catagery-list{
		padding: 20px;
		margin-bottom: 30px;
	}
	
	.case-study-catagery-item{
		padding: 15px;
	}

	.case-study-catagery-content{
		width: calc(100% - 44px);
	}
		
	.case-study-catagery-item .icon-box img{
		max-width: 34px;
	}

	.case-study-entry{
		margin-bottom: 40px;
	}

	.case-study-entry p{
		margin-bottom: 15px;
	}

	.case-study-entry h2{
		font-size: 34px;
		margin-bottom: 15px;
	}

	.case-study-entry ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.case-study-entry ul li:before{
		font-size: 16px;
	}

	.rebuilding-strength-box,
	.treatment-approach-box,
	.movement-steps-box{
		margin-top: 40px;
	}

	.rebuilding-image-content{
		margin-top: 30px;
	}

	.rebuilding-content{
		padding: 15px 20px;
	}

	.treatment-approach-item-list{
		margin-top: 30px;
	}

	.treatment-approach-item{
		padding: 20px;
	}

	.treatment-approach-item .icon-box{
		margin-right: 15px;
	}

	.treatment-approach-item .icon-box img{
		max-width: 50px;
	}

	.treatment-approach-content{
		width: calc(100% - 65px);
	}

	.treatment-approach-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.movement-steps-list{
		margin-top: 30px;
	}

	.movement-step-item{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.movement-step-content p{
		padding: 5px 15px;
		margin-bottom: 20px;
	}

	.movement-step-content h3{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
		padding: 50px 0;
	}

	.team-sidebar-image img{
		aspect-ratio: 1 / 0.8;
	}

	.team-sidebar-body{
		padding: 20px;
	}

	.team-sidebar-body h3{
		font-size: 20px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.team-sidebar-body ul li{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.team-sidebar-footer{
		padding: 15px 20px;
	}

	.team-sidebar-footer h3{
		font-size: 20px;
	}

	.team-experience-box,
	.team-expertise-box,
	.team-skills-box{
		margin-bottom: 40px;
	}

	.team-experience-list ul{
		gap: 10px 20px;
	}

	.team-experience-list ul li{
		width: calc(50% - 10px);
		padding-left: 25px;
	}

	.team-experience-list ul li:before{
		font-size: 16px;
	}
	
	.team-expertise-item{
		padding: 20px;
	}

	.team-expertise-item .icon-box{
		margin-bottom: 40px;
	}

	.team-expertise-item .icon-box img{
		max-width: 50px;
	}

	.team-expertise-item-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.skills-progress-bar{
		margin-bottom: 20px;
	}

	.team-contact-form.contact-form{
		border-radius: 26px;
	}

	.page-pricing{
		padding: 50px 0;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.page-testimonials .testimonial-item{
		padding: 20px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.page-faqs .page-faq-accordion{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0;
	}

	.contact-us-content{
		margin: 0 0 30px;
	}

	.contact-info-item{
		padding: 20px;
	}

	.contact-info-item .icon-box{
		margin-bottom: 40px;
	}

	.contact-info-item .icon-box img{
		max-width: 50px;
	}

	.contact-info-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.conatct-us-form{
		border-radius: 26px;
		margin-top: 50px;
	}

	.conatct-us-form .contact-form,
	.google-map-iframe{
		width: 100%;
	}

	.contact-form{
		padding: 30px;
	}

	.contact-form form .form-control{
		padding: 12px 15px;
		border-radius: 14px;
	}

	.google-map-iframe iframe{
		height: 450px;
	}

	.page-book-appointment{
		padding: 50px 0;
	}

	.error-page{
		padding: 50px 0;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-image img{
		max-width: 80%;
	}
}

@media only screen and (max-width: 767px){

	.section-row{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 30px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.topbar-contact-info ul{
		justify-content: center;
	}

	.topbar-contact-info ul li,
	.topbar-contact-info ul i{
		font-size: 14px;
	}

	.topbar-social-links{
		display: none;
	}

	.hero.hero-bg-image{
		padding: 60px 15px;
	}

	.hero.hero-bg-image .hero-content{
		text-align: left;
	}

	.hero.hero-bg-image .hero-content .hero-content-list ul,
	.hero.hero-bg-image .hero-content .hero-body{
		justify-content: left;
	}

	.hero-content{
        padding: 30px 15px;
    }

	.hero-content .section-title p{
		font-size: 16px;
	}

	.video-play-button a{
		height: 40px;
		width: 40px;
		border-width: 3px;
	}
	
	.video-play-button a i{
		font-size: 16px;
	}

	.hero-content-list{
        margin-top: 20px;
    }

	.hero-content-list ul{
        gap: 10px;
    }

	.hero-content-list ul li{
		width: 100%;
	}

	.working-hours-box{
        left: 20px;
        bottom: 20px;
		border-radius: 12px;
        padding: 15px;
    }

	.working-hours-content p{
		font-size: 14px;
	}

	.hero-image figure img{
		aspect-ratio: 1 / 0.874;
	}

	.about-us-image img{
        aspect-ratio: 1 / 0.75;
    }

	.about-us-list ul{
        gap: 10px 30px;
		justify-content: left;
    }

	.about-us-list ul li{
        font-size: 18px;
    }

	.service-item .icon-box{
        margin-bottom: 30px;
    }

	.section-footer-text p{
		font-size: 16px;
	}

	.section-footer-text span{
		padding: 2px 8px;
		margin-right: 5px;
	}

	.why-choose-item,
	.why-choose-image{
		width: 100%;
	}

	.why-choose-item{
		padding: 20px;
	}

	.why-choose-item h2,
	.why-choose-title h2{
        font-size: 20px;
    }

	.why-choose-image-box figure img{
        aspect-ratio: 1 / 0.89;
    }

	.why-choose-title,
	.why-choose-content{
		right: 20px;
		left: 20px;
	}
	
	.why-choose-title{
		top: 20px;
	}

	.why-choose-content{
		bottom: 20px;
	}

	.features-item .icon-box img{
        max-width: 40px;
    }

	.feature-counters-box{
        margin-top: 0;
        padding-top: 30px;
    }

	.feature-counter-item h2{
        font-size: 26px;
    }

	.feature-counter-list{
        gap: 20px 10px;
    }

	.feature-counter-item{
        width: calc(50% - 5px);
    }

	.work-step-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.work-step-item .icon-box{
		margin-right: 15px;
	}

	.work-step-item .icon-box img{
		max-width: 45px;
	}

	.work-step-item-content{
		width: calc(100% - 60px);
	}

	.work-step-item-content h3{
        font-size: 18px;
        margin-bottom: 5px;
    }

	.pricing-item{
        padding: 20px;
    }

	.pricing-header,
	.pricing-body{
        margin-bottom: 20px;
    }

	.pricing-header h2{
        font-size: 26px;
    }

	.pricing-header h2 sub{
		font-size: 14px;
	}

	.pricing-benefit-list ul{
		gap: 15px 20px;
	}

	.pricing-benefit-list ul li{
		font-size: 14px;
	}

	.pricing-benefit-list ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.what-we-do-body{
        gap: 20px;
    }

	.client-review-rating{
		margin-bottom: 15px;
	}

	.client-review-content p span{
        font-size: 20px;
    }

	.client-review-images{
		margin-top: 10px;
	}

	.faqs-contact-content h3{
        font-size: 18px;
    }

	.faqs-contact-list ul li i{
		font-size: 18px;
	}

	.faq-accordion .accordion-header .accordion-button{
        font-size: 18px;
        padding: 12px 42px 12px 15px;
    }

	.faq-accordion .accordion-item .accordion-body{
        padding: 12px 15px;
    }

	.testimonial-item-list,
	.testimonial-image{
		width: 100%;
	}

	.testimonial-body-item{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

	.testimonial-content{
        margin-bottom: 20px;
    }

	.testimonial-content h3{
		margin-bottom: 10px;
	}

	.testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev{
		width: 34px;
		height: 34px;
	}

	.testimonial-slider .testimonial-button-next{
		margin-left: 10px;
	}

	.testimonial-slider .testimonial-button-next::before,
	.testimonial-slider .testimonial-button-prev::before{
		font-size: 18px;
	}

	.appointment-image img{
        aspect-ratio: 1 / 0.85;
    }

	.appointment-info-list{
		gap: 20px 50px;
	}

	.appointment-info-item{
		display: flex;
		align-items: center;
	}

	.appointment-info-item .icon-box{
        margin: 0 10px 0 0;
    }

	.appointment-info-content h3{
        font-size: 18px;
    }

	.footer-header{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.footer-header-content h2{
        font-size: 26px;
    }

	.footer-newsletter-form{
		margin-bottom: 15px;
	}

	.footer-copyright-text{
        padding: 15px 0;
    }

	.page-header-box h1{
        font-size: 30px;
    }

	.approach-item{
		width: 100%;
        padding: 20px;
    }

	.approach-item .icon-box img{
		max-width: 50px;
	}

	.approach-image{
		width: 100%;
	}

	.approach-image figure{
		height: auto;
	}

	.our-commitment-image figure img{
        aspect-ratio: 1 / 0.85;
    }

	.project-complete-box .icon-box img{
        max-width: 45px;
    }

	.project-complete-counter h2{
        font-size: 26px;
    }

	.project-complete-counter p{
		font-size: 14px;
	}

	.commitment-body-item{
		background-color: var(--secondary-color);
		width: 100%;
	}

	.commitment-body-item:nth-child(even){
		background-color: var(--accent-secondary-color);
	}

	.promise-image-counter{
		margin-bottom: 20px;
		gap: 20px;
	}

	.promise-img-1 figure,
	.promise-counter-box{
		height: auto;
	}

	.promise-img-1,
	.promise-counter-box{
		width: 100%;
	}

	.promise-img-1 img,
	.promise-img-2 img{
        aspect-ratio: 1 / 0.7;
    }

	.promise-counter-box{
		padding: 15px;
	}

	.promise-counter-header h2{
        font-size: 26px;
    }

	.promise-counter-footer h3{
		font-size: 18px;
	}
	
	.promise-body h3{
        font-size: 18px;
    }

	.promise-list{
        margin-top: 20px;
        padding-top: 20px;
    }

	.promise-list ul{
        gap: 10px 20px;
    }

	.value-counter-image figure{
		height: auto;
	}

	.value-counter-image,
	.value-counter-box{
		width: 100%;
	}

	.value-counter-title{
        margin-bottom: 30px;
    }

	.value-counter-content h2{
        font-size: 26px;
    }

	.sidebar-cta-image img{
        aspect-ratio: 1 / 0.99;
    }

	.page-single-image{
        margin-bottom: 20px;
    }

	.page-single-image img{
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2{
        font-size: 26px;
    }

	.service-entry ul li{
        margin-bottom: 10px;
    }

	.service-why-choose-image,
	.service-why-choose-items{
		width: 100%;
	}

	.service-why-choose-image img{
        aspect-ratio: 1 / 0.8;
    }

	.service-why-choose-item{
        padding: 20px;
		margin-bottom: 20px;
    }

	.service-why-choose-item h2{
        font-size: 20px;
    }

	.transform-step-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.transform-step-item-title h2{
		font-size: 20px;
	}

	.personalized-care-content,
	.personalized-care-image{
		width: 100%;
	}

	.personalized-care-content ul{
        margin-top: 20px;
    }

	.post-single-meta ol li{
        font-size: 16px;
    }
    
    .post-single-meta ol li i{
        font-size: 16px;
    }
    
    .post-image img{
        aspect-ratio: 1 / 0.7;
    }
    
    .post-entry blockquote{
        background-position: 15px 15px;
        padding: 60px 15px 15px 15px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-entry h2{
        font-size: 26px;
    }

	.tag-links{
        font-size: 18px;
    }

	.case-study-catagery-item{
		padding: 12px;
    }

	.case-study-catagery-content{
		width: calc(100% - 38px);
	}

	.case-study-catagery-item .icon-box img{
        max-width: 28px;
    }

	.case-study-entry h2{
        font-size: 26px;
    }

	.rebuilding-image,
	.rebuilding-content{
		width: 100%;
	}

	.rebuilding-image figure{
		height: auto;
	}

	.treatment-approach-item-list{
		gap: 20px;
	}

	.treatment-approach-item{
		width: 100%;
	}

	.movement-step-image,
	.movement-step-content{
		width: 100%;
	}

	.movement-step-item{
		gap: 20px;
    }

	.movement-step-content p,
	.movement-step-content h3{
		margin-bottom: 10px;
	}

	.team-sidebar-image img{
        aspect-ratio: 1 / 0.9;
    }

	.team-experience-list ul li{
		width: 100%;
	}

	.team-expertise-item{
		width: 100%;
	}

	.team-expertise-list{
		gap: 20px;
	}

	.team-expertise-item:nth-child(4n - 1){
		background-color: var(--white-color);
	}

	.team-expertise-item:nth-child(4n){
		background-color: var(--secondary-color);
	}

	.team-expertise-item .icon-box{
		margin-bottom: 30px;
	}

	.team-expertise-item .icon-box img{
        max-width: 40px;
    }

	.contact-us-image img{
		aspect-ratio: 1 / 0.6;
	}

	.contact-info-list{
		gap: 20px;
	}

	.contact-info-item{
		width: 100%;
	}

	.contact-info-item .icon-box{
        margin-bottom: 30px;
    }

	.contact-info-item .icon-box img{
        max-width: 40px;
    }

	.contact-form{
        padding: 20px;
    }

	.google-map-iframe iframe{
		height: 350px;
	}
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.cb-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	contain: layout style size;
	pointer-events: none;
	will-change: transform;
	-webkit-transition: opacity 0.3s, color 0.4s;
	-o-transition: opacity 0.3s, color 0.4s;
	-moz-transition: opacity 0.3s, color 0.4s;
	transition: opacity 0.3s, color 0.4s;
}

.cb-cursor:before {
	content: "";
	position: absolute;
	top: -24px;
	left: -24px;
	display: block;
	width: 48px;
	height: 48px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
	transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
	-o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, opacity 0.1s;
	transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}

.cb-cursor-text {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: scale(0) rotate(10deg);
	-moz-transform: scale(0) rotate(10deg);
	-ms-transform: scale(0) rotate(10deg);
	-o-transform: scale(0) rotate(10deg);
	transform: scale(0) rotate(10deg);
	opacity: 0;
	color: white;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.01em;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
	transition: opacity 0.4s, -webkit-transform 0.3s;
	-o-transition: opacity 0.4s, -o-transform 0.3s;
	-moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
	transition: opacity 0.4s, transform 0.3s;
	transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

@supports (mix-blend-mode: exclusion) {
	.cb-cursor.-exclusion, .cb-cursor.-opaque {
		mix-blend-mode: exclusion;
	}
}

@supports (mix-blend-mode: exclusion) {
	.cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
		background: white;
	}
}

.cb-cursor.-normal, .cb-cursor.-text {
	mix-blend-mode: normal;
}

.cb-cursor.-normal:before, .cb-cursor.-text:before {
	background: currentColor;
}

.cb-cursor.-inverse {
	color: white;
}

.cb-cursor.-visible:before {
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
}

.cb-cursor.-visible.-active:before {
	-webkit-transform: scale(0.23);
	-moz-transform: scale(0.23);
	-ms-transform: scale(0.23);
	-o-transform: scale(0.23);
	transform: scale(0.23);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.cb-cursor.-pointer:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cb-cursor.-text:before {
	background: #000;
	opacity: 0.80;
	backdrop-filter: blur(10);
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
}

.cb-cursor.-text .cb-cursor-text {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.cb-cursor.-text.-active:before {
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);
	-o-transform: scale(1.6);
	transform: scale(1.6);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.cb-cursor.-opaque:before {
	-webkit-transform: scale(1.32);
	-moz-transform: scale(1.32);
	-ms-transform: scale(1.32);
	-o-transform: scale(1.32);
	transform: scale(1.32);
}

.cb-cursor.-opaque.-active:before {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.cb-cursor.-lg:before {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

.cb-cursor.-hidden:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.-color-red {
	color: red;
}

.-color-green {
	color: #51c67d;
}

.cb-demo {
	background: #fff;
}

.cb-demo-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
}

.cb-demo-container {
	padding: 0 20px;
}

@media (min-width: 1600px) {
	.cb-demo-container {
		padding: 0 120px;
	}
}

.cb-demo-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 30px 0;
}

@media (min-width: 1600px) {
	.cb-demo-row {
		margin: 60px 0;
	}
}

.cb-demo-item {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 50px 30px;
	margin: 0 20px;
	color: #000;
}

@media (min-width: 1600px) {
	.cb-demo-item {
		padding: 90px 30px;
		margin: 0 30px;
	}
}

.cb-demo-item-title {
	position: relative;
	margin: 0 0 25px 0;
	font-size: 30px;
	font-weight: bold;
}

.cb-demo-item-text {
	position: relative;
	max-width: 70%;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
}

.cb-demo-item:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #f8f8f8;
	-webkit-transition: -webkit-box-shadow 0.2s;
	transition: -webkit-box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
	transition: box-shadow 0.2s;
	transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s;
}

.cb-cursor{color:var(--primary-color)}
/* Tema imleci — yalnızca fare kullanan, hareket kısıtlaması olmayan cihazlarda */
:root{--imlec:auto}
@media (hover:hover) and (pointer:fine){
  html.imlec-acik{--imlec:none}
  html.imlec-acik body{cursor:none}
}
@media (prefers-reduced-motion:reduce){html.imlec-acik{--imlec:auto}
  html.imlec-acik body{cursor:auto}.cb-cursor{display:none}}
@media (hover:none),(pointer:coarse){.cb-cursor{display:none}}


/* ─────────────────────────────────────────────────────────────
   Osmaniye Pilates — tema üstü eklemeler
   (mevzuat kutuları, çerez paneli, video, erişilebilirlik)
   ───────────────────────────────────────────────────────────── */

/* Bootstrap reboot karşılığı — tema bu sıfırlamaları varsayıyor */
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
blockquote,figure{margin:0}
address{font-style:normal;margin:0}
a{color:var(--accent-color)}
.navbar-nav,.breadcrumb,.footer-links ul,.about-us-list ul,.hero-content-list ul,
.faqs-contact-list ul,.footer-social-links ul,.topbar-contact-info ul,.topbar-social-links ul,
.page-catagery-list ul,.service-item ul,.post-item ul,.ilgili-yazilar ul,.etiket-listesi,
.footer-alt-linkler,.contact-info-list ul,.work-step-list ul{list-style:none;padding-left:0;margin:0}
.accordion-collapse:not(.show){display:none}
.accordion-header{margin:0}
/* Bootstrap'in navbar flex kuralları (tema bunları varsayıyor) */
.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
position:relative}
.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;
justify-content:space-between}
.navbar-brand{display:inline-flex;align-items:center}
header.main-header .navbar-brand img{height:64px;width:auto;display:block}
@media(max-width:1199px){header.main-header .navbar-brand img{height:58px}}
@media(min-width:992px){
  .navbar{flex-wrap:nowrap}
  .navbar-collapse.main-menu{display:flex!important;flex-basis:auto;flex-grow:1;
    align-items:center;min-width:0}
  .main-menu .nav-menu-wrapper{margin:0 12px}
  .main-menu ul li a{padding:15px 13px!important}
}
@media(min-width:1400px){.main-menu ul li a{padding:15px 16px!important}}
@media(max-width:575px){header.main-header .navbar-brand img{height:46px}}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px;border-radius:4px}

/* Klavye ile "içeriğe geç" */
.atla{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent-color);
color:#fff;padding:12px 20px;border-radius:0 0 12px 0}
.atla:focus{left:0}

/* Kaydırınca beliren öğeler — wow.js yerine IntersectionObserver */
.wow{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .wow.gizli{opacity:0;transform:translateY(26px)}
  .wow.beliren{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
  figure.image-anime img{transform:scale(1.06);transition:transform 1.2s ease}
  figure.image-anime.beliren img{transform:scale(1)}
}

/* Tema, .reveal öğelerini GSAP ile açıyordu; GSAP kullanılmadığı için görünür kılınır */
.reveal{visibility:visible;display:block}
.reveal img{border-radius:inherit}

/* Görsel çerçeveleri */
.gorsel-yuvarlak,.gorsel-yuvarlak img{border-radius:28px}
.gorsel-yuvarlak img{width:100%;object-fit:cover}
.post-image figure img,.page-single-image figure img{aspect-ratio:3/2;width:100%;
object-fit:cover}
.sidebar-cta-image figure img{aspect-ratio:3/2;width:100%;object-fit:cover}
figure{margin:0}
figcaption{font-size:14px;line-height:1.6em;color:var(--text-color);opacity:.85;
margin-top:12px;font-style:italic}

/* Mevzuat uyarı kutusu (MADDE 7/1-k) */
.uyari-kutu{display:flex;gap:14px;align-items:flex-start;background:var(--accent-secondary-color);
border:1px solid rgba(90,74,102,.28);border-radius:16px;padding:18px 22px;margin:28px 0}
.uyari-kutu svg{width:22px;height:22px;flex:0 0 22px;color:var(--accent-color);margin-top:2px}
.uyari-kutu p{margin:0;font-size:15px;line-height:1.65em;color:var(--primary-color)}
.bilgi-notu{background:var(--secondary-color);border-radius:16px;padding:20px 24px;margin:28px 0}
.bilgi-notu p{margin:0;font-size:15px;line-height:1.7em}

/* Elle çizilmiş altı çizgi — gövde başlıklarının maskesi */
:root{--el-cizgi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M4 9.2c46-4.1 92-6 138-5.6 44 .4 88 2.6 132 6.4'/%3E%3Cpath d='M18 12.4c40-2.6 80-3.8 120-3.6' stroke-width='2' opacity='.55'/%3E%3C/g%3E%3C/svg%3E")}

/* Sayfa içi gövde tipografisi — bölüm başlıkları ana sayfadaki el yazısı diliyle */
.icerik-govde h2{font-family:var(--accent-font);font-size:32px;line-height:1.25em;
color:var(--primary-color);margin:40px 0 14px;font-weight:400}
/* Sayfanın ilk bölüm başlığı — ana sayfadaki el yazısı etiket diliyle */
.icerik-govde>h2:first-of-type{font-family:'Caveat',cursive;font-size:41px;line-height:1.02em;
color:var(--accent-color);font-weight:600;letter-spacing:0;margin-bottom:12px}
.icerik-govde>h2:first-of-type::after{content:'';display:block;width:180px;height:11px;
margin-top:7px;background:var(--accent-color);opacity:.5;
-webkit-mask:var(--el-cizgi) no-repeat left center/contain;
mask:var(--el-cizgi) no-repeat left center/contain}
.icerik-govde>h2:first-child{margin-top:0}
/* Sayfa zaten el yazısı bir etiketle açılıyorsa gövdenin ilk başlığı düz kalır */
.icerik-govde.duz-basliklar>h2:first-of-type{font-family:var(--accent-font);font-size:32px;
line-height:1.25em;color:var(--primary-color);font-weight:400}
.icerik-govde.duz-basliklar>h2:first-of-type::after{display:none}
.icerik-govde h3{font-family:var(--accent-font);font-size:25px;line-height:1.3em;
color:var(--primary-color);margin:32px 0 12px;font-weight:400}
.icerik-govde h4{font-size:19px;margin:26px 0 10px;color:var(--primary-color)}
.icerik-govde p{font-size:18px;line-height:1.78em;margin:0 0 19px}
.icerik-govde ul,.icerik-govde ol{padding-left:22px;margin:0 0 22px}
.icerik-govde li{font-size:18px;line-height:1.78em;margin-bottom:10px}
.icerik-govde a{color:var(--accent-color);text-decoration:underline;text-underline-offset:3px;
text-decoration-thickness:1px}
.icerik-govde a:hover{color:var(--primary-color)}
.icerik-govde strong{color:var(--primary-color)}
.icerik-govde blockquote{border-left:3px solid var(--accent-color);background:var(--secondary-color);
border-radius:0 16px 16px 0;margin:30px 0;padding:22px 26px}
.icerik-govde blockquote p{margin:0;font-family:var(--accent-font);font-size:21px;line-height:1.55em;
color:var(--primary-color)}
.icerik-govde table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.icerik-govde th,.icerik-govde td{border:1px solid var(--divider-color);padding:12px 14px;
text-align:left;vertical-align:top}
.icerik-govde th{background:var(--secondary-color);color:var(--primary-color);font-weight:700}
.icerik-govde hr{border:0;border-top:1px solid var(--divider-color);margin:34px 0}
.guncelleme-notu{font-size:14.5px;color:var(--text-color);border-top:1px solid var(--divider-color);
padding-top:18px;margin-top:36px}

/* Kırıntı (breadcrumb) — tema stiliyle uyumlu */
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;
align-items:center}
.breadcrumb li{color:var(--white-color);font-size:15px;text-transform:capitalize}
.breadcrumb li+li:before{content:'/';margin-right:10px;opacity:.6}
.breadcrumb li a{color:var(--white-color);opacity:.85}
.breadcrumb li a:hover{opacity:1;color:var(--accent-secondary-color)}

/* Mobil menü (slicknav yerine) */
.menu-dugmesi{display:none;width:46px;height:46px;border:1px solid var(--divider-color);
background:transparent;border-radius:12px;align-items:center;justify-content:center;
flex-direction:column;gap:5px;cursor:pointer;padding:0}
.menu-dugmesi span{display:block;width:20px;height:2px;background:var(--primary-color);
transition:.3s}
.menu-dugmesi[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-dugmesi[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-dugmesi[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:991px){
  .navbar .container-fluid{display:flex;align-items:center;justify-content:space-between;
    flex-wrap:nowrap;gap:12px}
  .menu-dugmesi{display:flex}
  .main-menu{display:none!important}
  .main-menu.acik{display:block!important;position:absolute;top:100%;left:0;right:0;
    background:var(--secondary-color);border-radius:0 0 20px 20px;padding:10px 24px 22px;
    box-shadow:0 24px 40px rgba(46,48,63,.12);max-height:74vh;overflow-y:auto;z-index:99}
  .main-menu.acik .nav-menu-wrapper{margin:0;text-align:left}
  .main-menu.acik .nav-menu-wrapper>ul{display:block;width:100%}
  .main-menu.acik ul li{display:block;border-bottom:1px solid var(--divider-color)}
  .main-menu.acik ul li a{display:block;padding:14px 0!important}
  .main-menu.acik ul ul{visibility:visible;opacity:1;position:static;transform:none;
    box-shadow:none;background:transparent;padding:0 0 8px 14px;width:100%;display:none;min-width:0}
  .main-menu.acik li.submenu.acik>ul{display:block}
  .main-menu.acik ul li.submenu>a:after{float:right;margin-top:6px}
  .header-btn{display:none}
}
.navbar{position:relative}

/* Hero video düğmesi + açılır pencere (tema düzeni; YouTube yerine kendi videomuz) */
.video-play-button{display:flex;align-items:center;gap:14px}
.video-play-button p{margin:0;font-weight:600;color:var(--primary-color)}
.video-play-button button{height:50px;width:50px;border:5px solid var(--accent-color);
border-radius:50%;display:flex;justify-content:center;align-items:center;background:transparent;
cursor:pointer;transition:.3s;padding:0}
.video-play-button button svg{width:16px;height:16px;color:var(--accent-color);margin-left:2px;
transition:.3s}
.video-play-button button:hover{background:var(--accent-color)}
.video-play-button button:hover svg{color:#fff}
.hero-gorsel-notu{position:absolute;left:0;right:0;bottom:-26px;margin:0;font-size:12.5px;
line-height:1.4em;color:var(--text-color);opacity:.8;font-style:italic;text-align:right}
@media(max-width:991px){.hero-gorsel-notu{position:static;text-align:left;margin-top:10px}}

dialog.video-pop{border:0;padding:0;background:transparent;max-width:min(440px,92vw);
width:100%;overflow:visible}
dialog.video-pop::backdrop{background:rgba(46,48,63,.84)}
dialog.video-pop video{width:100%;display:block;border-radius:22px;background:#000;
max-height:82vh}
dialog.video-pop .pop-kapat{position:absolute;top:-46px;right:0;width:38px;height:38px;
border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;
font-size:18px;line-height:1;cursor:pointer}
dialog.video-pop figcaption{color:rgba(255,255,255,.85);font-size:13px;margin-top:12px;
text-align:center;font-style:normal}

/* Galeri — filtre çubuğu + ızgara */
.galeri-filtre{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 34px}
.galeri-dugme{border:1px solid var(--divider-color);background:transparent;
color:var(--primary-color);font-size:15px;font-weight:600;padding:11px 22px;border-radius:999px;
cursor:pointer;transition:.25s ease;min-height:44px}
.galeri-dugme:hover{border-color:var(--accent-color);color:var(--accent-color)}
.galeri-dugme.aktif{background:var(--accent-color);border-color:var(--accent-color);color:#fff}
.galeri-izgara{row-gap:26px}
.galeri-oge[hidden]{display:none}
.kume-sayi{opacity:.7;font-weight:600}
.video-gallery-image .galeri-ac{display:block;width:100%;padding:0;border:0;background:none;
cursor:pointer;position:relative;border-radius:20px;overflow:hidden}
.video-gallery-image figure{margin:0;border-radius:20px;overflow:hidden}
.video-gallery-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
transition:transform .5s ease}
.video-gallery-image .galeri-ac:hover img{transform:scale(1.05)}
.galeri-oynat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.galeri-oynat::before{content:'';position:absolute;inset:0;background:rgba(46,48,63,.28)}
.galeri-oynat svg{position:relative;width:20px;height:20px;color:var(--primary-color);
background:#fff;padding:16px;border-radius:50%;box-sizing:content-box;
box-shadow:0 10px 26px rgba(46,48,63,.28)}
.video-gallery-image figcaption{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
font-style:normal;font-size:15px;color:var(--primary-color);margin-top:12px;font-weight:600}
.galeri-rozet{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
color:var(--text-color);background:var(--secondary-color);border-radius:999px;padding:4px 10px}
.galeri-rozet.gercek{background:var(--accent-secondary-color);color:var(--accent-color)}
/* Gerçek stüdyo karesi — iletişim sayfası ve kart altı kaynak notu */
.studyo-karesi{margin:0 0 24px}
.studyo-karesi img{width:100%;display:block;border-radius:24px}
.studyo-karesi figcaption,.gorsel-notu{font-size:13.5px;line-height:1.6em;font-style:italic;
color:var(--text-color);opacity:.8;margin-top:9px}
dialog.video-pop img{width:100%;display:block;border-radius:22px}
/* hidden özniteliği tema kurallarını yenebilsin (boş oynatıcı görünüyordu) */
dialog.video-pop [hidden]{display:none!important}

/* Video — etkileşimsiz oynatıcı (MADDE 7/1-ğ) */
.video-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.video-karti{background:var(--white-color);border-radius:24px;overflow:hidden;
box-shadow:0 18px 40px rgba(46,48,63,.07);height:100%;display:flex;flex-direction:column}
.video-karti figcaption{flex:1 1 auto}
.page-video-gallery .row{align-items:stretch}
.page-video-gallery .row > [class*="col-lg-4"]{display:flex}
.page-video-gallery .row > [class*="col-lg-4"] > .video-karti{width:100%}
.video-karti video{width:100%;display:block;background:#000;aspect-ratio:9/16;object-fit:cover}
.video-karti figcaption{padding:20px 22px;font-style:normal;margin:0}
.video-karti figcaption strong{display:block;font-family:var(--accent-font);font-size:19px;
color:var(--primary-color);margin-bottom:6px;font-weight:400}
.video-karti figcaption span{display:block;font-size:15px;line-height:1.6em}
.video-karti figcaption em{display:block;font-size:13.5px;margin-top:10px;opacity:.8}
.yazi-videosu{margin:34px 0}
.yazi-videosu .video-karti{max-width:420px}

/* Çerez paneli — Kinesi tanıtım kartı stili, marka renkleriyle.
   docs/14: "Reddet" ve "Kabul Et" AYNI boyut ve AYNI görünümde olmak zorunda. */
.cerez{position:fixed;left:24px;bottom:24px;z-index:1200;width:min(378px,calc(100vw - 32px));
background:var(--primary-color);color:#fff;border:1px solid rgba(255,255,255,.10);
border-radius:26px;padding:26px 26px 24px;
box-shadow:0 30px 70px rgba(46,48,63,.42),0 2px 0 rgba(255,255,255,.06) inset}
.cerez[hidden]{display:none}
.cerez-etiket{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--blush-color);
color:var(--secondary-color);border-radius:999px;padding:6px 14px;font-size:11.5px;
letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:16px}
.cerez-etiket::before{content:'';width:7px;height:7px;border-radius:50%;
background:var(--secondary-color)}
.cerez h2{font-family:var(--accent-font);font-size:25px;line-height:1.25em;font-weight:400;
color:#fff;margin:0 0 10px}
.cerez h2 span{color:var(--secondary-color)}
.cerez p{font-size:14.5px;line-height:1.65em;margin:0 0 18px;color:rgba(255,255,255,.78)}
.cerez p a{color:var(--secondary-color);text-decoration:underline;text-underline-offset:3px}
.cerez-durum{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.55em;
color:var(--secondary-color);background:rgba(248,230,216,.12);border-radius:12px;
padding:11px 14px;margin:0 0 14px}
.cerez-durum::before{content:'';flex:0 0 8px;width:8px;height:8px;border-radius:50%;
background:var(--secondary-color);margin-top:6px}
.cerez-butonlar button.secili{outline:2px solid #fff;outline-offset:2px}
.cerez-butonlar{display:flex;gap:10px}
.cerez-butonlar button{flex:1 1 0;min-width:0;padding:15px 12px;border-radius:16px;border:0;
background:var(--secondary-color);color:var(--primary-color);font-size:15.5px;font-weight:700;
cursor:pointer;transition:.25s ease;min-height:48px;font-family:var(--default-font)}
.cerez-butonlar button:hover{background:var(--blush-color);transform:translateY(-2px)}
.cerez-kapat{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;
border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;
cursor:pointer;line-height:1;font-size:17px;transition:.25s}
.cerez-kapat:hover{background:rgba(255,255,255,.16)}
.cerez-fab{position:fixed;left:24px;bottom:24px;z-index:1200;width:54px;height:54px;
border-radius:50%;border:0;background:var(--primary-color);color:var(--secondary-color);
cursor:pointer;box-shadow:0 16px 34px rgba(46,48,63,.34);display:flex;align-items:center;
justify-content:center;transition:.25s}
.cerez-fab:hover{background:var(--accent-color);color:#fff}
.cerez-fab[hidden]{display:none}
.cerez-fab svg{width:26px;height:26px}

/* Harita — tıklayınca yüklenir (KVKK) */
.harita-kutu{position:relative;border-radius:24px;overflow:hidden;background:var(--secondary-color);
min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}
.harita-kutu iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.harita-not{max-width:420px;margin:0 auto 18px;font-size:15px;line-height:1.65em}

/* İletişim sayfası — bilgi kartları tam genişlikte, altında form + harita */
.contact-info-list{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:6px 0 40px}
/* tema .contact-info-item'a width:calc(50% - 15px) veriyor — ızgarada hücreyi doldursun */
.contact-info-list .contact-info-item{width:auto;height:100%;margin:0;padding:26px 24px}
.contact-info-list .contact-info-item .icon-box{margin-bottom:22px}
.contact-info-list .contact-info-item .icon-box img{max-width:42px}
.contact-info-list .contact-info-content h3{font-size:19px;margin-bottom:9px}
.contact-info-list .contact-info-content p{margin:0 0 4px;font-size:15.5px;line-height:1.6em}
.contact-info-list .contact-info-content a{overflow-wrap:anywhere;font-size:15px}
.iletisim-alt{align-items:stretch}
.iletisim-alt .harita-kutu{height:100%;min-height:420px}
.contact-info-list.uc-kart{grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:1199px){.contact-info-list,.contact-info-list.uc-kart{
  grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.contact-info-list{grid-template-columns:1fr;gap:16px}}

/* İletişim formu (KVKK: sağlık verisi istenmez, onay önceden işaretli değil) */
.iletisim-form-kutu{background:var(--white-color);border:1px solid var(--divider-color);
border-radius:24px;padding:32px 34px;margin-bottom:30px}
.iletisim-form-kutu h2{font-family:var(--accent-font);font-size:29px;line-height:1.25em;
color:var(--primary-color);margin:0 0 10px;font-weight:400}
.form-giris{font-size:16px;line-height:1.7em;margin:0 0 22px}
.form-satir{margin-bottom:18px}
.form-satir label{display:block;font-size:15px;font-weight:700;color:var(--primary-color);
margin-bottom:7px}
.form-satir label span{color:var(--accent-color)}
.iletisim-form input[type=text],.iletisim-form input[type=tel],.iletisim-form input[type=email],
.iletisim-form textarea{width:100%;border:1px solid var(--divider-color);border-radius:14px;
background:var(--bg-color);padding:13px 16px;font:inherit;font-size:16px;color:var(--text-color);
transition:border-color .25s,background .25s}
.iletisim-form textarea{resize:vertical;min-height:120px}
.iletisim-form input:focus,.iletisim-form textarea:focus{outline:0;background:var(--white-color);
border-color:var(--accent-color)}
.form-not{font-size:14px;line-height:1.6em;margin:8px 0 0;color:var(--text-color);opacity:.85}
.form-onay{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.6em;
margin:6px 0 22px}
.form-onay input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--accent-color)}
.form-tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.iletisim-form .btn-default{border:0;cursor:pointer}
.form-durum{border-radius:14px;padding:14px 18px;margin-bottom:20px;font-size:15.5px;
line-height:1.6em;background:var(--secondary-color);color:var(--accent-color)}
.form-durum.hata{background:#F6E2DE;color:#8C3B2B}
@media(max-width:575px){.iletisim-form-kutu{padding:24px 20px}}

/* Üç kadın figürlü ikon 2.1:1 oranında — dar kutuda küçük kalmasın */
.features-item .icon-box img[src*="ikon-ozellik-1"]{max-width:104px}
@media(max-width:991px){.features-item .icon-box img[src*="ikon-ozellik-1"]{max-width:88px}}

/* SSS akordeonu — tema Bootstrap'in .accordion-button temeline dayanıyordu (bizde yok),
   düğmeler metin genişliğinde kutulara dönüşüyordu. Tek kart hâlinde yeniden yazıldı. */
.faq-accordion{margin:24px 0 34px;border:1px solid var(--divider-color);border-radius:22px;
overflow:hidden;background:var(--white-color)}
.faq-accordion .accordion-item{margin:0;border-radius:0;overflow:visible;
border-top:1px solid var(--divider-color)}
.faq-accordion .accordion-item:first-child{border-top:0}
.faq-accordion .accordion-header{margin:0}
.faq-accordion .accordion-header .accordion-button{display:flex;width:100%;align-items:center;
justify-content:space-between;gap:18px;text-align:left;border:0;box-shadow:none;cursor:pointer;
background:transparent;color:var(--primary-color);font-family:var(--accent-font);
font-size:19.5px;line-height:1.35em;padding:20px 24px;transition:background .25s,color .25s}
.faq-accordion .accordion-header .accordion-button.collapsed{background:transparent}
.faq-accordion .accordion-header .accordion-button:hover{background:var(--bg-color);
color:var(--accent-color)}
.faq-accordion .accordion-header .accordion-button:not(.collapsed){background:var(--secondary-color);
color:var(--accent-color)}
.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{content:'';position:static;
width:11px;height:11px;flex:0 0 auto;border:0;border-right:2px solid currentColor;
border-bottom:2px solid currentColor;border-radius:0;background:none;-webkit-mask:none;mask:none;
transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s ease}
.faq-accordion .accordion-button:not(.collapsed)::after{
transform:rotate(-135deg) translate(-2px,-2px)}
.faq-accordion .accordion-item .accordion-body{background:var(--secondary-color);border-top:0;
padding:0 24px 22px}
.faq-accordion .accordion-item .accordion-body p{margin:0;font-size:16.5px;line-height:1.75em;
color:var(--text-color)}
@media(max-width:575px){
  .faq-accordion .accordion-header .accordion-button{font-size:17.5px;padding:16px 18px;gap:12px}
  .faq-accordion .accordion-item .accordion-body{padding:0 18px 18px}
}

/* Yan sütundaki uygulama videosu — üstteki liste kutularıyla aynı kart dili
   (.page-catagery-list: mürdüm başlık şeridi + ince çerçeve, köşeler kırpılır) */
.yan-video{margin-top:30px;margin-bottom:0}
.yan-video h3{margin:0}
.yan-video .video-karti{max-width:100%;border-radius:0;background:transparent;
box-shadow:none;display:block}
.yan-video .video-karti video{aspect-ratio:9/16;border-radius:0}
.yan-video .video-karti figcaption{padding:20px 24px}
.yan-video .video-karti figcaption strong{font-size:17px}
.yan-video .video-karti figcaption span{font-size:14.5px}
@media(max-width:991px){.yan-video{max-width:420px}}

/* Yan sütun — iç bağlantı bloğu (8 madde; tema aralıkları çok genişti) */
.yan-liste ul{list-style:none;padding:8px 22px;margin:0}
.yan-liste ul li+li{margin-top:0}
.yan-liste ul li{padding-bottom:4px;margin-bottom:4px}
.yan-liste .yan-ikon{width:22px;height:22px;flex:0 0 auto;opacity:.9}
.page-catagery-list ul li a{white-space:normal;line-height:1.4em;height:auto;font-size:15.5px;
padding-top:5px;padding-bottom:5px;display:flex;align-items:center;gap:8px}
/* İkonlu uygulama listesi — ok işareti kalkar (ikon var), satırlar biraz ferahlar */
.yan-liste ul.ikonlu{padding:12px 22px}
.yan-liste ul.ikonlu li{padding-bottom:7px;margin-bottom:7px}
.yan-liste ul.ikonlu li a{gap:11px;font-size:16px;padding-top:8px;padding-bottom:8px}
.yan-liste ul.ikonlu li a::before{display:none}
/* Bulunulan sayfa yan listede belirgin */
.yan-liste ul.ikonlu li a.aktif{background:var(--secondary-color);color:var(--accent-color);
font-weight:700;border-radius:12px;padding-left:12px;padding-right:12px;margin:0 -8px}
.yan-liste ul.ikonlu li a.aktif .yan-ikon{opacity:1}
.page-catagery-list h3{padding:16px 24px;font-size:20px}
.page-catagery-list ul li a::before{flex:0 0 auto;position:static}
.page-single-sidebar{position:sticky;top:20px}
@media(max-width:991px){.page-single-sidebar{position:static;margin-bottom:40px}}
.sidebar-cta-box{position:relative;overflow:hidden}
.sidebar-cta-box::after{content:'';position:absolute;inset:0;
background:linear-gradient(180deg,rgba(46,48,63,.25) 0%,rgba(46,48,63,.80) 55%);
pointer-events:none}
.sidebar-cta-content{position:relative;z-index:2}
.etiket-listesi{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.etiket-listesi a{display:inline-block;padding:8px 16px;border-radius:999px;
background:var(--secondary-color);color:var(--primary-color);font-size:14px;transition:.25s}
.etiket-listesi a:hover{background:var(--accent-color);color:#fff}

/* Menü ikonları — kara kalem çizgi üslubu */
.kalem-tanim{position:absolute;width:0;height:0;overflow:hidden}
.menu-ikon{width:21px;height:21px;margin-right:8px;vertical-align:-5px;opacity:.85;
transition:opacity .3s ease}
.main-menu ul li a:hover .menu-ikon,.main-menu ul li.active > a .menu-ikon{opacity:1}
/* Menü yazıları biraz daha büyük ve kalın — YALNIZCA üst seviye */
.main-menu .nav-menu-wrapper > ul > li > a{font-size:17px!important;font-weight:700!important;
white-space:nowrap}

/* Açılır alt menü — tema kutusu korunur, satırlar rahatlatılır */
.main-menu ul ul{width:272px!important;padding:10px 0!important;
box-shadow:0 24px 44px rgba(46,48,63,.22)}
.main-menu ul ul li{display:block}
.main-menu ul ul li + li{border-top:1px solid rgba(255,255,255,.12)}
.main-menu ul ul li a{display:flex!important;align-items:center;gap:10px;
padding:12px 20px!important;font-size:15.5px!important;font-weight:600!important;
line-height:1.35em!important;color:#fff!important;white-space:normal}
.main-menu ul ul li a:hover{color:var(--secondary-color)!important;
background:rgba(255,255,255,.07)}
.main-menu ul ul li a[aria-current="page"]{color:var(--secondary-color)!important}
.main-menu ul ul .menu-ikon{display:block;width:19px;height:19px;margin:0;opacity:.9;
flex:0 0 19px}

/* Üst şerit + footer ikon ipuçları */
.topbar-social-links ul li,.footer-social-links ul li{position:relative}
.topbar-social-links ul li a{width:34px;height:34px}
.footer-social-links ul li a[data-ipucu]::after,
.topbar-social-links ul li a[data-ipucu]::after{content:attr(data-ipucu);position:absolute;
top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-4px);
background:var(--primary-color);color:#fff;font-size:13px;line-height:1;white-space:nowrap;
padding:8px 12px;border-radius:8px;opacity:0;visibility:hidden;transition:.25s ease;
pointer-events:none;z-index:120;font-weight:600}
.footer-social-links ul li a[data-ipucu]::before,
.topbar-social-links ul li a[data-ipucu]::before{content:'';position:absolute;
top:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid transparent;
border-bottom-color:var(--primary-color);opacity:0;visibility:hidden;transition:.25s ease;
z-index:120}
.topbar-social-links ul li a[data-ipucu]:hover::after,
.topbar-social-links ul li a[data-ipucu]:focus-visible::after,
.topbar-social-links ul li a[data-ipucu]:hover::before,
.topbar-social-links ul li a[data-ipucu]:focus-visible::before,
.footer-social-links ul li a[data-ipucu]:hover::after,
.footer-social-links ul li a[data-ipucu]:focus-visible::after,
.footer-social-links ul li a[data-ipucu]:hover::before,
.footer-social-links ul li a[data-ipucu]:focus-visible::before{opacity:1;visibility:visible;
transform:translateX(-50%) translateY(0)}
.topbar-social-links ul li a[data-ipucu]:hover::before,
.footer-social-links ul li a[data-ipucu]:hover::before{transform:translateX(-50%)}
/* Dokunmatik/dar ekranda balonlar kapalı (taşıyor, hover da yok) */
@media(max-width:991px),(hover:none){
  .topbar-social-links ul li a[data-ipucu]::after,
  .topbar-social-links ul li a[data-ipucu]::before,
  .footer-social-links ul li a[data-ipucu]::after,
  .footer-social-links ul li a[data-ipucu]::before{display:none}
}
/* Footer'da balon yukarı açılır (sayfanın en altında) */
.footer-social-links ul li a[data-ipucu]::after{top:auto;bottom:calc(100% + 10px);
background:var(--secondary-color);color:var(--primary-color)}
.footer-social-links ul li a[data-ipucu]::before{top:auto;bottom:calc(100% + 4px);
border-bottom-color:transparent;border-top-color:var(--secondary-color)}
.footer-social-links ul li a{width:38px;height:38px;display:flex;align-items:center;
justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;
color:#fff;transition:.25s ease}
.footer-social-links ul li a:hover{background:var(--secondary-color);
border-color:var(--secondary-color);color:var(--primary-color)}
.footer-social-links ul{display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:992px) and (max-width:1399px){
  .menu-ikon{display:none}
}

/* Koyu "dört ilke" bölümü — fotoğraf zemin üzerinde başlık okunur olsun */
.our-features::before{background:linear-gradient(180deg,rgba(46,48,63,.86) 0%,
rgba(46,48,63,.72) 45%,rgba(46,48,63,.86) 100%)!important;opacity:1!important}
.our-features .container{position:relative;z-index:2}
.our-features .section-title h3.el-yazisi{color:var(--secondary-color)}
.our-features .section-title h2{color:#fff;text-shadow:0 2px 18px rgba(46,48,63,.45)}
.our-features .features-item{backdrop-filter:blur(2px)}
/* Sayaç kutusu: sol metin büyür, sağdaki maddeler yayılır */
.feature-counters-box{gap:40px}
.feature-counter-content h3{font-size:27px!important;line-height:1.35em!important;
max-width:none!important}
.feature-counter-list{flex:1 1 auto;justify-content:space-between;gap:30px}
.feature-counter-item{min-width:0}
.feature-counter-item h2{font-size:32px!important;white-space:nowrap}
.feature-counter-item p{font-size:14.5px!important}
@media(max-width:991px){
  .feature-counter-content h3{font-size:22px!important}
  .feature-counter-item h2{font-size:26px!important}
}

/* Hero slaytı — üç görsel yumuşak geçişle döner (ok/nokta yok) */
.hero-slayt{position:relative;display:block;aspect-ratio:1/0.874;border-radius:40px;
overflow:hidden}
.hero-slayt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
border-radius:40px;opacity:0;transition:opacity 1.2s ease;aspect-ratio:auto}
.hero-slayt img.aktif{opacity:1}
@media(prefers-reduced-motion:reduce){
  .hero-slayt img{transition:none}
}

/* Hero madde listesi — temadaki gibi tek satır */
@media(min-width:1200px){
  .hero-content-list ul{gap:20px;flex-wrap:nowrap}
  .hero-content-list ul li{font-size:15px;white-space:nowrap}
}

/* Stok görsel kaynak notu (MADDE 7/1-g) */
.tema-gorsel-notu{font-size:13px;line-height:1.5em;opacity:.75;font-style:italic;
margin:22px 0 0;text-align:center}
.dark-section .feature-counter-item h2{font-size:34px}
.about-us-image figcaption,.what-we-do-image figcaption,.how-it-work-image figcaption{
font-size:12.5px;text-align:right;opacity:.75}

/* Çalışma ortamı bölümü — üç sütunun ALT hizası eşitlenir.
   Görseller tema oranını korur; kalan boşluğu metin kartı esneyerek doldurur. */
@media(min-width:992px){
  .why-choose-us .row > [class*="col-lg-4"]{display:flex}
  .why-choose-box-1,.why-choose-box-2{flex-direction:column;flex-wrap:nowrap;
    width:100%;height:100%}
  .why-choose-box-1 > *,.why-choose-box-2 > *{width:100%}
  .why-choose-box-1 > .why-choose-image,.why-choose-box-2 > .why-choose-image{flex:0 0 auto}
  .why-choose-box-1 > .why-choose-image figure,
  .why-choose-box-2 > .why-choose-image figure{height:auto}
  .why-choose-box-1 .why-choose-image img,.why-choose-box-2 .why-choose-image img{
    height:auto;width:100%;aspect-ratio:1/0.845;object-fit:cover}
  .why-choose-box-1 > .why-choose-item,.why-choose-box-2 > .why-choose-item{
    flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
  .why-choose-image-box{display:flex;flex-direction:column;height:100%}
  .why-choose-image-box > .why-choose-image{flex:1 1 auto;min-height:0}
  .why-choose-image-box > .why-choose-image figure{height:100%}
  .why-choose-image-box figure img,.why-choose-image-box figure .kart-video{
    aspect-ratio:auto;height:100%;object-fit:cover}
}
/* Metin kartlarının sağ altındaki çizim.
   PNG doğrudan basılırsa açık zeminde kayboluyor, koyu hover'da da bozuluyordu;
   bu yüzden çizim MASKE olarak kullanılıyor, rengi duruma göre değişiyor. */
.why-choose-item{position:relative;overflow:hidden}
.kart-cizim{position:absolute;right:-6px;bottom:-4px;width:215px;height:190px;
pointer-events:none;background-color:rgba(46,48,63,.6);transition:background-color .35s ease;
-webkit-mask:var(--cizim) no-repeat right bottom/contain;
mask:var(--cizim) no-repeat right bottom/contain}
.kart-cizim-kadin{--cizim:url('../gorsel/cizim-kadin.png')}
.kart-cizim-poz{--cizim:url('../gorsel/cizim-poz.png');width:210px;height:172px}
.why-choose-item:hover .kart-cizim{background-color:rgba(255,255,255,.72)}
.why-choose-item p,.why-choose-item h2{position:relative;z-index:1}
@media(max-width:1199px){.kart-cizim{width:150px;height:135px}}
@media(max-width:991px){.kart-cizim{width:150px;height:132px;
  background-color:rgba(46,48,63,.34)}}
@media(max-width:575px){.kart-cizim{width:118px;height:104px}}

/* El yazısı bölüm etiketi + elle çizilmiş altı çizgi */
.section-title h3.el-yazisi{font-family:'Caveat',cursive;font-size:36px;line-height:1.05em;
letter-spacing:0;text-transform:none;color:var(--accent-color);padding-left:0;
margin-bottom:14px;font-weight:600}
.section-title h3.el-yazisi::before{display:none}
.el-yazisi .el-cizgi{display:block;width:88%;max-width:280px;height:14px;margin:2px auto 0;
color:var(--accent-color)}
@media(max-width:575px){.section-title h3.el-yazisi{font-size:30px}}

/* Yan kartların paragrafı — biraz daha büyük, fazladan boşluksuz */
.why-choose-item p{font-size:16.5px!important;line-height:1.62em!important;
margin:0 0 14px!important}
.why-choose-item h2{margin:0!important}
.why-choose-item{padding-top:30px!important;padding-bottom:30px!important}

/* Ortadaki kartın başlığı tek satıra sığsın */
.why-choose-title h2{font-size:27px!important;line-height:1.2em!important}
@media(max-width:1199px){.why-choose-title h2{font-size:24px!important}}

/* Kart içi sessiz döngü videosu (why-choose ortadaki kutu) */
.kart-video-yuva{display:block;height:100%;border-radius:inherit;overflow:hidden}
.why-choose-image-box .why-choose-image .kart-video{width:100%;height:100%;
object-fit:cover;display:block;border-radius:20px;background:var(--primary-color)}
@media(max-width:767px){.why-choose-image-box .why-choose-image .kart-video{aspect-ratio:3/4}}
/* Mobil: dikey videolar çok uzun kalıyordu, kart yüksekliği kısaldı */
@media(max-width:767px){
  .video-karti video{aspect-ratio:4/5}
  .our-features .features-item{background:rgba(46,48,63,.5)!important;
    border:1px solid rgba(255,255,255,.16)}
  .our-features::before{background:linear-gradient(180deg,rgba(46,48,63,.9) 0%,
    rgba(46,48,63,.82) 50%,rgba(46,48,63,.9) 100%)!important}
}

/* Yazı kartı üst bilgisi */
.post-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.post-meta time{font-size:14px;color:var(--text-color);opacity:.8}
.post-meta .etiket-listesi{margin:0}
.post-meta .etiket-listesi a{padding:6px 14px;font-size:13px}
.post-ozet{font-size:18px;line-height:1.7em;color:var(--primary-color)}

/* İlgili yazılar */
.ilgili-yazilar{margin-top:44px;padding-top:30px;border-top:1px solid var(--divider-color)}
.ilgili-yazilar h2{font-family:var(--accent-font);font-size:26px;font-weight:400;
color:var(--primary-color);margin:0 0 18px}
.ilgili-yazilar ul{list-style:none;padding:0;margin:0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ilgili-yazilar li a{display:block;background:var(--secondary-color);border-radius:14px;
padding:16px 18px;color:var(--primary-color);font-weight:600;font-size:15.5px;line-height:1.5em;
transition:.25s}
.ilgili-yazilar li a:hover{background:var(--accent-color);color:#fff}

/* Footer sağ altındaki figür — maske, marka renginde soluk filigran
   (görsel aynada çevrilir, sayfanın içine/sola bakar) */
.main-footer{position:relative;overflow:hidden}
.main-footer::before{content:'';position:absolute;right:-10px;bottom:0;width:330px;height:376px;
background-color:var(--secondary-color);opacity:.22;pointer-events:none;z-index:0;
-webkit-mask:url('../gorsel/footer-sekil.png') no-repeat right bottom/contain;
mask:url('../gorsel/footer-sekil.png') no-repeat right bottom/contain}
/* Footer'ın sol altındaki mandala — başlık şeridindeki desenin çevrilmiş kopyası */
.main-footer::after{content:'';position:absolute;left:0;bottom:0;width:300px;height:334px;
background:var(--secondary-color);opacity:.20;pointer-events:none;z-index:0;
-webkit-mask:url('../gorsel/footer-mandala.png') no-repeat left bottom/contain;
mask:url('../gorsel/footer-mandala.png') no-repeat left bottom/contain}
@media(max-width:991px){.main-footer::after{width:190px;height:212px;opacity:.15}}
.main-footer .container{position:relative;z-index:1}
@media(max-width:991px){.main-footer::before{width:200px;height:228px;opacity:.16}}

/* Footer logosu — tema küçük tutuyordu, marka görünürlüğü için büyütüldü */
.main-footer .footer-logo img{width:min(360px,62vw);height:auto;max-width:none}
@media(max-width:767px){.main-footer .footer-logo img{width:min(280px,72vw)}}

/* Belge rozeti — unvan ve TCF belgesi bakışta görünsün (E-E-A-T + MADDE 5/1-d) */
.belge-rozeti{display:inline-flex;align-items:center;gap:14px;margin:30px 0 4px;
background:rgba(248,230,216,.12);border:1px solid rgba(248,230,216,.34);
border-radius:18px;padding:16px 22px}
.belge-rozeti .belge-ikon{display:flex;color:var(--secondary-color)}
.belge-rozeti svg{width:26px;height:26px}
.belge-rozeti b{display:block;font-size:17px;line-height:1.3em;color:#fff;font-weight:700}
.belge-rozeti em{display:block;font-style:normal;font-size:14.5px;line-height:1.5em;
color:var(--secondary-color);margin-top:3px}
@media(max-width:575px){.belge-rozeti{padding:14px 16px;gap:11px}
  .belge-rozeti b{font-size:15.5px}.belge-rozeti em{font-size:13.5px}}

/* Kadınlara Özel sayfasının açılış bölümü — başlık iki satırda kalsın */
.why-choose-us.ust-bolum .section-title.section-title-center{max-width:840px}

/* Kırıntı ikonları — menüdekilerin küçük hâli */
.page-header-box ol li.breadcrumb-item{display:inline-flex;align-items:center}
.kirinti-ikon{width:17px;height:17px;margin-right:7px;opacity:.8;flex:none}
@media(max-width:575px){.kirinti-ikon{width:15px;height:15px;margin-right:5px}}

/* Bulunulan sayfanın menü maddesi — kara kalemle çizilmiş altı çizgi
   (#kalem filtresi her sayfada tanımlı, KALEM_FILTRE) */
.navbar-nav .nav-link .menu-metin{position:relative;display:inline-block}
.navbar-nav .nav-item.active>.nav-link .menu-metin::after,
.navbar-nav .nav-link[aria-current="page"] .menu-metin::after{content:'';position:absolute;
left:-4px;right:-4px;bottom:-7px;height:9px;pointer-events:none;
background:var(--primary-color);opacity:.9;filter:url(#kalem);
-webkit-mask:var(--el-cizgi) no-repeat center/100% 100%;
mask:var(--el-cizgi) no-repeat center/100% 100%}
.navbar-nav .submenu ul .nav-link[aria-current="page"] .menu-metin::after{
background:var(--accent-color);bottom:-5px;height:8px}
@media(max-width:991px){.navbar-nav .nav-item.active>.nav-link .menu-metin::after,
  .navbar-nav .nav-link[aria-current="page"] .menu-metin::after{bottom:-5px;height:8px}}

/* Başlık şeridi ile içerik arası — tema 100px bırakıyordu, fazla uzaktı */
.page-service-single{padding:62px 0 90px}
@media(max-width:991px){.page-service-single{padding:44px 0 64px}}

/* Alt sayfa başlığının iki yanındaki süsler (Yogava figür + mandala, maske) */
.page-header{position:relative;overflow:hidden}
.page-header::before,.page-header::after{content:'';position:absolute;pointer-events:none;
background:var(--accent-color);opacity:.34}
.page-header::before{left:34px;bottom:-6px;width:186px;height:212px;
-webkit-mask:url(../gorsel/sayfa-susu-sol.png) no-repeat left bottom/contain;
mask:url(../gorsel/sayfa-susu-sol.png) no-repeat left bottom/contain}
.page-header::after{right:0;top:0;width:250px;height:278px;
-webkit-mask:url(../gorsel/sayfa-susu-sag.png) no-repeat right top/contain;
mask:url(../gorsel/sayfa-susu-sag.png) no-repeat right top/contain}
.page-header-box{position:relative;z-index:2}
@media(max-width:1199px){.page-header::before{width:140px;height:160px;left:16px}
  .page-header::after{width:184px;height:205px}}
@media(max-width:767px){.page-header::before{width:96px;height:110px;left:6px;opacity:.13}
  .page-header::after{width:126px;height:140px;opacity:.13}}

/* Sayfa başlığı altındaki unvan şeridi (açık zeminde belge rozetinin karşılığı) */
.sayfa-unvan{display:inline-flex;align-items:center;gap:11px;margin:18px auto 0;
background:var(--secondary-color);border:1px solid rgba(90,74,102,.22);border-radius:40px;
padding:11px 22px;font-size:16px;line-height:1.4em;font-weight:600;
color:var(--accent-color);text-align:left}
.sayfa-unvan svg{width:21px;height:21px;flex:none;color:var(--accent-color)}
@media(max-width:767px){.sayfa-unvan{font-size:14.5px;padding:10px 17px;gap:9px;
  margin-top:15px;align-items:flex-start}.sayfa-unvan svg{width:19px;height:19px;margin-top:2px}}

/* Footer eklemeleri — editör bilgisi (MADDE 5/1-ı) */
.editor-kutu{margin-top:22px;padding-top:20px;border-top:1px solid var(--dark-divider-color);
font-size:14.5px;line-height:1.75em;color:rgba(255,255,255,.82)}
.editor-kutu a{color:#fff;text-decoration:underline}
.footer-yasal-not{font-size:13.5px;line-height:1.8em;color:rgba(255,255,255,.68);
margin:26px 0 0;padding-top:22px;border-top:1px solid var(--dark-divider-color)}
.footer-alt-linkler{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;
list-style:none;padding:0;margin:12px 0 0}
.footer-alt-linkler a{color:rgba(255,255,255,.75);font-size:14px}
.footer-alt-linkler a:hover{color:#fff}

/* Kart ızgaraları */
.deger-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;
margin-top:10px}
.deger-karti{background:var(--white-color);border-radius:22px;padding:30px 28px;
box-shadow:0 16px 40px rgba(46,48,63,.06)}
.deger-karti h3{font-family:var(--accent-font);font-size:21px;font-weight:400;
color:var(--primary-color);margin:16px 0 10px}
.deger-karti p{font-size:15.5px;line-height:1.7em;margin:0}
.deger-karti .ikon-yuva{width:54px;height:54px;border-radius:16px;background:var(--secondary-color);
display:flex;align-items:center;justify-content:center}
.deger-karti .ikon-yuva img{width:30px;height:30px}

/* Bilgi satırı ikonları (topbar, footer, iletişim) */
.ikon{width:17px;height:17px;flex:0 0 auto;margin-right:9px;vertical-align:-3px}
.topbar-contact-info ul li{display:flex;align-items:center}
.topbar-contact-info ul li .ikon{color:#fff}
.footer-social-links ul li a .ikon,.topbar-social-links ul li a .ikon{margin:0;width:15px;height:15px}

/* 404 */
.hata-kutu{text-align:center;padding:90px 0 110px}
.hata-kutu h2{font-family:var(--accent-font);font-size:40px;font-weight:400;
color:var(--primary-color);margin:0 0 14px}
.hata-kutu p{font-size:17px;margin:0 0 26px}

/* Dokunma hedefi — mobilde en az 44 px (docs/16) */
@media(max-width:991px){
  .readmore-btn,.post-item-btn a,.service-readmore-btn a,.faqs-contact-list ul li a,
  .footer-links ul li a,.page-catagery-list ul li a,.footer-alt-linkler a,
  .topbar-contact-info ul li a{min-height:44px;display:inline-flex;align-items:center}
  .icerik-govde a{padding:2px 0}
}
@media(max-width:767px){
  .topbar-contact-info ul{gap:14px}
  .topbar-contact-info ul li:first-child{display:none}
  .icerik-govde h2{font-size:26px}
  .icerik-govde>h2:first-of-type{font-size:34px}
  .icerik-govde h3{font-size:22px}
  .icerik-govde p,.icerik-govde li{font-size:17px}
  .cerez{left:12px;right:12px;bottom:12px;width:auto}
  .cerez-fab{left:12px;bottom:12px}
}
@media print{.topbar,.main-header,.main-footer,.cerez,.cerez-fab{display:none!important}}