/* Add custom CSS styles below */ 
.bnr-1  .container.home-slider__content {
    --tw-translate-y: 20%;
}
.home-slider__content a.items-center.btn-primary{
    color: #fff;
}
@media (min-width: 1000px){
.s-block--full-bg h3.text-2xl {
    font-size: 44px;
    line-height: 50px;
}
.s-block--full-bg:first-of-type h3.text-2xl {
    font-size: 74px;
    line-height: 80px;
}
.bnr-1 .md\:max-w-md {
    max-width: fit-content;
}
.s-block--full-bg span.description {
    font-size: 27px;
    line-height: 32px;
}
.s-block--full-bg:first-of-type span.description {
    font-size: 40px;
    line-height: 45px;
}
.bnr-2 .home-slider__content {
    justify-content: flex-end;
}
.bnr-2 .md\:max-w-md {
    max-width: 40rem;
}
.bnr-3  .-translate-x-1\/2 {
    --tw-translate-x: -70%;
}
.bnr-3 .md\:max-w-md {
    max-width: 30rem;
}
}
.pics3 h3 {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
}
.pics3 .on-text {
    top: 20%;
}

@media (max-width: 768px){
.s-block--full-bg:first-of-type .top-1\/2 {
    top: 35%;
}
.bnr-2 .-translate-y-full {
    --tw-translate-y: -20%;
}
.bnr-3 .-translate-y-full {
    --tw-translate-y: -85%;
}
.pics3 h3 {
    color: #fff;
    font-size: 22px;
    line-height: 25px;
}
.bnr-1 h3 {
    font-size: 20px;
}
.bnr-1.last  .container.home-slider__content {
    --tw-translate-y: 0%;
}
.navbar-brand img {
    height: 4rem !important;
}
}