nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:hover {
    padding-right: 40px !important;
}


nav.template-main-menu>ul>li>a::after {
    margin-right: 10px !important;
}
nav.template-main-menu>ul>li ul.dropdown-menu-col-1 {
    right: 0 !important;
}
.phone-li{
    color: #fff !important;
}
.phone-li span{
    font-weight: bold !important;
}
.rt-header.sticky-on nav.template-main-menu>ul>li>a{
    color: #273B92 !important;
}

.rt-header.sticky-on.sticky nav.template-main-menu>ul>li>a{
    color: #fff !important;
}

.rt-header.sticky-on .phone-li{
    color: #273B92 !important;
}
.rt-header.sticky-on.sticky .phone-li{
    color: #fff !important;
}

.progress-box1 .progress-content .item-parcent {
    font-size: 45px !important;
}

.brand-wrap1 {
    padding: 70px 0 100px 0;
    overflow: hidden;
}

.brand-box2 .item-img a img{
    filter:none;
    opacity:1;
    display:block;
    transition:0.3s ease-in-out;
    min-width:200px;
    height:117px
}
.brand-box2 .item-img a:hover img{
    filter:none;
    box-shadow:unset;
    opacity:1
}

.auction_status_1{
    background-color: #ff752e !important;
}

.auction_status_2{
    background-color: var(--rt-primary-color) !important;
}

.auction_status_3{
    background-color: #dc3545 !important;
}

/*****************************************************************************************/

.countdown-item {
    color: var(--rt-primary-color);
    font-family: "Ubuntu",sans-serif;
    margin-bottom: 40px;
}


.countdown-item .wrap {
    margin: auto;
    height: 50px;
}

.countdown {
    width: 100%;
    margin: 0 auto;
}
.countdown .bloc-time {
    float: left;
    margin-right: 20px;
    text-align: center;
}
.countdown .bloc-time:last-child {
    margin-right: 0;
}
.countdown .count-title {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #1a1a1a;
    text-transform: uppercase;
}
.countdown .figure {
    position: relative;
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child {
    margin-right: 0;
}
.countdown .figure > span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    /*font: normal 15px/30px "Quentin";*/
    font-weight: 700;
    color: #c41313;
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
    z-index: 3;
    background-color: #f7f7f7;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -webkit-transform: perspective(200px);
    transform: perspective(200px);
}
.countdown .figure .bottom {
    z-index: 1;
}
.countdown .figure .bottom:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.countdown .figure .top, .countdown .figure .top-back {
    height: 50%;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.countdown .figure .top-back {
    z-index: 4;
    bottom: 0;
    background-color: #fff;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform: perspective(200px) rotateX(180deg);
    -ms-transform: perspective(200px) rotateX(180deg);
    -webkit-transform: perspective(200px) rotateX(180deg);
    transform: perspective(200px) rotateX(180deg);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: auto;
}
.listing-button:not(.last){
    -webkit-margin-end: 10px !important;
}

.main-banner-wrap1 {
    position: relative;
    padding: 0;
    background: no-repeat center center / cover;
    z-index: 2
}

.carousel-main-item{min-height:unset !important;}

@media only screen and (max-width: 991px) {
    .main-banner-wrap1 {
        padding: 0
    }
    .mfp-container {
        text-align: center;
        position: fixed;
        width: 35%;
        height: 20%;
        left: 15px;
        top: 60px;
        padding: 0 8px;
        box-sizing: border-box;
        z-index: 16;
    }
}

@media only screen and (max-width: 767px) {
    .main-banner-wrap1 {
        padding: 0
    }
    .mfp-container {
        text-align: center;
        position: fixed;
        width: 35%;
        height: 20%;
        left: 15px;
        top: 60px;
        padding: 0 8px;
        box-sizing: border-box;
        z-index: 16;
    }
}

.responsive-video {
    width: 100%;           /* يجعل عرض الصورة يغطي المساحة المتاحة */
    height: auto;          /* يضبط الطول تلقائيًا وفقًا لنسبة العرض */
    max-width: 100vw;      /* يضمن أن العرض لا يتجاوز عرض الشاشة */
    max-height: 100vh;     /* يضمن أن الارتفاع لا يتجاوز طول الشاشة */
    object-fit: cover;     /* يتأكد من تغطية الصورة للمساحة المطلوبة بدون تشويه */
    display: block;        /* يزيل المسافات البيضاء غير المرغوبة */
}


.mfp-container {
    text-align: center;
    position: fixed;
    width: 20%;
    height: 20%;
    left: 40px;
    top: 100px;
    padding: 0 8px;
    box-sizing: border-box;
    /* z-index: 16; */
}
.mfp-bg {
    background: unset !important;
}
.mfp-wrap {
    left: 40px !important;
    top: 100px !important;
    width: 20% !important;
    height: 20% !important;
}
.mfp-bg {
    left: 40px !important;
    top: 100px !important;
    width: 20% !important;
    height: 20% !important;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: unset !important;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none; /* يخفي العنصر على الشاشات الصغيرة */
    }
    .mfp-container {
        text-align: center;
        position: fixed;
        width: 35%;
        height: 20%;
        left: 15px;
        top: 60px;
        padding: 0 8px;
        box-sizing: border-box;
        z-index: 16;
    }
}

.white-logo {
    display: none; /* مخفي افتراضيًا */
}

.rt-sticky .colored-logo {
    display: none;
}

.rt-sticky .white-logo {
    display: inline-block;
}
#offers_section{
    height: 100% !important;
}
