/*
Author       : themes_mountain
Template Name: Penn - Education HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOMEPAGE CSS STYLE
    04. START TOP PROMO DESIGN
    05. START ABOUT CSS DESIGN
    06. START COUNTER DESIGN
    07. START FEATURES DESIGN
    08. START COURSE DESIGN
    09. START COURSE PROMOTION DESIGN
    10. START TOPIC DESIGN
    11. START REVIEWS DESIGN
    12. START TEAM DESIGN
    13. START BLOG DESIGN
    14. START FOOTER DESIGN
    15. START PARTNER DESIGN
    16. START SECTION TOP DESIGN
    17. START PRICING DESIGN
    18. START EVENTS DESIGN
    19. START FAQ DESIGN
    20. START ERROR DESIGN
    21. START LOGIN AND REGISTER DESIGN
    22. START CONTACT DESIGN
    23. START ABOUT PAGE DESIGN
    23. START NEWSLETTER DESIGN
    24. START FREE COURSE+INSTRUCTOR DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 00.RENK PALETI (Toronto Language Academy)
* ----------------------------------------------------------------------------------------
*/
:root {
	/* MARKA PALETI - kahve/bej tonlari yok; turuncu + notr koyu/acik.
	   Olculen kontrastlar (yuzey #FFFAF6 uzerinde):
	   secondary 16.0:1 · text 15.6:1 · text-muted 5.3:1 · primary-ink 4.8:1
	   Koyu zemin #201E1E uzerinde: beyaz 16.6:1 · cream 13.1:1 · accent 8.0:1 */
	--color-primary: #F59523;
	--color-primary-dark: #E05606;
	/* Basliklar ve koyu zeminler: kahve #692603 yerine notr koyu */
	--color-secondary: #201E1E;
	--color-background: #FFF5EC;
	--color-surface: #FFFAF6;
	--color-text: #222020;
	--color-text-light: #FFFFFF;
	/* Ikincil yazi: kahve #8A6754 yerine notr gri */
	--color-text-muted: #6B6866;
	--color-accent: #EDA45C;
	/* Koyu zeminde acik vurgu: tenli krem #F1CDA6 yerine soluk turuncu */
	--color-cream: #FFDFC0;
	--color-border: rgba(34, 32, 32, 0.12);
	/* Acik zeminde yazi olarak kullanilabilen turuncu. --color-primary (2.20:1) ve
	   --color-primary-dark (3.82:1) beyaz uzerinde AA'yi gecmiyor; bu ton geciyor. */
	--color-primary-ink: #C2470A;
}
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color:var(--color-text-muted);
font-family: 'Mulish', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
overflow-x:hidden;
}


html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
  font-family: 'Mulish', sans-serif;
  color: var(--color-secondary);
  font-weight: 400;
}
a {
	font-family: 'Mulish', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
inout{outline:none;}
p {
  margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
	list-style:none;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
b, strong {
	font-weight: 600;
}
span{font-family: 'Mulish', sans-serif;}
.no-padding { padding: 0 }

/*END PRELOADER DESIGN*/
.section-padding { padding: 80px 0 }
/*START SECTION TITLE DESIGN*/
.section-title {
  margin-bottom: 60px;
  position:relative;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  line-height: 1px;
  margin: 0 0 10px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-primary);
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: var(--color-primary);
  margin: 4px 10px;
}
.section-title p {
	width: 60%;
	margin: 0;
	font-size: 42px;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 46px;
	color: var(--color-secondary);
}
@media only screen and (max-width:480px){
.section-title p {width:100%;}
}
.section-title p span{color: var(--color-primary);}
h1.section-title-white{color:#fff;}
p.section-title-white{color:#fff;}
.section-title-two{margin-bottom:60px;}
.section-title-two h2 {
	font-weight: 800;
	font-size: 50px;
	text-align: center;
}
.section-title-two h2 span{color: var(--color-primary);}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: var(--color-primary-dark);
	border-radius: 30px;
	bottom: 5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: var(--color-primary-dark);
    color: #fff;
}
/*END SCROLL TO TOP*/
/*START PRELOADER DESIGN*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
}

/* Yaprak loader: logodan cikarilan akcaagac yapragi zipliyor,
   altinda golge nefes aliyor, en altta ince ilerleme cubugu. */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
}

.tla-loader__leaf {
    width: 76px;
    height: 64px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    animation: tlaLeafHop 1.1s cubic-bezier(.45, 0, .35, 1) infinite;
}
.tla-loader__leaf img {
    width: 100%;
    height: auto;
    display: block;
    transform-origin: 50% 100%;
    animation: tlaLeafSquash 1.1s cubic-bezier(.45, 0, .35, 1) infinite;
}

.tla-loader__shadow {
    display: block;
    width: 50px;
    height: 10px;
    margin-top: 8px;
    border-radius: 50%;
    background: rgba(34, 32, 32, .26);
    filter: blur(2.5px);
    animation: tlaLeafShadow 1.1s cubic-bezier(.45, 0, .35, 1) infinite;
}

.tla-loader__bar {
    display: block;
    position: relative;
    width: 148px;
    height: 4px;
    margin-top: 22px;
    border-radius: 4px;
    background: rgba(34, 32, 32, .14);
    overflow: hidden;
}
.tla-loader__bar i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 42%;
    border-radius: 4px;
    background: var(--color-primary);
    animation: tlaLoaderBar 1.5s ease-in-out infinite;
}

@keyframes tlaLeafHop {
    0%, 100% { transform: translateY(0); }
    45%      { transform: translateY(-26px); }
}
@keyframes tlaLeafSquash {
    0%, 100% { transform: scale(1.12, .88); }
    20%, 70% { transform: scale(1, 1); }
    45%      { transform: scale(.94, 1.06) rotate(-6deg); }
}
@keyframes tlaLeafShadow {
    0%, 100% { transform: scale(1);   opacity: .32; }
    45%      { transform: scale(.55); opacity: .14; }
}
@keyframes tlaLoaderBar {
    0%   { left: -45%; }
    100% { left: 100%; }
}

/* Hareket azaltma tercihi: ziplama yerine yumusak nabiz */
@media (prefers-reduced-motion: reduce) {
    .tla-loader__leaf,
    .tla-loader__leaf img,
    .tla-loader__shadow { animation: none; }
    .tla-loader__leaf img { animation: tlaLeafFade 1.4s ease-in-out infinite; }
    .tla-loader__bar i { animation-duration: 2.4s; }
    @keyframes tlaLeafFade {
        0%, 100% { opacity: 1; }
        50%      { opacity: .45; }
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: var(--color-background);
    z-index: 10;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
/*END LOADER*/

::-moz-selection {
	background: var(--color-secondary);
	color: #fff;
	text-shadow: none;
}
::selection {
	background: var(--color-secondary);
	color: #fff;
	text-shadow: none;
}
/*BTN START*/
.btn_one {
	background: var(--color-primary-dark);
	font-size: 15px;
	padding: 10px 30px;
	color:#fff;
  display: inline-block;
  border-radius:100px;
  font-weight: 700;
   box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn_one:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-secondary);
  border-radius: 100px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn_one:hover, .btn_one:focus, .btn_one:active {
  color: #fff;
  border-radius:100px;
}
.btn_one:hover:before, .btn_one:focus:before, .btn_one:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border-radius: 100px;
}

@media only screen and (max-width:880px) { 
.btn_one {padding: 10px 20px;}
}
@media only screen and (max-width:480px) { 
.btn_one {padding: 10px 30px;}
}
/*BTN END*/

/* (eski .cta butonu kaldirildi; sitede hap buton .tla-hero-btn kullanilir) */
/*START BTN THREE*/
.btn_two {
	color: var(--color-secondary);
	border: 1px solid var(--color-border);
	padding: 9px 30px;
	font-weight: 700;
	display: inline-block;
	border-radius: 100px;
	font-size: 15px;
	transition: 0.3s;
}
.btn_two:hover{
	color: #fff;
	border: 1px solid var(--color-primary);
	background:var(--color-primary-dark);
}
/*END BTN THREE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*START TOP HEADER DESIGN*/
.logo-contact {
	padding: 10px 0;
	background: var(--color-primary);
}
@media only screen and (max-width:480px){
.logo-contact{display:none;}
}
.logo-img{}
.logo-img a {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 5px;
	display: inline-block;
}
.single-top-contact {margin-top:6px;}
@media only screen and (max-width:880px) { 
.single-top-contact{margin-bottom:30px;}
}
.single-top-contact i {
	color: #fff;
	float: left;
	margin-right: 15px;
	font-size: 24px;
	margin-bottom: 0px;
}
.single-top-contact h4{
font-size: 15px;
color: #fff;
margin-bottom: 0px;
overflow: hidden;
padding-top: 3px;
}
.single-top-contact h4 a{color: #fff;}
/*TOP SOCIAL PROFILES*/
.top_social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
float:right;
}
.top_social_profile ul li{display: inline-block;}
.top_social_profile ul li a {
	background:#fff;
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 5px;
	font-size: 16px;
	color: var(--color-text);
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.top_social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
.top_social_profile ul li a:hover{
color:#fff;
}
.top_f_facebook:hover{background:#3B5998;}
.top_f_twitter:hover{background:#1A90D9;}
.top_f_instagram:hover{background:#FF5252;}
.top_f_linkedin:hover{background:#0e76a8;}
/*END LOGO WITH CONTACT*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
	width: 150px;
	height: auto;
	margin-top: 10px;
}
/* Toronto Language Academy SVG logo - height ile olceklenir */
.site-logo img[src$=".svg"] {
	width: auto;
	max-width: 100%;
	height: 62px;
	margin-top: 5px;
}
@media only screen and (max-width: 991px) {
	.site-logo img[src$=".svg"] {
		height: 52px;
	}
}
@media only screen and (max-width: 575px) {
	.site-logo img[src$=".svg"] {
		height: 46px;
	}
}
.bg-faded {
	background-color: #fff;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 10px 0;
	background-color: #fff;
}
#navigation.navbar-fixed {
	padding:10px 0;
	background:#fff;
	border-color: #fff;
}
.header_right {
	display: block;
	-ms-flex-preferred-size: auto;
	    flex-basis: auto;
}
#main-menu {

}
#main-menu ul{
	list-style-type: none;
	text-align: center;
}
#main-menu ul li{
	display: inline-block;
	margin-left:15px;
	position: relative;
}
#main-menu ul li a {
	color: var(--color-secondary);
	font-weight: 700;
	text-transform: capitalize;
	-webkit-transition:.5s;
	-o-transition: .5s;
	transition: .5s;
	font-size: 15px;
	padding: 24px 0 26px;
	display: block;
}
#main-menu ul li a span {
	font-weight: bold;
	font-size: 12px;
}
@media only screen and (max-width: 880px){
#main-menu ul li a span{display: none;}
}
#navigation.navbar-fixed #main-menu ul li a{
	color: var(--color-secondary);
	padding: 22px 0 22px;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: var(--color-primary);
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{

	color: var(--color-primary);
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
	color: var(--color-primary);
}

.slicknav_menu {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #fff;
	padding: 0px;
}
.slicknav_nav_icon{
	color: var(--color-primary);
	font-size: 24px;
}
#mobile_menu{
	display: none;
}
/* Responsive Design */
@media only screen and (max-width:1024px) { 
#main-menu ul li {
	margin-left: 30px;
}
}
/*END 1024px*/
@media only screen and (max-width: 991px){	
#main-menu ul li {
	margin-left: 9px;
}
#main-menu ul li a {
	font-size: 15px;
}
#navigation {
	padding: 10px 0 20px;
	background: #fff;
}
}
/*END 991px*/
@media only screen and (max-width: 880px){
#main-menu{
display: none;
}
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav{
background-color: #fff;
}
#navigation #mobile_menu li a {
	color: var(--color-secondary);
	font-weight: 500;
}
#navigation.navbar-fixed #mobile_menu li a{
color: var(--color-secondary);
}
.slicknav_nav a{
padding: 5px 0px;
-webkit-transition:.3s;
-o-transition: .3s;
transition: .3s;
}
#navigation #mobile_menu li a:hover,
#navigation #mobile_menu li a:focus{
color: var(--color-secondary);
background:#fff;
}
.slicknav_btn {
top: 24px;
background:var(--color-secondary);
}
}
/*END 767px*/
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
	display: none;
}
@media only screen and (max-width: 575px){
.slicknav_btn {
margin: 0;
text-decoration: none;
position: absolute;
top: 35px;
right: 17px;
}
}
/*END 575px*/
/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: #fff;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	        box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:10px;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid var(--color-primary);
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: var(--color-secondary);
} 
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
	color: var(--color-secondary);
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 7px 12px;
	position: relative;	
	-webkit-transition:all 0.3s ease 0s !important;	
	-o-transition: all 0.3s ease 0s !important;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
}

#navigation #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:focus{
	color: var(--color-primary);
	background-color: #fff;
	text-decoration: none;
}


@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
}


