@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/NgappaTides.UI.Components/NgappaTides.UI.Components.xiw3jz32q8.bundle.scp.css';

/* _content/LeisureTides.Web/Landing/YourTideCompanion.razor.rz.scp.css */
.your-tide-companion-container[b-q5luwz21xx] {
    border-radius: 30px;
    background: light-dark(#F3F6FD, #5a5e6f4d);
    margin: 0 6px;
    padding: 100px 0 50px 30px !important;
    position: relative;
}

.step-content[b-q5luwz21xx] {
    color: #8E91A2 !important;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    line-height: 16px; /* 133.333% */
}

.bs-stepper-line[b-q5luwz21xx] {
    background-color: #8E91A2;
}

@media (min-width: 550px) {
    .bs-stepper-line[b-q5luwz21xx] {
        flex: 1 0 70px !important;
    }
}

@media (max-width: 550px) {
    .bs-stepper-line[b-q5luwz21xx] {
        flex: 1 0 50px !important;
    }
}

.mobile-app-btn[b-q5luwz21xx] {
    width: 138px;
    height: 47px;
    cursor: pointer;
}

.step-image-phone[b-q5luwz21xx] {
    width: 456px;
    height: 578px;
}

.step-image-tablet[b-q5luwz21xx] {
    width: 596px;
    height: 408px;
}

.step-anim[b-q5luwz21xx] {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: opacity, transform;
}

.step-anim.show[b-q5luwz21xx] {
    opacity: 1;
    transform: translateX(0);
}

.step-type-switch > .btn.selected:not(:last-child):not(.dropdown-toggle)[b-q5luwz21xx] {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.step-type-switch > :not(.btn-check) + .btn.selected[b-q5luwz21xx] {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

.step-type-switch > .btn[b-q5luwz21xx] {
    transition: background-color .7s ease, color .7s ease, border-color .7s ease, box-shadow .7s ease;
    border: none !important;
}

@media (min-width: 768px) and (max-width: 1400px) {
    /* CSS styles specific to tablets in landscape mode */
    #stepperContent[b-q5luwz21xx], #stepper[b-q5luwz21xx] {
        zoom: 0.8;
    }

    .step-image-tablet[b-q5luwz21xx] {
        margin-right: -70px;
    }

    .your-tide-companion-container[b-q5luwz21xx] {
        padding: 20px;
    }
}

@media (min-width: 350px) and (max-width: 900px) and (orientation: portrait) {
    /* CSS styles specific to tablets in landscape mode */
    #stepperContent[b-q5luwz21xx] {
        zoom: 0.7;
    }

    #stepper[b-q5luwz21xx] {
        zoom: 0.9;
    }

    .step-image-tablet[b-q5luwz21xx] {
        margin-right: 0px !important;
        zoom: 0.9;
    }

    .your-tide-companion-container[b-q5luwz21xx] {
        padding: 20px !important;
    }


}

@media (min-width: 330px) and (max-width: 768px) {
    .xs-mobile-app-btn[b-q5luwz21xx] {
        zoom: 0.85;
    }
}

.bs-stepper .step-trigger:focus[b-q5luwz21xx] {
    color: inherit !important;
}

.bs-stepper .step-trigger:hover[b-q5luwz21xx] {
    color: inherit !important;
    background-color: transparent !important;
}