.main-page-header {
	color: #000000;
	/* padding-top: clamp(10vh, 5em + 10vh, 15vh); */
	padding-bottom: clamp(10vh, 5em + 10vh, 15vh);
	margin: 0 5%;
	min-height: 70vh;
	text-align: left;
	font-family: 'Display', Times, serif;
	}

	.main-page-header * {
		padding: 2% 0;
	}

	.main-page-header h1 {
		/* font-size: var(--h1); */
		text-align: center;
	}
	.main-page-header h3 {
		font-size: var(--h3);
	}
	.main-page-header h4 {
		font-size: var(--h5);
	}

	.main-page-header a {
		color: var(--blue);
		font-size: var(--h2);
		font-weight: bold;
	}

	.rainbow {
		background-image: linear-gradient(90deg, red, blue, purple);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
		font-size: var(--h2);
	}
	.rainbow2 {
		background-image: linear-gradient(90deg, red, yellow, purple);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
		font-size: var(--h2);
	}
	.stroke_white{
		-webkit-text-stroke: 0.5px #ffffff;
		text-shadow:    3px 3px 0 #fff,
						-1px -1px 0 #fff,  
						1px -1px 0 #fff,
						-1px 1px 0 #fff,
						1px 1px 0 #fff;;
		
	}
	.blue-gra{
		background: var(--blue-gra);
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 5%;
	}
	.sections {
		/* padding-top: clamp(5vh, 2em + 5vh, 15vh); */
		/* padding-bottom: clamp(5vh, 5em + 10vh, 15vh); */
		min-height: 70vh;
		font-family: 'Display', Times, serif;
	}
	.sections * {
		padding: 2%;
		margin: 5% 0;
	}
	#section3 *{
		padding: 0 2%;
		margin: 0;
	}
	#section3 h2{
		margin: 5% 0;
	}
	#section3 h3{
		margin-top:10%;
		background-image: linear-gradient(90deg, red, white);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
	#section3 h4{
		text-indent: 10% ;
		font-style: italic;
	}
	#section3 a{
		background-image: linear-gradient(90deg, red, white);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
	#sssLink{
		margin-top: 2rem;
		color: #ffffff;
	}
	.sections h2 {
		font-size: var(--h1);
	}
	.sections h3 {
		font-size: var(--h2);
		background-image: linear-gradient(90deg, red, blue);
		background-clip: text;
		color: transparent;
		-webkit-background-clip: text;
	}
	.sections h4 {
		font-size: var(--h3);
	}
	.sections a {
		color: var(--blue);
		font-size: var(--h3);
	}
	#section1 {
		background: #000000;
		color: #ffffff;
	}
	#section1 h2 {
		text-align: center;
	}
	#section1 h3 {
		background-image: linear-gradient(90deg, red, yellow);
	}
	#section1 a {
		/* color: #ff0000; */
		background-clip: text;
		color: transparent;
		-webkit-background-clip: text;
		background-image: linear-gradient(-90deg, #ff0000, #ff6600);
	}
	.hero {
		width: 100%;
		height: auto;
		padding-top: clamp(1em, 1em + 10vh, 10em);
		padding-bottom: clamp(1em, 1em + 5vh, 10em);
		position: relative;
		color: #ffffff;
		overflow: hidden;
		/* min-height: 50vh; */
		/* background: rgba(0, 0, 0, 0.50); */
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.3);
		font-family: 'Display', Times, serif;
	}
	.hero-video-bg {
		position: absolute;
		z-index: -1;
		min-width: 100%;
		min-height: 100%;
		top: 0;
		object-fit: cover;
	}
	.hero-header {
		margin: 0 5%;
		padding: 5%;
	}
	.hero-header h2 {
		font-size: var(--h1);
	}
	.hero-header h3 {
		font-size: var(--h2);
	}
	.hero-header h4 {
		font-size: var(--h3);
	}
	.call-now-btn {
    display: inline-flex;       /* EN ÖNEMLİ KISIM: Kutu gibi davranmasını sağlar */
    align-items: center;        /* İkonu dikeyde ortalar */
    justify-content: center;    /* İkonu yatayda ortalar */
    text-decoration: none;      /* Linkin altındaki çizgiyi kaldırır */
    
    /* Eski kodlarınız aynen kalsın: */
    border-radius: 10px;
    background: var(--blue-gra);
    width: fit-content;
    padding: 2% 5%;
    margin-top: 1em;
    box-shadow: 3px 3px 5px 0px rgba(255, 255, 255, 0.75);
    color: #ffffff;
    cursor: pointer; /* Tıklanabilir el işareti çıkar */
}
	/* .call-now-btn {
		border-radius: 10px;
		background: var(--blue-gra);
		width: fit-content;
		padding: 2% 5%;
		margin-top: 1em;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(255, 255, 255, 0.75);
		-moz-box-shadow: 3px 3px 5px 0px rgba(255, 255, 255, 0.75);
		box-shadow: 3px 3px 5px 0px rgba(255, 255, 255, 0.75);
		color: #ffffff;
	} */
	#section3{
		background: var(--blue-gra);
		color: white;
	}
	#section4 {
		text-align: center;
		line-height: 1.6;
		padding-bottom: 1em;
		padding-top: 4em;
		font-weight: 900;
		width: 100%;
		color: var(--gray);
	}
	#section4-header {
		text-shadow: 2px 2px 2px black;
	}
	#section4 strong {
		text-shadow: 0px 0px 1px black;
		color: #1d1d1f;
		font-weight: 900;
	}
	#section4 header {
		font-size: var(--h3);
		color: #ffffff;
		padding: 0 5%;
	}
	#section4 h3 {
		color: var(--blue);
		font-size: var(--h1);
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 4vh;
	}
	#section4 p {
		width: fit-content;
		font-size: var(--p);
	}
	.section4-container {
		display: grid;
		place-content: center;
		grid-template-columns: 1fr;
		background: var(--red-orange-gra);
	}
	.section4-sections {
		display: grid;
		place-content: center;
		/* transform: translateX(100px); */
		transition: opacity 1000ms ease-in;
		opacity: 0;
		min-height: 40vh;
		line-height: 1.6;
		margin-top: 2em;
		margin-inline: 5%;
		padding: 15% 2em;
		border-radius: 50px;
		background: black;
		background: #ffffff;
		box-shadow: inset -16px -16px 32px #868686,
			inset 16px 16px 32px #ffffff;
		font-family: 'Display', Times, serif;
	}
	.section4-sections.show {
		transform: translateX(0);
		opacity: 1;
	}
	/* END OF MAIN */
	#section6 {
		background: var(--blue-gra);
		color: #ffffff;
		display: grid;
		place-content: center;
		text-align: center;
		height: fit-content;
		padding: 5% 0;
	}

	#section6 a {
		min-width: fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content;
		padding: 5%;
	}

	.form-group {
		display: grid;
		grid-template-columns: 1fr;
	}

	.form-group label,
	input {
		font-size: var(--p);
		text-align: center;
	}

	.form-group label {
		margin-top: 1em;
		padding: 0 1em;
	}

	/*ANIMATIONS*/

	.fade-in {
		opacity: 0;
		transition: opacity 1000ms ease-in-out;
	}

	.fade-in.show {
		opacity: 1;
	}

	@keyframes animY {
		from {
			transform: translateY(-200px) scale(200%);
			opacity: 0;
		}

		to {
			transform: translateY(0) scale(100%);
			opacity: 1;
		}
	}

	@keyframes animX {
		from {
			transform: translateX(-200px);
			opacity: 0;
		}

		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes fromRight {
		from {
			transform: translateX(-200px);
			opacity: 0;
		}

		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes fromLeft {
		from {
			transform: translateX(200px);
			opacity: 0;
		}

		to {
			transform: translateX(0);
			opacity: 1;
		}
	}
	#header-logo-video{
		max-height: 250px;
		margin-top: 40px;
	}
	#animation{
		margin-bottom: 10%;
		padding: 0 3%;
	}
	.hero_img_container{
		display: flex;
		justify-content: center; /* Resmi ortalar */
    	align-items: center;
		width: 100%;
		margin: 0 auto;
   
	}
	/* #hero_img_pic {
    display: flex;
    justify-content: center;
    width: 100%;
	
} */
	/* #hero_img {
		display: block;          
		margin: 0 auto;            
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;           
		height: auto;
		object-fit: cover;
	} */

	#hero_img{
		font-style: italic;
		background-repeat: no-repeat;
		background-size: cover;
		max-width: 100%;
		width: 100%;
		height: auto;
		vertical-align: middle;
		object-fit: cover;
	}

	
	/* @media screen and (min-width: 450px) {
		#hero_img{
			max-width: 50%;
			max-height: 300px;
			width: 50%;
		}
	} */
	@media screen and (min-width: 450px) {
    #hero_img {
        width: auto;           
        max-width: 100%;        
        max-height: 45vh;     
        box-shadow: 0 10px 30px rgba(0,0,0,0.15); 
    }
}