.logo_alan{ min-width: 255px; text-align: left !important;  padding-top: 15px !important;  }
.header_blok {background-color: #db6302; position: relative;}
.header_zindex {z-index: 9;}
.zemin_image{position:absolute; top: 0; z-index: 1; left: -130px !important;}
/* scroll aşağı kaydırılmış ise  */
.asagi_logo { }
.asagi_logo img { height: 85px; padding-left: 25px;}

.logo_zeminpozisyon { top: -25px !important; left: -350px !important;}

.logo_alanwt{ min-width: 150px !important;  }

.logow_boyut {}
.logow_boyut img { height: 85px !important; }

.icerikmargin {margin-top: 10px;}
@media (max-width: 1925px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -150px !important;}
}
@media (max-width: 1900px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -180px !important;}
}
@media (max-width: 1848px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -180px !important;}
}
@media (max-width: 1710px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -270px !important;}
}
@media (max-width: 1700px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -265px !important;}
}
@media (max-width: 1696px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -270px !important;}
}
@media (max-width: 1644px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -295px !important;}
}
@media (max-width: 1639px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -280px !important;}
}
@media (max-width: 1619px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -295px !important;}
}
@media (max-width: 1598px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -310px !important;}
}
@media (max-width: 1567px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -345px !important;}
}
@media (max-width: 1500px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -360px !important;}
}
@media (max-width: 1468px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -372px !important;}
}
@media (max-width: 1448px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -400px !important;}
}
@media (max-width: 1398px) {
    .zmnner {position:absolute; top: -15; z-index: 1; left: -435px !important;}
}
@media (max-width: 998px) {
    .zmnner {position:absolute; top: -20px !important; z-index: 1; left: -435px !important;}
}
@media (max-width: 992px) {
    .zmnner {position:absolute; top: -20px !important; z-index: 1; left: -435px !important;}
}
@media (max-width: 986px) {
    .zmnner {position:absolute; top: -22px !important; z-index: 1; left: -435px !important;}
}
@media (max-width: 910px) {
    .zmnner {position:absolute; top: -23px !important; z-index: 1; left: -435px !important;}
}

@media (max-width: 2500px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -125px !important;}
}
@media (max-width: 1920px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -165px !important;}
}
@media (max-width: 1900px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -142px !important;}
}
@media (max-width: 1877px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -195px !important;}
}
@media (max-width: 1855px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -165px !important;}
}
@media (max-width: 1857px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -195px !important;}
}
@media (max-width: 1846px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -200px !important;}
}
@media (max-width: 1838px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -210px !important;}
}
@media (max-width: 1805px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -220px !important;}
}
@media (max-width: 1784px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -258px !important;}
}
@media (max-width: 1726px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -270px !important;}
}
@media (max-width: 1700px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -243px !important;}
}
@media (max-width: 1694px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -275px !important;}
}
@media (max-width: 1680px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -260px !important;}
}
@media (max-width: 1686px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -285px !important;}
}
@media (max-width: 1671px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -287px !important;}
}
@media (max-width: 1665px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -292px !important;}
}
@media (max-width: 1641px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -305px !important;}
}
@media (max-width: 1643px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -260px !important;}
}
@media (max-width: 1632px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -268px !important;}
}
@media (max-width: 1621px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -320px !important;}
}
@media (max-width: 1626px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -315px !important;}
}
@media (max-width: 1627px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -318px !important;}
}
@media (max-width: 1612px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -290px !important;}
}
@media (max-width: 1610px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -318px !important;}
}
@media (max-width: 1608px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -325px !important;}
}
@media (max-width: 1600px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -320px !important;}
}
@media (max-width: 1585px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -335px !important;}
}
@media (max-width: 1562px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -420px !important;}
}
@media (max-width: 1570px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -315px !important;}
}
@media (max-width: 1559px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -345px !important;}
}
@media (max-width: 1544px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -355px !important;}
}
@media (max-width: 1525px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -322px !important;}
}
@media (max-width: 1522px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -365px !important;}
}


@media (max-width: 1505px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -375px !important;}
}
@media (max-width: 1496px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -385px !important;}
}
@media (max-width: 1469px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -395px !important;}
}
@media (max-width: 1456px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -365px !important;}
}
@media (max-width: 1455px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -400px !important;}
}
@media (max-width: 1422px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -375px !important;}
}
@media (max-width: 1435px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -420px !important;}
}
@media (max-width: 1402px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -382px !important;}
}
@media (max-width: 1400px) {
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -385px !important;}
}
@media (max-width: 1399px) {
    .zemin_image{position:absolute; z-index: 1; left: -465px !important;}
}