.home_lc {
	display: inline-block;
	margin-top:30px;
}
.hlc {
	position: relative;
	margin-right: 30px;
	display: inline-block;
}
.home_lc a i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-secondary);
	font-size: 26px;
}
.home_lc a .gactive {
	width: 20px;
	height: 20px;
	background: var(--color-primary-dark);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: -10px;
	right: -11px;
}
.call_to_action{
float: right;
margin-top:10px;}
.call_to_action a {
	margin-right:5px;
}
.select_cat select {
	width: 50%;
	float: left;
	margin-top: 15px;
	padding: 10px;
	font-weight: 700;
	font-size: 15px;
	border: 1px solid var(--color-border);
}
.select_cat select option{
	padding: 10px;
}
.select_cat select:focus{
box-shadow:none;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03. START HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.home_bg{
height:900px;
position:relative;
}
.home_bg2{
height:700px;
position:relative;
}
.home_content{padding-top:250px;position:relative;}
.hc_pt{padding-top:150px;position:relative;}
@media only screen and (max-width:768px) { 
.home_content{padding-left:30px;padding-right: 20px;}
}
.home_content h1 {
	font-size: 80px;
	font-weight: 700;
	line-height: 100px;
	margin-bottom: 20px;
}
 @media only screen and (max-width:960px){
.home_content h1 {font-size: 60px;line-height:70px;}
 }
.home_content h1 span{color:var(--color-primary);}
.home_content p {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 18px;
}
.home_me_img{	
position: absolute;
	z-index: 9;
	bottom: 0;}
.home_me_img img{position:relative;}
.home_img_two{padding-top:150px;padding-left:50px;}

@media only screen and (max-width:480px) { 
.home_me_img img{display:none;}
.home_img_two{display:none;}
}
/*HOME THREE CSS*/
.home_img_bg {
	height: 750px;
	position:relative;
}
.home_img_bg::before {
	background: var(--color-secondary);
	content: "";
	height: 100%;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
	opacity: 0.8;
}
.hero-text{position:relative;}
.hero-text h1 {
	color: #fff;
	font-size: 90px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 90px;
	padding-top: 150px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.hero-text h1 span{
color:var(--color-primary);
}
@media only screen and (max-width:480px){
.hero-text h1 {
font-size: 60px;
line-height:70px;
}
}
.hero-text p {
	color: #fff;
	margin-bottom: 30px;
}
.hero-text-img {
	position: absolute;
	bottom: 0;
	z-index: 9;
}
.hero-text-img img{position:relative;}
@media only screen and (max-width:480px) { 
.hero-text-img img{display:none;}
}
/*END HOME THREE CSS*/
.home_ps {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	position: absolute;
	top: 50%;
}
.home_ps img {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.home_ps h2 {
	overflow: hidden;
	font-weight: 800;
}
.home_ps span{font-size: 14px;}

.home_ps2 {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius: 30px;
		position: absolute;
	top: 10%;
	right:0;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}
.home_ps2 img {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.home_ps2 h2 {
	overflow: hidden;
	font-weight: 800;
}
.home_ps2 span{font-size: 14px;}
.home_tag{margin-top:30px;}
.home_tag span{}
.home_tag a {
	color: var(--color-secondary);
	font-weight: 600;
	padding: 0 5px;
	text-decoration: underline;
	transition: 0.3s;
}
.home_tag a:hover{color: var(--color-primary);}
@media only screen and (max-width:480px) { 
#kenburns_061{margin-top:75px;}
}
/*
* ----------------------------------------------------------------------------------------
* 03. END HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START TOP PROMO STYLE
* ----------------------------------------------------------------------------------------
*/
.tp_feature{padding-bottom:50px;}
.single_tp {
	padding: 60px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
	border-right: 1px solid var(--color-border);
}
@media only screen and (max-width:880px){
.single_tp {margin-bottom:0px;}
}
.single_tp h3 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom:15px;
	overflow: hidden;
}
.single_tp p {
	margin-bottom: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 04. END TOP PROMO CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/* Hakkimizda: koyu zemin, metinler ustte, bina gorseli altta tam genislikte.
   Gorsel seffaf PNG'den kirpildi; bos alanlar zemine karisir, bu sayede
   object-fit: contain ile genis ekranda da kenarlarda kutu gorunmez. */
.ab_one {
	position: relative;
	overflow: hidden;
	padding: 48px 0 64px;      /* ust bosluk ustteki bolumle paylasilir; alt: bina golgesi kesilmesin */
	/* Zemin (secenek C, koyu bitis): ustteki bolumun koyusundan baslar, ortada
	   kizil-kahve + sicak isima, bina altinda koyu antrasite iner. Alttaki Diller
	   bolumunun turuncusu koyu zeminden net bir kenarla baslar. */
	background:
		radial-gradient(60% 40% at 50% 46%, rgba(224, 86, 6, .30), rgba(224, 86, 6, 0) 70%),
		linear-gradient(180deg, #1B1818 0%, #7A3416 42%, #2A1A14 78%, #1B1818 100%);
}
.tla-about__inner { position: relative; z-index: 1; }

.ab_content { margin-bottom: 34px; position: relative; }
.ab_content h2 {
	font-weight: 700;
	margin-bottom: 20px;
	/* sablonda capitalize vardi; Turkce cumlede Baslik Duzeni yanlis duruyor */
	text-transform: none;
	line-height: 1.18;
	font-size: 44px;
	color: #fff;
	text-wrap: balance;
}
/* vurgu: acik amberden koyu turuncuya yazi ici gradyan (color yedek olarak kalir) */
.ab_content h2 span {
	color: var(--color-primary);
	background: linear-gradient(92deg, #FFC46A 0%, #F59523 42%, #E05606 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ab_content h2 u {
	color: var(--color-primary);
	text-decoration-color: rgba(255, 255, 255, .38);
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}
.ab_content p {
	margin-bottom: 0;
	max-width: 540px;
	font-size: 17px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .76);
}

/* CTA: sitenin ortak hap butonu (.tla-hero-btn--primary); koyu zeminde turuncu */
.tla-about__cta { display: inline-flex; }

/* Misyon / vizyon: cam kartlar */
.tla-about__cards { display: grid; gap: 18px; }
.abmv {
	margin: 0;
	padding: 28px 30px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transition: 0.3s;
}
.abmv:hover{
	/* kenarlik kalinlastirmak icerigi kaydiriyordu; ic golge ile kaymasiz */
	box-shadow: inset 4px 0 0 var(--color-primary);
	border-color: rgba(245, 149, 35, .45);
	background: rgba(255, 255, 255, .09);
}
.abmv span {
	background: rgba(245, 149, 35, 0.18);
	float: left;
	margin-right: 20px;
	display: block;
	width: 64px;
	height: 64px;
	color: var(--color-primary);
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	border-radius: 100px;
}
.abmv h4 {
	font-weight: 800;
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 21px;
	color: #fff;
}
.abmv p {
	overflow: hidden;
	margin: 0;
	color: rgba(255, 255, 255, .72);
}
.ss_btn {
	margin-top: 50px;
}

/* Bina gorseli: bolumun tabanina oturur, tam genislik.
   max-height ile cok genis ekranlarda bolum asiri uzamaz; contain sayesinde
   seffaf kenarlar zemine karisir ve bina ortalanir. */
.tla-about__visual {
	position: relative;
	margin-top: 60px;
	line-height: 0;
}
/* 3B sahne: JS (about-tilt.js) .tla-about__tilt uzerine perspective+rotate yazar. */
.tla-about__stage {
	position: relative;
	transform-style: preserve-3d;
}
.tla-about__tilt {
	position: relative;
	transform-origin: 50% 82%;
	will-change: transform;
	transform: perspective(1400px) rotateX(0deg);
}
.tla-about__visual img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(72vh, 820px);
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 28px 36px rgba(0, 0, 0, .45));
	backface-visibility: hidden;
}
/* iOS'ta sensor izni icin kucuk dugme (yalnizca JS gerekli gorurse eklenir) */
.tla-about__motion {
	position: absolute;
	left: 50%;
	bottom: 12px;
	z-index: 3;
	transform: translateX(-50%);
	padding: 9px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .30);
	background: rgba(20, 16, 14, .55);
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	cursor: pointer;
}

@media only screen and (max-width: 991px) {
	.ab_one { padding-top: 72px; }
	.tla-about__cards { margin-top: 36px; }
	.tla-about__visual { margin-top: 44px; }
}
@media only screen and (max-width: 575px) {
	.ab_content h2 { font-size: 32px; }
	.ab_content p { font-size: 16px; }
	.abmv { padding: 22px; border-radius: 14px; }
	.abmv span { width: 54px; height: 54px; line-height: 54px; font-size: 21px; margin-right: 16px; }
	.tla-about__visual img { filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .4)); }
}
/*
* ----------------------------------------------------------------------------------------
* 05. END ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.counts .count-box {
  display: flex;
  align-items: center;
  padding: 25px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  border: 1px solid var(--color-border);
}
.counts .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-right: 15px;
  color: var(--color-primary);
}
.counts .count-box span {
  font-size: 36px;
  display: block;
  color: var(--color-secondary);
  font-weight: 700;
}

.counts .count-box p {
  padding: 0;
margin-top: 5px;
}
/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_content_area {
	/* kaldirildi: asagidaki turuncu gradient kurali bunu zaten eziyordu,
	   gorsel hicbir zaman indirilmiyordu */
	padding-bottom: 50px;
	background-size: cover;
	background-position: center;
	/* padding: 100px 0; */
}
.single_feature_one {
	background:#fff;
	margin-bottom: 30px;
	padding:40px;
	border-radius:10px;
	margin-bottom:30px;
	position: relative;
	border:1px solid var(--color-border);
	z-index: 2;	
		-webkit-transition: 0.3s;
	-webkit-transition: 0.2s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf_top{overflow: hidden;}
.single_feature_one span {
	border-radius: 100px;
	float: left;
	font-size: 30px;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	margin-right: 20px;
}
.single_feature_one h2 a{
	font-size: 22px;
	color: var(--color-secondary);
	margin-bottom: 15px;
	display: block;
	text-transform: capitalize;
	overflow: hidden;
	line-height: 32px;
	font-weight:800;
	transition: 0.3s;
}
.single_feature_one:hover h2 a{}
.single_feature_one p{}
.single_feature_one:hover{
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
-webkit-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}
.ss_one{background:rgba(245, 149, 35, 0.2);}
.ss_two{background:var(--color-surface)}
.ss_three{background:var(--color-background)}
.ss_four{background:rgba(237, 164, 92, 0.18)}
.ss_five{background:var(--color-surface)}
.ss_six{background:rgba(241, 205, 166, 0.45)}
.ss_seven{background:var(--color-background)}
.ss_eight{background:rgba(245, 149, 35, 0.12)}

/*
* ----------------------------------------------------------------------------------------
* 07.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.course-slide{
    position:relative;
    background:#fff;
	margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.course-slide {margin-bottom:30px;}
}
.course-slide .course-img{
    position: relative;
    overflow: hidden;
}
.course-slide .course-img img{
    width: 100%;
    height: auto;
}
.course-slide .course-date{
    position:absolute;
    top:10%;
    left:4%;
}
.course-slide .month {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background: var(--color-primary-dark);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
}
.course-content{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid var(--color-border);
}
.course-content h3 a {
	color: var(--color-secondary);
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
}
.course-content h3 a:hover{color:var(--color-primary);}
.course-slide .course-content span i{
color:var(--color-primary);
margin-right:8px;
}
.course-slide .course-content span {
	color: var(--color-secondary);
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.course-slide .course-content span strong{font-weight:700;}
/*START COURSE STYLR TWO*/
.course-slide2{
    position:relative;
    background:#fff;
	margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.course-slide2 {margin-bottom:30px;}
}
.course-slide2 .course-img2 {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
	margin-right: 30px;
}

.course-slide2 .course-img2 img{
    width: 100%;
    height: auto;
}
.co_list {
	margin-top: 30px;
	display: inline-block;
}
.course-slide2 .course-date2{
    position:absolute;
    top:10%;
    left:4%;
}
.course-slide2 .month2 {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background: var(--color-primary-dark);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
}
.course-content2{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid var(--color-border);
}
.course-content2 h3 a {
	color: var(--color-secondary);
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
}
.course-content2 h3 a:hover{color:var(--color-primary);}
.course-slide2 .course-content2 span i{
color:var(--color-primary);
margin-right:8px;
}
.course-slide2 .course-content2 span {
	color: var(--color-secondary);
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.course-slide2 .course-content2 span strong{font-weight:700;}
.c_btn2 {
	text-decoration: underline;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: var(--color-secondary);
	font-weight: 700;
	transition: 0.3s;
}
.c_btn2:hover{color:var(--color-primary);}
.c_btn3 {
	background: var(--color-primary-dark);
	color: #fff;
	padding: 10px 30px;
	border-radius: 100px;
	font-weight: 800;
}
/*END COURSE STYLR TWO*/
/*START COURSE THREE*/
.course-slide3{margin-bottom:30px;}

.co_bg_img {
	position: relative;
	padding: 80px 0;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.co_bg_img::before {    
	position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(34, 32, 32, 0.4);
}

.co-video-play {
	display: inline-block;
	position:relative;
	
}
.co-video-play i {
	background: rgba(255,255,255,0.3);
	/* border: 2px solid #ffde67; */
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100px;
	/* margin-right: 15px; */
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-size: 30px;
}
.co-video-play:hover i{
background: var(--color-primary-dark);
color:#fff;
}
.course-content3{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid var(--color-border);
	 background: #fff;
}

.course-content3 h3 a {
	color: var(--color-secondary);
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
}
.course-content3 a {
	margin-right: 30px;
}
.course-content2 h3 a:hover{color:var(--color-primary);}
/*END COURSE THREE*/

/*START SINGLE COURSE SIDEBAR CSS*/
.course_features{}
.course_features h3 {
	font-weight: 800;
	margin-bottom: 20px;
	background: var(--color-primary-dark);
	color: #fff;
	text-align: center;
	padding: 20px 10px;
}
.course_features ul{}
.course_features ul li {
	/* font-weight: 600; */
	padding-top: 10px;
	color: var(--color-secondary);
	overflow: hidden;
	font-size: 18px;
}
.course_features ul li i{
color:var(--color-primary);
margin-right:8px;
}
.course_features ul li b {
	font-weight: 800;
	float: right;
	background: var(--color-primary-dark);
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	border-radius: 10px;
}
.course-content p {
	margin-bottom: 30px;
}
.related_course{
margin: 30px 0;
box-shadow:0px 10px 40px rgba(0, 0, 0, 0.07);
padding:30px;
}
.related_course h3{
margin-bottom:30px;
font-size: 22px;
font-weight: 800;
}
.single_rc{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid var(--color-border);
}
.single_rc img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.single_rc i{color:#ffbd35;margin-right: 8px;}
.single_rc h4 a {
	color: var(--color-secondary);
	font-size: 18px;
	font-weight: 800;
	margin: 10px 0;
	display: block;
	transition: 0.3s;
}
.single_rc h4 a:hover{color:var(--color-primary);}
.single_rc span {
	color: var(--color-primary);
	font-weight: 800;
	font-size: 20px;
}
.single_langu{}
.single_langu input{}
.single_langu span a {
	color: var(--color-secondary);
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	transition: 0.3s;
}
.single_langu span a:hover{color:var(--color-primary);}
.single_rat a {
	line-height: 42px;
	/* font-size: 40px; */
	display: inline-block;
}
/*END SINGLE COURSE SIDEBAR CSS*/

.c_btn {
	background: var(--color-primary-dark);
	padding: 6px 20px;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	transition: 0.3s;
}
.vid_area{
	background: url(../images/banner/course-bg-p2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	padding: 150px 0;
}
.vid_area::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--color-secondary);
	content: "";
	left: 0;
	top: 0;
	opacity: 0.5;
}
.video-area {
    height: 163px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.video-button::after, .video-button::before, blockquote::before, .video-area .video-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.video-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: var(--color-primary-dark);
    position: relative;
    color: #ffffff;
    font-size: 30px;
}

.video-button i {
    position: relative;
    z-index: 1;
}

.video-button:hover {
    color: #ffffff;
}

.video-button::after, .video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-button::before {
    background: rgba(245, 149, 35, 0.161);
    width: 150px;
    height: 150px;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-border-radius: 33.33% 50%;
    -moz-border-radius: 33.33% 50%;
    border-radius: 33.33% 50%;
}

.video-button::after {
    background: rgba(245, 149, 35, 0.302);
    height: 120px;
    width: 120px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}
.bc_three{
	/* kaldirildi: .bc_three kuralini hicbir sayfa kullanmiyordu, gorsel 3.5 MB idi */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*START COURSE DETAILS TAB CSS*/
.course-details-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background-color: var(--color-surface);
	margin-top:40px;
}

.course-details-content .nav {
    border: none;
    text-align: center;
    border: 1px solid var(--color-border);
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.course-details-content .nav li {
    margin-left: -1px;
    flex-grow: 1;
    padding: 0;
    border-left: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.course-details-content .nav li:first-child {
    border-left: none;
}

.course-details-content .nav li a {
    font-weight: 700;
    padding: 14px;
    color: var(--color-secondary);
    text-transform: uppercase;
    display: block;
}

.course-details-content .nav li a.active {
    background: var(--color-primary-dark);
    color: #ffffff;
}

.course-details-content .overview {
    padding-top: 25px;
}

.course-details-content .overview p {
    margin: 0;
    margin-bottom: 1rem;
}
.course-details-content .overview iframe {
width:100%;
margin:30px 0;
}

.course-details-content .tab-content {
    padding: 0 30px 30px;
}

@media (max-width: 575px) {
    .course-details-content .tab-content {
        padding: 0 15px 20px;
    }

    .course-details-content .nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }
}

.course-details-content .instructor-item .instructor-content .title {
    font-size: 20px;
    margin: 0;
    margin-bottom: 2px;
}

.details-buttons-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px -5px;
}

.details-buttons-area .custom-button {
    margin: 5px;
}

.details-buttons-area .social-icons {
    margin: 0;
    margin-left: auto;
}

.details-buttons-area .social-icons li a {
    color: var(--color-secondary);
    background: #ffffff;
}

.details-buttons-area .social-icons li a.active {
    background: var(--color-primary-dark);
    color: #ffffff;
}

@media (max-width: 767px) {
    .details-buttons-area {
        justify-content: center;
    }

    .details-buttons-area .social-icons {
        width: 100%;
        margin: 0;
        justify-content: center;
    }
}

.review-form .client-form input {
    border-color: var(--color-border);
    background: #ffffff;
    height: 50px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
}

.review-form .client-form .rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.review-form .client-form .rating .rating-title {
    padding-right: 5px;
}

.review-form .client-form .rating ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.review-form .client-form .rating ul li a i {
    color: var(--color-primary-dark);
}

.review-form .client-form textarea {
    border-color: var(--color-border);
    padding: 10px;
    height: 130px;
    margin-bottom: 20px;
}

.review-form .client-form button {
    background-color: var(--color-primary-dark);
    color: #ffffff;
    font-weight: 500;
    outline: none;
    height: 50px;
    cursor: pointer;
    border: none;
}

.client-review {
    padding-top: 30px;
}

.client-review .review-title {
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight: 800;
	margin-bottom: 20px;
	font-size: 21px;
}

.review-contents {
    margin-bottom: 35px;
}

.review-contents li {
    padding: 0;
    margin-bottom: 25px;
}

.review-contents li:last-child {
    margin-bottom: 0;
}

.review-contents li .thumb {
	width: 100px;
	float: left;
	margin-right: 20px;
}

.review-contents li .thumb img {
    width: 100%;
}

.review-contents li .cont {
    padding-left: 20px;
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 26px;
}

.review-contents li .cont .subtitle {
	margin: 0;
	font-size: 18px;
	margin-bottom: -3px;
	font-weight: 700;
	margin-bottom: 5px;
}

.review-contents li .cont .ratings {
    margin-bottom: 15px;
}

@media screen and (max-width: 450px) {
    .review-contents li .thumb {
        width: 80px;
    }

    .review-contents li .cont {
        width: 100%;
        padding: 15px 0 0 0;
    }
}
.cl-theme {
	color: var(--color-primary-dark) !important;
}
.review-form .client-form input {
	border-color: var(--color-border);
	background: #ffffff;
	height: 50px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	border: none;
}
.review-form .client-form textarea {
	border-color: var(--color-border);
	padding: 10px;
	height: 130px;
	width:100%;
	margin-bottom: 20px;
	border: none;
}
.custom-button {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 48px;
    background: var(--color-primary-dark);
    padding: 0 35px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    border: 1px solid var(--color-primary-dark);
}

.custom-button i {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
}

.custom-button i:last-child {
    padding-left: 10px;
}

.custom-button i:first-child {
    padding-right: 10px;
}

.custom-button:hover {
    color: var(--color-primary);
}

.custom-button.btn-sm {
    padding: 0 18px;
    font-size: 14px;
    line-height: 45px;
}

.custom-button.theme-one {
    border-color: var(--color-primary);
    background: var(--color-primary-dark);
    box-shadow: 0 0 15px rgba(224, 86, 6, 0.1);
}

.custom-button.theme-one:hover {
    color: var(--color-primary);
	background:#fff;
	border:1px solid var(--color-primary);
}
.custom-button.bg-white {
    background: #ffffff;
    color: var(--color-secondary);
    border-color: rgba(34, 32, 32, 0.2);
}

.custom-button.bg-white:hover {
    background: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
    color: #ffffff;
}

.social-icons {
    margin: -10px;
}

.social-icons li {
    padding: 10px;display: inline-block;
}

.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
	display: block;
}

.social-icons li a:hover, .social-icons li a.active {
    background: var(--color-primary-dark);
    color: #ffffff;
    box-shadow: 0 5px 20px rgba(224, 86, 6, 0.31);
}

.instructor-item {
    margin: 0 auto 30px;
}

.instructor-item .instructor-thumb {
    width: 184px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.instructor-item .instructor-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.instructor-item .instructor-content {
    position: relative;
    z-index: 1;
    max-width: 237px;
    margin: -20px auto 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 10px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 30px rgba(34, 32, 32, 0.12);
}

.instructor-item .instructor-content .title {
    margin: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.course-details-content .instructor-item .instructor-content .title a {
	font-size: 20px;
	margin: 0;
	margin-bottom: 2px;
	color: var(--color-secondary);
	font-weight: 700;
}
.instructor-item:hover .instructor-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*END COURSE DETAILS TAB CSS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.course_promo {
	/* kaldirildi: .course_promo kuralini hicbir sayfa kullanmiyordu, gorsel 2.6 MB idi */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.cp_content{}
.cp_content h4 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-primary);
	margin-bottom: 10px;
}
.cp_content h2 {
	font-weight: 800;
	font-size: 48px;
	margin-bottom: 20px;
}
.cp_content h2 span{color:var(--color-primary);}
.cp_content p{margin-bottom: 20px;}
.cp_content ul{margin-bottom: 40px;}
.cp_content ul li {
	font-weight: 600;
	line-height: 36px;
	font-size: 18px;
	color: var(--color-secondary);
}
.cp_content ul li span {
	background: var(--color-primary-dark);
	color: #fff;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	border-radius: 2px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 600;
}
.cc_btn{margin-top:30px;}

.cp_img {position:relative;}
.cp_img img {
	width: 100%;

}
@media only screen and (max-width:880px){
.cp_img img {margin-top:60px;}
}
.vp_top{margin-top:80px;}

.video-play {
	display: block;
	position: absolute;
	top: 45%;
	left: 45%;
}
.video-play i {
	background: var(--color-primary-dark);
	color: #fff;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 100px;
	display: inline-block;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 40px;
}
.video-play:hover i{
background: var(--color-primary-dark);
color:#fff;
}
@media only screen and (max-width:480px){
.video-play i {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 30px;
}
.video-play {
	display: block;
	position: absolute;
	top: 60%;
	left: 40%;
}
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
.topic_content_area {
	padding-bottom: 50px;
	/* kaldirildi: .topic_content_area kuralini hicbir sayfa kullanmiyordu, gorsel 2.2 MB idi */
	background-position: center;
	background-size: cover;
}
.single_tca {
	background: #fff;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--color-border);
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	cursor: pointer;
}
.single_tca img{
	float: left;
	margin-right: 20px;
}
.single_tca h2{overflow: hidden;}
.single_tca h2 a {
	color: var(--color-secondary);
	font-size: 24px;
	font-weight: 700;
	transition: 0.3s;
	margin-bottom: 10px;
	display: block;
}
.single_tca span {
	color: var(--color-primary);
	font-size: 18px;
	font-weight: 600;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11. START REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_home_area {
	background: url(../images/banner/shapes-bg.png) no-repeat;
	background-position: top center;
	background-size:cover;
	padding-bottom: 100px;
}
.testimonial {
	background: #fff;
	border-radius: 5px;
	margin: 0px 15px;
	-webkit-box-shadow: 0 10px 20px -10px rgba(0,64,128,.3);
	box-shadow:0 10px 20px -10px rgba(0,64,128,.3);
	margin-bottom: 30px;
}
.testimonial_content{padding: 30px;}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
	color:var(--color-secondary);
}
.testimonial_content i {
	color: #ffbd35;
	font-size: 22px;
}
.testimonial_content p {
	overflow: hidden;
	margin-top: 15px;
}
.testi_pic_title{

padding:20px;
}
.tpt_one{background:rgba(245, 149, 35, 0.2);}
.tpt_two{background:var(--color-surface);}
.tpt_three{background:var(--color-background);}
.testi_pic_title .pic{
    float: left;
    width:70px;
    height:70px;
    margin-right: 15px;
}
.testi_pic_title .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}
.testi_pic_title h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
}
.testi_pic_title small {
	font-weight: 400;
	color: var(--color-secondary);
	font-size: 14px;
	margin-top: 8px;
	display: block;
	font-family: 'Poppins', sans-serif;
}
.owl-theme{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    top: -32%;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 46px;
	height: 46px;
	line-height: 42px;
	opacity: 1;
	border-radius: 3px;
	background: #fff;
	border: 1px solid var(--color-border);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}

.owl-theme .owl-controls .owl-buttons div:hover{
background:var(--color-primary);
border:1px solid var(--color-primary);
display:block;
}
.owl-prev{
    position: absolute;
    left:89%;
}
.owl-next{
    position: absolute;
    right: 1%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 26px;
    color: var(--color-secondary);
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
@media only screen and (max-width: 768px){
    .owl-theme .owl-controls{ margin-top: 20px; }
	 .owl-theme .owl-controls{display:none!important; }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12. START TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*START HOME PAGE TEAM DESIGN*/
.team_home_area{padding-bottom:50px;}
.single-team-home{
position: relative;
border-radius: 10px;
margin-bottom: 100px;
}
@media only screen and (max-width:880px) { 
.single-team-home{margin-bottom:90px;}
}
.single-team-home:before {
	content: "";
	background:rgba(245, 149, 35, 0.2);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	border-radius: 10px;
}
.single-team-home .img img {
	border-radius: 10px;
	width: 100%;
}
.single-team-home .team-content-home {
	text-align: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom:-120px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	background: var(--color-primary-dark);
	padding: 20px;
	-webkit-box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
	        box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
	
}
.team-content-home h3{
	margin: 0px;
	font-weight: 700;
	color:#fff;
	font-size: 22px;
	margin-bottom: 5px;
}
.team-content-home p{
font-weight: 500;
color:#fff;
}

.single-team-home .team-content-home  ul.social-home{list-style:none;margin-top: 10px;}
.single-team-home .team-content-home .social-home li {display: inline-block;}
.single-team-home .team-content-home .social-home li a {
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100px;
	font-size: 16px;
	color: var(--color-secondary);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background:#fff;
}
.single-team-home .team-content-home .social-home li a:hover {
color: var(--color-primary);
background:#fff;
}
.single-team-home:hover:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.single-team-home:hover .team-content-home {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.sth_det{}
.sth_det span {
	color: #fff;
	font-weight: 600;
	display: block;
	margin: 15px 0;
	/* margin: 0 5px; */
}
.sth_det u{font-family:'Mulish', sans-serif;}
/*END HOME PAGE TEAM DESIGN*/

/*START TEAM PAGE THREE CSS*/
.team_member {
	background: rgba(199,201,209,.09);
	padding-bottom: 50px;
	overflow: hidden;
}
.single_team_content{
padding:45px;
margin-top:60px;
}
.single_team_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}
.single_team_content p{}
.our-team {
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
}
.our-team .team_img{
    position: relative;
    overflow: hidden;
}
.our-team .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team_img:after{
    bottom: 0;
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .social{
    padding: 0 0 18px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0%;
    right: 10px;
    background: var(--color-primary-dark);
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.our-team:hover .social{
    top: 0;
}
.our-team .social li a{
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #fff;
}
.our-team:hover .social li a:hover{
    color: #fff;
}
.our-team .team-content{
    padding: 20px 0;
    background: #fff;
}
.our-team .title{
    font-size: 18px;
    font-weight: 800;
    color: var(--color-primary);
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}
.our-team .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: var(--color-primary);
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: var(--color-primary);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-team:hover .title:before,
.our-team:hover .title:after{
    width: 50px;
}
.our-team .post{
    display: inline-block;
    font-size: 15px;
	font-weight: 600;
    text-transform: capitalize;
}
.our-team .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-primary);
    margin: 0 auto;
    position: relative;
    top: -13px;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
.sth_det2{}
.sth_det2 span {
	color:var(--color-primary);
	font-weight: 600;
	display: inline-block;
	margin: 15px 10px;
}
.sth_det2 u{
color: var(--color-secondary);
font-family:'Mulish', sans-serif;
}
/*END TEAM PAGE THREE CSS*/
/*START SINGLE TEAM DETAILS*/
.template_agent {
	padding-bottom: 0;
}
.single_agent{
background: #fff none repeat scroll 0 0;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
overflow: hidden;
padding: 60px;
}
.single_agent_image img{
float: left;
margin-right: 20px;
width: 350px;
}
@media only screen and (max-width:480px) { 
.single_agent_image img{
float: left;
margin-bottom: 50px;
width: 100%;
}
}
.single_agent_content{

}
.agent_social {
  margin-top: 30px;
  overflow: hidden;
}
.single_agent_content h4 {
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 5px;
}
.single_agent_content h5 {
	border-bottom: 1px solid var(--color-border);
	color: var(--color-primary);
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.single_agent_content p{
margin-bottom: 20px;
overflow: hidden;
}
.single_agent_content ul{}
.single_agent_content ul li {
	color: var(--color-secondary);
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
}
.single_agent_content i{margin-right:10px;color:var(--color-primary);}

.agent_social ul li{float: left;}
.agent_social ul li a{
margin-right: 5px;
}
.agent_social ul li a i {
  margin-right: 0;
}
.agent_social ul li a:hover{background:var(--color-primary-dark);color:#fff;}
/*END SINGLE TEAM DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 12. END TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area{
	padding-bottom: 50px;
	background: url(../images/banner/blog-bg.png) no-repeat;
	background-position: top center;
	background-size:cover;
}
.blog_area_bg{background:rgba(199,201,209,.09);}
.single_blog {
	background: #fff;
	border-radius:0px;
	margin-bottom: 30px;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.single_blog img {
	width: 100%;
}
.content_box{padding: 35px;}
.single_blog h2 {
	line-height: 32px;
	font-size: 20px;
	margin-bottom: 15px;
}
.single_blog h2 a {
	color: var(--color-secondary);
	font-weight: 800;
	margin-bottom: 40px;
	display: block;
}
.single_blog h2 a:hover{color:var(--color-primary);}
.single_blog p{margin-bottom:0px;}
.single_blog span {
	text-transform: capitalize;
	margin-bottom: 10px;
	display: inline-block;
}
.single_blog span a {
	color: var(--color-primary);
	font-weight: 700;
}
.single_blog span a:hover{color:var(--color-primary);}
.single_blog_two span{margin-top:0px;}
.single_blog_two p{margin-bottom:30px;}
.arti_img_two img{
width:100%;
margin-bottom:20px;
}
.arti_btn {
	color: var(--color-primary);
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.arti_btn:hover{
padding-left:10px;
color: var(--color-primary);}

.arti_sp{}
.arti_sp h2 {
	margin-top: 30px;
	font-weight: 700;
	margin-left: 60px;
	margin-bottom: 30px;
}
.arti_sp img{margin-bottom:30px;width:100%;}
.arti_sp p{}
.share_sp{margin-top: 30px;overflow: hidden;}
.share_sp h4{font-weight: 600;margin-bottom: 25px;}
.share_sp ul{}
.share_sp ul li{float: left;}
.share_sp ul li a {
	color: #fff;
	transition: 0.3s;
	padding: 15px;
	display:block;
	background: var(--color-background);
	background: var(--color-primary-dark);
	border-radius: 5px;
	margin-right: 10px;
}
.share_sp ul li a:hover{background:var(--color-secondary);}
.share_sp ul li a span{}
/*START BLOG SIDEBAR DESIGN*/
.blog_search {
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 10px;
	border: 1px solid var(--color-border);
}
.blog_search input {
	background: var(--color-background);
	border: 1px solid var(--color-background);
	border-radius: 0;
	color: var(--color-secondary);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
	outline: 0 none;
}
.blog_search input:focus{box-shadow:none;}
/*START NEWSLETTER FORM*/
.newsletter-form {
	background: var(--color-secondary);
	padding: 40px;
	border-radius: 10px;
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 34px;
}
.newsletter-form p{color:#fff;margin-bottom: 30px;}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: var(--color-secondary);
	border-radius: 2px;
	border: 0px;
}
.newsletter-form input:focus{box-shadow:none;}
.subscribe button {
	border:none;
	width: 100%;
}

.sub_btn{
	background: var(--color-primary-dark);
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 100px;
	display: inline-block;
	font-weight: 500;
}
.sub_btn:hover, .sub_btn:focus{
background:#fff;
color: var(--color-secondary);
}
/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
}
.sidebar-post {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid var(--color-border);
}
.single_popular{
margin-bottom:20px;
overflow: hidden;
}
.single_popular:last-child {
	margin-bottom: 0;
}
.single_popular a img {
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
}
.single_popular h5 a {
	color: var(--color-secondary);
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
}
.single_popular h5 a:hover{color:var(--color-primary);}
/*End Popular post*/

/*Start Social media*/
.single_social{}
.social_item{
padding:8px 12px;
border-radius:4px;
}
.single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_social ul li{}
.single_social ul li a{}
.single_social ul li a i{color:#fff;font-size:12px;}
.item-list{
float: right;
color:#fff;
font-size:13px;
}

.b_facebook{background:#1a4fc5;}
.b_twitter{background:#00acee;}
.b_youtube{background:#f50000;}
.b_pinterest{background:#e62e3f;}
.b_tumblr{background:#34526f;}
.b_rss{background:#e8a50e;}

/*End Social media*/

/*Start category*/
.single_category{overflow:hidden;}
.item-category{
padding:8px 12px;
border-radius:4px;
background:var(--color-background);
}
.single_category ul {

}
.single_category ul li {
	line-height: 32px;
	float: left;
	margin: 10px;
}
.single_category ul li a{
color:var(--color-secondary);
font-size:16px;
font-weight:600;
text-decoration:underline;
}
.single_category ul li a sup{color:var(--color-primary);}
/*End category*/
.tag{overflow: hidden;}
.tag a {
	background: var(--color-background);
	border: 1px solid var(--color-border);
	border-radius: 30px;
	color: var(--color-secondary);
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: var(--color-primary-dark);
    color: #fff;
    border: 1px solid var(--color-primary);
}
.sidebar-banner img{width:100%;}
/*START SINGLE BLOG PAGE DESIGN*/
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid var(--color-border);
}
.author_part img {
	border: 4px solid var(--color-border);
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px;
margin-bottom: 10px;
	overflow: hidden; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid var(--color-border);
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border:1px solid var(--color-border);
}
.sc_left{margin-left: 100px;}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid var(--color-border);
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	overflow: hidden;
}
.single_comment p { margin-bottom: 0;overflow: hidden;}
.comment-box {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END SINGLE BLOG PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14. FOOTER (duzenli izgara): marka blogu + 4 dengeli sutun, iletisim seridi, telif.
*     Markup tum sayfalarda ayni (<footer class="footer">).
* ----------------------------------------------------------------------------------------
*/
.footer {
	background: #1B1818;
	color: rgba(255, 255, 255, .72);
}
.footer a { transition: color .2s ease; }

/* --- ust izgara: marka + 4 sutun --- */
.tla-foot__top {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
	gap: 40px;
	padding: 72px 0 52px;
}
/* Logo: 200px genislik, cam plaket. Hover'da plaket aydinlanir ve ::after
   ile soldan saga bir isik huzmesi suzulur (cam parildamasi). */
.tla-foot__logo-link {
	position: relative;
	display: inline-flex;
	justify-content: center;
	width: 283px;
	max-width: 100%;
	padding: 18px 22px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	overflow: hidden;
	line-height: 0;
	transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.tla-foot__logo-link::after {
	content: "";
	position: absolute;
	top: -40%;
	left: -70%;
	width: 50%;
	height: 180%;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .22) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-20deg);
	pointer-events: none;
}
.tla-foot__logo-link:hover {
	background: rgba(255, 255, 255, .10);
	border-color: rgba(255, 255, 255, .28);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 12px 30px rgba(0, 0, 0, .35);
	transform: translateY(-2px);
}
.tla-foot__logo-link:hover::after { animation: tla-foot-shine .9s ease-out forwards; }
@keyframes tla-foot-shine { to { left: 130%; } }
.tla-foot__logo { width: 156px; max-width: 100%; height: auto; display: block; }   /* logo buyumez; plaket genisler */
.tla-foot__tag {
	margin: 16px 0 0;
	max-width: 300px;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .66);
}
.tla-foot__social {
	display: flex;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}
.tla-foot__social a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.tla-foot__social a:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
	transform: translateY(-2px);
}
/* Sutun basligi: kucuk buyuk harf, altinda kisa turuncu cizgi */
.tla-foot__h {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 12px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #fff;
}
.tla-foot__h::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--color-primary), var(--color-primary-dark));
}
.tla-foot__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
/* Baglanti: hover'da soldan kucuk ok belirir, yazi hafifce saga kayar */
.tla-foot__list a {
	position: relative;
	display: inline-block;
	color: rgba(255, 255, 255, .72);
	font-size: 15px;
	line-height: 1.4;
	transition: color .2s ease, transform .25s ease;
}
.tla-foot__list a::before {
	content: "\e628";                 /* themify ti-angle-right */
	font-family: 'themify';
	position: absolute;
	left: -16px;
	top: 50%;
	font-size: 10px;
	color: var(--color-primary);
	opacity: 0;
	transform: translate(-6px, -50%);
	transition: opacity .2s ease, transform .25s ease;
}
.tla-foot__list a:hover {
	color: #fff;
	transform: translateX(16px);
}
.tla-foot__list a:hover::before {
	opacity: 1;
	transform: translate(0, -50%);
}

/* --- iletisim seridi --- */
.tla-foot__contact {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	gap: 32px;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, .10);
}
.tla-foot__ci { display: flex; gap: 14px; align-items: flex-start; }
.tla-foot__ci > i {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(245, 149, 35, .12);
	border: 1px solid rgba(245, 149, 35, .22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
	color: var(--color-primary);
	font-size: 17px;
}
.tla-foot__ci b {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .5);
}
.tla-foot__ci span,
.tla-foot__ci a { display: block; color: #fff; font-size: 15px; line-height: 1.5; }
.tla-foot__ci a:hover { color: var(--color-primary); }
.tla-foot__contact .tla-hero-btn { display: inline-flex; justify-self: end; }

/* --- alt satir --- */
.tla-foot__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 22px 0 26px;
	border-top: 1px solid rgba(255, 255, 255, .10);
	font-size: 13px;
	color: rgba(255, 255, 255, .55);
}
.tla-foot__bottom p { margin: 0; color: rgba(255, 255, 255, .55); }
.tla-foot__credit {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: rgba(255, 255, 255, .55);
}
.tla-foot__credit a { display: inline-block; line-height: 0; }
.tla-foot__credit img { height: 20px; width: auto; opacity: .85; transition: opacity .2s ease; }
.tla-foot__credit a:hover img { opacity: 1; }

@media only screen and (max-width: 1199px) {
	.tla-foot__contact { grid-template-columns: 1fr 1fr; }
	.tla-foot__contact .tla-hero-btn { justify-self: start; }
}
@media only screen and (max-width: 991px) {
	.tla-foot__top { grid-template-columns: 1fr 1fr; gap: 36px 28px; padding: 56px 0 40px; }
	.tla-foot__brand { grid-column: 1 / -1; }
	.tla-foot__contact { grid-template-columns: 1fr; gap: 20px; }
	.tla-foot__contact .tla-hero-btn { justify-self: stretch; justify-content: center; }
}
@media only screen and (max-width: 575px) {
	.tla-foot__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.tla-foot__logo-link:hover::after { animation: none; }
	.tla-foot__list a, .tla-foot__list a::before, .tla-foot__logo-link { transition: none; }
}
/* --- 14. END FOOTER --- */
/*
* ----------------------------------------------------------------------------------------
* 15.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.pl_bg{background: var(--color-secondary);}
.partner_title{}
.partner_title h3 {
	font-size: 24px;
	font-weight: 700;
	background: rgba(245, 149, 35, 0.1);
	padding: 10px;
	border-radius: 30px;
	width: 60%;
	margin: auto;
	margin-bottom: 60px;
	color: var(--color-primary);
}
@media only screen and (max-width:480px){
.partner_title h3 {font-size:18px;width:100%}
}
.partner.owl-theme .owl-controls{display: none !important;}
/*
* ----------------------------------------------------------------------------------------
* 15.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/* Tum detay sayfalarinin ust banner'i: banner.webp (1800x476).
   Baslik sol altta, ekmek kirintisi sag altta. Alt kisimda koyu perde
   (::after) beyaz basligi bayraklarin uzerinde okunur tutar. */
.section-top {
	padding-top: 330px;
	padding-bottom: 44px;
	position: relative;
	background: #8E3A12 url(../images/banner/banner.webp) center / cover no-repeat;
}
.section-top::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(40, 14, 4, 0) 42%, rgba(40, 14, 4, .62) 100%);
	pointer-events: none;
}
.section-top .container { position: relative; z-index: 1; }
/* sablonun ortalanmis dar kolonu: tam genislik, sola hizali */
.section-top .container > [class*="col-"] {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	text-align: left;
}

.section-top-title {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px 32px;
}
/* sayfa basligi ve ekmek kirintisi: ayni koyu cam hap, ayni yukseklik
   (--banner-pill-h). Baslik iki satira sararsa kutu buyur, kose yumusak kalir. */
.section-top-title { --banner-pill-h: 54px; }
.section-top-title h1 {
	display: inline-flex;
	align-items: center;
	flex: 0 1 auto;
	max-width: 760px;
	min-height: var(--banner-pill-h);
	margin: 0;
	padding: 6px 26px;
	border-radius: 28px;
	background: rgba(20, 16, 14, .45);
	border: 1px solid rgba(255, 255, 255, .26);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
	text-transform: capitalize;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	text-align: left;      /* kolondaki .text-center (!important) kalitimini ezer */
	text-wrap: balance;
}
.section-top-title ul {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	min-height: var(--banner-pill-h);
	margin: 0;
	padding: 0 20px;
	border-radius: 999px;
	background: rgba(20, 16, 14, .45);
	border: 1px solid rgba(255, 255, 255, .26);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
	text-align: left;
	width: auto;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
}
.section-top-title ul li { color: rgba(255, 255, 255, .88) !important; display: inline-block; font-weight: 600; }
.section-top-title ul li a { color: var(--color-primary) !important; font-weight: 700; }
.section-top-title ul li a:hover { color: #fff !important; }

@media only screen and (max-width: 991px) {
	.section-top { padding-top: 290px; }
	.section-top-title h1 { font-size: 22px; }
}

/* Telefon (<=767px): banner (1800x476) kirpilmadan tam genislikte, baslik altinda.
   Ust serit gorselin ust tonunda, alt kisim gorselin alt tonunda; gorselin alt
   kenari ::before gradyaniyla zemine yumusak baglanir. */
@media only screen and (max-width: 767px) {
	.section-top {
		--banner-img-top: calc(var(--tla-header-top, 12px) + var(--tla-header-h, 70px) + 12px);
		padding-top: calc(var(--banner-img-top) + 26.45% + 22px);
		padding-bottom: 36px;
		background:
			linear-gradient(#9B5028, #9B5028) center top / 100% var(--banner-img-top) no-repeat,
			url(../images/banner/banner.webp) center var(--banner-img-top) / 100% auto no-repeat,
			#7E2A0E;
	}
	.section-top::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: var(--banner-img-top);
		aspect-ratio: 1800 / 476;
		background: linear-gradient(180deg, rgba(126, 42, 14, 0) 55%, #7E2A0E 100%);
		pointer-events: none;
	}
	.section-top::after { display: none; }
	.section-top-title { flex-direction: column; align-items: flex-start; gap: 14px; }
	.section-top-title { --banner-pill-h: 46px; }
	.section-top-title h1 { flex: 0 0 auto; font-size: 19px; padding: 5px 18px; border-radius: 23px; }
	.section-top-title ul { padding: 0 16px; font-size: 13px; }
	.section-top-title ul { margin: 0; }
}


/*
* ----------------------------------------------------------------------------------------
* 16.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.price_area {}
.pricing-content{position:relative;}
.pricing_design{
    position: relative;
}
@media only screen and (max-width:880px){
.pricing_design{margin-bottom:30px;}
}
.pricing_design .single-pricing{
    background:var(--color-primary);
    padding: 60px 40px;
    border-radius:30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
            box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    position: relative;
    z-index: 1;
}
.pricing_design .single-pricing:before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid var(--color-border);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.price-head {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 30px;
}
.price-head h2 {
	/* margin-bottom: 20px; */
	font-size: 26px;
	font-weight: 700;
}
.price-head h1 {
	font-weight: 700;
	margin-top: 10px;
}
.price-head span{display: block;}
.upgrade_price {
	text-decoration: underline;
	font-weight: 700;
	margin-top: 5px;
	color: var(--color-primary);
}
.single-pricing ul{list-style:none;margin-top: 30px;}
.single-pricing ul li {
	line-height: 44px;
}
.single-pricing ul li span {
	background:rgba(245, 149, 35, 0.1);
	color: var(--color-primary);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-right: 6px;
	display: inline-block;
}
.pricing-price{}

.price_btn {
	background: var(--color-primary-dark);
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.price_btn:hover{background:var(--color-primary-dark);}
/*
* ----------------------------------------------------------------------------------------
* 17.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-event {padding-bottom:50px;}
 .event-slide{
    position:relative;
    background:#fff;
	border-radius:3px;
	margin-bottom:30px;
	transition: 0.3s;
}
.es{
    position:relative;
    background:#fff;
	border: 1px solid var(--color-border);
	border-radius:3px;
	margin-bottom:30px;
	padding: 30px;
	transition: 0.3s;
}
.event-slide:hover{
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}
.es:hover{
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width:480px) { 
.event-slide {margin-bottom:30px;}
}
.event-slide-page{
margin:0px 0px;
margin-bottom:30px;
}
.event-slide .event-img{
    position: relative;
    overflow: hidden;
}
.event-slide .event-img img{
    width: 100%;
    height: auto;
}
.event-slide .event-date{
    position:absolute;
    top:10%;
    left:4%;
}
.event-slide .date{
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    background:var(--color-secondary);
    float: left;
}
.event-slide .month{
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: var(--color-primary-dark);
}
.event-slide .event-content{
    padding:30px;
	border: 1px solid var(--color-border);
}
.event-content.ec_pd {
	padding: 0;
	border: 0;
	margin-top: 30px;
}
.event-content h3 a {
	color: var(--color-secondary);
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	display: block;
	line-height:30px;
	transition: 0.3s;
}
.event-content h3 a:hover{color: var(--color-primary);}
.event-slide .event-content span i{
color:var(--color-primary);
margin-right:8px;
}
.event-slide .event-content > span {
	color: var(--color-secondary);
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.event-slide .event-description{
margin-bottom: 20px;
}
.event-content p {}


/*START SINGLE EVENT DESIGN*/
.single_event_single{}
.single_event_single img {
	width: 100%;
}
.single_event_text_single{}

.single_event_text_single h4{
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
.single_event_text_single{}
.single_event_text_single span i{
color:var(--color-primary);
margin-right:8px;
}
.single_event_text_single span {
	color: var(--color-text);
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.single_event_text_single p{margin-top:20px;}

.single_event_text_single_description{margin-top:30px;}
.single_event_text_single_description h3{
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
}
.single_event_text_single_description p{}
.event_info {
	border: 1px solid var(--color-border);
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
	padding: 30px;
}
.event_info h3{
background: var(--color-primary-dark) none repeat scroll 0 0;
color: #fff;
font-size: 26px;
font-weight: 800;
text-align: center;
padding: 20px;
}
.event_info ul{list-style: none;}
.event_info ul li{margin: 30px 0;}
.event_info ul i{
background: var(--color-primary-dark) none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 20px;
height: 45px;
line-height: 45px;
margin-right: 15px;
text-align: center;
width: 45px;
}
.event_info ul h4 {
	font-weight: 700;
	text-transform: capitalize;
	overflow: hidden;
	font-size: 22px;
}
.event_info ul li p{overflow: hidden;}

.event_info_price{}
.event_info_price h4{
background: var(--color-primary-dark) none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 24px;
font-weight: 800;
margin: 30px 0;
padding: 10px;
text-align: center;
}

.event_info_register a {
	width: 100%;
	text-align: center;
}
/*END SINGLE EVENT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 18.END EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/


/* ----------------------------------------------------------------------------------------
* 19.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq_area{padding-bottom:40px;}
.accordion{margin-bottom:60px;}
.accordion-item {
	border: 1px solid var(--color-border);
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	background: #fff;
	margin-bottom: 20px;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid var(--color-border);
}
.accordion-header {
	background: #fff !important;
	padding: 7px 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.accordion-button {
	background:none!important;
	color: var(--color-secondary) !important;
	font-weight: 700;
	font-size:20px;
}
.accordion-button:not(.collapsed) {
	color:var(--color-secondary)!important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.accordion-button:focus{-webkit-box-shadow: none !important;box-shadow: none !important;}
.pt_faq{padding-left:50px;}
/* ----------------------------------------------------------------------------------------
* 19.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 20.START ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.error_page{}
.error_page h2 {
	font-weight: 800;
	margin: 30px 0;
	font-size: 50px;
}
.error_page p {
	margin-bottom: 40px;
	font-weight: 500;
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 20.END ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 21.START LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.login_register {
 background: rgba(199,201,209,.09);
}
.login_register_title {
	margin-bottom: 30px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
	font-size: 30px;
	font-weight: 899;
}
.login {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	        box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	overflow: hidden;
	padding: 30px;
	border: 1px solid var(--color-border);
}
.login input {
	margin-bottom: 30px;
	background: var(--color-background);
	height: 50px;
}
.login input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}
.register {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	        box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	overflow: hidden;
	padding: 30px;
	border: 1px solid var(--color-border);
}
.register input{
margin-bottom:30px;
	background: var(--color-background);
	height: 50px;
}
.register input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}

.login label {
	margin-bottom: 5px;
	font-weight: 500;
}
.register label {
	margin-bottom: 5px;
	font-weight: 500;
}
.login button, .register button{border:none;width: 100%;}
.login p, .register p {
	color: var(--color-text);
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}
.login p a, .register p a{color: var(--color-primary);}
/*
* ----------------------------------------------------------------------------------------
* 21.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 22.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact label {
	margin-bottom: 5px;
	font-weight: 700;
	color: var(--color-secondary);
}
.contact input {
	background: var(--color-background);
	border: 1px solid var(--color-background);
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: var(--color-secondary);
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom: 30px;
}
.contact textarea {
	background: var(--color-background);
	border: 1px solid var(--color-background);
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: var(--color-secondary);
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom:30px;
}
.contact input:focus {
background: var(--color-background);
	border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
	color: var(--color-secondary);
}
.contact textarea:focus {
background: var(--color-background);
border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: var(--color-secondary);
}
.contact button{border:none;}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	color: var(--color-primary);
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
}
.single_address h4{
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.single_address p{}
.sabr {
	border-right: 1px solid var(--color-border);
	border-left: 1px solid var(--color-border);
}
/*
* ----------------------------------------------------------------------------------------
* 22.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 23. START ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/
.about-page{padding-bottom:50px;}
.ap-content{
padding:30px;
border:1px solid var(--color-border);
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}
.ap-content h1{
font-weight:700;
font-size:40px;
margin-bottom:20px;
}
.ap-content p{}
.ap-content a {
	color: var(--color-secondary);
}

.ss_case_one{
padding:30px;
border:1px solid var(--color-border);
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_one img {
	float: left;
	margin-right: 30px;
	width: 300px;
}
.ss_case_one h2 {
	font-weight: 700;
	font-size: 46px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 50px;
}
.ss_case_one p{overflow: hidden;}

.ss_case_two{
padding:30px;
border:1px solid var(--color-border);
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_two img{width: 300px;}
.ss_case_two h2{
margin-top: 50px;
font-weight:700;
font-size:46px;
margin-bottom:20px;
overflow: hidden;
}
.ss_case_two p{overflow: hidden;}
.ss_case_left {
	float: left;
	margin-right: 30px;
	width: 534px;
}
@media only screen and (max-width:768px) { 
.ss_case_left {
	margin-right:0px;
	margin-bottom:60px;
	width: 100%;
}
}
.ss_case_mr{margin-bottom: 250px;}

/*
* ----------------------------------------------------------------------------------------
* 23. END ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/


/*24. START NEWSLETTER*/
.subs_form{}
.subs_form h3 {
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 20px;
}
.subs_form p{}

.home_subs {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 100%;
}
.home_subs button{border:none;}
.subscribe__input {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 500px;
	color: var(--color-secondary);
	display: block;
	font-weight: 600;
	height: 52px;
	letter-spacing: 0.4px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
}
.subscribe__input:focus{
outline:0 none;
box-shadow:none;
border: 2px solid var(--color-primary)!important;
}
.subscribe__btn {
	background-color: var(--color-primary-dark);
	border-radius:100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	height: 52px;
	position: absolute;
	right: 0;
	top: 0;
	width: 54px;
}
.subscribe__btn:hover i{
	color:#fff;
}

.banner_subs {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 60%;
	margin:auto;
}
.banner_subs button{border:none;}
.home_si {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 500px;
	color: var(--color-secondary);
	display: block;
	font-weight: 600;
	height: 60px;
	letter-spacing: 0.4px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
}
.home_si:focus{
outline:0 none;
box-shadow:none;
border: 2px solid var(--color-primary)!important;
}
.home_sb button {
	background-color: var(--color-primary-dark);
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 50px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0 20px;
	width: 25%;
}
.home_sb button:hover{
	color:#fff;
	background:var(--color-secondary);
}
/*24. END NEWSLETTER*/

/*
* ----------------------------------------------------------------------------------------
* 24. START FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/
.insfreecourse {
	background: rgba(199,201,209,.09);
	padding-bottom:30px;
}
.single_ins {
	background: #fff;
	border: 1px solid var(--color-border);
	padding: 40px;
	overflow: hidden;
	margin-bottom:50px;
}
.single_ins_content {
	float: left;
	width: 50%;
}
@media only screen and (max-width:480px){
.single_ins_content {
	float: left;
	width: 100%;
	margin-bottom:30px;
}
}
.single_ins_content h4 {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-primary);
	text-transform: capitalize;
}
.single_ins_content h1 {
	font-weight: 700;
	margin-bottom: 20px;
}
.single_ins_content p{margin-bottom: 40px;}
.single_ins_img{}
.single_ins_img img {
	width: 50%;
}
/*
* ----------------------------------------------------------------------------------------
* 24. END FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/

/*START RANGE SLIDER*/
.rs-slider {
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 30px;
	margin-bottom: 30px;
}
.rs-slider h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
}
	
.range-slider{
    padding: 10px 55px 10px 0;
    position: relative;
}
.range-slider input[type="range"]{
    background: transparent;
    width: 100%;
    height: 8px;
    outline: none;
    border: 2px solid var(--color-primary);
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    background: var(--color-primary);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
    -webkit-appearance: none;
    appearance: none;
}
.range-slider input[type="range"]:active::-webkit-slider-thumb,
.range-slider input[type="range"]::-webkit-slider-thumb:hover{
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}
.range-slider input[type="range"]:active::-webkit-slider-thumb{
    box-shadow: 0 0 0 5px #fff inset,0 0 5px var(--color-primary);
}
.range-slider input[type="range"]::-moz-range-thumb{
    background: var(--color-primary);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
}
.range-slider input[type="range"]:active::-moz-range-thumb,
.range-slider input[type="range"]::-moz-range-thumb:hover{
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}
.range-slider input[type="range"]:active::-moz-range-thumb{
    box-shadow: 0 0 0 5px #fff inset,0 0 5px var(--color-primary);
}
.range-slider .range-value{
    color: #fff;
    background: var(--color-primary-dark);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    width: 45px;
    padding: 7px 0;
    border-radius: 50%;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
    transform: translateY(50%);
    position: absolute;
    bottom: 50%;
    right: 0;
}
::-moz-range-track{
    background: transparent;
    border: 0;
}
/*END RANGE SLIDER*/


/*START SHOP CSS*/

.product_item .mix{
	display: none;
}
.product_filter {
	margin-bottom: 10px;
}
.product_filter ul {
	margin: 0px 0 40px;
	padding: 0;
	list-style: none;
}
.product_filter ul li {
	font-weight: 600;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 10px 22px;
	font-size: 16px;
	border: 1px solid transparent;
	transition: .5s;
	/* letter-spacing: 1px; */
	border-radius: 20px;
	margin: 0px;
	color: var(--color-secondary);
	line-height: 1;
	border: 1px solid var(--color-border);
	margin: 0 10px;
}
.product_filter .filter.active {
	color: #fff;
	border-color: var(--color-primary);
	background: var(--color-primary-dark);
	font-weight: 700;
}

.product-grid{
    text-align: center;
    padding: 0 0 72px;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    z-index: 1;
	margin-bottom: 30px;
}
.product-grid .product-image{
    position: relative;
    transition: all 0.3s ease 0s;
}
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .pic-1{
    opacity: 1;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-1{ opacity: 1; }
.product-grid .pic-2{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-2{ opacity: 1; }
.product-grid .social{
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .social{
    opacity: 1;
    top: 50%;
}
.product-grid .social li{ display: inline-block; }
.product-grid .social li a{
    color: var(--color-primary);
    background-color: #fff;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 0 2px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
	border-radius: 50%;
}
.product-grid .social li a:hover{
    color: #fff;
    background-color: var(--color-primary-dark);
}
.product-grid .social li a:before,
.product-grid .social li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}
.product-grid .social li a:after{
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform:translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
    opacity: 1;
}
.product-grid .product-new-label,
.product-grid .product-discount-label{
    color: #fff;
    background-color: var(--color-primary-dark);
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 10px;
    display: block;
    position: absolute;
    top: 13px;
    left: 13px;
	font-family: 'Poppins', sans-serif;
}
.product-grid .product-discount-label{
    background-color: var(--color-text);
    left: auto;
    right: 0;
}
.product-grid .rating{
	color: #fec42d;
	cursor: pointer;
    font-size: 13px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: -1;
}
.product-grid .rating li.disable{ color: rgba(0,0,0,0.2); }
.product-grid .product-content{
    background-color: #fff;
    text-align: center;
    padding: 0px 0 5px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    z-index: 1;
    transition: all 0.3s;
}
.product-grid:hover .product-content{ bottom: 7px; }
.product-grid .title{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 5px 0 0px;
    transition: all 0.3s ease 0s;
}
.product-grid .title a{ color: var(--color-text); }
.product-grid .title a:hover{ color: var(--color-primary); }
.product-grid:hover .title a{ color: var(--color-primary); }
.product-grid .price {
    color:var(--color-text);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom:3px;
    text-align: center;
    transition: all 0.3s;
}
.product-grid .price span {
    color: var(--color-text-muted);
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 3px;
    display: inline-block;
}
.product-grid .add-to-cart{
    color: #000;
    font-size: 13px;
    font-weight: 600;
}



/* -------- Product Details Page Css -------- */

.pd_title {
	color: var(--color-primary);
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 12px;
	margin-bottom: 30px;
	text-transform: uppercase;
	width: 100%;
	transition:.5s;
}
.pd_title:hover {
	color: #000;
}
.pd_price_dtls {
	margin-bottom: 38px;
}
.pd_price{
	float:left;
}
.pd_ratng{
	float:right;
}
.pd_price .new {
	color: var(--color-text);
	font-size: 18px;
	font-weight: 700;
	margin-right: 11px;
}
.pd_price span {
	line-height: 16px;
	display: block;
	font-weight: 500;
	float: left;
}
.pd_price .old {
	color: var(--color-text-muted);
	font-size: 14px;
	position: relative;
	padding: 0 5px 0 4px;
}
.pd_price .old::before {
	background: var(--color-text-muted);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 100%;
}
.pd_ratng .rtngs i {
	display: block;
	float: left;
	font-size: 15px;
	margin-right: 3px;
}
.pd_text {
	margin-bottom: 30px;
}
.pd_text h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size {
	margin-bottom: 38px;
	overflow: hidden;
}
.pd_img_size h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size a {
	border: 1px solid var(--color-border);
	color: var(--color-text);
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 36px;
	transition:.5s;
}
.pd_img_size a:hover {
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
}
.pd_clr_qntty_dtls {
	margin-bottom: 40px;
}
.pd_clr {
	width: 50%;
	float:left;
}
.pd_clr h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_clr a.active {
	border: 6px solid #fff;
	outline: 1px solid var(--color-text);
	outline-offset: -1px;
	overflow: hidden;
}
.pd_clr a {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-indent: -999999px;
	width: 36px;
}
.pd_qntty_area {
	width: 50%;
	float:left;
}
.pd_qntty_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_qntty_area .pd_qty {
	border: 1px solid var(--color-border);
	width: auto;
	display: inline-block;
}
.pd_qntty_area .pd_qty input[type="number"] {
	background: transparent none repeat scroll 0 0;
	border-color: var(--color-border);
	border-style: solid;
	border-width: 0 1px 0 0;
	color: var(--color-text);
	float: left;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	width: 54px;
}
.pd_qntty_area .pd_qty .qttybtn.inc {
	margin-top: 5px;
}
.pd_qntty_area .pd_qty .qttybtn {
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-align: center;
}
.pd_qntty_area .pd_qty .qttybtn i {
	display: block;
	line-height: 12px;
}
.pd_btn {
	margin-bottom: 38px;
}
.btn_icn {
	background: #fff;
	color: var(--color-primary)!important;
	border: 1px solid var(--color-primary);
	padding: 8px 15px;
	margin-left: 10px;
	transition: .5s;
}
.btn_icn:hover {
	background: var(--color-primary-dark);
	color: #fff!important;
}
.pd_share_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_social_icon a {
	color: var(--color-text-muted);
	display: block;
	float: left;
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	transition:.5s;
}
.pd_social_icon a:hover {
	color: var(--color-primary);
}
.prdct_dtls_content {
	margin-top: 40px;
}
.pd_tab_area{
	margin-top:30px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgba(0,0,0,.02);
	box-shadow: 0 0 4px rgba(0,0,0,.02);
	display: block;
	padding: 31px 32px;
}
.pd_tab_area p{
	margin-bottom: 15px;
}
.pd_tab_area ul{
	display: inline-block;

}

.pd_tab_area li{
	padding: 5px 0;
	display: block;
	font-weight: 00;
}
.pd_tab_btn {
	margin-bottom: 10px;
	border: none;
}
.pd_tab_btn li {
	display: block;
	float: left;
	margin-right: 10px;
	padding-bottom: 11px;
	position: relative;
}
.pd_tab_btn li a {
	color: #000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	padding: 7px 20px;
	border-radius: 20px;
	transition: .5s;
}
.pd_tab_btn li a.active{
	background: var(--color-primary-dark);
	color: #fff;
	box-shadow: 4px 3px 5px rgba(0,0,0,0.07);
}

.single_pd_tab {
	text-align: left;
}
.pda_rtng_area {
	margin-bottom: 20px;
}
.pda_rtng_area h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 14px;
	margin: 0 0 7px;
	color:#000;
}
.pda_rtng_area h4 span {
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
}
.pda_rtng_area > span {
	color: var(--color-text-muted);
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 10px;
}
.rtng_cmnt_area {
	margin-bottom: 40px;
}
.rtng_cmnt_area .single_rtng_cmnt {
	margin-bottom: 30px;
}
.rtngs {
	float: right;
	color: #fec42d;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs i {
	color: #fec42d;
	font-size: 16px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs span {
	color: var(--color-text-muted);
}
.rtng_author {
	float: left;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author h3 {
	color: var(--color-text-muted);
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 13px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author span {
	color: var(--color-text-muted);
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 13px;
	margin-left: 15px;
}
.rtng_cmnt_area .single_rtng_cmnt p {
	display: block;
	overflow: hidden;
	width: 100%;
}
.rtng_cmnt_form_area h3 {
	font-size: 14px;
	margin: 0 0 30px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 12px;
}
.rcf_pdnglft {
	padding-left: 0;
}
.rp_title h3 {
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 24px;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 13px;
	color: #000;
	font-weight: 700;
	margin-bottom: 18px;
}


.related_prdct_area {
	padding: 50px 0;
}

.gray_section{
	background: var(--color-surface);
}
.acc_btn {
	background: var(--color-primary-dark);
	border: 1px solid transparent;
	border-radius: 0;
	color: #fff!important;
	padding: 8px 20px;
	transition:.5s;
	margin-top:10px;
	text-transform: capitalize;
	
}
.acc_btn:hover {
	background: #000;
	border: 1px solid transparent;
	color: #fff;
}
.input-area input {
	background: var(--color-background);
	border: none;
	height: 52px;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
}
.input-area textarea {
	background: var(--color-background);
	border: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
}
/*END SHOP CSS*/


/*
* ----------------------------------------------------------------------------------------
* 25.TAM EKRAN BANNER SLIDER (index.html hero)
*
* Slayt eklemek/cikarmak: index.html icindeki .tla-hero-track altina
* bir <div class="tla-hero-slide" style="background-image:url(...)"> bloğu
* kopyala. Nokta gostergeler ve oklar JS tarafindan otomatik uretilir,
* elle bir sey eklemene gerek yok.
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	height: auto;              /* eski sabit 900px kaldirildi */
	min-height: 100vh;
	min-height: 100svh;        /* mobil tarayici cubugunu hesaba katar */
	position: relative;
	overflow: hidden;
	display: block;            /* slider kendi icinde hizalar */
}

/* --- ray ve slaytlar --- */
.tla-hero-track {
	display: flex;
	height: 100%;
	min-height: inherit;
	will-change: transform;
	transition: transform .7s cubic-bezier(.4, 0, .2, 1);
}
.tla-hero-track.is-instant { transition: none; }

.tla-hero-slide {
	flex: 0 0 100%;
	min-width: 100%;
	min-height: inherit;
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Fotograf uzerindeki karartma gradienti kaldirildi; gorsel oldugu gibi gorunur. */

/* Ekranda gizli, ekran okuyucuya acik (slider'daki H1 icin) */
.tla-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
.tla-hero-slide > .container {
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 992px) {
	.tla-hero-slide { padding-top: var(--tla-header-h, 96px); }
}

/* --- slayt ici yazilar --- */
.home_bg .home_content { padding-top: 0; }

/* Hangi fotograf konursa konsun yazi okunsun diye perdeye ek olarak
   yumusak bir golge. */
.home_bg .home_content h1,
.home_bg .tla-hero-lead,
.home_bg .tla-hero-kicker {
	text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

/* ust etiket: kisa turuncu cizgi + seyreltilmis versal */
.tla-hero-kicker {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 24px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--color-primary);
}
.tla-hero-kicker::before {
	content: "";
	width: 40px;
	height: 2px;
	border-radius: 2px;
	background: var(--color-primary);
	flex: 0 0 auto;
}

/* baslik: akiskan olcek, sikilastirilmis satir araligi, dengeli kirilim */
.home_bg .home_content h1,
.home_bg .home_content .tla-hero-h {
	color: #fff;
	font-size: clamp(36px, 5vw, 82px);
	line-height: 1.07;
	letter-spacing: -.02em;
	margin-bottom: 24px;
	max-width: 17ch;
	text-wrap: balance;        /* desteklemeyen tarayicida yok sayilir */
}
.home_bg .home_content h1 span,
.home_bg .home_content .tla-hero-h span { color: var(--color-primary); }

/* govde metni: okunabilir satir uzunlugu */
.home_bg .tla-hero-lead {
	max-width: 54ch;
	margin-bottom: 40px;
	font-size: clamp(16px, 1.15vw, 19px);
	font-weight: 400;
	line-height: 1.75;
	color: rgba(255, 255, 255, .86);
	text-wrap: pretty;        /* son satirda tek kelime kalmasini onler */
}

/* Buton: banner altindaki "EXPLORE" butonlariyla ayni stil (.cta daire + yazi).
   Sablonun kendi .cta kurallari gecerli; burada yalnizca koyu fotograf uzerinde
   okunabilmesi icin renkler acik tona cekiliyor. */
.home_bg .home_btn { margin: 0; }
/* Butonlari fotografin alt kismina indirir */
.home_bg .tla-hero-btns { margin-top: 600px; }

/* Ikili buton: dolu turuncu hap + cerceveli hap.
   Menudeki .tla-cta ile ayni dil (hap, capraz ok). */
.tla-hero-btns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}
.tla-hero-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 17px 30px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	border: 1.5px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.tla-hero-btn i {
	font-size: 13px;
	transition: transform .2s ease;
}
.tla-hero-btn:hover { transform: translateY(-2px); }
.tla-hero-btn:hover i { transform: translate(2px, -2px); }
.tla-hero-btn:active { transform: translateY(0) scale(.98); }

.tla-hero-btn--primary {
	background: var(--color-primary-dark);
	color: #fff;
	box-shadow: 0 10px 24px rgba(224, 86, 6, .34);
}
.tla-hero-btn--primary:hover {
	color: #fff;
	box-shadow: 0 14px 30px rgba(224, 86, 6, .46);
}
/* Anasayfa slider'inda dolu buton: beyaz zemin, turuncu yazi
   (diger sayfalardaki ayni sinifli butonlar etkilenmez) */
.home_bg .tla-hero-btn--primary {
	background: #fff;
	color: #e05606;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.home_bg .tla-hero-btn--primary:hover {
	background: #fff;
	color: #e05606;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .26);
}

/* Cerceveli: fotograf uzerinde okunmasi icin hafif cam zemin */
.tla-hero-btn--ghost {
	background: rgba(255, 255, 255, .10);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-color: rgba(255, 255, 255, .45);
	color: #fff;
}
.tla-hero-btn--ghost:hover {
	background: rgba(255, 255, 255, .20);
	border-color: #fff;
	color: #fff;
}

/* Cerceveli (acik zemin): beyaz zemin, ince koyu kenarlik; hover'da turuncu.
   Krem/beyaz bolumlerde ikincil eylem butonu. */
.tla-hero-btn--outline {
	background: #fff;
	border-color: rgba(34, 32, 32, .16);
	color: var(--color-secondary);
	box-shadow: 0 8px 20px rgba(34, 32, 32, .08);
}
.tla-hero-btn--outline:hover {
	border-color: var(--color-primary);
	color: var(--color-primary-ink);
	box-shadow: 0 12px 26px rgba(224, 86, 6, .16);
}

@media only screen and (max-width: 575px) {
	.tla-hero-btns { gap: 10px; }
	.tla-hero-btn { padding: 15px 24px; font-size: 15px; }
}

/* aktif slaytin yazilari sirayla girer */
.tla-hero-slide .tla-hero-kicker,
.tla-hero-slide .home_content h1,
.tla-hero-slide .home_content .tla-hero-h,
.tla-hero-slide .tla-hero-lead,
.tla-hero-slide .home_btn {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .55s ease, transform .55s ease;
}
.tla-hero-slide.is-active .tla-hero-kicker,
.tla-hero-slide.is-active .home_content h1,
.tla-hero-slide.is-active .tla-hero-lead,
.tla-hero-slide.is-active .home_btn {
	opacity: 1;
	transform: none;
}
.tla-hero-slide.is-active .tla-hero-kicker  { transition-delay: .14s; }
.tla-hero-slide.is-active .home_content h1,
.tla-hero-slide.is-active .home_content .tla-hero-h { transition-delay: .26s; }
.tla-hero-slide.is-active .tla-hero-lead    { transition-delay: .38s; }
.tla-hero-slide.is-active .home_btn         { transition-delay: .50s; }

/* --- oklar --- */
.tla-hero-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .45);
	background: rgba(16, 15, 15, .38);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #fff;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .2s ease, border-color .2s ease;
}
.tla-hero-arrow:hover {
	background: var(--color-primary-dark);
	border-color: var(--color-primary-dark);
}
.tla-hero-arrow--prev { left: 28px; }
.tla-hero-arrow--next { right: 28px; }

/* --- nokta gostergeler --- */
.tla-hero-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 34px;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 10px;
}
.tla-hero-dot {
	width: 11px;
	height: 11px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .45);
	cursor: pointer;
	transition: background .25s ease, width .25s ease;
}
.tla-hero-dot.is-active {
	width: 30px;
	border-radius: 6px;
	background: var(--color-primary);
}

/* tek slayt varsa kontrolleri gosterme */
.home_bg.is-single .tla-hero-arrow,
.home_bg.is-single .tla-hero-dots { display: none; }

@media only screen and (max-width: 991px) {
	.home_bg { min-height: 88vh; }
	.tla-hero-slide {
		padding-top: calc(var(--tla-header-h, 76px) + 30px);
		padding-bottom: 70px;
	}
	/* Sablon mobilde yan bosluğu yalnizca .home_content'e veriyor; buton
	   bloğu da ayni hizaya getirilir (yoksa .cta'nin dairesi sola kaciyor). */
	.home_bg .home_btn { padding-left: 30px; padding-right: 20px; }
	.tla-hero-arrow { display: none; }
	.tla-hero-dots { bottom: 24px; }
}

/* ---- Telefon (<=767px): slayt gorseli kirpilmadan tam genislikte gosterilir.
   Gorseller 1920x1080 (16:9) -> yukseklik = genislik * %56.25. Ust serit ada
   menunun altinda kalir; butonlar gorselin altindaki koyu bantta durur. ---- */
@media only screen and (max-width: 767px) {
	.home_bg { min-height: 0; background: #1B1818; }
	.tla-hero-track { min-height: 0; }
	.tla-hero-slide {
		--hero-img-top: calc(var(--tla-header-top, 12px) + var(--tla-header-h, 70px) + 12px);
		display: block;
		min-height: 0;
		padding-top: calc(var(--hero-img-top) + 56.25%);
		padding-bottom: 64px;
		background-color: #1B1818;
		background-size: 100% auto;
		background-position: center var(--hero-img-top);
		background-repeat: no-repeat;
	}
	.home_bg .tla-hero-slide .tla-hero-btns { margin-top: 18px; }
	.tla-hero-dots { bottom: 20px; }
}

/* Tam ekran foto hero'da sag taraftaki kesilmis ogrenci gorseli ve
   istatistik kartlari gizlenir (fotografin uzerinde ikinci bir fotograf
   gibi duruyordu). Geri getirmek icin bu kurali silmen yeterli;
   markup index.html icinde duruyor. */
.home_bg .home_me_img { display: none; }

/* hareket azaltma tercihi: gecisleri ve otomatik oynatmayi yumusat */
@media (prefers-reduced-motion: reduce) {
	.tla-hero-track { transition: none; }
	.tla-hero-slide .tla-hero-kicker,
	.tla-hero-slide .home_content h1,
.tla-hero-slide .home_content .tla-hero-h,
	.tla-hero-slide .tla-hero-lead,
	.tla-hero-slide .home_btn { opacity: 1; transform: none; transition: none; }
}

/*
* ----------------------------------------------------------------------------------------
* 26.EGITIM PROGRAMI KARTLARI (banner alti 4'lu bolum)
* ----------------------------------------------------------------------------------------
*/
/* Koyu sahne: Hakkimizda bolumunun antrasit zemini burada da surer; ::before alt isima. */
.tp_feature {
	padding-top: 90px;
	padding-bottom: 64px;
	position: relative;
	overflow: hidden;
	/* Zemin: ust-sol turuncu isima, koyu antrasit; alttaki bolumle ayni tonda (#1B1818) biter */
	background:
		radial-gradient(60% 55% at 10% 0%, rgba(245, 149, 35, .22), rgba(245, 149, 35, 0) 70%),
		linear-gradient(180deg, #1B1818 0%, #221E1D 55%, #1B1818 100%);
}
.tp_feature .container { position: relative; z-index: 1; }
.tp_feature .row { row-gap: 30px; }

/* Dekor katmani. .container z-index:1 ile kendi yigin baglami kurdugu icin icindeki
   dekor z-index:-1 ile basligin/kartlarin altinda, bolum zemininin ustunde kalir. */
.tla-deco { position: absolute; pointer-events: none; user-select: none; }
.tp_feature .container > .tla-deco { z-index: -1; }
.tp_feature > .tla-deco { z-index: 0; }
/* Basligin saginda dort dilde merhaba: basligin bittigi yerden (560px) baslar,
   saga dogru akar ve bolumun sag kenarinda kirpilir -> baslikla asla cakismaz. */
.tla-deco--words {
	left: 560px;
	top: -50px;
	font-family: 'Mulish', sans-serif;
	font-weight: 800;
	font-size: 112px;
	line-height: 1;
	letter-spacing: .03em;
	word-spacing: .28em;
	white-space: nowrap;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(255, 255, 255, .15);
}
.tla-deco--words em { font-style: normal; -webkit-text-stroke-color: rgba(245, 149, 35, .5); }
/* Sol altta marka yapragi: kose disina tasar, cok dusuk opaklik */
.tla-deco--leaf {
	left: -130px;
	bottom: -150px;
	height: 430px;
	width: auto;
	max-width: none;
	transform: rotate(-16deg);
	opacity: .08;
}
@media only screen and (max-width: 1199px) {
	.tla-deco--words { font-size: 96px; top: -44px; left: 540px; }
}
@media only screen and (max-width: 991px) {
	.tla-deco--words { display: none; }
	.tla-deco--leaf { height: 300px; left: -110px; bottom: -110px; }
}
@media only screen and (max-width: 575px) {
	.tla-deco--leaf { height: 220px; left: -90px; bottom: -80px; }
}

/* Koyu zeminde kartlar: daha derin golge, ince acik kenarlik */
.tp_feature .tla-prog-card {
	border-color: rgba(255, 255, 255, .10);
	box-shadow: 0 26px 60px rgba(0, 0, 0, .45);
}
.tp_feature .tla-prog-card:hover {
	border-color: rgba(255, 255, 255, .28);
	box-shadow: 0 34px 70px rgba(0, 0, 0, .55);
}

/* Koyu zeminde baslik: beyaz. Vurgu <u> alt cizgisiyle tasiniyor. */
.tp_feature .section-title { margin-bottom: 50px; }
.tp_feature .section-title h2 { color: #fff; }
.tp_feature .section-title h2::after { background: rgba(255, 255, 255, .45); }
.tp_feature .section-title p {
	color: #fff;
	text-wrap: balance;       /* dar ekranda son satirda tek kelime kalmasin */
}
.tp_feature .section-title p span {
	color: var(--color-primary);
	background: linear-gradient(92deg, #FFC46A 0%, #F59523 42%, #E05606 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tp_feature .section-title p span u {
	text-decoration-color: rgba(255, 255, 255, .38);
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

/* Kart: fotograf tum kartin arka planinda (soluk + bulanik), yazi uzerinde.
   Hover: kenar boyunca donen LED isik (::after keskin halka, ::before bulanik hale).
   Donus acisi --tla-led ile animasyonlanir (@property). */
@property --tla-led {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}
.tla-prog-card {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	height: 100%;
	--card-px: 30px;          /* yan ic bosluk  */
	--card-pb: 32px;          /* alt ic bosluk  */
	margin-bottom: 0;         /* dikey bosluk .row'daki row-gap ile */
	padding: 36px var(--card-px) var(--card-pb);
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(34, 32, 32, .16);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tla-prog-card > * { position: relative; z-index: 1; }
.tla-prog-card:hover {
	transform: translateY(-6px);
	border-color: rgba(255, 255, 255, .8);
	box-shadow: 0 26px 50px rgba(89, 30, 2, .28);
}

/* arka plan fotografi */
.tla-prog-card__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	margin: 0;
	border-radius: inherit;
	overflow: hidden;
	background: #fff;
}
.tla-prog-card__media > span {
	position: absolute;
	inset: -10px;                      /* bulanik kenar sacagi disarida kalsin */
	background-size: cover;
	background-position: center var(--strip-pos, 40%);
	filter: blur(7px) saturate(.55);
	opacity: .34;
	transform: scale(1.04);
	transition: filter .5s ease, opacity .5s ease, transform .9s cubic-bezier(.2, .6, .2, 1);
}
/* okunurluk perdesi: ustte yogun beyaz, altta hafif krem */
.tla-prog-card__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .84) 55%, rgba(255, 246, 236, .74) 100%);
	transition: opacity .4s ease;
}
.tla-prog-card:hover .tla-prog-card__media > span {
	filter: blur(4px) saturate(.8);
	opacity: .42;
	transform: scale(1);
}

/* LED kenar: iki halka, ayni konik gradyan; ::after keskin, ::before bulanik hale */
.tla-prog-card::before,
.tla-prog-card::after {
	content: "";
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	background: conic-gradient(from var(--tla-led),
		transparent 0deg, transparent 236deg,
		rgba(245, 149, 35, 0) 258deg,
		#F59523 300deg, #FFE3BC 324deg, #E05606 346deg,
		transparent 360deg);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	transition: opacity .35s ease;
}
.tla-prog-card::after { inset: 0; z-index: 2; padding: 2px; }
.tla-prog-card::before { inset: -6px; z-index: -1; padding: 8px; filter: blur(10px); }
.tla-prog-card:hover::before,
.tla-prog-card:hover::after {
	opacity: 1;
	animation: tla-led-spin 2.4s linear infinite;
}
@keyframes tla-led-spin { to { --tla-led: 360deg; } }
@media (prefers-reduced-motion: reduce) {
	.tla-prog-card:hover::before,
	.tla-prog-card:hover::after { animation: none; }
}

.tla-prog-card__icon {
	width: 62px;
	height: 62px;
	margin-bottom: 22px;
	border-radius: 18px;
	background: linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	box-shadow: 0 10px 22px rgba(224, 86, 6, .30);
	transition: transform .28s ease, box-shadow .28s ease;
}
.tla-prog-card:hover .tla-prog-card__icon {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(224, 86, 6, .40);
}

.tla-prog-card__age {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--color-background);
	/* --color-text-muted bu zeminde 4.34:1 kaliyordu (12px kalin yazi icin
	   AA esigi 4.5), koyu tona cekildi */
	color: var(--color-secondary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
}

.tla-prog-card h3 {
	margin-bottom: 12px;
	font-size: 21px;
	font-weight: 800;
	color: var(--color-secondary);
}
.tla-prog-card p {
	margin-bottom: 26px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--color-text-muted);
	flex: 1 1 auto;           /* kartlar esit yukseklikte, link hep altta */
}

.tla-prog-card__more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--color-primary-ink);
}
.tla-prog-card__more svg {
	fill: none;
	stroke: var(--color-primary-ink);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .28s ease;
}
.tla-prog-card:hover .tla-prog-card__more svg { transform: translateX(5px); }

@media only screen and (max-width: 991px) {
	.tp_feature { padding-top: 70px; padding-bottom: 40px; }
	.tp_feature .section-title { margin-bottom: 36px; }
}
@media only screen and (max-width: 575px) {
	.tla-prog-card {
		--card-px: 24px;
		--card-pb: 26px;
		padding: 28px var(--card-px) var(--card-pb);
	}
	.tla-prog-card p { margin-bottom: 20px; }
}

/* Hakkimizda bolumu ust etiketi (program bolumundeki desenle ayni dil) */
.ab_kicker {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-primary);   /* koyu zemin: ink tonu yerine acik turuncu */
}
.ab_kicker::after {
	content: "";
	width: 90px;
	height: 1px;
	background: var(--color-primary);
}

/*
* ----------------------------------------------------------------------------------------
* 27.DIL KARTLARI (Verdigimiz Diller bolumu)
* ----------------------------------------------------------------------------------------
*/
/* Bolum zemini (bolunmus): ust kisim Hakkimizda'nin koyusunu surdurur, kartlarin
   ortasindan kreme kirilir; kartlar iki zemin arasinda asili durur ve alttaki
   krem Neredeyiz bolumune dogrudan baglanir. Kirilma noktasi --split ile ayarlanir. */
.marketing_content_area {
	position: relative;
	overflow: hidden;
	--split: 46%;
	background: linear-gradient(180deg, #1B1818 0%, #1B1818 var(--split), var(--color-background) var(--split), var(--color-background) 100%);
}
.marketing_content_area .container { position: relative; z-index: 1; }
.marketing_content_area .row { row-gap: 30px; }

/* Baslik koyu kisimda: beyaz, vurgu turuncu */
.marketing_content_area .section-title h2 { color: #fff; }
.marketing_content_area .section-title h2::after { background: rgba(255, 255, 255, .45); }
.marketing_content_area .section-title p { color: #fff; }
.marketing_content_area .section-title p span { color: #fff; }
.marketing_content_area .section-title p span u { text-decoration-color: var(--color-primary); }

/* Kartlar iki zeminde de dogru dursun: ince acik kenarlik, orta yogunlukta golge */
.marketing_content_area .tla-lang-card {
	border-color: rgba(255, 255, 255, .10);
	box-shadow: 0 26px 56px rgba(0, 0, 0, .28);
}
.marketing_content_area .tla-lang-card:hover {
	border-color: rgba(245, 149, 35, .45);
	box-shadow: 0 32px 64px rgba(0, 0, 0, .34);
}

/* Tablet: 2x2 kart -> kirilma ilk sira kartlarin ortasinda */
@media only screen and (max-width: 991px) {
	.marketing_content_area { --split: 34%; }
}
/* Telefon: kartlar alt alta -> kirilma ilk kartin ortasinda */
@media only screen and (max-width: 575px) {
	.marketing_content_area { --split: 22%; }
}

/* Dil kartinda ulke simgesi (filigran) */
.tla-lang-card__landmark {
	position: absolute;
	right: -14px;
	bottom: -10px;
	height: 128px;
	width: auto;
	opacity: .07;
	pointer-events: none;
	transition: opacity .3s ease, transform .3s ease;
}
.tla-lang-card:hover .tla-lang-card__landmark {
	opacity: .16;
	transform: translateY(-4px) scale(1.04);
}

.tla-lang-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	--lcard-px: 30px;
	--lcard-pb: 30px;
	margin-bottom: 0;              /* dikey bosluk .row'daki row-gap ile */
	padding: 32px var(--lcard-px) var(--lcard-pb);
	position: relative;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	overflow: hidden;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
/* ust kenarda hoverda genisleyen marka cizgisi */
.tla-lang-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--color-primary), var(--color-primary-dark));
	transition: width .35s ease;
}
.tla-lang-card:hover {
	transform: translateY(-6px);
	border-color: rgba(245, 149, 35, .45);
	box-shadow: 0 20px 44px rgba(34, 32, 32, .13);
}
.tla-lang-card:hover::before { width: 100%; }

.tla-lang-card__flag {
	display: block;
	width: 64px;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(34, 32, 32, .18);
	transition: transform .28s ease;
}
.tla-lang-card__flag img {
	display: block;
	width: 100%;
	height: auto;
}
.tla-lang-card:hover .tla-lang-card__flag { transform: scale(1.06); }

.tla-lang-card h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 800;
	color: var(--color-secondary);
}
.tla-lang-card__level {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 16px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(245, 149, 35, .14);
	color: var(--color-primary-ink);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
}
.tla-lang-card p {
	margin-bottom: 24px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--color-text-muted);
	flex: 1 1 auto;          /* link hep altta hizali */
}
.tla-lang-card__more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--color-primary-ink);
}
.tla-lang-card__more svg {
	fill: none;
	stroke: var(--color-primary-ink);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .28s ease;
}
.tla-lang-card:hover .tla-lang-card__more svg { transform: translateX(5px); }

