/* .tparrows {
    display: none;
}
.tp-revslider-mainul{  height: 115% !important;}
.tp-banner{margin-bottom:100px;}
@media (max-width: 768px) {
.tp-banner{margin-bottom:40px;}
} */

.dz-oil-industry-zone .dz-banner-bottom .dz-banner-media .dz-media-content h3 {
    font-size: 18px;
    }
    .dz-oil-industry-zone .dz-banner-top {
        padding-bottom: 60px;
    }
    @media (max-width: 768px) {
        .dz-oil-industry-zone .dz-banner-top {
            padding-bottom: 40px;
        }
        .dz-oil-industry-zone .dz-banner-bottom .dz-banner-media .dz-media-content h3 {
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 767px) {
        .dz-oil-industry-zone .dz-banner-bottom .dz-banner-media .dz-media-content2 h2 {
            font-size: 21px;
            line-height: 30px;
        }
    }

    .wm {
        font-family: 'Poppins', Arial, Helvetica, sans-serif;

        width: 100%;
        position: relative;
        font-size: 180px;
        color: rgba(115, 115, 115, 0.2) !important;
        text-align: center;
        font-weight: bold;
        top: -53px;
    }
    .hex-border{
         margin-top:145px;
    }
    @media (max-width: 767px) {
        .wm {
            font-size: 55px;
            top: -21px;
        }
        .hex-border{
         margin-top:5px;
    }
    }
    .foto {
        width: 390px;
        height: 260px;
        object-fit: cover; /* Görsel taşarsa kırpılır */
    }
    .card {
		background: rgba(255, 255, 255, 0.8);
		border-radius: 0 0;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		padding: 15px;
		cursor: pointer;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		display: flex;
		justify-content: center; /* Fotoğrafı yatayda ortalar */
		align-items: center; /* Fotoğrafı dikeyde ortalar */
		height: 150px; /* Kartın yüksekliği */
		width: 150px; /* Kartın genişliği */
		overflow: hidden; /* Fotoğraf taşmasın */
		border: 0px solid gray; /* Başlangıçta kartın kenarında border yok */
		margin: 0 auto; /* Kartı yatayda ortalar */
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Daha belirgin bir gölge ekler */
		}

		.card:hover {
			transform: translateY(-5px);
			box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
		}

		.card-img {
			width: 100%; /* Kartın genişliğine göre fotoğraf genişliği */
			height: 100%; /* Kartın yüksekliğine göre fotoğraf yüksekliği */
			object-fit: cover; /* Fotoğrafın kartın boyutuna göre kırpılması */
			border-radius: 10px; /* Kenarları yuvarlatır */
		}

		.card.active {
			border: 1px solid #be1522; /* Aktif kartın kenarına kırmızı border ekler */
			transform: translateY(-10px); /* Kartı hafifçe yukarıya kaldır */
			box-shadow: 8px 8px 0px #be1522 rgba(0, 0, 0, 0.4) ; /* Daha belirgin bir gölge ekler */
		}

		/* Mobil ekranlarda kartları ortalamak için */
		@media (max-width: 768px) {
			.card {
				height: 120px; /* Kartın yüksekliği */
				width: 120px; /* Kartın genişliği */
				margin: 20px auto; /* Kartı hem yatay hem de dikeyde ortalamak için */
			}
		}

	/* Kartların konumunu ayarla */
	.row {
		display: flex;
		justify-content: center; /* Kartları ortalar */
		position: relative; /* Çizgiye referans noktası oluşturur */
		--bs-gutter-x: 1px;
		--bs-gutter-y: 0;
	}

	/* Çizgi efekti */
	.active-line {
		position: absolute;
		top: 100%; /* Kartın altına konumlandır */
		left: 50%;
		width: 0.2px; /* Çizginin kalınlığı */
		height: 0; /* Başlangıçta görünmez */
		background-color: #be1522; /* Çizginin rengi (Kırmızı) */
		transform: translateX(-50%);
		transition: height 0.3s ease-in-out; /* Animasyon efekti */
	}

	/* Kart aktif olduğunda çizgi aşağı uzasın */
	.card.active + .active-line {
		height: 40px; /* Çizginin uzunluğu */
	}

	/* Mobilde çizgi görünmesin */
	@media (max-width: 1114px) {
		.active-line {
			display: none; /* Mobilde çizgiyi gizler */
		}
	}



	/* ALT BİLGİ CONTAINER */
	.info-container {          
		margin: auto;   
		margin-top:20px;
		padding-top: 50px;
		opacity: 0;
		transition: max-height 1s ease-out, opacity 1s ease-in;
		text-align: left;
		border-top: 1px solid #be1522; /* Başlangıçta kartın kenarında border yok */
		
		
	}
	/* Mobil ekranlarda margin-left %2.5 */
		@media (max-width: 800px) {
			.info-container {
				margin-left: 2.5%; /* Mobilde sola margin ekler */
				width: 96%; /* Ekranın geri kalan %96'lık kısmını kullanır */
				text-align: left; /* İçeriği sola yaslar */
			}
		}

	.info-text {
		display: none;
	}

	a.btn-big {
		font-size: 14px;
		color: #000;
		letter-spacing: 1px;
		line-height: normal;
		font-weight: bold;
		text-transform: uppercase;
		border: solid 1px black;
		padding: 10px 30px 10px 30px;
		display: inline-block; /* Butonu inline-block yaparak sola yaslar */
		}


	.btn-line:hover, a.btn-line:hover {
			background: #d2151e;
			color: #fff;
			border-color: #d2151e;
		}
    
        .carousel-inner {
            max-height: 300px;
        }

        .carousel-inner img {
            object-fit: cover;
            height: 300px;
            width: 100%;
        }

        @media (max-width: 768px) {
            .carousel-inner {
                max-height: 200px;
            }

            .carousel-inner img {
                height: 200px;
                object-fit: contain;
                width: 100%;
            }

            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                background-size: 50% 50% !important;
            }
        }
    
        .custom-section-header {
            text-align: left;
            margin-bottom: 20px;
            }

            .section-title {
            font-size: 51px;
            font-weight: bold;
            color: #1d1d1d;
            margin: 0;
            }

            .underline {
            width: 70px;
            height: 4px;
            background-color: #d0021b; /* Kırmızı */
            margin-top: 10px;
            }
            .dlab-post-media img {
                width: 100%;
                height: 230px;
                object-fit: cover; /* taşıp taşmayacağına karar verir */
                aspect-ratio: 4/3; /* oranı korumak istersen */
            }
            .dlab-info{
                height: 260px !important;
            }
            .dlab-post-readmore {
                position: absolute;
                bottom: 20px;
                left: 20px;
            }

            .dlab-info {
                position: relative;
            }
            @media (max-width: 768px) {
                .dlab-post-media img {
                    width: 100%;
                    height: 230px;
                    object-fit: cover; /* taşıp taşmayacağına karar verir */
                    aspect-ratio: 4/3; /* oranı korumak istersen */
                }
                .dlab-info{
                    height: 320px !important;
                }
                .dlab-post-readmore {
                    position: absolute;
                    bottom: 20px;
                    left: 20px;
                }

                .dlab-info {
                    position: relative;
                }
                .dlab-post-text p {
                    font-size: 13px;
                    line-height: 28px;
                    font-weight: 400;
                    color: #999;
                }
            }