@media (max-width: 993px) {
   /* .header_zindex {z-index: auto !important;}
    .header-menu { z-index: 999 !important;}
    .zemin_image{z-index: 1 !important;}
    .logo_alan{ z-index: auto !important; } */
    .logo_alan{padding-top: 80px !important;}
    .icerikmargin {margin-top: 10px;}
}

@media (max-width: 992px) {
    .logo_alan{ min-width: 155px; padding-top: 18px !important; }
    .logo_alan img { width: 175px;}
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -440px !important;}
}
@media (max-width: 601px) {
    .logo_alan{ min-width: 110px; }
    .logo_alan img { width: 165px;}
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -480px !important;}
}
.prtaltxt {display: block !important;}
@media (max-width: 599px) {
    .prtaltxt{display: none !important;}
    .zemin_image{position:absolute; top: 0; z-index: 1; left: -480px !important;}
}
/* login */
.login_bg { background: url('../img/user.png') no-repeat top, #efefef;}
.login_link { font: bold 1.5rem/2rem 'menufont1' ;}
.login_link:hover { color: #db6302 !important;}
.login_txt { font: normal 1.5rem/1.5rem 'sitefont6' ;}
.uyelik-txt {font: normal 1.2rem/1.5rem 'sitefont3' ; color:#9d607a;}

/* extra butonlar */
.slidebuton a {-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* font-size: 0.95rem;
    line-height: 15px; */
    font: normal 1.5rem/1.1rem 'sitefont4';
    color: #fff;
    background: #D0011B;
    display: inline-block;
    text-align: center;
    padding: 9px 18px;
    position: relative;
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 3px 0px #961313; margin-bottom: 5px;}
.slidebuton a:hover {top: 1px;
      box-shadow: 0 1px #961313;
      -webkit-transform: translateY(4px);
              transform: translateY(4px); color: rgba(0,0,0,1.00)}

.yaziboyut {font-size: 4.1rem !important}
.yaziboyut1 {font-size: 3.9rem !important;}
.nobg {display: block !important;}
.btdeflt {}
@media (max-width: 790px) { 
.yaziboyut {font-size: 2.9rem !important}
.yaziboyut1 {font-size: 2.9rem !important; }
.nobg { display: block !important;}
}
@media (max-width: 505px) { 
.yaziboyut { font-size: 2.5rem !important; top: 15% !important; left: 15px !important; color:#b05300 !important; text-shadow: 1px 1px #fff !important; }
.yaziboyut1 {font-size: 2.5rem !important; line-height: 2.8rem !important; top: 23% !important; left: 25px !important; color: rgba(0,0,0,1.00) !important}
.nobg { display: none !important;}
.btdeflt { left: 15px !important;}
}

/* atolyeler  */
.atolyeler {display: flex; overflow: hidden;}
.atolyeler a {text-decoration: none;}
.atolyeler-left {align-items: stretch; float: left; width: 55px; background: #ffeb00;}
.atolyeler-left img { padding-right: 15px !important;}
.atolyeler-right { align-items: stretch; width: 100%; background: url("../img/atolye_bg.png") repeat-x #3e342d}
/* başlıklar */
.temel_basliklar {font-family: 'menufont1'; text-shadow: 1px 1px #fff}
/* demo ders */
.demoders { background: url(../img/atld_02.jpg) rgba(62,52,45,1.00); border-top: 5px solid rgba(211,211,211,.25);}
.demobosluk { margin-top: 35px; margin-bottom: 35px;}
.demodrs_bslk { font: normal 2.52rem/3rem 'sitefont'; text-align: center; color: rgba(255,235,0,1.00); padding-bottom: 5px;}
/* genel bton */
.genel_btn {
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            /* font-size: 0.95rem;
            line-height: 15px; */
			font: normal 1.65rem/1.68rem 'sitefont';
            color: #fff;
            background:rgba(207,96,0,1.00);
            display: inline-block;
            text-align: center;
            padding: 9px 18px;
            position: relative;
            border: 0;
            border-radius: 5px;
            box-shadow: 0px 3px 0px #382517; margin-bottom: 5px;}
.genel_btn:hover {
              top: 1px;
              box-shadow: 0 1px #961313;
              -webkit-transform: translateY(4px);
                      transform: translateY(4px); }

/* atölyeler */
.atolye-home .item { margin-top: 20px;}

.atolye-home .icon {
    position:relative;
    width:145px;
    height:145px;
    margin:0 auto;
    text-align:center;
    /* background:  #b6d2de; */
    line-height:140px;
    font-size:5.96rem;
    color:#fff;
    border-radius:50%;
    box-shadow:0 0 0 0 rgba(0,0,0,0.0);
    margin-bottom:15px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out; 
}

.atolye-home .item:hover .icon { }

.atolye-home .item:hover .icon {
    font-size:4.5rem;
    box-shadow:0 0 0 10px rgba(0,0,0,0.05); 
}

.atolye-home .icon:after{
    display:block;
    content:"";
    position:absolute;
    width:145px;
    height:145px;
    top:0;
    left:0;
    border-radius:50%;
    box-shadow:inset 0 0 0 0 rgba(255,245,0,.9);
    background:transparent;
    -webkit-transition:box-shadow .2s ease-out;
    transition:box-shadow .2s ease-out; 
}

.atolye-home .item:hover .icon:after {
    box-shadow:inset 0 0 0 10px rgba(255,245,0,0.08); 
}

.atolye-home h3 {
    font:1.82rem/2.1rem 'Montserrat', Tahoma, Geneva, sans-serif; color: #FFFFFF;
    /*text-transform:uppercase; */
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out; margin:0px 0px 7px 0px; padding:0;
}

.atolye-home .item:hover h3 {
    color:rgba(255,237,0,1.00);
}

.atolye-home .item p { 
 opacity: 0;
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 10px;
  font-size: 0.99rem; color: rgba(221,190,80,1.00);
  /*border-top: 1px solid rgba(255, 255, 255, 0.5); */
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -ms-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}
.atolye-home .item:hover p { opacity: 1;
}

.atolye-home .item.renk1 .icon { color: rgba(232,255,151,1.00)}
.atolye-home .item.renk1:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk1 h3 { color: rgba(232,255,151,1.00)}
.atolye-home .item.renk1:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk2 .icon { color: rgba(255,237,0,1.00)}
.atolye-home .item.renk2:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk2 h3 { color: rgba(255,237,0,1.00)}
.atolye-home .item.renk2:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk3 .icon { color: rgba(164,201,0,1.00)}
.atolye-home .item.renk3:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk3 h3 { color: rgba(164,201,0,1.00)}
.atolye-home .item.renk3:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk4 .icon { color: rgba(243,142,36,1.00)}
.atolye-home .item.renk4:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk4 h3 { color: rgba(243,142,36,1.00)}
.atolye-home .item.renk4:hover h3 { color:rgba(255,255,255,1.00) !important}
/* .atolye-home p {
    padding:0 20px;
    font-size:12px;
    line-height:21px;
} */

/* sarı zemin */
.szemin {
    background-image: url(../img/sari_zemin.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover
}

/* hover */
/* Hover box ------------------------------------------------------------------------- */

.hover_box {
	text-align: center;
	line-height: 0
}
.hover_box a {
	display: block;
	line-height: 0
}
.hover_box .hover_box_wrapper {
	display: inline-block;
	position: relative;
	overflow: hidden;
	line-height: 0;
	max-width: 100%
}
.hover_box .hover_box_wrapper img {
	display: block
}
.hover_box .hover_box_wrapper .visible_photo {
	opacity: 1;
	filter: alpha(opacity=100)
}
.hover_box .hover_box_wrapper .hidden_photo {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.hover_box:hover .hover_box_wrapper .visible_photo, .hover_box.hover .hover_box_wrapper .visible_photo {
	opacity: 0;
	filter: alpha(opacity=0)
}
.hover_box:hover .hover_box_wrapper .hidden_photo, .hover_box.hover .hover_box_wrapper .hidden_photo {
	opacity: 1;
	filter: alpha(opacity=100)
}
.hover_box .hover_box_wrapper .visible_photo, .hover_box .hover_box_wrapper .hidden_photo {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
/* Hover color ----------------------------------------------------------------------- */

.hover_color:hover .hover_color_bg, .hover_color.hover .hover_color_bg {
	background-color: inherit!important;
	border-color: inherit!important
}
.hover_color {
	border-color: transparent
}
.hover_color a {
	display: block
}
.hover_color a:hover {
	text-decoration: none
}
.hover_color .hover_color_bg {
	border: 2px solid transparent
}
.hover_color .hover_color_wrapper {
	text-decoration: none;
	padding: 40px 30px;
	text-align: center
}
.hover_color, .hover_color a, .hover_color a:hover, .hover_color h1 a, .hover_color h2 a, .hover_color h3 a, .hover_color h4 a, .hover_color h5 a, .hover_color h6 a {
	color: #fff
}
.hover_color .hover_color_bg {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.hover_color, .hover_color_bg {
	height: 100%
}
/* all needed */
hr.no_line {
    background: none;
    color: transparent;
	border:0;
}
.header-split #Header .top_bar_left .menu_left {
    float: left;
    width: 40%;
    text-align: center;
}
.header-split #Header .top_bar_left .menu_right {
    float: right;
    width: 40%;
    text-align: center;
}
/* arabaslik */
.basliktxt { font: normal 3.2rem/3rem 'sitefont';}

/* öne çıkan atölyeler */
.oa_sari{ background: url(../img/oa_ahsap_zmn.png) no-repeat ; background-repeat: no-repeat;
    background-position: center;
    background-size: 412px 422px; min-height: 422px !important;}

/* stem */
.stem-container {
    width: 100%;
    position: relative;
}
.stem-top-image {
    width: 100%;
    height: 200px;
    background-image: url('../img/ust_b.jpg');
    background-size: cover;
    background-position: center;
}

.stem-bottom-image {
    width: 100%;
    height: 200px;
    background-image: url('../img/alt_stem.jpg');
    background-size: cover;
    background-position: center;
}

.stem-aralik-image {
    width: 100%;
    background-image: url('../img/arka.jpg');
    background-size: cover;
    background-position: center;
}
/* stem bloğu */
.stemblok {}
.stemblok .stem_baslik { font: normal 2.1rem/1.8rem 'sitefont4'; margin-top: 18px;}
.stemblok .stem_baslik span {color:#db6302}
.stemblok .stem_text { padding-top: 15px !important; font: normal 1.20rem/1.6rem 'sitefont3' }
.stemblok .stem_detay { font: normal 1.4rem/1.9rem 'sitefont4'; text-decoration: none; padding-top: 20px; padding-bottom: 20px; }

.stemblok /*.stem_detay:hover { color: rgba(195,60,0,1.00)} */
.stemblok .alt_satir { clear: both; padding-top: 2px;}
.stemblok .alt_satir span { color: rgba(140,91,0,1.00)}
.stemblok .detay { padding-bottom: 15px; font-size: 2rem;}
.stemblok .detay span { clear: both; padding-top: 5px;}
.detay a { color: #db6302;}
.detay a:hover { color:#3e342d;}
.detay a i { color: #db6302;}
.stem_detaylink:hover i { color:#3e342d;}
.stem_detaylink {font: normal 1.5rem/1.9rem 'sitefont4';}

@media (max-width: 764px) {
    .stem-aralik-image {
        width: 100%;
        background-image: url('../img/arka1.jpg') !important;
        background-size: cover;
        background-position: center;
    }
}

/* footer */
.footerimg {
        width: 100%;
        background-image: url('../img/footer1.jpg') !important;
        background-size: cover;
        background-position: top;
        
}

.footerbaslik {
    font: normal 2rem/2rem 'sitefont4';
    padding:10px;
    padding-bottom: 15px;
    margin-top: 50px;
    background-image: url('../img/sprt1.png');
    background-position:bottom;
    background-repeat: no-repeat;
}
.footertxt {
    font: normal 1.1rem/1.8rem 'sitefont';
    padding-top: 5px;
    color:#3e342d;
    text-align: justify;
    text-shadow: 2px 2px 4px rgba(252, 252, 252, 0.8);
}
.footeradres{
    margin-top: 80px;
}
.footeul{
    list-style: none;
}
.footeul li {
  display: flex;
  align-items: center; /* Çocuk öğelerin dikeyde ortalanması */
  font: normal 2rem/2rem 'sitefont';
}
.footeul .fooadres {font: normal 1.4rem/2rem 'sitefont'; }
.footeul i { font-size: 3rem;  margin-right: 0.5rem; color: #4a4a4a; }
.adrestxt {font: normal 1.2rem/2rem 'sitefont1'; padding-top: 5px; margin-left: 5px; border-left: 1.5px dotted #ffffff; padding-left: 10px;}
.adrestxtx {font: normal 1.2rem/2rem 'sitefont1'; }
.arabosluk {}
.footercizgiler90 {width: 100px !important;}
.footercizgiler70 {width: 80px !important;}

.footerlink {
    margin-top: 15px;
  }
  
  .footerlink a {
    display: flex; 
    align-items: center;
    text-decoration: none;
    color:#000;
    font: normal 1.2rem/2rem 'sitefont';
    margin-top: 15px;
  }
  
  .footerlink i {
    font-size: 2rem;
    margin-right: 0.5rem; /* İkon ile yazı arasında boşluk */
  }
  .footerlink a:hover, .footerlink a:hover i  { 
    color: #ffffff;
  }

  .custom-border {
    position: relative;
    padding-right: 15px; 
}

.custom-border::after {
    content: "";
    position: absolute;
    right: 0;
    top: 35%; 
    height: 70%; 
    width: 2px; /* border kalınlığı gibi davranır */
    background: linear-gradient(to top, #6e6e6e 80%, transparent 100%);
}

.line-with-arrow {
    position: relative;
    width: 2px; /* çizgi kalınlığı */
    height: 40px; /* çizgi uzunluğu istediğiniz kadar ayarlayın */
    background-color: #fff; /* çizgi rengi */
    margin-right: 12px;
}

.line-with-arrow::after {
    content: '';
    position: absolute;
    top: 50%; /* Dikey olarak ortaya hizalar */
    right: -6px; /* ok genişliği için sola-sağa kaydırabilirsiniz */
    transform: translateY(-50%); /* tam dikey ortalama */
    
    /* ok işareti oluşturma */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px; /* ok boyutları */
    border-color: transparent transparent transparent #fff; /* ok rengi */
}
.footerbtntxt {
    font: normal 1.5rem/1.5rem 'sitefont';
}
.footerbtntxt i { color: #b05300;}

.footrlink{ color: #efefef !important;}
.footrlink:hover{ color: #fff200 !important;}

@media (max-width: 1399px) {
    .footercizgiler90 {width: 130px !important;}
    .footercizgiler70 {width: 80px !important;}
}
.resbosluk {}
@media (max-width: 1200px) {
    .footeul i { font-size: 2.4rem;  margin-right: 0.5rem;  }
    .resbosluk {width: 75px !important;}
    .footercizgiler90 {width: 155px !important;}
}
@media (max-width: 991px) {
    .resbosluk {width: 80px !important;}
    .footercizgiler90 {width: 80px !important;}
    /* */
    .custom-border {
        position: relative;
        padding-right: 15px; 
    }
    
    .custom-border::after {
        content: "";
        position: absolute;
        right: 0;
        top: 35%; 
        height: 70%; 
        width: 2px; /* border kalınlığı gibi davranır */
        background: none !important;
    }
}
@media (max-width: 970px) {
    .resbosluk {width: 78px !important;}
}
@media (max-width: 940px) {
    .resbosluk {width: 73px !important;}
}
@media (max-width: 932px) {
    .resbosluk {width: 80px !important;}
}

@media (max-width: 697px) {
    .footercizgiler90 {width: 86px !important;}
    .resbosluk {width: 80px !important;}
}
@media (max-width: 632px) {
    .footercizgiler90 {width: 98px !important;}
    .resbosluk {width: 80px !important;}
}
@media (max-width: 600px) {
    .footercizgiler90 {width: 105px !important;}
    .resbosluk {width: 80px !important;}
}
@media (max-width: 450px) {
    .footercizgiler90 {width: 160px !important;}
    .resbosluk {width: 68px !important;}
}
@media (max-width: 412px) {
    .footercizgiler90 {width: 160px !important;}
    .resbosluk {width: 65px !important;}
}
/* içerik başlık */
.icerik_baslik{ 
    background: url('../img/icrkzmnk15.jpg') no-repeat top/cover ;
    height: 120px;
}
.icerik_baslik h2 {
    font: normal 2rem/2rem 'sitefont';
    color:#ffc945;
}
.icerik_baslik .bslktxt {
 padding-left: 175px;
}
@media (max-width: 990px) {
    .icerik_baslik .bslktxt {
        padding-left: 200px;
       }
}
@media (max-width: 768px) {
    .icerik_baslik .bslktxt {
        padding-left: 250px;
        padding-top: 10px;
       }
}
@media (max-width: 600px) {
    .icerik_baslik .bslktxt {
        padding-left: 200px;
        padding-top: 10px;
       }
}
@media (max-width: 412px) {
    .icerik_baslik .bslktxt {
        padding-left: 200px;
       }
       .icerik_baslik h2 {
        font: normal 1.3rem/2rem 'sitefont';
        color:#ffeb00;
    }
}

.icerik_baslik .atkx {
    color:#fff !important;
    font: normal 1.2rem/2.rem 'sitefont';
}
.icerik_baslik .atkx:hover {
    color:#ffeb00 !important;
}

/* yasal sayfalar */
.yasal_div {
    margin-top: 15px;
}
.yasal_div a {
    display: inline-flex;  /* Link olduğu için inline-flex kullanıyoruz */
    align-items: center;   /* Dikeyde tam ortalar */
    gap: 5px;              /* İkon ile yazı arasına boşluk bırakır */
    text-decoration: none; /* Alt çizgiyi kaldırır (isteğe bağlı) */
    margin-right: 8px;
    color: #bbb;
    font-size: 1.11rem ;
}
/* Varsayılan Durum */
.yasal_div .custom-icon-hover .path1 {
    color: #a1a5b7;   /* 1. Parça Rengi (Örn: Gri) */
    opacity: 1;       /* Metronic'in varsayılan solukluğunu iptal et */
    transition: all 0.3s ease; /* Yumuşak geçiş efekti */
}

.yasal_div .custom-icon-hover .path2 {
    color: #009ef7;   /* 2. Parça Rengi (Örn: Mavi) */
    opacity: 1;
    transition: all 0.3s ease;
}

/* İkonun 3 parçalı olma ihtimaline karşı */
.yasal_div .custom-icon-hover .path3 {
    color: #009ef7; 
    opacity: 1;
    transition: all 0.3s ease;
}

/* --- HOVER DURUMU --- */
/* Kapsayıcıya (Link veya Div) mouse gelince renkler değişsin */

/* Linkin üzerine gelince path1 ne olsun? */
.yasal_div a:hover .custom-icon-hover .path1,
.yasal_div .custom-icon-hover:hover .path1 {
    color: #ffc700;   /* Hover'da Sarı olsun */
}

/* Linkin üzerine gelince path2 ne olsun? */
.yasal_div a:hover .custom-icon-hover .path2,
.yasal_div .custom-icon-hover:hover .path2 {
    color: #eeff05;   /* Hover'da Kırmızı olsun */
}

/* atölye header zemin */
.atolye-headar-zemin {
    background-image: url("../img/atolya_headar5.jpg");
    background-position: center top; /* konum */
    background-repeat: no-repeat;       /* tekrar etmesin */
    background-size: cover;              /* alanı kaplasın */
}

/* ========================================
   FOOTER DÜZELTMELER
   ======================================== */

/* Mobil görünüm (767px ve altı) */
@media (max-width: 767.98px) {
    /* Mobilde container tam genişlik olsun */
    #kt_footer .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Footer içeriği ortalı */
    #kt_footer .row > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center !important;
    }
    
    /* Yasal linkler dikey ve ortalı */
    .yasal_div ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100%;
    }
    
    .yasal_div ul li {
        text-align: center !important;
    }
    
    .yasal_div ul li a {
        justify-content: center !important;
    }
}
/* resim boyutu */
.atolye-gorsel {
    width: 100%;
    aspect-ratio: 911 / 300;
    overflow: hidden;
}
.atolye-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ============================================
   EĞİTİM KARTLARI - DIAGONAL SPLIT
   Icon overlay üzerinde kalır
   Metronic 8.2 Uyumlu
============================================ */

:root {
    --edu-primary: #F5A623;
    --edu-secondary: #E8941C;
    --edu-dark: #D4820F;
    --edu-light: #FFE4B8;
    --edu-glow: rgba(245, 166, 35, 0.25);
}

/* Section */
.education-services-section {
    padding: 50px 0;
     /* background: linear-gradient(135deg, #FFF8E7 0%, #FFFBF0 100%);*/
}

/* ============================================
   KART
============================================ */
.edu-card {
    position: relative;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 30px 24px;
    text-align: center;
    transition: all 0.4s ease;
    border: 1px solid rgba(245, 166, 35, 0.12);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}

.edu-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #FFB74D, #F57C00);
    z-index: 10;
}

.edu-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(245, 166, 35, 0.18);
}

/* ============================================
   DİAGONAL OVERLAY
============================================ */
.diagonal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--edu-primary), var(--edu-dark));
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: clip-path 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.edu-card:hover .diagonal-bg {
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%);
}

/* ============================================
   İKON - OVERLAY ÜZERİNDE KALIR
============================================ */
.edu-card-icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

/* Hover'da icon container efekti */
.edu-card:hover .edu-card-icon {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transform: scale(1.05);
}

/* Ana halka */
.edu-card-icon::before {
    content: '';
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border: 2px solid var(--edu-primary);
    border-radius: 50%;
    opacity: 0.3;
    transition: all 0.4s ease;
}

/* Dönen kesik çizgili halka */
.edu-card-icon::after {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 2px dashed var(--edu-primary);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease;
}

/* Hover efektleri */
.edu-card:hover .edu-card-icon::before {
    transform: scale(1.1);
    opacity: 0.5;
    border-color: var(--edu-secondary);
}

.edu-card:hover .edu-card-icon::after {
    opacity: 0.5;
    border-width: 3px;
    animation: spin 8s linear infinite;
}

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

/* Glow efekti */
.icon-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle, var(--edu-glow) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.4s ease;
}

.edu-card:hover .icon-glow {
    opacity: 1;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.6; }
    50% { transform: scale(1.3); opacity: 0; }
}

/* İkon */
.edu-card-icon i,
.edu-card-icon .ki-duotone {
    font-size: 28px;
    color: var(--edu-secondary);
    transition: all 0.4s ease;
    z-index: 1;
}

.edu-card:hover .edu-card-icon i {
    color: var(--edu-dark);
}

/* ============================================
   BAŞLIK & AÇIKLAMA
============================================ */
.edu-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #2D3436;
    margin-bottom: 8px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

.edu-card-desc {
    font-size: 0.82rem;
    color: #7f8c8d;
    line-height: 1.5;
    margin: 0;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

/* ============================================
   BADGE
============================================ */
.edu-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    z-index: 10;
}

.edu-badge.popular {
    background: linear-gradient(135deg, #667EEA, #764BA2);
    color: #FFF;
}

.edu-badge.new {
    background: linear-gradient(135deg, #11998E, #38EF7D);
    color: #FFF;
}

/* ============================================
   BUTON
============================================ */
.edu-btn {
    position: absolute;
    right: 20px;
    bottom: 25px;
    padding: 10px 20px;
    background: #FFF;
    color: var(--edu-dark);
    font-weight: 600;
    font-size: 0.8rem;
    border-radius: 20px;
    text-decoration: none;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.4s ease 0.15s;
    z-index: 4;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.edu-card:hover .edu-btn {
    opacity: 1;
    transform: translateX(0);
}

.edu-btn:hover {
    background: var(--edu-dark);
    color: #FFF;
}

/* ============================================
   RESPONSIVE
============================================ */
@media (max-width: 991px) {
    .edu-card {
        margin-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .edu-card {
        padding: 25px 20px;
    }
    
    .edu-card-icon {
        width: 70px;
        height: 70px;
    }
    
    .edu-card-icon i {
        font-size: 24px;
    }
    
    .edu-card-title {
        font-size: 1rem;
    }
    
    .edu-card:hover .diagonal-bg {
        clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    }
    
    .edu-btn {
        right: 15px;
        bottom: 20px;
        padding: 8px 16px;
        font-size: 0.75rem;
    }
}

/* ============================================
   DARK MODE
============================================ */
[data-bs-theme="dark"] .education-services-section {
    background: linear-gradient(135deg, #1E1E2D 0%, #151521 100%);
}

[data-bs-theme="dark"] .edu-card {
    background: #1E1E2D;
    border-color: #2D2D3F;
}

[data-bs-theme="dark"] .edu-card-icon {
    background: #2D2D3F;
}

[data-bs-theme="dark"] .edu-card-title {
    color: #FFF;
}

[data-bs-theme="dark"] .edu-card-desc {
    color: #A1A5B7;
}

[data-bs-theme="dark"] .edu-btn {
    background: #2D2D3F;
    color: var(--edu-light);
}