@media only screen and (max-width: 575px) {
	.tla-lang-card {
		--lcard-px: 24px;
		--lcard-pb: 26px;
		padding: 28px var(--lcard-px) var(--lcard-pb);
	}
}

/*
* ----------------------------------------------------------------------------------------
* 28.NEREDEYIZ (arkada tam genislik Leaflet haritasi + solda bilgi karti)
* ----------------------------------------------------------------------------------------
*/
.tla-where {
	position: relative;
	padding: 100px 0;
	min-height: 660px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--color-background);
}
/* harita bolumun tum zemini */
.tla-where__map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.tla-where > .container {
	position: relative;
	z-index: 1;
	width: 100%;
}

/* Karolar notr acik gri kalir. NOT: Onceki sepia(.26) filtresi haritayi
   kahve/krem tona boyuyordu; palette kahve istenmedigi icin kaldirildi.
   Sicaklik yaprak pin ve bilgi kartindan geliyor. */
.tla-where__map .leaflet-tile-pane {
	filter: grayscale(.12) brightness(1.02);
}
/* Leaflet kontrollerini sitenin diline uydur */
.tla-where__map .leaflet-control-zoom a {
	color: var(--color-secondary);
	border-color: var(--color-border);
}
.tla-where__map .leaflet-control-zoom a:hover { color: var(--color-primary-ink); }
.tla-where__map .leaflet-control-attribution {
	background: rgba(255, 255, 255, .86);
	font-size: 11px;
	color: var(--color-text-muted);
}
.tla-where__map .leaflet-control-attribution a { color: var(--color-primary-ink); }
.tla-where__map .leaflet-popup-content {
	font-size: 14px;
	line-height: 1.6;
	color: var(--color-text-muted);
}
.tla-where__map .leaflet-popup-content b { color: var(--color-secondary); }

