/*
Theme Name: childhbv
Theme URI: hiziraliyildirim.com.tr
Description: A child theme of the Twenty Twenty-Four theme
Author: Hızır Ali
Author URI: aromer.site
Template: twentytwentyfour
Version: 1.5.2
*/




/* Proje Dosyası (File) Label */
#project-file + label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px; /* Diğer form alanlarından biraz daha fazla boşluk */
}

/* Proje Dosyası (File) Input Alanı */
#project-file {
    display: block;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
    margin-top: 5px;
    cursor: pointer; /* Kullanıcıya dosya seçilebileceğini belirtmek için */
}

/* Proje Dosyası (File) Input Focus Efekti */
#project-file:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Proje Dosyası Input Alanı Placeholder */
#project-file::placeholder {
    color: #888;
    font-style: italic;
}

/* Dosya Seçildikten Sonra Görüntüleme Alanı */
#project-file::-webkit-file-upload-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

/* Dosya Yükleme Butonuna Hover Efekti */
#project-file::-webkit-file-upload-button:hover {
    background-color: #45a049;
}

/* Dosya Yükleme Butonunun Diğer Tarayıcılarda Görünümü (Firefox ve diğerleri) */
#project-file {
    font-size: 16px;
}

/* Hata Mesajları */
.wpcf7 .wpcf7-response-output {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

/* Başarı Mesajları */
.wpcf7 .wpcf7-mail-sent-ok {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}




/* Portföy Linki (URL) Label */
#portfolio + label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

/* Portföy URL Input Alanı */
#portfolio {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    transition: all 0.3s ease;
    margin-top: 5px;
}

/* Portföy URL Input Focus Efekti */
#portfolio:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Portföy URL Placeholder */
#portfolio::placeholder {
    color: #888;
    font-style: italic;
}

/* Özgeçmiş Yükle (File) Label */
#resume + label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px; /* Portföy linkinden biraz daha fazla boşluk ekledik */
}

/* Özgeçmiş Yükle Input Alanı */
#resume {
    display: block;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Özgeçmiş Yükle Input Focus Efekti */
#resume:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Özgeçmiş Yükle Placeholder (Boşken) */
#resume::placeholder {
    color: #888;
    font-style: italic;
}

/* Genel Form Alanları (Hata Mesajları ve Başarı Mesajları) */
.wpcf7 .wpcf7-response-output {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

/* Başarı Mesajları */
.wpcf7 .wpcf7-mail-sent-ok {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}















/* Proje Linki Label */
#project-url + label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px; /* Label için biraz boşluk ekler */
}

/* Proje URL Input Alanı */
#project-url {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    transition: all 0.3s ease;
    margin-top: 5px;
}

/* Proje URL Input Alanı Focus Olduğunda */
#project-url:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Proje URL Input Alanı Placeholder */
#project-url::placeholder {
    color: #888;
    font-style: italic;
}

/* Hata Mesajları */
.wpcf7 .wpcf7-response-output {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

/* Başarı Mesajları */
.wpcf7 .wpcf7-mail-sent-ok {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}








/* wpcf7-form-control-wrap Genel Stil */
.wpcf7-form-control-wrap {
    margin-bottom: 20px; /* Her form elemanının arasına boşluk ekler */
    position: relative;
    padding: 10px 0; /* Yatayda biraz boşluk ekler */
}

/* Form Alanları ve Inputlar için Stil */
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Input veya Textarea'ya Focus Eklendiğinde */
.wpcf7-form-control-wrap input[type="text"]:focus,
.wpcf7-form-control-wrap input[type="email"]:focus,
.wpcf7-form-control-wrap input[type="tel"]:focus,
.wpcf7-form-control-wrap textarea:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Etiketler için Stil (Eğer formda etiket kullanıyorsanız) */
.wpcf7-form-control-wrap label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Form Elemanlarının Giriş Alanları ile Hata ve Başarı Mesajları */
.wpcf7-form-control-wrap .wpcf7-response-output {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

/* Başarı Mesajları */
.wpcf7-form-control-wrap .wpcf7-mail-sent-ok {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

/* Checkbox ve Radio Butonları İçin Stil */
.wpcf7-form-control-wrap input[type="checkbox"],
.wpcf7-form-control-wrap input[type="radio"] {
    margin-right: 10px;
    transform: scale(1.2); /* Boyutunu büyütür */
    vertical-align: middle;
}

/* Gönder Butonu */
.wpcf7-form-control-wrap input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    width: auto;
    display: block;
    margin: 20px auto 0;
}

/* Buton Hover Efekti */
.wpcf7-form-control-wrap input[type="submit"]:hover {
    background-color: #45a049;
}

/* Yıldızlı Alanlar İçin Stil */
.wpcf7-form-control-wrap .required {
    color: red;
    font-weight: bold;
}

/* Multi-Select ve Select Dropdownlar için Stil */
.wpcf7-form-control-wrap select {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Focus ve Hover Durumunda Select Dropdown */
.wpcf7-form-control-wrap select:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}


/* Contact Form 7 Form Başlık */
.wpcf7 form h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

/* Form Alanlarının Genel Görünümü */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Form Alanı Focus Olduğunda */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6);
}

