.elementor-747 .elementor-element.elementor-element-6adcf834{--display:flex;}body:not(.rtl) .elementor-747 .elementor-element.elementor-element-20397dc4{left:0px;}body.rtl .elementor-747 .elementor-element.elementor-element-20397dc4{right:0px;}.elementor-747 .elementor-element.elementor-element-20397dc4{top:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-747 .elementor-element.elementor-element-6adcf834{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-11e1f8e7 */.custom-step-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-step-nav li {
    display: block;
    position: relative;
    width: fit-content;
    white-space: nowrap;

    color: #F5F2EB60;
    transition: color .3s ease;

    font-family: Nexa;
    font-size: clamp(12px, 0.9vw + 0.3rem, 14px);
    letter-spacing: .15em;
    text-transform: uppercase;

    padding-bottom: 8px;
    margin-bottom: 16px;
    cursor: default;
}

.custom-step-nav li.active-step {
    color: #F5F2EB;
}

.custom-step-nav li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #C29B7F;
    transition: width 0.4s ease;
}

.custom-step-nav li.active-step::after {
    width: 100%;
}

@media (max-width: 767px){

    .custom-step-nav li{
        display:none;
    }

    .custom-step-nav li.active-step{
        display:block;
        writing-mode: vertical-rl;
        transform: rotate(180deg);

        margin:0;
        padding:0;

        font-size:12px;
        letter-spacing:.15em;
    }

    .custom-step-nav li.active-step::after{
        display:none;
    }

}/* End custom CSS */