@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
.news-title{
      font-family: 'PT Serif', serif;
}

.hero-section {
    background-size: cover;
    background-position: center;
    padding: 150px 0;
}

.hero-title {
    color: #FFFFFF; /* колір для "Hope" */
}

.hero-text {
    color: #FFFFFF; /* колір для "Haven" */
}

.cursor-pointer{
	cursor: pointer;
}

.box-shadow{
	transition: box-shadow 0.3s ease;
}
.box-shadow:hover{
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.btn-primary {
    background-color: #F9E21A;
    color: #454545;
}

.btn-primary:hover {
    background-color: #F9E21A;
	color: #000;
}

/* Стилі для текстового логотипу та підкреслення */
.logo {
    font-family: 'Arial', sans-serif; /* Виберіть підходящий шрифт */
    font-size: 24px; /* Розмір тексту логотипу */
    font-weight: bold; /* Жирний шрифт */
}

.logo .hope {
    color: #b6d9d3; /* Колір для "Hope" D5F2ED*/
}

.logo .haven {
    color: #F9E21A; /* Колір для "Haven" */
}

a.light, .light{
	color: #F9E21A;
}

a.dark, .dark{
	color: #1b7db7;
	/*color: #b6d9d3;*/
}

.services-section i{
	color: #F9E21A;
}

.waves {
    position: relative;
    width: 100%;
    height: 16vh;
    margin-bottom: -105px;
    min-height: 100px;
    max-height: 150px
}

.waves.no-animation .moving-waves>use {
    animation: none
}

.wave-rotate {
    transform: rotate(180deg)
}

.moving-waves>use {
    animation: f 40s cubic-bezier(.55,.5,.45,.5) infinite
}

.moving-waves>use:first-child {
    animation-delay: -2s;
    animation-duration: 11s
}

.moving-waves>use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 13s
}

.moving-waves>use:nth-child(3) {
    animation-delay: -3s;
    animation-duration: 15s
}

.moving-waves>use:nth-child(4) {
    animation-delay: -4s;
    animation-duration: 20s
}

.moving-waves>use:nth-child(5) {
    animation-delay: -4s;
    animation-duration: 25s
}

.moving-waves>use:nth-child(6) {
    animation-delay: -3s;
    animation-duration: 30s
}

@keyframes f {
    0% {
        transform: translate3d(-90px,0,0)
    }

    to {
        transform: translate3d(85px,0,0)
    }
}

@media (max-width: 767.98px) {
    .waves {
        height:40px;
        min-height: 40px
    }

    hr.horizontal {
        background-color: transparent
    }

    hr.horizontal:not(.dark) {
        background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0))
    }

    hr.horizontal.vertical {
        transform: rotate(90deg)
    }

    hr.horizontal.dark {
        background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent)
    }
}

@media (max-width: 991.98px) {
	body.navbar-show::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(69, 69, 69, 0.8); /* Темний фон (#454545) з прозорістю 80% */
		z-index: 1000; /* Забезпечення, що блок буде над усім іншим контентом */
	}

	body.navbar-show .navbar-light .navbar-nav .nav-link {
		color: #ffffff !important; /* Білий текст */
	}
	
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: none;
}