/* Кастомні стилі для фонового відео */
        .video-background {
            position: relative;
            width: 100%;
            height: 100vh; /* Висота відео на всю висоту вікна */
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white; /* Колір тексту, що буде над відео */
            text-align: center;
        }

        .video-background video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1; /* Відео на задньому плані */
            transform: translate(-50%, -50%);
            /* Додатково: затемнення відео для кращої читабельності тексту */
            filter: brightness(50%); /* Зменшуємо яскравість до 50% */
        }

        .video-content {
            position: relative;
            z-index: 1; /* Зміст над відео */
            padding: 2rem;
            background-color: rgba(0, 0, 0, 0.3); /* Напівпрозорий фон для тексту */
            border-radius: .5rem;
			margin-top: 0px;
			}
			       /* Кастомні стилі для прозорого хедера */
        .navbar-transparent {
            background-color: rgba(0, 0, 0, 0.5) !important; /* Напівпрозорий чорний фон */
            position: absolute; /* Позиціонування над іншим контентом */
            width: 100%; /* Займає всю ширину */
            z-index: 1000; /* Розміщуємо хедер поверх всього */
        }


        /* Стилі для скролінгу: хедер стає непрозорим */
        .navbar-scrolled {
            background-color: #343a40 !important; /* Колір навбару при скролі (наприклад, темний) */
            transition: background-color 0.3s ease; /* Плавний перехід */
        }
		
		
		@media (min-width: 768px) {
		.card-front-page  {
		margin-top: -100px;
		}
		}
		
		@media (max-width: 768px) {
		.card-front-page  {
		margin-top: 20px;
		}
		}
		
		.first-card {
		background-color: #63CF71;
		}
		
		.card-whats {
		background-color: #D9D9D9;
		}
		
		.we-are-can {
		background-color: #000000;
		padding-bottom: 4%;
		margin-bottom: -1.5%;
		}

		.we-are-can-border {
		border: 2px solid white;
		margin-top: 2%;
		}
		
		.card-we-are-can1:hover {
		background-image: url("https://img.pikbest.com/wp/202346/blank-paper-black-pen-on-in-3d-rendering_9635200.jpg!w700wp");
		}
		.card-we-are-can2:hover {
		background-image: url("https://img.pikbest.com/wp/202346/blank-paper-black-pen-on-in-3d-rendering_9635200.jpg!w700wp");
		}
		.card-we-are-can3:hover {
		background-image: url("https://img.pikbest.com/wp/202346/blank-paper-black-pen-on-in-3d-rendering_9635200.jpg!w700wp");
		}
		
		.footer-color {
				background-color: #63CF71;
				padding: 1%;
		}
		.my-animated-block {
		opacity: 0;
		animation: fadeIn 1s ease-in-out forwards; /* Применяем анимацию fadeIn */
		}

		@keyframes fadeIn {
		from {
		opacity: 0;
		transform: translateY(20px);
		}
		to {
		opacity: 1;
		transform: translateY(0);
		}
		}
		
		html {
		scroll-behavior: smooth;
		}
		
		.scroll-to-top {
		position: fixed; /* Фиксированное позиционирование */
		bottom: 20px;    /* Отступ от нижнего края */
		right: 20px;     /* Отступ от правого края */
		z-index: 99;     /* Поверх других элементов */
		border: none;    /* Убрать рамку, если это кнопка */
		outline: none;   /* Убрать обводку при фокусе */
		background-color: transparent; /* Прозрачный фон */
		cursor: pointer; /* Курсор-указатель */
		padding: 0;      /* Убрать внутренние отступы, если это кнопка */
}

		.scroll-to-top img {
		width: 100px; /* Размер вашей иконки */
		height: 100px;
		}

		/* При наведении (опционально) */
		.scroll-to-top:hover img {
		opacity: 0.8; /* Небольшое затемнение */
		}
		
		.contact-block{
		background-color: #63CF71;
		padding: 5%;
		}
		
		.wpcf7-form {
  max-width: 600px; /* Ограничение ширины формы */
  margin: 0 auto; /* Центрирование */
}

.wpcf7-form label {
  display: block; /* Отображение лейблов в столбец */
  margin-bottom: 3px; /* Отступ снизу */
  font-size: 24px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  width: 100%; /* Заполнение ширины родительского элемента */
  padding: 10px; /* Добавление отступов внутри полей */
  border: 1px solid #ccc; /* Добавление границы */
  border-radius: 4px; /* Закругление углов */
  box-sizing: border-box; /* Учет padding и border в ширине */
  font-size: 16px; /* Размер шрифта */
  color: #333; /* Цвет текста */
  resize: none;
}

.wpcf7-form textarea {
  height: 150px; /* Высота текстового поля */
}

.wpcf7-form input[type="submit"] {
  background-color: black; /* Цвет фона кнопки */
  color: white; /* Цвет текста кнопки */
  padding: 15px 24px; /* Добавление отступов */
  border: none; /* Удаление границы */
  border-radius: 4px; /* Закругление углов */
  cursor: pointer; /* Изменение курсора при наведении */
  font-size: 16px; /* Размер шрифта */
  display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: -10%;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #63CF71; /* Изменение цвета при наведении */
  border: 1px solid black;
  color: black;
  padding: 14px 24px; /* Добавление отступов */
  margin: 0 auto;
  	margin-bottom: -10%;
}

.wpcf7-not-valid-tip {
    color: red; /* Цвет текста сообщения об ошибке */
    font-size: 14px; /* Размер шрифта */
    margin-top: 3px; /* Отступ сверху */
}