/* Gönder Butonu */
.wpcf7 input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    width: auto;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Hover Efekti */
.wpcf7 input[type="submit"]:hover {
    background-color: #45a049;
}

/* Hata Mesajları */
.wpcf7 .wpcf7-response-output {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

/* Başarı Mesajları */
.wpcf7 .wpcf7-mail-sent-ok {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

/* Yıldızlı Alanlar */
.wpcf7 span.wpcf7-acceptance {
    font-size: 14px;
}

/* Formu Etkileyen Genel Alan Margin */
.wpcf7 p {
    margin: 0;
}





















/* menü geçişleri ayarları */
@media (max-width: 1274px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }

	
  .navigasyon-dusukte-gizle {
    display: none; /* Normal menüyü gizle */
  }

@media (max-width: 777px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}


}





/*main menu sağ sol padding ayarı */
@media (min-width: 1414px) {
.sag-sol-padding-ayarlama-mainmenu {
	padding-right: 3% !important;
	padding-left: 3% !important;
	}
}

/*main menu sağ sol padding ayarı */
@media (max-width: 1414px) {
.sag-sol-padding-ayarlama-mainmenu {
	padding-right: 1% !important;
	padding-left: 1% !important;
	}
}

/*main menu sağ sol padding ayarı */
@media (max-width: 1314px) {
.sag-sol-padding-ayarlama-mainmenu {
	padding-right: 1% !important;
	padding-left: 1% !important;
	}
}

@media (max-width: 941px) {
/*main menu sağ sol padding ayarı */
.sag-sol-padding-ayarlama-mainmenu {
	padding-right: 1% !important;
	padding-left: 1% !important;
	}
}

@media (max-width: 441px) {
/*main menu sağ sol padding ayarı */
.sag-sol-padding-ayarlama-mainmenu {
	padding-right: 1% !important;
	padding-left: 1% !important;
	}
}

/* responsive ikinci menü ayarları */
/* Üstteki görsel için */
.header-image {
    position: relative;
    z-index: 1; /* Görsel kutuların altında kalır */
}
/* Alttaki kutular */
.feature-boxes {
    position: absolute; /* Kutular görselin üzerine gelecek şekilde ayarlanır */
    top: -170px; /* Bu değeri, görselin yüksekliğine göre ayarlayın */
    left: 50%; /* Ortalamak için */
    transform: translateX(-50%); /* Sol-sağ merkezleme */
    z-index: 2; /* Kutuları görselin üstünde tutar */
    display: flex;
    border-radius: 25px; /* Köşeleri yuvarlar */
	width: 1071px; /* Genişliği 1000px yapar */
    overflow: hidden;
}

@media (max-width: 1124px) {
    .feature-boxes {
	width: 90%;
    }
}

@media (max-width: 1024px) {
    .feature-boxes {
	width: 90%;
    }
}

@media (max-width: 960px) {
    .feature-boxes {
	width: 90%;
    }
}

@media (max-width: 868px) {
    .feature-boxes {
	width: 90%;
	flex-wrap: nowrap !important;
    }
}

@media (max-width: 768px) {
    .feature-boxes {
	width: 90%;
	flex-wrap: nowrap !important;
    }
}

@media (max-width: 668px) {
    .feature-boxes {
	width: 90%;
	flex-wrap: nowrap !important;
    }
}


@media (max-width: 568px) {
    .feature-boxes {
	width: 90%;
	flex-wrap: nowrap !important;
    }
}

@media (max-width: 550px) {
	    .feature-boxes {
	width: 90% !important;
			  top: -110px;
	}
    .feature-boxes p {
        display: none;
    }
}

@media (max-width: 450px) {
	    .feature-boxes {
	width: 90% !important; }
    .feature-boxes p {
        display: none;
    }
}

@media (max-width: 404px) {
	    .feature-boxes {
	width: 90% !important; }
    .feature-boxes p {
        display: none;
    }
}

@media (max-width: 374px) {
	    .feature-boxes {
	width: 90% !important; }
    .feature-boxes p {
        display: none;
    }
}

@media (max-width: 359px) {
	    .feature-boxes {
	width: 90% !important; }
    .feature-boxes p {
        display: none;
    }
}

/* Her bir kutu */
.feature-box {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}



.column-class {
    display: flex;
    justify-content: center; /* Yatayda ortalama */
    align-items: center;     /* Dikeyde ortalama */
    height: auto;           /* Konteyner yüksekliği */
}

.column-class svg {
	    position: relative; /* Mutlak konumlandırma */
	    overflow: visible;  /* Taşmanın görünmesini sağla */
    width: 30px;  /* Genişlik */
    height: 30px; /* Yükseklik */
}

@media (max-width: 550px) {
.column-class svg {
    width: 30px;  /* Genişlik */
    height: 30px; /* Yükseklik */
	padding-left: 20px;
}
}

.feature-box-hover-egitim:hover {
    background-color: #002d62 !important; /* Üzerine gelince arka plan rengi değişsin */
	color:white;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Gölgeyi daha belirgin yapın */
}

.column-class-fill-egitim svg {
    fill: #002d62; /* Üzerine gelince arka plan rengi değişsin */
}

.feature-box-hover-egitim:hover svg {
    fill: white; /* SVG rengini pembe yapar */
    transition: fill 0.1s ease; /* Geçiş animasyonu */
}


.feature-box-hover-saglik:hover {
    background-color: #FF0000 !important;
	color:white;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.column-class-fill-saglik svg {
    fill: #FF0000;
}

.feature-box-hover-saglik:hover svg {
    fill: white;
    transition: fill 0.1s ease;
}

.feature-box:hover .button {
    background-color: #fff ;
    color: black;
}

.feature-box-hover-istihdam:hover {
    background-color: #0b542d !important; /* Üzerine gelince arka plan rengi değişsin */
	color:white;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Gölgeyi daha belirgin yapın */
}

.column-class-fill-istihdam svg {
    fill: #0b542d; /* Üzerine gelince arka plan rengi değişsin */
}

.feature-box-hover-istihdam:hover svg {
    fill: white; /* SVG rengini pembe yapar */
    transition: fill 0.1s ease; /* Geçiş animasyonu */
}










.space-padding {
	width:0px;
    margin-right: 16px !important;
}



.button-hover-green a {
	display: inline-block;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.button-hover-green a:hover {
	box-shadow: inset 0 -100px 0 0 #e9ab05;
}

.button-hover-yellow a {
	display: inline-block;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.button-hover-yellow a:hover {
	box-shadow: inset 0 -100px 0 0 #0b542d;
}


.footer-item-home {
    display: inline-block; /* Düz yazıda görünmesini sağlamak için inline-block kullanıyoruz */
    position: relative; /* Konumlandırma için relative kullanıyoruz */
}

.footer-item-home::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-maps-pin-line-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: text-top; /* Dikey hizalamayı ayarlamak için */
    filter: invert(1); /* Beyaz yapmak için ters çevirir */
}


.footer-item-phone a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-phone-line-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: text-top;
    filter: invert(1); /* Beyaz yapmak için ters çevirir */
}


.footer-item-mail a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-envelope-line-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: text-top;
    filter: invert(1); /* Beyaz yapmak için ters çevirir */
}




/* iletisim */
.submenu-item-mobile-apps a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-mobile-app-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}


