body {
    font-family: Arial, sans-serif;
}

.navbar-brand img {
    max-height: 50px;
}

.user-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.slider {
    background-color: rgba(0, 0, 0, 0.5); /* Slider için yarı saydam arka plan */
}

.product-section {
    background-color: #f4f4f4;
}

.product-section h2 {
    font-size: 28px;
    margin-bottom: 20px;
}
   /* Slider */
  
   
.slider-content {
    z-index: 2;
}

/* .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
 
    z-index: 1;
} */

.slider {
    position: relative;
}
 .slider-header{
    color: #76ACDD;
    font-family: Playfair Display;
    
    font-weight: 700;
   
    text-align: left;  
 }
.slider-middle-header,#icon-section
{
    font-family: Playfair Display;
 
color:white;
}
.faqheader
{
    font-family: Playfair Display;
 
 
}
 .slider-button{
    background-color: #76ACDD;

 }
 #productCarousel {
    margin-top: 50px;
}

.product-title {
    font-size: 2.5rem;
    font-weight: bold;
}

.product-description {
    font-size: 1rem;
    margin-top: 15px;
    color: #333;
}

#productCarousel .product-image {
    max-height: 400px;
    object-fit: contain;
}

#productCarousel .carousel-control-prev-icon,
#productCarousel .carousel-control-next-icon {
    background-color: #76ACDD;
    border-radius: 50%;
}

 .small-avenmak a{
    text-decoration: none;
  }

 
.small-avenmak , .header-top i, .navbar a, .small-avenmak  a{

    color:#223568;
}
.navbar a:hover, .small-avenmak:hover,.header-top i:hover{
    color:#76ACDD;
}

.social-top{
    padding-left: 18px;
}
#productCarousel .carousel-indicators .active {
    background-color: #76ACDD;
}
.product-slider-button {
    background-color: #76ACDD;
border-radius:30px;
max-width :25%;
 }
 .card{
    
    border: 0.83px solid #E4EBE8;
 }
 /* #faqAccordion{
 font-family: Inter;} */
 .products-button{
    background-color: #76ACDD;
    border-radius: 35px;
    color: white;
    margin: 15px 15px; /* Her ürün arasında 15px boşluk bırakır */
}
#urunler p{
    color: #223568;
font-size: 14px;
}
#urunler h5{
    color: #223568;
 
}
#urunler .card {
    max-width: 300px; /* Set a maximum width for the cards */
    margin: auto; /* Center the cards within their column */
    text-align: center;
}

.iletisim {
    position: relative;
    transition: opacity 0.3s ease;
  }
  
 
  .iletisim .w-100 {
    position: relative;
    z-index: 1; /* Metni overlay'in üzerine yerleştir */
  }
  
@media (max-width: 767.98px) {
    .product-slider-button {
     
    margin-left: 37%;
    }

    #mainProductCarousel .carousel-item .container {
        padding-top: 2rem;
    } 
    }

    #mainProductCarousel p{
        font-size: 17px;
    }

    .mainProductButton{
        background-color: #76ACDD;
        font-size: 13px;
    border-radius: 22px;
    color: white;
    }
    .mainProductCarouselText{
        padding-top: 103px;
    }
   #mainProductCarousel .carousel-indicators button {
        width: 30px;
        height: 4px;
        background-color: black;
        border: none;
        opacity: 0.5;
    }

    #mainProductCarousel .carousel-indicators .active {
        opacity: 1;
    }

    /* Center alignment and spacing */
    #mainProductCarousel .carousel-item .container {
       
        padding-bottom: 2rem;
    }

    #mainProductCarousel .carousel-item .col-md-6 {
        padding: 1rem 2rem;
    }

    /* Responsive alignment */
    @media (max-width: 768px) {
        #mainProductCarousel .carousel-item .col-md-6 {
            padding: 1rem;
            text-align: center;
        }
    }


    /* Carousel indicators styling */
    #mainProductCarousel .carousel-indicators button {
        width: 30px;
        height: 4px;
        background-color: black;
        border: none;
        opacity: 0.5;
    }
    #mainProductCarousel .carousel-indicators .active {
        opacity: 1;
    }

    /* Container padding for left and right spacing */
    /* #mainProductCarousel .container {
        padding-left: 3rem;
        padding-right: 3rem;
    } */

    /* Adjust top and bottom padding for less spacing */
    #mainProductCarousel .carousel-item .row {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
        #mainProductCarousel .container {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        #mainProductCarousel .carousel-item .row {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
    }
    #icon-section {
        position: relative; /* Position for the overlay */
    }

    #icon-section    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(34, 53, 104, 0.5); /* #223568 tonlarında gölge */
        z-index: 1;
    }

  
    #icon-section img, #icon-section h1 , #icon-section p  {
        position: relative;
        z-index: 2; /* Ensure images are above the overlay */
    }

  
    /* Slider içeriği öne çıkar */
    .slider-content {
        position: relative;
        z-index: 2;
        padding-left: 100px;
    }

   

    /* Indicators Styling */
    #mainSliderCarousel .carousel-indicators {
        bottom: -20px; /* Adjusted to move indicators below the slider */
    }
    
    #mainSliderCarousel .carousel-indicators button {
        width: 43px;