/* bilgi karti */
.tla-where__card {
	padding: 44px 40px;
	background: rgba(255, 255, 255, .96);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid var(--color-border);
	border-radius: 20px;
	box-shadow: 0 26px 60px rgba(34, 32, 32, .20);
}
.tla-where__card h2 {
	margin: 0 0 16px;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.22;
	color: var(--color-secondary);
	text-wrap: balance;
}
.tla-where__card h2 span,
.tla-where__card h2 u { color: var(--color-primary-ink); }
.tla-where__card h2 u {
	text-decoration-color: var(--color-primary);
	text-underline-offset: 4px;
}
.tla-where__card > p {
	margin-bottom: 28px;
	color: var(--color-text-muted);
	line-height: 1.75;
}

.tla-where__list {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
.tla-where__list li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 15px 0;
	border-top: 1px solid var(--color-border);
}
.tla-where__list li:last-child { border-bottom: 1px solid var(--color-border); }
.tla-where__list img {
	width: 24px;
	height: auto;
	flex: 0 0 24px;
	margin-top: 2px;
}
.tla-where__list i {
	flex: 0 0 24px;
	margin-top: 2px;
	font-size: 20px;
	line-height: 1.2;
	color: var(--color-primary-ink);
	text-align: center;
}
.tla-where__list b {
	display: block;
	margin-bottom: 3px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--color-secondary);
}
.tla-where__list span {
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-text-muted);
}
.tla-where__list a { color: var(--color-text-muted); }
.tla-where__list a:hover { color: var(--color-primary-ink); }

