/* CSS dla bloku baner-start */
.baner-start {
    position: relative;
    height: 85vh;
    color: #fff;
}
.baner-start .swiper-wrapper {
    height: 100%;
}
.baner-start .swiper-slide {
    min-height: 680px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.baner-start__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(223.18deg, rgba(57, 92, 125, 0.4) 17.12%, rgba(36, 98, 109, 0.4) 78.07%);
    z-index: 1;
}
.baner-start__content {
    position: relative;
    z-index: 2;
    padding: 4rem 0;
}
.baner-start__buttons a{
	border-radius: 50px !important;
}
.baner-start__title {
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    line-height: 1.02;
    font-weight: 400;
}
.baner-start__description p{
    max-width: 40rem;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #f4f7fb;
	font-weight: lighter !important;
}
.baner-start__buttons .btn {
    min-width: 12rem;
}
.baner-start__buttons .btn:nth-child(2),.baner-start__floating-button .btn{
    color: white !important;
    border: solid 1px white !important;
}
.baner-start__floating-button {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 3;
}
.baner-start__floating-button .btn {
    border-radius: 50px;
}
.baner-start .swiper-button-prev,
.baner-start .swiper-button-next {
    color: #fff;
}
.baner-start .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
}
.baner-start .swiper-pagination-bullet-active {
    background: #fff;
}
@media (max-width: 767.98px) {
    .baner-start {
        min-height: 560px;
    }
    .baner-start__floating-button {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 1.5rem;
    }
}
@media (max-width: 575.98px) {
    .baner-start__title {
        font-size: 2.5rem;
    }
    .baner-start__buttons {
        flex-direction: column;
    }
}