.white-to-transparent {
    background: linear-gradient(to left, white, transparent);
}


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

.rtl-img {
    transform: scaleX(-1);
}

.border-right-radius {
    border-left: 2px solid transparent; /* Adjust the color and width as needed */
    border-top-left-radius: 10px; /* Adjust the radius as needed */
    border-bottom-left-radius: 10px; /* Adjust the radius as needed */
}
input[type="number"] {
    direction: rtl !important;
}
.scope-image-1
{
    margin-left: -25px;
}
.scope-image-2
{
    z-index: 9;
}
.scope-image-3
{
    z-index: 8;
    margin-right: -25px;
}

.newspaper-btn
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.newspaper-box
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fixed-button-container {
    position: fixed;
    bottom: 25px;
    left: 7.5%;
}
[type=email]
{
    direction: rtl !important;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container
{
    right: auto !important;
    left: 0 !important;
}
[dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=text], [dir=rtl] .iti--separate-dial-code input[type=tel]
{
    padding-left: 52px !important;
    padding-right: 6px !important;
    direction: ltr;
}


@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{
        display: none;
        position: absolute;
        right:100%; top:-7px;
    }
    .nav-item .submenu-left{
        left:100%; right: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;
    }
}