@media only screen and (max-width: 991px) {
	.tla-where {
		padding: 70px 0;
		min-height: 0;
		display: block;
	}
	/* mobilde harita zemin olarak degil, kartin altinda serit olarak durur */
	.tla-where__map {
		position: relative;
		height: 340px;
		margin-top: 34px;
		border-radius: 18px;
		overflow: hidden;
		border: 1px solid var(--color-border);
	}
	.tla-where__card {
		padding: 34px 26px;
		box-shadow: 0 16px 36px rgba(34, 32, 32, .14);
	}
	.tla-where__card h2 { font-size: 30px; }
}
@media only screen and (max-width: 575px) {
	.tla-where__card { padding: 28px 22px; }
	.tla-where__map { height: 280px; }
}

/* Dokunmatikte tek parmakla surukleme denenince cikan ipucu */
.tla-map-hint {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	max-width: 78%;
	padding: 14px 20px;
	border-radius: 12px;
	background: rgba(16, 15, 15, .82);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .25s ease, visibility .25s ease;
}
.tla-map-hint.is-on {
	opacity: 1;
	visibility: visible;
}

/* Ana sayfadaki SSS bolumu: sablonun akordiyonu palete gore rotuslandi */
.faq_area {
	background: var(--color-surface);
	padding-bottom: 90px;
}
.faq_area .accordion { margin-bottom: 0; }
.faq_area .accordion-item {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(34, 32, 32, .06);
	transition: border-color .25s ease, box-shadow .25s ease;
}
.faq_area .accordion-item:has(.accordion-button:not(.collapsed)) {
	border-color: rgba(245, 149, 35, .45);
	box-shadow: 0 16px 36px rgba(34, 32, 32, .12);
}
.faq_area .accordion-header { padding: 0; }
.faq_area .accordion-button {
	padding: 22px 26px;
	font-size: 18px;
	line-height: 1.45;
	text-align: left;
}
.faq_area .accordion-button:not(.collapsed) { color: var(--color-primary-ink) !important; }
/* Bootstrap'in varsayilan mavi oku yerine marka turuncusu */
.faq_area .accordion-button::after {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background-size: 18px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A8390A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq_area .accordion-body {
	padding: 0 26px 24px;
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-text-muted);
}

