.fs-20 {
    font-size: 20px;
}
.p-10{
    padding: 10px;
}
.bg-about-us {
    background-color: rgba(122, 221, 1, 0.1);
}
.slider {
	background-image: url(http://via.placeholder.com/2000x1333/000/fff);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 900px;
}
/*.team-wrap .team-social .youtube {
	background-color: #ee1919;
}
.top_bar ul li.youtube-icon:hover a {
	background-color: #fff;
	color: #ee1919;
}
.top_bar ul li.youtube-icon a {
	background-color:#ee1919;
}*/
.z-0{
    z-index: 0 !important;
}
.testimonial-img{
    width: 100px !important;
    height: 100px !important;
}
.gallery-title{
    margin-top: 10px;
    font-size: 24px;
    font-weight: 600;
}
.pt-30{
    padding-top: 40px;
}
.img-thumb{
    width: 70px;
    height: 70px;
}
.bottom-logo{
    height: 65px;
}
@media screen and (min-width: 1240px) {
    .tablet-img{
        width: 464px;
        height: 345px;
    }
}

@media screen and (max-width: 1239px) {
    .tablet-img{
        width: 464px;
        height: 265px;
    }
}

@media screen and (max-width: 959px) {
    .tablet-img{
        width: 464px;
        height: 211px;
    }
}
@media screen and (max-width: 766px) {
    .tablet-img{
        width: 464px;
        height: 258px;
    }
}
@media screen and (max-width: 479px) {
    .tablet-img{
        width: 464px;
        height: 176px;
    }
}
header ul.dt-sc-social-icons li a.instagram:before{content:"\f16d";}

header ul.dt-sc-social-icons li a.instagram{border-color:#e85157;}

header ul.dt-sc-social-icons li a.instagram span{border-color:#e85157; background:#e85157;}

.copyright .footer-links ul li.instagram:hover a, .class_hours ul.dt-sc-social-icons li.instagram a{background:#e85157;}



header ul.dt-sc-social-icons li a.linkedin:before{content:"\f0e1";}

header ul.dt-sc-social-icons li a.linkedin{border-color:#0a66c2;}

header ul.dt-sc-social-icons li a.linkedin span{border-color:#0a66c2; background:#0a66c2;}

.copyright .footer-links ul li.linkedin:hover a, .class_hours ul.dt-sc-social-icons li.linkedin a{background:#0a66c2;}




header ul.dt-sc-social-icons li a.pinterest:before{content:"\f0d2";}

header ul.dt-sc-social-icons li a.pinterest{border-color:#e60023;}

header ul.dt-sc-social-icons li a.pinterest span{border-color:#e60023; background:#e60023;}

.copyright .footer-links ul li.pinterest:hover a, .class_hours ul.dt-sc-social-icons li.pinterest a{background:#e60023;}


.slider_area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Arka plana siyah overlay ekleyerek karartma efekti */
.slider_area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* %30 siyah overlay */
    z-index: 1;
}

/* Yazılar ve içerik overlay’in üzerinde kalsın */
.slider_content {
    position: relative;
    z-index: 2;
}

.cta-sec {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-sec {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Arka plan karartma efekti */
.cta-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* %30 siyah overlay */
    z-index: 0; /* Düşük z-index, counter_bg'nin altında kalmasını sağlar */
}

/* Counter bölümü overlay'in ÜSTÜNDE olmalı */
.counter-bg {
    position: relative;
    z-index: 2; /* Overlay'in üstünde olacak */
}

/* Yazıları overlay’in üstüne taşı */
.section_title {
    position: relative;
    z-index: 3;
}

.teammember-name {
    font-size: 18px;
}
.teammember-title {
    font-size: 14px;
}
.gallery-img {
    height: 270px !important;
}
.service-img {
    height: 90px;
    border-radius: 7px;
}

/* Testimonial yıldızları ortala */
.testi-item .review {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Counter section ortalaması */
.counter-item.text-center .title {
    justify-content: center !important;
}
.counter-item.text-center.item-1 {
    padding-left: 0 !important;
}
.counter-item.text-center.item-4 {
    padding-right: 0 !important;
}
.counter-item.text-center.item-4 .title {
    justify-content: center !important;
    text-align: center !important;
}
.counter-item.text-center.item-4 p {
    text-align: center !important;
}

/* Hero butonları mobil görünümde arasına boşluk */
@media (max-width: 991px) {
    .hero-btn .cp-primary-btn + .cp-primary-btn {
        margin-top: 10px;
    }
}

/* Hero başlığı kelime ortasından bölünmesin - kelimeler tam olarak alt satıra geçsin */
.hero-content-inner .title {
    word-break: keep-all;
    overflow-wrap: normal;
    word-wrap: break-word;
    hyphens: none;
    white-space: normal;
}

/* Mobil görünümde hero başlığı küçült */
@media (max-width: 991px) {
    .hero-content-inner .title {
        font-size: 2rem !important;
    }
}

@media (max-width: 767px) {
    .hero-content-inner .title {
        font-size: 2rem !important;
    }
}

@media (max-width: 575px) {
    .hero-content-inner .title {
        font-size: 2rem !important;
    }
}

/* Hero section overlay'i koyulaştır - header menü linklerinin görünürlüğü için */
.hero-section .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}

/* Header dropdown menü textlerini uppercase'den kaldır */
.header .primary-header-inner .header-menu-wrap ul li li a {
    text-transform: none !important;
}

/* Top bar'ı tema rengi yap */
.header .top-bar {
    background-color: var(--cp-color-theme-primary) !important;
}

/* Top bar text rengi 900 tonunda siyah */
.header .top-bar .top-bar-inner .top-bar-list li {
    color: #111827 !important;
}
.header .top-bar .top-bar-inner .top-bar-list li a {
    color: #111827 !important;
}
.header .top-bar .top-bar-inner .top-bar-right .social-list li {
    color: #111827 !important;
}
.header .top-bar .top-bar-inner .top-bar-right .social-list li a {
    color: #111827 !important;
}

/* İletişim sayfası harita stil */
.full-map-section .map-wrapper iframe {
    width: 100%;
    height: 620px;
    border: 0;
    border-radius: 0;
}

/* İletişim formu success/error mesajları */
.contact-content .alert-success {
    background-color: #d4edda !important;
    color: #155724 !important;
    padding: 15px !important;
    border: 1px solid #c3e6cb !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.contact-content .alert-danger {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    padding: 15px !important;
    border: 1px solid #f5c6cb !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.contact-section-image {
	width: 234px !important;
	height: 346px !important;
}