

html { 
    direction:rtl;
    margin: 0;
    padding: var(--example-padding);
    background-color: #353639;
    font-family: "Droid Arabic Kufi","Droid Sans", sans-serif;
    font-size:14px;
 } 

 .nav {
    font-size: 20px;
 }
 .nav-link {
    font-size: 1.5rem;
 }
h6 {
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--accent-color-1);
    float: right;
}
.image-overlay {
    justify-content: space-between;
    display: flex;
    flex-direction: row-reverse; /* Inversion de l'ordre des éléments */
    /* padding: 12em 6em 12em 6em;
    overflow: hidden; */
    transform: scaleX(-1);

}

.paragraphe-scroll{
    font-size:20px;
}

/* .section {
    padding: 80px 0;
} */

.r-container {
    padding-right: 15px;
    padding-left: 15px;
}

.gap-2 {
    gap: 0.5rem !important;
}

.outer-margin {
    margin-left: -7rem;
  }
/* .ls-2 {
    letter-spacing: 0.1em !important;
} */

/* .fw-semibold {
    font-weight: 600 !important;
} */

/* .accent-color-1 {
    color: black !important; /* Adjust color as needed 
} */

/* .bg-color-2 {
    background-color: white !important; /* Adjust color as needed 
} */


.click {
    cursor: pointer !important;
}
.btn-vd{
    margin-right: 120px;
    margin-top: 20px;
}
/* .rounded-3 {
    border-radius: 0.375rem !important;
} */

/* .border {
    border: 0 !important; /* Remove default border 
}*/
/*
.p-5 {
    padding: 1.25rem !important;
}

.justify-content-center {
    justify-content: center !important;
}

.align-items-center {
    align-items: center !important;
} */

/* .btn:hover {
    color: #fff !important; /* Adjust color as needed */
   /* background-color: green !important; /* Adjust color as needed */
   /* border-color: red !important; /* Adjust color as needed 
} */
.font-2{
    font-size: 17px;
}
.btn i {
    margin-left: 5px;
}
.btn-ar {
    margin-top: 20px;
}
.btn-ar1{
    margin-bottom: 18px;
}
.btn-ar2 {
    margin-top: 60px;
}

@media only screen and (max-width:990px) {
    span{
        font-size: 15px;
    }
    .btn-tel{
        justify-content: center;
    }
    .main-header-two__contact-list{
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: space-between;
    }
    .main-header-two__contact-list li i {
        display: none;
    }
    
}
