.h1title{
    margin-top: 50px;
    background: linear-gradient(to left, white, var(--renk3));
    padding: 10px; /* Optional: add some padding for better appearance */
}
.h1title h1{
    color: var(--renk1) !important;
    font-size: 2em;
}

.otherh1title{
    margin-top: 200px;
    background: linear-gradient(to left, white, var(--renk3));
    padding: 10px; /* Optional: add some padding for better appearance */
}
.otherh1title h1{
    margin-top: 10px;
    color: var(--renk1) !important;
    font-size: 2em;
}

.hizmet .row{
    margin: 20px;
}
.hizmet-title{
    color: var(--renk2);
    font-size: x-large;
    padding: 10px;

}
.hizmet-liste{

}
.hizmet-title-img{
    width: 100%;
}
.hizmet-italic{
    font-style: italic; 
    font-weight:normal; 
}
/* form class*/ 

.color-white{
    color: white !important;
}
.custom-header-mobil-logo{
    margin: 5px;
}
.custom-mail-kampanya-section {
    width: 800px;
    margin-top: -50px;
    text-align: center;
    z-index: 2;
    position: relative; /* Or absolute, depending on your layout */
}
.custom-mail-kampanya-title {
   color: #a3a3a3;
}
.custom-quote-section {
   padding: 20px;
    border: 1px solid #ccc; /* İsteğe bağlı sınır */
    border-radius: 20px; /* İsteğe bağlı köşe yuvarlama */
    background-color: #fff; /* İsteğe bağlı arka plan rengi */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */

}
.form-control{
    border-radius: 15px !important; /* İsteğe bağlı köşe yuvarlama */
}
.kampanya-btn-teklif-al {
    background-color: #fff; /* Arka plan rengi */
    color: var(--renk1); /* Yazı rengi */
    border: 2px solid var(--renk1); /* Kenar rengi */
    border-radius: 5px; /* Kenarları ovalleştirme */
    padding: 10px 20px; /* İç boşluk */
    font-size: 16px; /* Yazı boyutu */
    cursor: pointer; /* Fare işareti */
    transition: all 0.3s ease; /* Geçiş efekti */
}

.kampanya-btn-teklif-al:hover {
    background-color: var(--renk1); /* Üzerine gelindiğinde arka plan rengi değişir */
    color: #fff; /* Yazı rengi değişir */
}

.kampanya-btn-teklif-al:focus {
    outline: none; /* Kenarlık kaldırma */
    box-shadow: 0 0 5px rgba(0, 128, 0, 0.5); /* Kenarlık etkisi */
}

.servis{
    padding-top: 20px;
    text-align: center;
}
.servis-section {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.servis-section-title {
    text-align: center;
    font-weight: 500;
    color: var(--renk1);
    border-bottom: 1px solid var(--renk1); 
    display: inline-block; /* Çizginin yalnızca metnin altında görünmesi için */

}

.servis-section .servis-box {
    width: calc(16.66% - 10px); 
    box-sizing: border-box; 
    transition: transform 0.3s ease;
}
.servis-section .servis-box:hover {
    transform: scale(1.05); /* Hover durumunda %5 büyüme */
}
.servis-section .servis-box img {
    max-width: 100%; /* Görsellerin kutunun genişliğine uyum sağlaması için */
    height: auto; /* Görselin orantısını korumak için */
}

.servis-section .servis-box-title {
    font-size: large;
    font-weight: 500;
    color: var(--renk1);
}

.servis-link-button {
    background-color: var(--renk1); /* Arka plan rengi */
    color: #fff; /* Yazı rengi */
    padding: 10px 40px; /* İçerik için boşluk */
    border: none; /* Kenarlık yok */
    border-radius: 25px; /* Kenar ovalleştirme */
    text-decoration: none; /* Altı çizgiyi kaldır */
    display: inline-block; /* Butonun boyutunu belirlemek için */
    font-size: medium; /* Yazı boyutu */
    transition: background-color 0.3s; /* Hover efekti için geçiş süresi */
}

.servis-link-button:hover {
    background-color: var(--renk2); 
    color: #fff
}


.container-sigortalar{
    margin-top: 20px;
    padding: 40px 20px;
    width: 80%;
    background-color: var(--renk3);
    text-align: center;
}
.sigortalar-section{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sigortalar-section-title {
    
    text-align: center;
    font-weight:900;
    font-size: x-large;
    color: var(--renk1);
    display: inline-block; /* Çizginin yalnızca metnin altında görünmesi için */

}
.sigortalar-section .sigortalar-box {
    margin-top: 20px;
    width: calc(25% - 10px); 
    box-sizing: border-box; 
}
.sigortalar-section .sigortalar-box img {
    max-width: 100%; /* Görsellerin kutunun genişliğine uyum sağlaması için */
    height: auto; /* Görselin orantısını korumak için */
}

.container-homepage-iletisim{
    margin-top: 20px;
    padding: 40px 20px;
    text-align: center;
}
.container-homepage-iletisim img{
    margin: 0 10px;
    width: calc(30% - 10px); 
}
.header-bg-img{
margin-right:  100px;
margin-left:  100px;
z-index: -999;
}
.header-bg-battom{
    margin-top: -150px;
    background-color: rgba(0, 116, 52, 0.7); /* Adjust the last value for transparency (0 = fully transparent, 1 = fully opaque) */
    z-index: 1;
    position: relative; /* Or absolute, depending on your layout */

}
.header-bg-battom p{
    font-size: 48px;
    line-height: 1.4;
    color: #fff;;
    padding-top: 20px;
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 150px;
}
/* Başarılı mesaj için stil */
.basarili {
    background-color: #d4edda; /* Yeşil renk tonu */
    color: #155724; /* Koyu yeşil yazı rengi */
    border: 1px solid #c3e6cb; /* Açık yeşil kenar */
    padding: 10px;
    margin-top: 20px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
}

/* Başarısız mesaj için stil */
.basarisiz {
    background-color: #f8d7da; /* Kırmızı renk tonu */
    color: #721c24; /* Koyu kırmızı yazı rengi */
    border: 1px solid #f5c6cb; /* Açık kırmızı kenar */
    padding: 10px;
    margin-top: 20px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
}

   
/* Küçük ekranlar (mobil) için stil */
@media screen and (max-width: 768px) {
    .nomobil{
        display: none;
    }
    .nodestkop{
        display: block;
    }
    .custom-mail-kampanya-section {
        width: 95%;
        margin-top: -20px;
        text-align: center;
    
    }
    .servis-section .servis-box {
        width: calc(30% - 10px); 
        box-sizing: border-box; 
    }
    .container-sigortalar{
        width: 100%;
     
    }
    .sigortalar-section .sigortalar-box {
        width: calc(50% - 10px); 
    }
    .container-homepage-iletisim img{
        width: 90%; 
        margin: 10px 10px;
    }
    .otherh1title{
        margin-top: 50px;

    }
    
}



/* Büyük ekranlar (masaüstü) için stil */
@media screen and (min-width: 768px) {
    .nomobil{
        display: block;
    }
    .nodestkop{
        display: none;
    }
    .header-bg-img,
    .slider-section-custom{
        padding-top: 150px;
    }
    .hizmet-title-img{
        margin-top: 150px;
    }
}