/* büyük adım */
.submenu-item-marriage a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-wedding-anniversary-date-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-support-project a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-architecture-plan-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-video a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2025/02/movie-media-player-icon1.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-support-rent a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-house-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}


/* kurslar */
.submenu-item-marriage a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/contentsvg-wedding-anniversary-date-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}


.submenu-item-course a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-speak-speech-man-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}



/* küçük adım */
.submenu-item-loan a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-loan-earn-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}




/* hakkında */
.submenu-item-get-to-know-us a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-icon-get-to-know-us.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-history a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-history-line-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-vision a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-eye-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-file a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/11/content-file-line-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.submenu-item-services a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-hand-finger-click-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 12px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}



.submenu-second-color:hover {
	border-radius: 25px;
	background-color: #0b542d;
	color: white;
		a{
			text-decoration: none;
			}
	}


.menu-item-try a::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-turkish-lira-coin-solid-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: text-buttom;
}

.menu-item-try a{
	text-decoration: none;
}

@media (max-width: 550px) {
.menu-item-try {
	display: none;
	}
}

.menu-item-education a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-icon-education-scholl.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 8px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}


.menu-item-work a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-icon-briefcase.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f1fefb;
    margin-right: 8px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.menu-item-health a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-icon-heart-pulse.png');
    background-size: contain;
	background-color: #f1fefb;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: text-top;
	border: 5px solid #f1fefb;
	border-radius: 5px;
}

