.logo{    width: 220px;

 box-shadow: 1px 1px 1px;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

 .btn1{margin-right: 10px;}

.container2 {
    display: flex;
    gap: 25px; /* Kutular arası boşluk */
    position: relative; z-index: 10;
}

/* Her bir kutu */
.box {
 width: 40%; /* Kutu genişliği */
 margin-left: 5%;
 padding: 20px;
 background-color: #ffffff;
 /*border: 1px solid #ddd;*/
 border-radius: 10px; /* Köşeleri yuvarlak yap */
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge */
 text-align: center; /* İçerikleri ortala */
 margin-top:40px;
}

/* Başlık stili */
body .title2 {
 font-size: 20px !important;
 line-height: 22px !important;
 font-weight: bold !important;
 color: #333 !important;
 margin: 5px 0px 25px !important;
 background: #f1f1f1;
 padding: 8px 5px;
 border-radius: 6px;
 position: relative;
 overflow: hidden;

}

/* Logo stil */
.logoItem {
 max-width: 80%; /* Logonun kutuyu aşmaması için */
 max-height: 120px; /* Logonun yüksekliği */
 margin-bottom: 15px;
 margin-left: auto;
 margin-right: auto;
 
}

/* Açıklama stili */
.description {
 font-size: 14px;
 color: #666;
 margin-bottom: 10px;
}

/* Link stili */
.link {
 display: inline-block;
 padding: 2px 16px;
 background-color: #111;
 color: #fff !important;
 text-decoration: none;
 border-radius: 5px;
 font-size: 14px;
 transition: background-color 0.3s ease;
 cursor: pointer;
}

.link:hover {
 background-color: #0056b3; /* Hover efekti */
}
.hero-media::before{z-index: 1;}
.feature-extended{        background: #f5f5f5; margin-top: 40px; padding-top:40px}
.feature-extended-image{    background2: #f9f9f9;  padding: 25px 50px; margin-bottom: 40px;}
.feature-extended-image img {
 width: 180px;
}

.header-brand{    text-align: center;margin: auto;}

.herParagraph{padding-top:25px; font-size:18px; line-height:22px}
.subTitle1{font-weight:600; font-size:22px; padding-bottom:5px; padding-top:15px;}
.subTitle2{font-weight:600; font-size:19px; padding-top:16px; padding-bottom:0px;}
.container2{padding-bottom:30px;}
.mt-2{margin-top:20px;} .mt-1{margin-top:10px;}
p {       margin-bottom: 5px;}

main{background: #4caf500d;}
	.feature-extended{  background:#fff;   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

@media all and (max-width: 560px) {
 .btn1{margin-right: auto;}
.header-links{text-align: right; display: block;}
.header-links a{display: block; width:150px; margin-bottom: 15px;}


}