height: 3px;
border-radius: 0px;
background-color: #223568;
opacity: 0.7;
margin: 0 5px;
border: none;
    }
    
    #mainSliderCarousel .carousel-indicators .active {
        background-color: #007bff;
        opacity: 1;
    }
    
    /* Responsive Adjustments */
    @media (max-width: 768px) {
        #mainSliderCarousel .carousel-indicators {
            bottom: -10px; /* Slightly higher position on smaller screens */
        }
        #mainSliderCarousel .carousel-indicators button {
            width: 38px;   /* Smaller width for mobile */
            height: 6px;   /* Smaller height for mobile */
        }
    }


    #faq .accordion-body{
      background-color:#cfe2ff; 
    }

    .iletisim {
        position: relative;
        padding: 50px 30px; /* Increased padding for a spacious layout */
    }
    
    .overlay , .iletisim .overlay ,.guclu .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:   #03133EA8; 
        z-index: 0; /* Overlay beneath the text */
    }
    
    .iletisim h3 {
        font-size: 3rem; /* Large heading */
        letter-spacing: 1px; /* Add spacing for a modern look */
    }
    
    .iletisim p {
        font-size: 14px; /* Larger paragraph text */
        line-height: 1.5; /* Increase line height for readability */
    }
    


    /* Fuardan kareler */

    .fixed-size {
        width: 100%;
        height: 100%; /* Yüksekliği tam sütun boyu yap */
        object-fit: cover;
    }
    
    .small-fixed-size {
        width: 100%;
        height: 150px; /* Küçük resimler için sabit yükseklik */
        object-fit: cover;
    }



     /* birlikte daha güçlüyüz */

        /* Custom styles */
        .guclu {
            background-image: url('../media/slider-background.png'); /* Replace with your image */
        background-size: cover;
        background-position: center;
        color: white;
        padding: 130px 90px; /* Increased top and bottom padding */
        position: relative;
        text-align: left;
            }
            .guclu h1 {
                font-size: 2.5rem; /* Larger heading */
                margin-bottom: 30px;
            }
            .guclu p {
                font-size: 15px; /* Text size */
                line-height: 1.5; /* Line height */
                margin: 10px 0;
            }
           .guclu .contact-info {
                font-size: 15px;
            }
            .guclu span {
                font-size: 14px;
               
            }
            .guclu .content {
                position: relative;
                z-index: 2; /* Bring content above overlay */
            }
 
/* footer -----------------------------------------------*/
 
.social-icons i {
    font-size: 9px;
    margin: 10px;
  }
  footer,.footer-deep{
    background-color: #0b1b3d !important;
  }
  .social-icons a ,.footer-deep p{
    color: #BABCBF;
  
  }
  .social-icons a{
    background-color: #233150;
    margin: 2px;
  }
  .footer-text-color{
    color: #ffffff;
  }
  footer p , .footer-deep p{
    font-size: 12px;
  }
  
  footer  span {
    font-size: 14px;
    font-weight: regular;
  
    padding-bottom: 10%;
    
     
  }
  footer .underline::after{
    background-color: #ffffff; /* Çizgi rengi */
    height: 1px; /* Çizgi yüksekliği */
   }
  footer img{
   
    padding-bottom: 10%;
  
  }
  footer ul li {
    margin-bottom: 10px;
    font-size: 12px;
  }
  
  footer a:hover {
    text-decoration: underline;
  }
  
  footer .border-top {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
    
   .footer-deep{
  
    border-top: 2px solid #76acdd;
   }
  footer .underline::after {
    content: ''; /* İçerik yok */
    position: absolute; /* Konumlandırma */
    left: 0; /* Soldan sıfır */
    bottom: 0; /* Aşağıda sıfır */
    height: 2px; /* Çizgi yüksekliği */
    width: 75%; /* Çizgi genişliği %75 */
    background-color: #ffffff; /* Çizgi rengi */
  }

  footer .underline {
    position: relative; /* Alt çizgi için konum ayarı */
    display: inline-block; /* Çizginin başlık ile aynı hizada olmasını sağlar */
  }
  footer a {
    text-decoration: none;
  }
  
  /* search-------------------------------- */
  /* Arama sonucu kutusu stili */
.search-result-item {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    transition: background-color 0.3s, transform 0.3s;
}

.search-result-item:hover {
    background-color: #e9e9e9;
    transform: translateY(-3px);
}

/* Ürün adı stil */
.search-result-item h6 {
    font-size: 16px;
    color: #0056b3;
    margin: 0;
    transition: color 0.3s;
}

.search-result-item h6:hover {
    color: #003d80;
}

/* Bağlantı stili */
.search-result-item a {
    text-decoration: none;
    display: block;
}