.menu-item-customer a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://hayveb.org.tr/wp-content/uploads/2024/10/content-customer-care-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: text-top;
}

.menu-item-customer a{
	text-decoration: none;
}


	@media only screen and (max-width: 768px) {
		.wp-block-navigation__responsive-container {
			bottom: 180px;
			left: 13px;
			position: fixed;
			right: 13px;
			top: 80px;
			border-radius: 10px;
			}
		}




.wp-block-navigation__submenu-container {
    border-radius: 25px !important;
    padding: 5px !important;
    white-space: nowrap; /* Yazının tek satırda görünmesini sağlar */
}

.wp-block-navigation .wp-block-navigation-item {
    border-radius: 25px;
}


    .yesil { 
        padding: 15px !important;
        border-radius: 15px;
    }

	.yesil:hover {
		    background-color: #02542C;
			color: #FFF ;
		
			a{
				text-decoration: none;
			}
	}

	@media only screen and (max-width: 768px) {
			.sadece-mobilde-gizle {
				display: none;
				}
			}

	@media only screen and (max-width: 768px) {
			.sadece-mobilde-goster {
				display: block !important;
			}
		}

	.sadece-mobilde-goster {
		display: none;
	}

	.cursorpointer {cursor: pointer;}

	.notextdecoration a{text-decoration: none;}

	.rounded-column{
	border-radius: 10px !important;
	overflow: hidden; /* Köşeleri taşan iç elemanları gizlemek için */
	}

	.rounded-column-25{
	border-radius: 25px !important;
	overflow: hidden; /* Köşeleri taşan iç elemanları gizlemek için */
	}

	@media only screen and (max-width: 768px) {
		.display-flex { display: flex; flex-direction: column; }
		.a-display-order { order: 2; }
		.b-display-order { order: 1; }
		.c-display-order { order: 3; }
	}

	.border1image img {
	transition: .5s ease;
	}

	.border1image img:hover{
	box-shadow: 0 0 0 1px #000000;
	transition: .5s ease;
	}


	html {
		scroll-padding-top: 180px;
		scroll-behavior: smooth;
	}

	::selection {
		background-color: #FFD700; /* Seçilen metnin arka plan rengi */
		color: black; /* Seçilen metnin yazı rengi (isteğe bağlı) */
	}


	.zoomIn img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.zoomIn:hover img {
		-webkit-transform: scale(1.3);
		transform: scale(1.025);
	}