/* Custom styles for the LANDING PAGE */
		
.services-section .card {
    background: #e9ecef;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
	justify-content: center; /* Center the cards */
}

.services-section .card:hover {
    background-color: rgba(255, 255, 255, 0.7); /* White background with transparency */
    transform: scale(1.05);
}

.services-section .btn-link {
    color: #007bff; /* Bootstrap alapértelmezett link szín */
    font-weight: bold;
    text-decoration: none;
}

.services-section .btn-link:hover {
    text-decoration: underline;
}

.dropdown-item img {
    margin-right: 8px; /* Kicsit távolabb a zászló és a szöveg */
}

.voicebox {
    margin-right: 6px; /* Kicsit távolabb a zászló és a szöveg */
}





        /* Custom styles for the overlay */
        .overlay {
            position: absolute; /* Position the overlay absolutely */
            top: 0; /* Align to the top */
            left: 0; /* Align to the left */
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            background-color: rgba(255, 255, 255, 0); /* White background with transparency */
            display: flex; /* Use flexbox for centering */
            flex-direction: column; /* Stack items vertically */
            align-items: center; /* Center items horizontally */
            justify-content: center; /* Center items vertically */
            text-align: center; /* Center text */
        }
        .overlay h1 {
            color: white; /* White text color */
			text-shadow: 0px 0px 20px #000000, 0px 0px 40px #000000;
		background-color: rgba(0, 0, 0, 0.0); /* Black background with transparency */
		 padding: 0px 10px 0px 10px;
            font-family: 'Bahnschrift', sans-serif; /* Font family */
            font-weight: 600; /* Semibold */
            font-size: 120px; /* Base font size */
            margin: 0; /* Remove default margin */
            opacity: 0.9; /* 90% opacity */
        }
        .overlay p {
            color: white; /* White text color for the slogan */
		text-shadow: 0px 0px 20px #000000, 0px 0px 10px #000000, 0px 0px 30px #000000;
		 background-color: rgba(0, 0, 0, 0.0); /* Black background with transparency */
		 padding: 0px 10px 0px 10px;
            font-family: 'Bahnschrift', sans-serif; /* Font family */
            font-size: 35px; /* Base font size for the slogan */
            margin-top: 10px; /* Space between title and slogan */
            opacity: 0.9; /* 90% opacity */
        }
		.overlay img {
			width: 20%; /* A logó szélessége mostantól 20% a szülo elem szélességéhez képest */
			height: auto; /* A magasság automatikusan áll be az arányok megorzéséhez */
			max-width: 140px; /* Maximum szélesség, hogy ne legyen túl nagy */
			margin-top: 20px; /* Space above the logo */
			opacity: 0.9; /* 90% opacity */
		
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9)); /* Dark shadow on the logo */
		}

		 @media (max-width: 1230px) {
			.overlay h1 {
				font-size: 100px; /* Decrease font size for medium screens */
			}
			.overlay p {
				font-size: 25px; /* Decrease slogan font size */
			}
			.overlay img {
				width: 20%; /* A logó szélessége mostantól 20% */
				max-width: 100px; /* Maximum szélesség, hogy ne legyen túl nagy */
			}
		}
		@media (max-width: 1050px) {
			.overlay h1 {
				font-size: 80px; /* Decrease font size for smaller screens */
			}
			.overlay p {
				font-size: 20px; /* Decrease slogan font size */
			}
			.overlay img {
				width: 20%; /* A logó szélessége mostantól 20% */
				max-width: 80px; /* Maximum szélesség, hogy ne legyen túl nagy */
			}
		}
		@media (max-width: 840px) {
			.overlay h1 {
				font-size: 60px; /* Further decrease font size for small screens */
			}
			.overlay p {
				font-size: 18px; /* Decrease slogan font size */
			}
			.overlay img {
				width: 20%; /* A logó szélessége mostantól 20% */
				max-width: 60px; /* Maximum szélesség, hogy ne legyen túl nagy */
			}
		}
		@media (max-width: 645px) {
			.overlay h1 {
				font-size: 50px; /* Minimum font size for mobile */
			}
			.overlay p {
				font-size: 16px; /* Minimum slogan font size */
			}
			.overlay img {
				width: 20%; /* A logó szélessége mostantól 20% */
				max-width: 50px; /* Maximum szélesség, hogy ne legyen túl nagy */
			}
		}
		@media (max-width: 550px) {
			.overlay h1 {
				font-size: 40px; /* Minimum font size for mobile */
			}
			.overlay p {
				font-size: 14px; /* Minimum slogan font size */
			}
			.overlay img {
				width: 20%; /* A logó szélessége mostantól 20% */
				max-width: 40px; /* Maximum szélesség, hogy ne legyen túl nagy */
			}
		}