@media only screen and (max-width: 575px) {
	.faq_area .accordion-button { padding: 18px 20px; font-size: 16px; }
	.faq_area .accordion-body { padding: 0 20px 20px; font-size: 15px; }
}

/* Ana sayfa SSS: solda akordiyon, sagda gorsel (about.html'deki duzen) */
.faq_area .pt_faq {
	padding-left: 50px;
	text-align: center;
}
.faq_area .pt_faq img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
@media only screen and (max-width: 991px) {
	.faq_area .pt_faq {
		padding-left: 0;
		margin-top: 44px;
	}
	.faq_area .pt_faq img { width: 100%; max-width: 420px; }
}

/*
* ----------------------------------------------------------------------------------------
* 29.GOOGLE YORUMLARI (elle guncellenen izgara)
* ----------------------------------------------------------------------------------------
*/
.testi_home_area { background: var(--color-surface); }

.tla-review {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 30px;
	padding: 30px 28px 26px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(34, 32, 32, .06);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tla-review:hover {
	transform: translateY(-5px);
	border-color: rgba(245, 149, 35, .45);
	box-shadow: 0 20px 44px rgba(34, 32, 32, .13);
}

.tla-review__stars {
	margin-bottom: 16px;
	font-size: 15px;
	letter-spacing: 3px;
	/* #F5A623 beyaz uzerinde 2.03:1 kaliyordu (grafik esigi 3:1); koyulastirildi */
	color: #D97706;
}
.tla-review__text {
	margin-bottom: 24px;
	font-size: 15.5px;
	line-height: 1.8;
	color: var(--color-text-muted);
	flex: 1 1 auto;          /* isim bloğu hep altta hizali */
}

.tla-review__who {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border);
}
.tla-review__avatar {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(245, 149, 35, .16);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.tla-review__avatar img {
	width: 24px;
	height: auto;
	display: block;
}
.tla-review__who b {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-secondary);
}
.tla-review__who small {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: var(--color-text-muted);
}

