#wrapper-for-holdings {
    width: 100vw;
   display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-toggle {
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: fixed;
    z-index: 99999!important;
    bottom: 3rem;
    left: 1rem;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    transform: rotate(90deg);
    background-color: #5285bf;
    border-radius: 10px;
}

    .navbar-toggle .line-for-holdings {
        fill: none;
        transition-delay: 400ms, 0;
        transition-property: stroke, stroke-dasharray, stroke-dashoffset;
        transition-timing-function: ease;
        transition-duration: 400ms;
        stroke: #000;
        stroke-width: 5.5;
        stroke-linecap: round;
    }

        .navbar-toggle .line-for-holdings.top-for-holdings {
            stroke-dasharray: 40 139;
        }

        .navbar-toggle .line-for-holdings.bottom-for-holdings {
            stroke-dasharray: 20 180;
            stroke-dashoffset: -20px;
        }

    .navbar-toggle.active {
        transform: rotate(45deg);
        background-color: transparent!important;
    }

        .navbar-toggle.active .line-for-holdings {
            stroke: #FFFFFF!important;
        }

            .navbar-toggle.active .line-for-holdings.top-for-holdings {
                stroke-dashoffset: -98px;
            }

            .navbar-toggle.active .line-for-holdings.bottom-for-holdings {
                stroke-dashoffset: -138px;
            }

    .navbar-toggle:not(.active):hover .line-for-holdings.bottom-for-holdings {
        stroke-dasharray: 40 180;
        stroke-dashoffset: 0px;
    }

.navbar-for-holdings {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    z-index: 9999 !important;
    display: none; /* نمایش و تنظیم وسط‌چینی */
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* برای دقیقاً وسط چین کردن */
}


    .navbar-for-holdings img {
        max-width: 100%;
        max-height: 90vh;
        height: auto;
        width: auto;
        object-fit: contain;
    }

#bg-circle {
    transform: scale(0);
    width: 80px;
    height: 80px;
    background: #5285bf;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    border-radius: 50%;
    z-index: 1;
}