.white-to-transparent {
    background: linear-gradient(to right, white, transparent);
}
.scope-image-1
{
    margin-right: -25px;
}
.scope-image-2
{
 z-index: 9;
}
.scope-image-3
{
    z-index: 8;
    margin-left: -25px;
}
.newspaper-btn
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.newspaper-box
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


@media (min-width: 768px) { /* Adjust to match Bootstrap's breakpoints */
    .offset-area .text-area,.bar-progress {
        padding-left: 15px; /* Adjust this value based on your theme's spacing */
    }
}
@media (min-width: 992px) {
    .offset-area .text-area,.bar-progress {
        padding-left: 6.5vw; /* Adjust 960px based on Bootstrap container width at this breakpoint */
    }
}

.fixed-button-container {
    position: fixed;
    bottom: 25px;
    right: 7.5%;
}


@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}