.tla-review__all {
	margin-top: 18px;
	text-align: center;
}

@media only screen and (max-width: 575px) {
	.tla-review { padding: 26px 22px 22px; }
}

/* Yorumlar karusel olarak: Owl 1.3 ogeleri float'lar, kartlar farkli
   uzunlukta oldugu icin yukseklikleri elle esitleniyor. */
#testimonial-slider .owl-wrapper { display: flex !important; }
#testimonial-slider .owl-item {
	display: flex;
	float: none;
	height: auto;
	/* golge ve ust bosluk wrapper'in overflow:hidden'i tarafindan kirpilmasin */
	padding: 10px 0 24px;
}
#testimonial-slider .tla-review {
	width: 100%;
	/* height:100% flex esnemesiyle cakisip karti 10px tasiriyordu */
	height: auto;
	margin: 0 12px;
}
/* oklar bolum basligi hizasinda durur */
.testi_home_area .owl-theme .owl-controls { top: -22%; }

/*
* ----------------------------------------------------------------------------------------
* 30.BLOG KARTLARI (ana sayfa)
* ----------------------------------------------------------------------------------------
*/
.blog_area { background: var(--color-background); }

.tla-post {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(34, 32, 32, .06);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tla-post:hover {
	transform: translateY(-6px);
	border-color: rgba(245, 149, 35, .45);
	box-shadow: 0 20px 44px rgba(34, 32, 32, .13);
}

.tla-post__img {
	display: block;
	overflow: hidden;
	line-height: 0;
	background: var(--color-surface);
}
.tla-post__img img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform .5s ease;
}
.tla-post:hover .tla-post__img img { transform: scale(1.06); }

.tla-post__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 24px 26px 26px;
}
.tla-post__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--color-text-muted);
}
.tla-post__cat {
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(245, 149, 35, .14);
	color: var(--color-primary-ink);
	font-weight: 700;
	line-height: 1;
}
.tla-post h3 {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
}
.tla-post h3 a { color: var(--color-secondary); }
.tla-post:hover h3 a { color: var(--color-primary-ink); }
.tla-post p {
	margin-bottom: 22px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--color-text-muted);
	flex: 1 1 auto;          /* baglanti hep altta hizali */
}

.tla-post__more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	align-self: flex-start;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--color-primary-ink);
}
.tla-post__more svg {
	fill: none;
	stroke: var(--color-primary-ink);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .28s ease;
}
.tla-post:hover .tla-post__more svg { transform: translateX(5px); }

.tla-post__all {
	margin-top: 18px;
	text-align: center;
}

@media only screen and (max-width: 575px) {
	.tla-post__img img { height: 190px; }
	.tla-post__body { padding: 22px 20px 24px; }
	.tla-post h3 { font-size: 18px; }
}



/* Bolum sonu "tumunu gor" butonlari: ortali, hap buton (.tla-hero-btn) */
.tla-post__all,
.tla-review__all {
	margin-top: 26px;
	padding-bottom: 6px;
	text-align: center;
}
.tla-post__all .tla-hero-btn,
.tla-review__all .tla-hero-btn { display: inline-flex; }

/*
* ----------------------------------------------------------------------------------------
* 32.SEO METNI (footer ustu, kapatilabilir)
* ----------------------------------------------------------------------------------------
*/
.tla-seo {
	padding: 70px 0 60px;
	background: var(--color-surface);
	border-top: 1px solid var(--color-border);
}
.tla-seo__body {
	position: relative;
	max-width: 880px;
	margin: 0 auto;
}
/* kapali hal: yukseklik kirpilir, icerik DOM'dan cikmaz */
.tla-seo__body.is-collapsed {
	max-height: 250px;
	overflow: hidden;
}
/* alt kenara yumusak gecis */
.tla-seo__body.is-collapsed::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255, 248, 243, 0), var(--color-surface));
}

.tla-seo h2 {
	margin: 0 0 18px;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--color-secondary);
}
.tla-seo h3 {
	margin: 30px 0 12px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--color-secondary);
}
.tla-seo p {
	margin-bottom: 16px;
	font-size: 15.5px;
	line-height: 1.85;
	color: var(--color-text-muted);
}
.tla-seo p:last-child { margin-bottom: 0; }

.tla-seo__toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 26px auto 0;
	padding: 12px 26px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: #fff;
	color: var(--color-primary-ink);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color .25s ease, box-shadow .25s ease;
}
.tla-seo__toggle:hover {
	border-color: rgba(245, 149, 35, .5);
	box-shadow: 0 8px 20px rgba(34, 32, 32, .10);
}
.tla-seo__toggle i {
	font-size: 11px;
	transition: transform .25s ease;
}
.tla-seo__toggle.is-open i { transform: rotate(180deg); }

@media only screen and (max-width: 767px) {
	.tla-seo { padding: 55px 0 45px; }
	.tla-seo h2 { font-size: 23px; }
	.tla-seo h3 { font-size: 17px; }
	.tla-seo p { font-size: 15px; }
}

/*
* ----------------------------------------------------------------------------------------
* 33.SABIT AKSIYON BUTONLARI (WhatsApp / Ara / Kayit / Instagram)
* ----------------------------------------------------------------------------------------
*/
/* Glassmorphism: ada menuyle ayni dil. Koyu cam dikey hap, icinde cam
   daire butonlar; ikonlar marka renginde, hover'da buton marka rengine dolar. */
.tla-fab {
	position: fixed;
	left: 20px;
	/* sol altta; .topcontrol sag altta kaldigi icin cakisma yok */
	bottom: 24px;
	z-index: 1035;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px;
	border-radius: 999px;
	background: rgba(20, 16, 14, .58);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .02));
	-webkit-backdrop-filter: blur(22px) saturate(120%);
	backdrop-filter: blur(22px) saturate(120%);
	border: 1px solid rgba(255, 255, 255, .22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .20),
		0 14px 36px rgba(0, 0, 0, .28);
}
.tla-fab__btn {
	position: relative;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	font-size: 20px;
	transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
}
.tla-fab__btn:hover {
	color: #fff;
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .32);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
}
/* ikon marka renginde; hover'da zemin marka rengine doner */
.tla-fab__btn--wa   { color: #25D366; }
.tla-fab__btn--tel  { color: var(--color-primary); }
.tla-fab__btn--form { color: #fff; }
.tla-fab__btn--ig   { color: #F0608F; }
.tla-fab__btn--wa:hover   { background: #25D366; border-color: #25D366; }
.tla-fab__btn--tel:hover  { background: var(--color-primary-dark); border-color: var(--color-primary-dark); }
.tla-fab__btn--form:hover { background: rgba(255, 255, 255, .22); }
.tla-fab__btn--ig:hover   { background: linear-gradient(45deg, #F09433, #DC2743 45%, #BC1888); border-color: transparent; }

/* imlecle gelince sagda cam etiket cikar (butonlar sol kenarda) */
.tla-fab__btn span {
	position: absolute;
	left: calc(100% + 14px);
	padding: 8px 13px;
	border-radius: 10px;
	background: rgba(20, 16, 14, .72);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.tla-fab__btn:hover span {
	opacity: 1;
	visibility: visible;
	transform: none;
}

/* ---- Mobil: dikey hap yerine altta cam bar ---- */
@media only screen and (max-width: 767px) {
	.tla-fab {
		right: 0;
		left: 0;
		bottom: 0;
		flex-direction: row;
		gap: 0;
		padding: 0 0 env(safe-area-inset-bottom, 0px);
		border-radius: 0;
		border: 0;
		border-top: 1px solid rgba(255, 255, 255, .14);
		background: rgba(20, 16, 14, .72);
		background-image: none;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .25);
	}
	.tla-fab__btn {
		flex: 1 1 0;
		width: auto;
		height: auto;
		padding: 10px 4px 9px;
		border-radius: 0;
		border: 0;
		flex-direction: column;
		gap: 4px;
		font-size: 20px;
		background: none !important;
		box-shadow: none;
	}
	.tla-fab__btn:hover { transform: none; box-shadow: none; }

	/* etiketler mobilde her zaman gorunur, ikonun altinda */
	.tla-fab__btn span {
		position: static;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		color: rgba(255, 255, 255, .88);
		font-size: 11px;
		font-weight: 700;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	/* alt bar sayfa sonunu kapatmasin */
	body { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }
}


/*-------------------------------
	34. HEMEN BILGI AL POPUP (.tla-modal)
	Header, footer ve banner'daki "Hemen Bilgi Al" dugmeleri bunu acar.
	Form; ad, soyad ve telefon alir. z-index sabit butonlarin (1035) uzerinde.
--------------------------------*/
.tla-modal {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	visibility: hidden;
	opacity: 0;
	transition: opacity .28s ease, visibility .28s ease;
}
.tla-modal.is-open { visibility: visible; opacity: 1; }

.tla-modal__scrim {
	position: absolute;
	inset: 0;
	background: rgba(20, 18, 18, .55);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

/* ---------------------------------------------------------- kart */
.tla-modal__card {
	position: relative;
	width: 100%;
	max-width: 430px;
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	background: var(--color-surface);
	border-radius: 26px;
	box-shadow: 0 30px 70px rgba(20, 18, 18, .35);
	transform: translateY(18px) scale(.96);
	opacity: 0;
	transition: transform .34s cubic-bezier(.34, 1.4, .5, 1), opacity .24s ease;
	-webkit-overflow-scrolling: touch;
}
.tla-modal.is-open .tla-modal__card { transform: none; opacity: 1; }

/* ---------------------------------------------------------- baslik serisi */
.tla-modal__head {
	position: relative;
	padding: 26px 28px 22px;
	/* Beyaz yazi icin AA: --color-primary uzerinde beyaz 2.54:1'de kaliyordu.
	   Bu daha koyu turuncu ikilisinde baslik 5.0:1, alt yazi 5.0-8.2:1. */
	background: linear-gradient(135deg, #C2470A 0%, #8F2F06 100%);
	border-radius: 26px 26px 0 0;
	overflow: hidden;
	text-align: center;
}
/* arkada hafif bir yaprak dokusu */
.tla-modal__head::after {
	content: "";
	position: absolute;
	right: -26px;
	bottom: -34px;
	width: 130px;
	height: 130px;
	background: url("../images/all-img/leaf.svg") no-repeat center / contain;
	opacity: .14;
	transform: rotate(-18deg);
	pointer-events: none;
}
.tla-modal__head h3 {
	margin: 0 0 6px;
	font-size: 23px;
	font-weight: 800;
	color: #fff;
	text-transform: none;
}
.tla-modal__head p {
	position: relative;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .92);
}

/* ---------------------------------------------------------- kapat */
.tla-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
	color: #fff;
	font-size: 13px;
	line-height: 34px;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.tla-modal__close:hover { background: rgba(255, 255, 255, .4); transform: rotate(90deg); }

/* ---------------------------------------------------------- form */
.tla-modal__body { padding: 24px 28px 26px; }

.tla-field { margin-bottom: 14px; }
.tla-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--color-secondary);
}
.tla-field input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 15px;
	border: 1.5px solid var(--color-border);
	border-radius: 14px;
	background: #fff;
	color: var(--color-text);
	font-size: 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.tla-field input::placeholder { color: var(--color-text-muted); opacity: .75; }
.tla-field input:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 4px rgba(245, 149, 35, .18);
}
.tla-field.has-error input { border-color: #C0392B; }
.tla-field__error {
	display: none;
	margin: 5px 0 0;
	font-size: 12px;
	font-weight: 600;
	color: #C0392B;
}
.tla-field.has-error .tla-field__error { display: block; }

.tla-field--row { display: flex; gap: 12px; }
.tla-field--row > .tla-field { flex: 1 1 0; margin-bottom: 14px; }

/* onay satiri */
.tla-modal__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 4px 0 18px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--color-text-muted);
}
.tla-modal__consent input {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	accent-color: var(--color-primary-dark);
}

/* gonder */
.tla-modal__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: 52px;
	border: 0;
	border-radius: 999px;
	background: var(--color-primary-dark);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2px;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(224, 86, 6, .34);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
/* Iletisim sayfasindaki formda tam satir yerine kendi genisliginde */
.tla-cform .tla-modal__submit { width: auto; min-width: 240px; padding: 0 34px; }
.tla-modal__submit i { font-size: 13px; transition: transform .2s ease; }
.tla-modal__submit:hover i { transform: translate(2px, -2px); }
.tla-modal__submit:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(224, 86, 6, .34); }
.tla-modal__submit:active { transform: scale(.98); }

/* alternatif iletisim */
.tla-modal__alt {
	margin: 18px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--color-border);
	text-align: center;
}
.tla-modal__alt p {
	margin: 0 0 10px;
	font-size: 12px;
	color: var(--color-text-muted);
}
.tla-modal__alt-links { display: flex; gap: 10px; }
.tla-modal__alt-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex: 1 1 0;
	height: 42px;
	border: 1.5px solid var(--color-border);
	border-radius: 12px;
	color: var(--color-primary-ink);
	font-size: 13px;
	font-weight: 700;
	transition: background .2s ease, border-color .2s ease;
}
.tla-modal__alt-links a:hover {
	background: var(--color-background);
	border-color: var(--color-primary);
	color: var(--color-primary-dark);
}

/* ---------------------------------------------------------- tesekkur ekrani */
.tla-modal__done { display: none; padding: 34px 28px 32px; text-align: center; }
.tla-modal.is-done .tla-modal__body { display: none; }
.tla-modal.is-done .tla-modal__done { display: block; }

.tla-modal__done-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: rgba(245, 149, 35, .16);
	color: var(--color-primary-dark);
	font-size: 28px;
	animation: tla-pop .45s cubic-bezier(.34, 1.56, .64, 1) both;
}
@keyframes tla-pop {
	from { transform: scale(.4); opacity: 0; }
	to   { transform: scale(1);  opacity: 1; }
}
.tla-modal__done h4 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 800;
	color: var(--color-secondary);
	text-transform: none;
}
.tla-modal__done p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--color-text-muted);
}

/* sayfa arkada kaymasin */
body.tla-modal-open { overflow: hidden; }

/* ---------------------------------------------------------- mobil */
@media only screen and (max-width: 575px) {
	.tla-modal { padding: 16px 12px; align-items: flex-end; }
	.tla-modal__card { max-height: calc(100vh - 32px); border-radius: 22px; }
	.tla-modal__head { padding: 22px 20px 18px; border-radius: 22px 22px 0 0; }
	.tla-modal__head h3 { font-size: 20px; }
	.tla-modal__body { padding: 20px 20px 22px; }
	.tla-modal__done { padding: 30px 20px 28px; }
	.tla-field--row { flex-direction: column; gap: 0; }
	.tla-modal__alt-links { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	.tla-modal,
	.tla-modal__card { transition-duration: .01ms; }
	.tla-modal__done-mark { animation: none; }
}

/*-------------------------------
	35. IC SAYFA PROMO SERIDI (.single_tp)
	Bu kutular turuncu gradientin uzerinde dogrudan duruyor (ana sayfadaki
	.tla-prog-card gibi beyaz kart arkasi yok). Govde yazisi soluk tonda
	kaldiginda turuncu zeminde 2.16:1'e dusuyordu; koyu tonda 6.47:1.
	Ana sayfa .tla-prog-card kullandigi icin bu kural orayi etkilemez.
--------------------------------*/
.single_tp p { color: var(--color-secondary); }
.single_tp .cta span { color: var(--color-secondary); }

/*-------------------------------
	36. DETAY SAYFALARI (.tla-detail)
	Program (yas grubu) ve dil sayfalarinin govdesi.
--------------------------------*/
.tla-detail { background: var(--color-surface); }

.tla-dt-hero { max-width: 760px; margin: 0 0 54px; }
.tla-dt-hero__flag {
	width: 54px; height: 37px; border-radius: 6px;
	object-fit: cover; display: block; margin-bottom: 18px;
	box-shadow: 0 0 0 1px var(--color-border);
}
.tla-dt-hero__kicker {
	display: inline-flex; align-items: center; gap: 14px;
	margin: 0 0 14px;
	font-size: 13px; font-weight: 700; line-height: 1;
	letter-spacing: .16em; text-transform: uppercase;
	color: var(--color-primary-ink);
}
.tla-dt-hero__kicker::after {
	content: ""; width: 46px; height: 2px; border-radius: 2px;
	background: var(--color-primary);
}
.tla-dt-hero h2 {
	margin: 0;
	font-size: clamp(24px, 2.4vw, 34px);
	line-height: 1.32;
	font-weight: 700;
	color: var(--color-secondary);
	text-transform: none;
}

/* --- ozellik kartlari --- */
.tla-dt-feats { margin-bottom: 20px; }
.tla-dt-feat {
	height: 100%;
	margin-bottom: 26px;
	padding: 26px 24px 24px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	transition: transform .25s ease, box-shadow .25s ease;
}
.tla-dt-feat:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 34px rgba(34, 32, 32, .10);
}
.tla-dt-feat__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 50px; height: 50px; margin-bottom: 16px;
	border-radius: 14px;
	background: rgba(245, 149, 35, .14);
	color: var(--color-primary-ink);
	font-size: 22px;
}
.tla-dt-feat h3 {
	margin: 0 0 8px; font-size: 17px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-dt-feat p {
	margin: 0; font-size: 14px; line-height: 1.65;
	color: var(--color-text-muted);
}

/* --- metin + yan kutu --- */
.tla-dt-body { margin-top: 30px; }
.tla-dt-text h3,
.tla-dt-side h3 {
	margin: 0 0 16px; font-size: 21px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-dt-text p {
	margin: 0 0 16px; font-size: 16px; line-height: 1.8;
	color: var(--color-text-muted);
}
.tla-dt-side {
	padding: 30px 28px;
	background: var(--color-background);
	border: 1px solid var(--color-border);
	border-radius: 20px;
}
.tla-dt-list { list-style: none; margin: 0 0 20px; padding: 0; }
.tla-dt-list li {
	position: relative;
	padding: 0 0 12px 28px;
	font-size: 15px; line-height: 1.6;
	color: var(--color-text-muted);
}
.tla-dt-list li::before {
	content: "\e64c";              /* ti-check */
	font-family: 'themify';
	position: absolute; left: 0; top: 2px;
	font-size: 13px;
	color: var(--color-primary-ink);
}
.tla-dt-side__note {
	margin: 0 0 20px; padding-top: 16px;
	border-top: 1px solid var(--color-border);
	font-size: 14px; color: var(--color-text-muted);
}
.tla-dt-side__note b { color: var(--color-secondary); }

/* --- sayfaya ozel SSS --- */
.tla-dt-faq { margin-top: 64px; max-width: 860px; }
.tla-dt-faq h3 {
	margin: 0 0 26px; font-size: 25px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-faq__item {
	margin-bottom: 12px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 14px;
	overflow: hidden;
}
.tla-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	width: 100%; padding: 18px 22px;
	border: 0; background: none;
	font-family: inherit; font-size: 16px; font-weight: 600; text-align: left;
	color: var(--color-secondary);
	cursor: pointer;
}
.tla-faq__q i { flex: 0 0 auto; font-size: 13px; color: var(--color-primary-ink); transition: transform .25s ease; }
.tla-faq__item.is-open .tla-faq__q { color: var(--color-primary-ink); }
.tla-faq__item.is-open .tla-faq__q i { transform: rotate(180deg); }
.tla-faq__a { display: none; padding: 0 22px 20px; }
.tla-faq__item.is-open .tla-faq__a { display: block; }
.tla-faq__a p {
	margin: 0; font-size: 15px; line-height: 1.75;
	color: var(--color-text-muted);
}

@media only screen and (max-width: 991px) {
	.tla-dt-side { margin-top: 32px; }
	.tla-dt-faq { margin-top: 48px; }
}

/*-------------------------------
	37. BLOG YAZISI (.tla-article)
--------------------------------*/
.tla-article { background: var(--color-surface); }
.tla-article__wrap { max-width: 760px; margin: 0 auto; }

.tla-article__meta {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 20px;
	font-size: 13px; color: var(--color-text-muted);
}
.tla-article__tag {
	padding: 6px 13px; border-radius: 999px;
	background: rgba(245, 149, 35, .16);
	color: var(--color-primary-ink);
	font-size: 12px; font-weight: 700;
	letter-spacing: .04em;
}
.tla-article__cover {
	width: 100%; height: auto; display: block;
	margin-bottom: 36px; border-radius: 20px;
}
.tla-article__lead {
	margin: 0 0 30px;
	font-size: 19px; line-height: 1.7; font-weight: 500;
	color: var(--color-secondary);
}
.tla-article__body h2 {
	margin: 40px 0 14px;
	font-size: 24px; font-weight: 700; line-height: 1.35;
	color: var(--color-secondary); text-transform: none;
}
.tla-article__body p {
	margin: 0 0 18px;
	font-size: 17px; line-height: 1.85;
	color: var(--color-text-muted);
}

.tla-article__cta {
	margin-top: 48px; padding: 32px 30px;
	background: var(--color-background);
	border: 1px solid var(--color-border);
	border-radius: 20px;
	text-align: center;
}
.tla-article__cta h3 {
	margin: 0 0 8px; font-size: 21px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-article__cta p {
	margin: 0 0 20px; font-size: 15px; color: var(--color-text-muted);
}
.tla-article__cta .tla-hero-btn { display: inline-flex; }

/* --- ilgili yazilar --- */
.tla-article__rel { max-width: 760px; margin: 64px auto 0; }
.tla-rel__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.tla-rel {
	display: block; overflow: hidden;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	transition: transform .25s ease, box-shadow .25s ease;
}
.tla-rel:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(34, 32, 32, .10); }
.tla-rel img { width: 100%; height: 150px; object-fit: cover; display: block; }
.tla-rel__tag {
	display: inline-block; margin: 16px 18px 0;
	padding: 5px 11px; border-radius: 999px;
	background: rgba(245, 149, 35, .16);
	color: var(--color-primary-ink);
	font-size: 11px; font-weight: 700;
}
.tla-rel h3 {
	margin: 10px 18px 18px;
	font-size: 16px; font-weight: 700; line-height: 1.45;
	color: var(--color-secondary); text-transform: none;
}
.tla-rel:hover h3 { color: var(--color-primary-ink); }

@media only screen and (max-width: 767px) {
	.tla-rel__grid { grid-template-columns: 1fr; }
	.tla-article__body h2 { font-size: 21px; }
	.tla-article__body p { font-size: 16px; }
	.tla-article__lead { font-size: 17px; }
}

/*-------------------------------
	38. BOS DURUM (.tla-empty)
	Gercek icerik (ornegin etkinlik takvimi) girilene kadar gosterilir.
--------------------------------*/
.tla-empty {
	margin-top: 56px;
	padding: 48px 30px;
	background: var(--color-background);
	border: 1px dashed var(--color-border);
	border-radius: 20px;
	text-align: center;
}
.tla-empty__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 62px; height: 62px; margin-bottom: 18px;
	border-radius: 50%;
	background: rgba(245, 149, 35, .16);
	color: var(--color-primary-ink);
	font-size: 26px;
}
.tla-empty h3 {
	margin: 0 0 10px; font-size: 21px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-empty p {
	max-width: 520px; margin: 0 auto 22px;
	font-size: 15px; line-height: 1.7; color: var(--color-text-muted);
}

/*-------------------------------
	39. DETAY SAYFASI GORSELLERI
--------------------------------*/
.tla-dt-top { align-items: center; margin-bottom: 54px; }
.tla-dt-top .tla-dt-hero { margin-bottom: 0; }

/* fotograf / cizim */
.tla-dt-visual {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 22px 46px rgba(34, 32, 32, .14);
}
.tla-dt-visual img { width: 100%; height: auto; display: block; }
/* cizimler sablon fotograflari gibi kirpilmaz, kendi zeminiyle durur */
.tla-dt-visual--illus {
	background: var(--color-background);
	box-shadow: none;
	border: 1px solid var(--color-border);
}

/* dil sayfalari: bayrak + ulke simgesi paneli */
.tla-dt-panel {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 320px;
	padding: 32px;
	border-radius: 24px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	box-shadow: 0 22px 46px rgba(224, 86, 6, .26);
}
.tla-dt-panel__flag {
	position: relative; z-index: 1;
	width: 76px; height: 52px;
	border-radius: 8px; object-fit: cover;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
	margin-bottom: 16px;
}
.tla-dt-panel__name {
	position: relative; z-index: 1;
	font-size: 30px; font-weight: 800; color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .22);
}
/* ulke simgesi filigran */
.tla-dt-panel__mark {
	position: absolute;
	right: -18px; bottom: -22px;
	height: 250px; width: auto;
	opacity: .22;
	filter: brightness(0) invert(1);   /* turuncu simge beyaza doner */
	pointer-events: none;
}

@media only screen and (max-width: 991px) {
	.tla-dt-top { margin-bottom: 40px; }
	.tla-dt-top .tla-dt-hero { margin-bottom: 28px; }
	.tla-dt-panel { min-height: 240px; }
	.tla-dt-panel__mark { height: 190px; }
}

/*-------------------------------
	40. METIN ARASI GORSEL OGELER
--------------------------------*/
/* yazi icinde alinti - metin duvarini kirar */
.tla-quote {
	position: relative;
	margin: 38px 0;
	padding: 26px 28px 26px 60px;
	background: var(--color-background);
	border-left: 4px solid var(--color-primary);
	border-radius: 0 16px 16px 0;
}
.tla-quote::before {
	content: "\201C";
	position: absolute;
	left: 18px; top: 6px;
	font-family: Georgia, serif;
	font-size: 56px; line-height: 1;
	color: var(--color-primary);
	opacity: .55;
}
.tla-quote blockquote {
	margin: 0; padding: 0; border: 0;
	font-size: 19px; line-height: 1.6; font-weight: 600;
	color: var(--color-secondary);
}

/* yazi ortasindaki gorsel */
.tla-article__mid {
	display: block;
	width: 100%; height: auto;
	margin: 36px 0 30px;
	border-radius: 18px;
}

/* gorselli ozellik karti (etkinlik turleri) */
.tla-dt-feat--img { padding: 0 0 24px; overflow: hidden; }
.tla-dt-feat__img {
	width: 100%; height: 172px;
	object-fit: cover; display: block;
	margin-bottom: 20px;
}
.tla-dt-feat--img .tla-dt-feat__icon { margin-left: 24px; }
.tla-dt-feat--img h3,
.tla-dt-feat--img p { padding: 0 24px; }

/*-------------------------------
	41. ILETISIM SAYFASI
--------------------------------*/
.tla-contact__link {
	display: inline-flex; align-items: center; gap: 8px;
	margin-top: 14px;
	font-size: 14px; font-weight: 700;
	color: var(--color-primary-ink);
}
.tla-contact__link i { font-size: 11px; transition: transform .2s ease; }
.tla-contact__link:hover { color: var(--color-primary-dark); }
.tla-contact__link:hover i { transform: translate(2px, -2px); }

.tla-contact-form {
	padding: 34px 32px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 20px;
}
.tla-contact-form h3 {
	margin: 0 0 8px; font-size: 21px; font-weight: 700;
	color: var(--color-secondary); text-transform: none;
}
.tla-contact-form__note {
	margin: 0 0 22px; font-size: 14px; line-height: 1.6;
	color: var(--color-text-muted);
}
/* select ve textarea, popup'taki input'larla ayni dilde */
.tla-cform select,
.tla-cform textarea {
	display: block; width: 100%;
	padding: 13px 15px;
	border: 1.5px solid var(--color-border);
	border-radius: 14px;
	background: #fff;
	color: var(--color-text);
	font-family: inherit; font-size: 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.tla-cform select { height: 48px; padding: 0 15px; -webkit-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236B6866' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.tla-cform textarea { resize: vertical; min-height: 118px; line-height: 1.6; }
.tla-cform select:focus,
.tla-cform textarea:focus {
	outline: none; border-color: var(--color-primary);
	box-shadow: 0 0 0 4px rgba(245, 149, 35, .18);
}
.tla-cform .tla-modal__submit { margin-top: 4px; }

.tla-cform__done { display: none; padding: 20px 0; text-align: center; }
.tla-cform__done h4 {
	margin: 0 0 8px; font-size: 20px; font-weight: 800;
	color: var(--color-secondary); text-transform: none;
}
.tla-cform__done p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--color-text-muted); }

/* tam genislikte harita
   NOT: .tla-where__map ana sayfada kartin ARKASINDA durdugu icin
   position:absolute + inset:0. Burada akis icinde durmasi gerekiyor,
   bu yuzden konumlandirma sifirlaniyor. */
.tla-contact-map { margin-top: 70px; }
.tla-contact-map .tla-where__map {
	position: relative;
	top: auto; left: auto; right: auto; bottom: auto;
	height: 460px; width: 100%;
}

@media only screen and (max-width: 767px) {
	.tla-contact-form { padding: 26px 20px; }
	.tla-contact-map { margin-top: 48px; }
	.tla-contact-map .tla-where__map { height: 340px; }
}

/*-------------------------------
	42. MEDYA (fotograf galerisi + video listesi)
--------------------------------*/
.tla-gal {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.tla-gal__item {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 16px;
	overflow: hidden;
	background: var(--color-background);
}
.tla-gal__item img {
	width: 100%; height: 100%;
	object-fit: cover; display: block;
	transition: transform .4s ease;
}
.tla-gal__item::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(16,15,15,0) 45%, rgba(16,15,15,.45) 100%);
	opacity: 0;
	transition: opacity .3s ease;
}
.tla-gal__item:hover img { transform: scale(1.06); }
.tla-gal__item:hover::after { opacity: 1; }

.tla-gal__zoom {
	position: absolute;
	right: 12px; bottom: 12px;
	z-index: 1;
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px;
	border-radius: 50%;
	background: var(--color-primary-dark);
	color: #fff;
	font-size: 15px;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .3s ease, transform .3s ease;
}
.tla-gal__item:hover .tla-gal__zoom { opacity: 1; transform: none; }

/* --- videolar --- */
.tla-vid__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tla-vid__grid:empty { display: none; }
.tla-vid {
	position: relative;
	display: block;
	border-radius: 18px;
	overflow: hidden;
	background: var(--color-background);
	box-shadow: 0 10px 26px rgba(34, 32, 32, .08);
	transition: transform .25s ease, box-shadow .25s ease;
}
.tla-vid:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(34, 32, 32, .14); }
.tla-vid img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.tla-vid__play {
	position: absolute;
	left: 50%; top: 38%;
	transform: translate(-50%, -50%);
	display: inline-flex; align-items: center; justify-content: center;
	width: 58px; height: 58px;
	border-radius: 50%;
	background: var(--color-primary-dark);
	color: #fff; font-size: 20px;
	box-shadow: 0 8px 22px rgba(224, 86, 6, .42);
}
.tla-vid__title {
	display: block;
	padding: 16px 18px 18px;
	font-size: 16px; font-weight: 700; line-height: 1.45;
	color: var(--color-secondary);
}
/* Instagram gomme karti: ayni kart kabugu, icinde Instagram oynaticisi.
   iframe imleci yakaladigi icin kaldirma efekti yok. */
.tla-vid--ig { background: #fff; border: 1px solid var(--color-border); }
.tla-vid--ig:hover { transform: none; box-shadow: 0 10px 26px rgba(34, 32, 32, .08); }
.tla-vid--ig iframe {
	display: block;
	width: 100%;
	height: 700px;          /* ig-embed.js icerige gore gunceller */
	border: 0;
	background: #fff;
}

@media only screen and (max-width: 991px) {
	.tla-gal { grid-template-columns: repeat(3, 1fr); gap: 14px; }
	.tla-vid__grid { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 575px) {
	.tla-gal { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.tla-vid__grid { grid-template-columns: 1fr; }
	.tla-vid--ig { max-width: 420px; margin: 0 auto; width: 100%; }
	/* dokunmatikte hover yok - buyutec hep gorunsun */
	.tla-gal__zoom { opacity: 1; transform: none; width: 32px; height: 32px; font-size: 13px; }
}

/*-------------------------------
	43. BLOG LISTESI (.tla-post__list)
--------------------------------*/
.tla-post__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.tla-post {
	display: flex; flex-direction: column;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.tla-post:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(34, 32, 32, .12); }
.tla-post__img { display: block; }
.tla-post__img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.tla-post__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 20px 22px 22px; }
.tla-post__meta { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 12px; color: var(--color-text-muted); }
.tla-post__tag {
	padding: 5px 11px; border-radius: 999px;
	background: rgba(245, 149, 35, .16);
	color: var(--color-primary-ink);
	font-size: 11px; font-weight: 700;
}
.tla-post__body h2 { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.45; text-transform: none; }
.tla-post__body h2 a { color: var(--color-secondary); }
.tla-post:hover h2 a { color: var(--color-primary-ink); }
.tla-post__body p { flex: 1 1 auto; margin: 0 0 16px; font-size: 14px; line-height: 1.7; color: var(--color-text-muted); }
.tla-post__body .tla-contact__link { margin-top: 0; }

/* tiklanabilir ozellik karti (sinav hub) */
.tla-dt-feat--link { display: block; }
.tla-dt-feat--link:hover h3 { color: var(--color-primary-ink); }

@media only screen and (max-width: 991px) { .tla-post__list { grid-template-columns: repeat(2, 1fr); gap: 22px; } }
@media only screen and (max-width: 575px) { .tla-post__list { grid-template-columns: 1fr; } }

/*-------------------------------
	45. MOBIL DUZELTMELERI
	a) Harita mobilde boydan boya (yuvarlak kose/cerceve/alt bosluk yok)
	b) Sablondan gelen buyuk baslik boyutlari icin mobil olcek
--------------------------------*/

/* --- a) HARITA: mobilde tam genislik --- */
@media only screen and (max-width: 991px) {
	/* ana sayfa "Neredeyiz": harita bolumun altina yapisir */
	.tla-where { padding: 70px 0 0; }
	.tla-where__map {
		margin-top: 34px;
		border: 0;
		border-top: 1px solid var(--color-border);
		border-radius: 0;
	}

	/* iletisim sayfasi: harita footer'a yapisir */
	.tla-contact-map { margin-bottom: -80px; }
	.tla-contact-map .tla-where__map {
		border: 0;
		border-top: 1px solid var(--color-border);
		border-radius: 0;
	}
}

/* --- b) BASLIK OLCEGI: sablon basliklari mobilde kuculur --- */
@media only screen and (max-width: 991px) {
	/* sablonda %60/%50 genislik vardi; dar ekranda satir kirilmasini bozuyor */
	.section-title p { width: 100%; }
	.error_page p { width: 100%; }
}
@media only screen and (max-width: 767px) {
	.section-title { margin-bottom: 40px; }
	.section-title p { font-size: 30px; line-height: 1.22; }
	.section-title-two { margin-bottom: 40px; }
	.section-title-two h2 { font-size: 30px; line-height: 1.22; }
	.ab_content h2 { font-size: 30px; }
	.error_page h2 { font-size: 32px; margin: 22px 0; }
	.tla-dt-hero h2 { font-size: 21px; line-height: 1.34; }
	.tla-dt-panel__name { font-size: 26px; }
}
@media only screen and (max-width: 575px) {
	.section-title p { font-size: 26px; }
	.section-title-two h2 { font-size: 26px; }
	.ab_content h2 { font-size: 26px; }
	.error_page h2 { font-size: 28px; }
	.tla-dt-hero h2 { font-size: 20px; }
}

/* --- c) YATAY TASMA EMNIYETI ---
   iOS Safari'de body'deki overflow-x:hidden tek basina kirpmiyor; tasan bir oge
   sayfayi ekrandan genis yapip sagda beyaz serit birakiyordu. html'e de ekliyoruz
   ve gorsellerin kapsayicisini asmasini engelliyoruz. */
html { overflow-x: hidden; }
html, body { max-width: 100%; }
img { max-width: 100%; }

/* --- d) BREADCRUMB: uzun yol telefona sigmayip tasiyordu ---
   Hap (.section-top-title ul) inline-flex + white-space:nowrap oldugu icin
   "Ana Sayfa / Egitim Programlarimiz / Yetiskin Ingilizce Kursu" gibi uzun
   yollar ekrani asiyordu. Mobilde satir kirilmasina izin veriyoruz. */
@media only screen and (max-width: 767px) {
	.section-top-title ul {
		flex-wrap: wrap;
		white-space: normal;
		max-width: 100%;
		min-height: 0;
		padding: 10px 16px;
		line-height: 1.45;
		border-radius: 20px;
	}
}